@charset "UTF-8";
/*font*/
/*$base_font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;*/
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }

@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }

/*! based on html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com */
html { box-sizing: border-box; }

*, ::before, ::after { box-sizing: inherit; }

body { background: transparent; color: #000; line-height: 1; -webkit-text-size-adjust: 100%; }

html[lang="ja"] body { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; }

/* main elements group */
audio, canvas, progress, video { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

/* a */
/**************************** setting end */
header#pc { position: relative; top: 0; left: 0; z-index: 99; width: 100%; }

.box { max-width: 1400px; width: 90%; margin: 0 auto; }

.box.min { max-width: 1000px; }

.box.min002 { max-width: 1200px; }

.box.min003 { max-width: 1200px; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 30px 2%; margin-bottom: 20px; }

.box.gray { background: #f7f7f7; padding: 30px 4%; }

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev:after, .swiper-button-next:after { bottom: 0; content: ""; height: 0; margin: auto; position: absolute; top: 0; width: 0; z-index: 99; cursor: pointer; }

/* 前への矢印カスタマイズ */
.swiper-button-prev:after { width: 20px; height: 20px; border-top: 3px solid #000; border-right: 3px solid #000; left: 6px; transform: rotate(-135deg); }

/* 次への矢印カスタマイズ */
.swiper-button-next:after { width: 20px; height: 20px; border-top: 3px solid #000; border-left: 3px solid #000; right: 6px; transform: rotate(135deg); }

.slick-track { padding-bottom: 20px; }

#page_nav { background: #666666; padding: 14px 0; }

#page_nav #page_nav001 { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; width: 92%; margin: 0 auto; }

#page_nav #page_nav001 #page_nav001_in { margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: calc((100% - 1400px) / 2); }

#page_nav #page_nav001 #page_nav001_in .page_nav001_list { margin-right: 16px; padding-right: 12px; position: relative; line-height: 1.2; }

#page_nav #page_nav001 #page_nav001_in .page_nav001_list:last-child { margin-right: 0; }

#page_nav #page_nav001 #page_nav001_in .page_nav001_list::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-top: 2px solid #fff; border-left: 2px solid #fff; right: 0; top: 50%; margin-top: -3px; transform: rotate(135deg); }

#page_nav #page_nav001 #page_nav001_in .page_nav001_list a { display: block; color: #fff; font-size: 0.8125rem; line-height: 1.2; }

#page_nav #page_nav001 #page_nav001_in .page_nav001_list a:hover { text-decoration: underline; }

#page_nav #page_nav001 #page_nav002_in { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list { margin-right: 14px; padding-right: 14px; position: relative; line-height: 1.2; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list:last-child { margin-right: 0; padding-right: 0; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list:last-child::before { display: none; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-top: 2px solid #fff; border-left: 2px solid #fff; right: 0; top: 50%; margin-top: -3px; transform: rotate(135deg); }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list a { text-decoration: underline; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list a:hover { text-decoration: none; }

#page_nav #page_nav001 #page_nav002_in .page_nav002_list a, #page_nav #page_nav001 #page_nav002_in .page_nav002_list span, #page_nav #page_nav001 #page_nav002_in .page_nav002_list h1, #page_nav #page_nav001 #page_nav002_in .page_nav002_list h2 { display: block; color: #fff; font-size: 0.8125rem; line-height: 1.2; }

#ca_top_txt001 { width: 90%; max-width: 1000px; margin: 0 auto; @inlucde fz(15); line-height: 2; color: #fff; text-align: left; margin-top: 40px; }

#ca_top_txt001.c001 { text-align: center; }

#ca_sign { margin-top: 40px; text-align: center; }

#ca_sign_txt { font-size: 0.875rem; color: #fff; margin: 14px auto 0; text-align: right; max-width: 1000px; width: 90%; }

.ca_top002 { padding: 5vw 0 3vw; }

.ca_top002 .ca_top_in { text-align: center; }

.ab_in { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 5vw 0; }

.ab_in .ab_in_01 { width: 92%; max-width: 1400px; margin: 0 auto; }

.ab_in .ab_in_01.t001 { padding-left: 25%; }

.ab_in .ab_in_01.t002 { padding-right: 25%; }

.ab_in .ab_in_01.t003 { text-align: center; }

.ab_in .ab_in_01 .ab_in_txt { color: #fff; line-height: 2; }

#ca_top002 { padding: 5vw 0; }

#ca_top002.part { padding: 5vw 0 3vw; }

#ca_top002.ev001 { padding: 5vw 0 2vw; }

#ca_top002 #ca_top_in { text-align: center; }

#ca_top002 #ca_top_in .se_txt001 { padding-top: 30px; }

#ca_top002 #ca_top_in #ca_top_md001 { font-size: 1.5rem; color: #fff; line-height: 1.2; margin-bottom: 20px; }

#ca_top002 #ca_top_in #ca_top_md001.part001 { margin-bottom: 0; margin-top: 10px; }

#ca_top002 #ca_top_in #ca_top_md001.bc { color: #000; }

#ca_top002 #ca_top_in #ca_top_md002 { font-size: 6.4vw; color: #fff; line-height: 1.2; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-weight: 100; }

#ca_top002 #ca_top_in #ca_top_md002.ja { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 2.7vw; font-weight: 200; }

#ca_top002 #ca_top_in #ca_top_md002.part001 { font-size: 4vw; }

#ca_top002 #ca_top_in #ca_top_md002.bc { color: #000; }

.ca_top_md001 { font-size: 1.5rem; line-height: 1.2; margin-bottom: 20px; font-weight: 300; }

.ca_top_md001.part001 { margin-bottom: 0; margin-top: 10px; }

.ca_top_md001.bc { color: #000; }

.ca_top_md002 { font-size: 2.7vw; line-height: 1.2; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-weight: 200; }

#ab_box { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 92%; max-width: 1200px; margin: 0 auto; }

#ab_box #ab_box_l { width: 40%; padding-right: 5%; text-align: right; }

#ab_box #ab_box_l img { max-width: 100%; }

#ab_box #ab_box_r { width: 60%; }

#ab_box .ab_md001 { font-size: 3vw; color: #fff; font-weight: 200; }

#ca_top { width: 100%; max-height: 400px; height: 42vw; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 3vw 0; }

#ca_top.ind002 { padding: 8vw 0; max-height: 500px; }

#ca_top.ind003 { padding: 8vw 0; max-height: 600px; }

#ca_top.ind { max-height: inherit !important; min-height: 700px; }

#ca_top #ca_top_in { text-align: center; }

#ca_top #ca_top_in #ca_top_md001 { font-size: 1.5rem; color: #fff; line-height: 1.2; margin-bottom: 20px; }

#ca_top #ca_top_in #ca_top_md001.bc { color: #000; }

#ca_top #ca_top_in #ca_top_md002 { font-size: 6.4vw; color: #fff; line-height: 1.2; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-weight: 100; }

#ca_top #ca_top_in #ca_top_md002.two { line-height: 1; font-size: 5.8vw; }

#ca_top #ca_top_in #ca_top_md002.three { line-height: 1; font-size: 5vw; }

#ca_top #ca_top_in #ca_top_md002.bc { color: #000; }

.se_box001 { position: relative; z-index: 10; margin-bottom: -50px; }

.se_box001 .se_box001_in { padding-left: 6%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; width: 100%; }

.se_box001 .se_box001_in .se_box001_r { width: 44%; }

.se_box001 .se_box001_in .se_box001_r .se_box001_r_ph img { width: 100%; }

.se_box001 .se_box001_in .se_box001_l { padding-right: 5%; width: 56%; }

.se_box001 .se_box001_in .se_box001_l .se_box001_l_md { font-size: 2.2vw; line-height: 1.3; margin-bottom: 40px; font-weight: 300; }

.se_txt001 { line-height: 1.6; margin-bottom: 30px; }

.se_txt001:last { margin-bottom: 0; }

.full_txt001 { line-height: 1.6; margin-top: 20px; text-align: center; }

/* ------------------------- */
/* タブ */
/* ------------------------- */
@keyframes tab_ani001 { 0% { opacity: 0;
    visibility: hidden; }
  1% { opacity: 0;
    visibility: visible; }
  100% { opacity: 1;
    visibility: visible; } }

.tab-area { display: -ms-flexbox; display: flex; cursor: pointer; width: 100%; }

.tab { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

/* ------------------------- */
/* タブの中身 */
/* ------------------------- */
.panel { display: none; opacity: 0; visibility: hidden; text-align: center; -ms-flex-direction: column; flex-direction: column; }

.panel.panel_active { animation: tab_ani001 0.5s forwards; animation-fill-mode: both; }

.se_step001 { position: relative; }

.se_step001.se003 .box { padding: 60px 0; }

.se_step001.se003::before { height: 20vw; }

.se_step001.se003::after { display: none; }

.se_step001.s02 .se_md_box .se_md001 { color: #fff; }

.se_step001.s02 .se_md_box .se_txt001 { color: #fff; }

.se_step001.s02 .se_number em { background-image: url(/common/image/step_bg02.svg); }

.se_step001.s02 .se_number i { background: #444; }

.se_step001.s02::before { background: #000; }

.se_step001 .box { padding: 100px 0 90px; }

.se_step001 .se_number { position: absolute; left: 0; top: 0; display: table; }

.se_step001 .se_number em { display: table-cell; width: 70px; height: 100%; background-image: url(/common/image/step_bg.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.se_step001 .se_number i { display: table-cell; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background: #000; color: #fff; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2.5vw; font-weight: 200; line-height: 1; padding: 10px 0 10px 20px; position: relative; /*&::after { // content: ""; content: url('/common/image/step_bg.svg'); display: inline-block; width: 60px; height: 100%; background-image: url(/common/image/step_bg.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; position: absolute; left: calc(100% - 1px); top: 0; }*/ }

.se_step001.sel::before { content: ""; display: block; background-image: url(/image/product/linn_dsm/select/bg_lineup.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -2; width: 100%; max-height: 600px; height: 30vw; position: absolute; left: 0; top: 0; }

.se_step001.sel .box { padding: 60px 0 90px; }

.se_step001::before { content: ""; display: block; background: #f7f7f7; z-index: -2; width: 100%; max-height: 600px; height: 30vw; position: absolute; left: 0; top: 0; }

.se_step001::after { content: ""; display: block; background: #000; height: 2px; width: 100%; position: absolute; top: 0; z-index: 1; left: 0; }

.se_md_box { margin-bottom: 45px; }

.se_md_box .se_md001 { margin-bottom: 34px; font-size: 2.2vw; line-height: 1.3; font-weight: 300; text-align: center; }

.se_md_box .se_md001.en { font-size: 3vw; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; }

.se_md_box .se_md001.wc { color: #fff; }

.se_md_box .se_md001.sel { margin-bottom: 8vw; color: #fff; }

.se_md_box .se_txt001 { max-width: 1000px; width: 90%; margin: 0 auto; line-height: 2; }

.se_md_box .se_txt001.center { text-align: center; }

.se_txt002 { max-width: 1000px; width: 90%; margin: 0 auto; line-height: 2; }

.se_txt002.soft { margin-bottom: 20px; }

.se_txt002.red { color: #ff0000; font-size: 0.9375rem; font-weight: 500; }

.se_txt002.center { text-align: center; }

.tab-area { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.tab-area .tab { margin-right: 14px; }

.tab-area .tab.panel_active i { transform: scale(1.15); }

.tab-area .tab.panel_active i.photo { opacity: 1; }

.tab-area .tab:last-child { margin-right: 0; }

.tab-area .tab i { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 24px; height: 24px; border-radius: 24px; transition: 0.3s ease-in-out; }

.tab-area .tab i.photo { background-image: url(/common/image/photo_icon.png); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 0px; opacity: .6; }

.tab-area .tab i.gray { background: #9e9e9e; }

.tab-area .tab i.black { background: #000; }

.tab-area .tab i.blackash { background: #000; }

.tab-area .tab i.walnut { background: #936850; }

.tab-area .tab i.rosenut { background: #591e15; }

.tab-area .tab i.cherry { background: #944d28; }

.tab-area .tab i.oak { background: #a7845a; }

.se_pro.in_area .se_pro_list, .se_pro003.in_area .se_pro_list { box-shadow: none; background: #f7f7f7; }

.se_pro .se_pro_list, .se_pro003 .se_pro_list { width: 49%; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; margin: 0 10px; }

.se_pro .se_pro_list .se_pro_main, .se_pro003 .se_pro_list .se_pro_main { padding: 50px 6%; }

.se_pro .se_pro_list .se_pro_main .acc001, .se_pro003 .se_pro_list .se_pro_main .acc001 { padding-top: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 0.9375rem; }

.se_pro .se_pro_list .se_pro_main .acc001 a, .se_pro003 .se_pro_list .se_pro_main .acc001 a { text-decoration: underline; font-weight: bold; }

.se_pro .se_pro_list .se_pro_main .acc001 a:hover, .se_pro003 .se_pro_list .se_pro_main .acc001 a:hover { text-decoration: none; }

.ac_sp_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2vw; font-weight: 200; margin-bottom: 20px; }

.ac_sp_md em { padding-left: 10px; font-size: 1vw; font-weight: 200; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; }

.ac_sp_md002 { font-size: 2vw; font-weight: 200; margin-bottom: 20px; }

.ac_sp_md003 { font-size: 1.8vw; font-weight: 200; text-align: center; margin-bottom: 20px; }

.ad_box001 { margin-top: -20px; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.ad_box001 .se_pro_md { font-size: 1.6vw; margin-right: 10px; }

.se_pro_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2vw; font-weight: 200; text-align: center; margin-bottom: 20px; }

.se_pro_md.tit002 { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 1.3vw; }

.se_pro_md i { font-size: 1.2vw; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; line-height: 1; }

.se_pro_md i.ko001 { display: block; }

.se_pro_md i.sum { font-size: .9vw; }

.se_pro_md002 { margin-bottom: 20px; margin-top: -20px; font-weight: 400; text-align: center; }

.se_tab_txt001 { margin-top: 30px; }

.se_tab_txt002 { font-size: 0.9375rem; }

.se_ph { margin: 0 auto; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.se_ph img { max-width: 100%; margin: 0 auto; }

.se_tab_link a { display: block; width: 100%; padding: 16px; text-align: center; background: #000; transition: 0.3s ease-in; }

.se_tab_link a:hover { background: #f7f7f7; }

.se_tab_link a:hover i { color: #000; }

.se_tab_link a:hover i::after { opacity: 1; }

.se_tab_link a i { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: relative; padding-left: 38px; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #fff; font-weight: 400; font-size: 1.625rem; transition: 0.3s ease-in; }

.se_tab_link a i::after { content: ""; display: block; width: 24px; height: 24px; background-image: url(/common/image/more_icon001_on.png); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0; top: 50%; margin-top: -12px; z-index: 2; transition: 0.3s ease-in; opacity: 0; }

.se_tab_link a i::before { content: ""; display: block; width: 24px; height: 24px; background-image: url(/common/image/more_icon001.png); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0; top: 50%; margin-top: -12px; z-index: 1; transition: 0.3s ease-in; }

.se_pro .prev-arrow, .se_pro003 .prev-arrow { position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -10px; display: inline-block; width: 40px; height: 40px; border-left: 10px solid #000; border-bottom: 10px solid #000; transform: rotate(45deg); cursor: pointer; }

.se_pro .next-arrow, .se_pro003 .next-arrow { position: absolute; top: 50%; right: 0; z-index: 10; margin-top: -10px; display: inline-block; width: 40px; height: 40px; border-top: 10px solid #000; border-right: 10px solid #000; transform: rotate(45deg); cursor: pointer; }

.se_pro02 .slick-track { padding-bottom: 0; }

.se_pro02 .prev-arrow { position: absolute; bottom: 4.5vw; left: 0; z-index: 10; margin-top: -20px; display: inline-block; width: 30px; height: 30px; border-left: 6px solid #000; border-bottom: 6px solid #000; transform: rotate(45deg); cursor: pointer; }

.se_pro02 .next-arrow { position: absolute; bottom: 4.5vw; right: 0; z-index: 10; margin-top: -20px; display: inline-block; width: 30px; height: 30px; border-top: 6px solid #000; border-right: 6px solid #000; transform: rotate(45deg); cursor: pointer; }

.sys_pack001_box .prev-arrow { position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -10px; display: inline-block; width: 40px; height: 40px; border-left: 10px solid #000; border-bottom: 10px solid #000; transform: rotate(45deg); cursor: pointer; }

.sys_pack001_box .next-arrow { position: absolute; top: 50%; right: 0; z-index: 10; margin-top: -10px; display: inline-block; width: 40px; height: 40px; border-top: 10px solid #000; border-right: 10px solid #000; transform: rotate(45deg); cursor: pointer; }

.ph_tem001 { max-width: 1200px; width: 100%; margin: 0 auto 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.ph_tem001 .ph_tem001_list { width: 49%; margin-right: 2%; }

.ph_tem001 .ph_tem001_list img { width: 100%; }

.ph_tem001 .ph_tem001_list:last-child { margin-right: 0; }

.step04_box { box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; padding: 30px 4%; }

.step04_box .step04_box_ph { max-width: 804px; width: 90%; margin: 0 auto 30px; }

.step04_box .step04_box_ph img { width: 100%; }

.step02_box { box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 30px 4%; }

.step02_box .step02_box_ph { width: 305px; max-width: 20%; margin-right: 4%; }

.step02_box .step02_box_ph img { width: 100%; }

.step02_box .step02_nav { width: calc(100% - 305px); max-width: 76%; }

.step02_box .step02_nav .step02_nav_in { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list { width: 49%; margin-right: 2%; margin-bottom: 10px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a { display: block; background: #f7f7f7; padding: 24px 46px 24px 20px; position: relative; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a .step02_nav_sub { @inlude fz(15); padding-top: 14px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a:hover::before { margin-right: 5px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a:hover::after { margin-right: 5px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a::before { content: ""; display: block; position: absolute; top: 50%; right: 14px; width: 10px; height: 1px; background: #000; transform: rotate(45deg); transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a::after { content: ""; display: block; position: absolute; top: 50%; right: 14px; width: 24px; height: 1px; background: #000; margin-top: 4px; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a i { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.4vw; line-height: 1.2; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list a span { line-height: 1.2; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div { display: block; background: #f7f7f7; padding: 24px 46px 24px 20px; position: relative; transition: 0.3s ease-in; /*&::before { content: ""; display: block; position: absolute; top: 50%; right: 14px; width: 10px; height: 1px; background: $bc; transform: rotate(45deg); @include transition(.3s ease-in); } &::after { content: ""; display: block; position: absolute; top: 50%; right: 14px; width: 24px; height: 1px; background: $bc; margin-top: 4px; @include transition(.3s ease-in); }*/ }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div .step02_nav_sub { @inlude fz(15); padding-top: 14px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div:hover::before { margin-right: 5px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div:hover::after { margin-right: 5px; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div i { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.4vw; line-height: 1.2; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list div span { line-height: 1.2; transition: 0.3s ease-in; }

.step02_box .step02_nav .step02_nav_in .step02_nav_list:nth-child(2n) { margin-right: 0; }

.step04_txt001 { max-width: 1000px; width: 90%; margin: 0 auto; line-height: 2; padding-top: 40px; }

.step04_txt001.center { text-align: center; }

#product_select { position: relative; padding-top: 40px; padding-bottom: 60px; }

#product_select .ps_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 4vw; line-height: 1.2; color: #fff; text-align: center; font-weight: 200; margin-bottom: 30px; }

#product_select::before { content: ""; display: block; background: #ddd; z-index: -2; width: 100%; max-height: 600px; height: 16vw; position: absolute; left: 0; top: 0; }

.ps_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3vw; line-height: 1.2; color: #fff; text-align: center; font-weight: 200; margin-bottom: 30px; }

.ps_md002_sm { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2.4vw; line-height: 1.2; text-align: center; font-weight: 200; margin-bottom: 30px; }

.ps_md002 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3vw; line-height: 1.2; color: #fff; text-align: center; font-weight: 200; margin-bottom: 30px; }

.ps_md002.rou { font-size: 2.4vw; }

.ps_md003 { font-size: 2vw; line-height: 1.2; color: #fff; text-align: center; font-weight: 200; margin-bottom: 30px; }

#sys_pack001 { position: relative; padding-top: 40px; padding-bottom: 60px; background: #fff; }

#sys_pack001 .ps_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3vw; line-height: 1.2; color: #fff; text-align: center; font-weight: 200; margin-bottom: 16px; }

#sys_pack001::before { content: ""; display: block; background: #ddd; z-index: 0; width: 100%; max-height: 300px; height: 45%; position: absolute; left: 0; top: 0; }

.ps_btn.in { margin-bottom: 30px; }

.ps_btn.price a { border: solid 1px #fff; }

.ps_btn.sep a { border: solid 1px #fff; box-shadow: 0 0 0 rgba(119, 119, 119, 0); color: #fff; background: none; }

.ps_btn.sep a:hover { background: #fff; color: #000; }

.ps_btn.sep a:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.ps_btn.sep a::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.ps_btn a { border-radius: 100px; padding: 14px 0 14px 0; position: relative; background: #fff; display: block; width: 60%; max-width: 350px; transition: 0.3s ease-in; text-align: center; margin: 0 auto; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); }

.ps_btn a:hover { background: #000; color: #fff; }

.ps_btn a:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.ps_btn a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 30px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); transition: 0.3s ease-in; }

.ps_nav { margin: 30px; }

.ps_nav .ps_nav_in { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ps_nav .ps_nav_in .ps_list { width: 25%; }

.ps_nav .ps_nav_in .ps_list a { padding: 20px 0; display: block; }

.ps_nav .ps_nav_in .ps_list a .ps_nav_box { width: 90%; margin: 0 auto; }

.ps_nav .ps_nav_in .ps_list a .ps_nav_box .ps_nav_md { font-size: 0.875rem; text-align: center; margin-top: 20px; }

.ps_nav .ps_nav_in .ps_list a .ps_nav_box .ps_nav_ph { text-align: center; }

.ps_nav .ps_nav_in .ps_list a .ps_nav_box .ps_nav_ph img { max-width: 100%; }

.full_sys { padding: 0 4% 40px; }

.sys_pack002_box { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sys_pack002_box .sys_pack001_list { width: 32%; margin-right: 2%; }

.sys_pack002_box .sys_pack001_list.ab { width: 30%; margin-right: 5%; }

.sys_pack002_box .sys_pack001_list a { display: block; transition: 0.3s ease-in; }

.sys_pack002_box .sys_pack001_list a:hover { background: #fff; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); transform: translate(0, -10px); }

.sys_pack002_box .sys_pack001_list a:hover .sys_ph img { transform: scale(1.1, 1.1); }

.sys_pack002_box .sys_pack001_list a .sys_md002 { font-size: 0.875rem; text-align: center; margin-top: 20px; }

.sys_pack002_box .sys_pack001_list a .sys_md_area { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.sys_pack002_box .sys_pack001_list a .sys_md001 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.7vw; font-weight: 200; line-height: 1.2; text-align: center; }

.sys_pack002_box .sys_pack001_list a .sys_ph { text-align: center; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.sys_pack002_box .sys_pack001_list a .sys_ph img { display: block; max-width: 100%; margin: 0 auto; transition: 1s ease-in; }

.sys_pack002_box .sys_pack001_list:nth-child(3n) { margin-right: 0; }

.sys_pack002_box .sys_pack001_list:last-child { margin-right: 0; }

.sys_pack001_nav { width: 92%; margin: 0 auto; max-width: 1680px; }

.sys_pack001_nav.in { margin-top: 30px; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a { display: block; padding: 40px 4% 40px; transition: 0.3s ease-in; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a:hover { background: #fff; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); transform: translate(0, -10px); }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_md002 { font-size: 0.875rem; text-align: center; margin-top: 20px; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_md_area { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_md001 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.7vw; font-weight: 200; line-height: 1.2; text-align: center; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_ph { text-align: center; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_ph img { display: block; max-width: 100%; margin: 0 auto; }

.sys_pack001_nav .sys_pack001_box .sys_pack001_list:nth-child(3n) { margin-right: 0; }

#sys_pack002 { background-image: url(/image/product/lp12/bg_sep.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 60px; padding-bottom: 60px; }

#sys_pack002.sel { background-image: url(/image/product/linn_dsm/bg_sep.jpg); }

#sys_pack002.k500 { background-image: url(/image/product/power_amp/klimax500/bg_ph002.jpg); }

#sys_pack002.idea { background-image: url(/image/about/idea_ph005.jpg); padding-top: 150px; padding-bottom: 150px; }

#sys_pack002.rou { background-image: url(/image/product/power_amp/klimax800/bg_ph002.jpg); padding-top: 100px; padding-bottom: 100px; }

#sys_pack002 .ps_txt001 { width: 92%; margin: 0 auto 40px; max-width: 1000px; color: #fff; line-height: 2; }

.lp12_box { position: relative; padding-top: 40px; margin-bottom: 60px; }

.lp12_box::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 90%; height: 50%; max-width: 1800px; transform: translate(-50%, -50%); background: #f7f7f7; }

.lp12_box .lp12_box_in { padding-left: 10%; width: 100%; position: relative; z-index: 2; margin-left: auto; }

.lp_box002 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; padding-right: calc((100% - 1400px) / 2); margin-top: -2vw; }

.lp_box002 .lp_box002_l { width: 30%; }

.lp_box002 .lp_box002_l .lp_box002_r_ph img { width: 100%; }

.lp_box002 .lp_box002_r { width: 70%; padding-left: 5%; padding-right: 5%; padding-bottom: 6vw; }

.lp_box001 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; }

.lp_box001 .lp_box001_l { width: 60%; padding-right: 5%; padding-top: 2vw; }

.lp_box001 .lp_box001_r { width: 40%; }

.lp_box001 .lp_box001_r .lp_box001_r_ph img { width: 100%; }

.lp_l_md001 { font-size: 2.2vw; line-height: 1.3; margin-bottom: 40px; font-weight: 300; }

.lp_l_txt001 { line-height: 2; }

.pro_box001_md001 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.7vw; font-weight: 200; line-height: 1.2; margin-bottom: 30px; }

.pro_box001_md003 { width: 90%; max-width: 1000px; margin: 0 auto; }

.pro_box001_md002 { font-size: 2vw; font-weight: 200; line-height: 1.2; margin-bottom: 40px; }

.pro_box001_md002 em { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 1.2vw; line-height: 1.2; font-weight: 200; padding-left: 10px; }

.pro_box001_md002.add001 { font-size: 2.4vw; }

.pro_box001_md002.add002 { font-size: 1.2vw; line-height: 1; }

.pro_box001_md002.wc { color: #fff; }

.pro_box001_md002.en { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2.4vw; line-height: 1.2; text-transform: uppercase; }

.pro_box001_txt001 { line-height: 2.2; }

.pro_box001_txt001.wc { color: #fff; }

.pro_area001 { padding-bottom: 4vw; position: relative; overflow: hidden; }

.pro_area001.ch001::before { height: 80%; bottom: 18%; margin-bottom: -4vw; }

.pro_area001::before { content: ""; display: block; width: 100%; height: 90%; bottom: 0; left: 0; background: #f7f7f7; z-index: -1; position: absolute; margin-bottom: -4vw; }

.pro_area001 .pro_area001_in .pro_box001 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; }

.pro_area001 .pro_area001_in .pro_box001.sep001 { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.pro_area001 .pro_area001_in .pro_box001.sep001 .pro_box001_r { width: 50%; margin-right: -10%; padding-top: 4vw; padding-left: 6%; padding-right: 0; margin-left: 0; }

.pro_area001 .pro_area001_in .pro_box001 .pro_box001_l { width: 60%; position: relative; z-index: 1; -ms-flex-item-align: start; align-self: flex-start; }

.pro_area001 .pro_area001_in .pro_box001 .pro_box001_l .pro_box001_ph { position: relative; width: 100%; height: 100%; }

.pro_area001 .pro_area001_in .pro_box001 .pro_box001_l .pro_box001_ph img { display: block; max-width: 100vw; }

.pro_area001 .pro_area001_in .pro_box001 .pro_box001_r { width: 45%; margin-left: -5%; padding-top: 4vw; padding-right: 6%; position: relative; z-index: 2; margin-bottom: -2vw; }

.pro_area001 .pro_area001_in .pro_box001 .pro_box001_r .pro_box001_r_in { background: #fff; }

.pro_md001 { margin-bottom: 34px; font-size: 2.2vw; line-height: 1.3; font-weight: 300; text-align: center; }

.pro_box003 { position: relative; padding: 60px 0 60px; background: #000; }

.pro_box003 .pro_md001 { color: #fff; }

.pro_box002 { position: relative; padding: 60px 0 60px; }

.pro_box002::before { content: ""; display: block; background: #f7f7f7; z-index: -2; width: 100%; max-height: 600px; height: 30vw; position: absolute; left: 0; top: 0; }

.pro_body { box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; padding: 30px 4%; }

.pro_body.sub001 { padding: 60px 4%; }

.pro_body.add001 { margin-bottom: 20px; }

.pro_body_md { font-size: 1.6vw; text-align: center; margin-bottom: 20px; font-weight: 300; }

.pro_box002 .m_h { margin-bottom: 20px; }

.pro_box002 .se_pro_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2vw; font-weight: 200; text-align: center; margin-bottom: 25px; text-transform: uppercase; line-height: 1; }

.pro_box002 .se_pro_md.tit002 { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 1.6vw; }

.pro_box002 .se_pro_md i { font-size: 1.2vw; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; }

.pro_box002 .se_pro_main { display: -ms-flexbox; display: flex; -ms-flex-pack: flex-center; justify-content: flex-center; -ms-flex-align: flex-center; align-items: flex-center; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: #f7f7f7; padding: 30px 6%; }

.pro_box002 .se_pro_main .tab-area { margin-bottom: 0; }

.pro_box002 .se_pro_main .panel-area .panel { -ms-flex-direction: column; flex-direction: column; }

.pro_box002 .se_pro_main .panel-area .panel .se_pro_md002 { margin-bottom: 0; }

.pro_sub_list002 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 30px 0; }

.pro_sub_list002.four li { width: calc(100% * 3); width: 33.333333%; }

.pro_sub_list002 li { width: calc(100% * 2); width: 50%; }

.pro_sub_list002 li .pro_body_sub_in { text-align: center; }

.pro_sub_list002 li img { max-width: 100%; display: block; margin: 0 auto; }

.pro_body002 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; }

.pro_body002 .pro_body002_in { box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; padding: 30px 4%; width: 49%; margin-right: 2%; margin-bottom: 20px; }

.pro_body002 .pro_body002_in:nth-child(2n) { margin-right: 0; }

.pro_body002 .pro_body002_in .pro_body002_in_box { background: #f7f7f7; padding: 30px 6%; }

.pro_body_txt { max-width: 1000px; margin: 0 auto; }

.pro_body_txt .part_md_box { margin-top: 30px; }

.pro_body_txt .part_md_box .part_md { position: relative; padding-left: 24px; font-size: 1.125rem; font-weight: 500; line-height: 1.2; }

.pro_body_txt .num01 li { font-size: 1.125rem; }

.pro_body_txt .pro_body_txt_in { font-size: 1.1875rem; line-height: 2; }

.pro_body_txt .pro_body_txt_in.sub002 { font-size: 1.0625rem; line-height: 2; }

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

.pro_body_sub img { max-width: 100%; }

.hub_sub { position: relative; z-index: 2; max-width: 1000px; margin: 30px auto 0; }

.hub_sub .hub_sub_in { margin-bottom: 50px; }

.hub_sub .hub_sub_in .hub_sub_box { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_l { width: 60%; padding-right: 4%; }

.hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_r { width: 40%; }

.hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_r img { width: 100%; }

.hub_sub .hub_sub_in:last-child { margin-bottom: 0; }

.hub_sub_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.875rem; font-weight: 200; margin-bottom: 20px; line-height: 1; }

.hub_sub_md i { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 0.9375rem; font-weight: 400; }

.hub_sub_txt001 { font-size: 0.9375rem; }

.hub_md { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3.8vw; font-weight: 200; text-align: center; margin-bottom: 30px; line-height: 1; text-align: center; }

.hub_txt001 { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-size: 1.25rem; text-align: center; font-weight: 400; line-height: 1.4; }

.hub_txt002 { position: relative; z-index: 3; width: 92%; max-width: 1000px; margin: 60px auto 0; }

.hub_txt002.spe001 { margin-top: 0; }

.hub_txt003 { position: relative; z-index: 3; }

.hub_txt004 { color: #fff; padding-top: 10px; }

.exa_list_md { margin-bottom: 20px; }

.hub_area { padding-top: 6vw; padding-bottom: 6vw; }

.hub_area .hub_area_in { width: 94%; max-width: 1400px; margin: 0 auto; }

.hub_area .hub_box001 { width: 92%; max-width: 1000px; margin: 0 auto; }

.hub_area .hub_box002 { position: relative; }

.hub_area .hub_box002 .se_pro_box .se_pro .se_pro_list { box-shadow: none; background: none; }

.hub_area .hub_box002.sep002::before { height: 60%; }

.hub_area .hub_box002::before { content: ""; display: block; height: 100%; width: 100%; left: 50%; top: 50%; background: #f7f7f7; position: absolute; transform: translate(-50%, 0); }

.hub_area .hub_box002 .hub_box_in { width: 92%; max-width: 1000px; margin: 4vw auto 80px; position: relative; z-index: 2; }

.hub_area .hub_box002 .hub_box_in img { max-width: 100%; }

.exa_list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; padding-top: 30px; }

.exa_list .exa_list_in { width: 49%; margin-right: 2%; }

.exa_list .exa_list_in:last-child { margin-right: 0; }

.exa_list .exa_list_in img { width: 100%; }

.exa_list_txt { color: #fff; padding-top: 60px; }

.se03_list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; max-width: 1000px; width: 90%; margin: 0 auto; }

.se03_list li { margin-right: 2%; width: 49%; }

.se03_list li img { width: 100%; }

.se03_list li:last-child { margin-right: 0; }

.pro_lay001 { position: relative; padding-left: 6%; padding-top: 60px; }

.pro_lay001::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80%; background: #f7f7f7; z-index: 1; }

.pro_lay001 .pro_lay001_in { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; position: relative; z-index: 2; }

.pro_lay001 .pro_lay001_in .pro_lay001_l { width: 51%; position: relative; z-index: 2; margin-right: -1%; padding: 60px 6% 8vw; background: #fff; }

.pro_lay001 .pro_lay001_in .pro_lay001_r { width: 53%; position: relative; z-index: 1; margin-left: -3%; }

.pro_lay001 .pro_lay001_in .pro_lay001_r img { width: 100%; }

.pro_add001 { overflow: hidden; padding: 60px 0; position: relative; }

.pro_add001::before { content: ""; width: 40%; height: 70%; z-index: -1; background: #f7f7f7; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); display: block; }

.pro_add001.rev::before { display: none; }

.pro_add001.rev::after { content: ""; width: 40%; height: 70%; z-index: -1; background: #f7f7f7; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); display: block; }

.pro_add001.rev .pro_add001_in { -ms-flex-direction: row; flex-direction: row; }

.pro_add001.rev .pro_add001_in .pro_add001_r { padding-left: 10%; padding-right: 0; }

.pro_add001 .pro_add001_in { width: 90%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; z-index: 2; max-width: 1600px; }

.pro_add001 .pro_add001_in .pro_add001_l { width: 55%; }

.pro_add001 .pro_add001_in .pro_add001_r { width: 45%; padding-right: 10%; }

.pro_add001 .pro_add001_in .pro_add001_r img { width: 100%; }

.pro_lay002 { position: relative; padding-top: 20px; background: #f7f7f7; padding-bottom: 60px; }

.pro_lay002.p360 { padding-top: 60px; padding-bottom: 60px; }

.pro_lay002::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 30%; background: #fff; z-index: 1; }

.pro_lay002 .pro_lay002_in { width: 90%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; z-index: 2; max-width: 1600px; }

.pro_lay002 .pro_lay002_in .pro_lay002_l { -ms-flex-item-align: end; align-self: flex-end; width: 60%; padding-left: 6%; padding-bottom: 2vw; padding-right: 8vw; }

.pro_lay002 .pro_lay002_in .pro_lay002_r { width: 40%; }

.pro_lay002 .pro_lay002_in .pro_lay002_r img { width: 100%; display: block; margin: 0 auto; }

.pro_lay003 { background-image: url(/image/product/power_amp/klimax800/bg_ph001.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 100px; padding-bottom: 100px; }

.pro_lay003.k500 { background-image: url(/image/product/power_amp/klimax500/bg_ph001.jpg); }

.pro_lay003.p150 { background-image: url(/image/product/speaker/150_ph004.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.p150.adap { background-image: url(/image/technology/ada_ph003.jpg); }

.pro_lay003.p150 .pro_box001_md002 { color: #fff; }

.pro_lay003.p150 .pro_box001_txt001 { color: #fff; }

.pro_lay003.p360 { background-image: url(/image/product/speaker/360_ph002.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.p360 .pro_box001_md002 { color: #fff; }

.pro_lay003.p360 .pro_box001_txt001 { color: #fff; }

.pro_lay003.p530 { background-image: url(/image/product/speaker/bg530_001.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.p530 .pro_box001_md002 { color: #fff; }

.pro_lay003.p530 .pro_box001_txt001 { color: #fff; }

.pro_lay003.kli { background-image: url(/image/product/linn_dsm/klimax/pro_ph005.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.kli .pro_box001_md002 { color: #fff; }

.pro_lay003.kli .pro_box001_txt001 { color: #fff; }

.pro_lay003.kli02 { background-image: url(/image/product/linn_dsm/klimax/pro_ph005_02.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.kli02 .pro_box001_md002 { color: #fff; }

.pro_lay003.kli02 .pro_box001_txt001 { color: #fff; }

.pro_lay003.kli03 { background-image: url(/image/product/linn_dsm/klimax/pro_ph005_03.jpg); padding-top: 140px; padding-bottom: 140px; }

.pro_lay003.kli03 .pro_box001_md002 { color: #fff; }

.pro_lay003.kli03 .pro_box001_txt001 { color: #fff; }

.pro_lay003 .pro_lay003_in { width: 90%; max-width: 1400px; margin: 0 auto; }

.pro_lay003 .pro_lay003_in .pro_lay003_l { width: 50%; }

.pro_lay004 { position: relative; margin-top: 100px; margin-bottom: 100px; }

.pro_lay004::before { content: ""; display: block; position: absolute; top: 45%; left: 0; width: 40%; height: 90%; background: #f7f7f7; z-index: 1; transform: translate(0, -45%); }

.pro_lay004 .pro_lay004_in { width: 90%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; z-index: 2; max-width: 1600px; }

.pro_lay004 .pro_lay004_in .pro_lay004_l { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 60%; padding-left: 6%; padding-bottom: 2vw; }

.pro_lay004 .pro_lay004_in .pro_lay004_r { width: 40%; }

.pro_lay004 .pro_lay004_in .pro_lay004_r img { width: 100%; }

.pro_pharea { padding-top: 30px; padding-bottom: 30px; }

.pro_pharea .pro_pharaa_in { width: 90%; margin: 0 auto; max-width: 1600px; }

.pro_pharea .pro_pharaa_in img { width: 100%; }

.pro_pharea.gray { background: #f7f7f7; }

.lay_360_in { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; }

.lay_360_in.blo { display: block; margin-bottom: 60px; }

.lay_360_in.blo .pro_box001_md002 { margin-bottom: 20px; }

.lay_360_in .lay_360_in_l { width: 60%; padding-right: 5%; }

.lay_360_in .lay_360_in_r { width: 40%; }

.lay_360_in .lay_360_in_r img { max-width: 100%; width: 100%; }

.lay_360 { position: relative; padding-top: 60px; padding-bottom: 60px; }

.lay_360.adap::before { background-image: url(/image/technology/ada_ph001.jpg); }

.lay_360.spe_opt::before { background-image: url(/image/technology/spa_ph008.jpg); }

.lay_360::before { content: ""; display: block; background-image: url(/image/product/speaker/bg360_001.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: -2; width: 100%; max-height: 600px; height: 30vw; position: absolute; left: 0; top: 0; }

.g_box001 { padding: 20px; background: #f7f7f7; margin-top: 30px; }

.g_box001 li { margin-bottom: 10px; }

.g_box001 li .g_box001_txt { font-size: 0.9375rem; }

.g_box001 li:last-child { margin-bottom: 0; }

.va150 { background: #fff; padding: 30px 4%; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); margin-bottom: 20px; }

.va150.adap { padding: 60px 4%; }

.va150 .se_txt001 { max-width: 1000px; width: 90%; margin: 0 auto; line-height: 2; }

.va150 .se_txt001.center { text-align: center; }

.va_box001 { margin-top: 24px; }

.va_box001 .va_ph001 { text-align: center; position: relative; z-index: 2; }

.va_box001 .va_ph001 img { max-width: 100%; }

.va_md001 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.2vw; text-align: center; text-transform: uppercase; line-height: 1; margin-top: 20px; }

.va_list001_list { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 30px 4%; }

.va_list001_list li { width: 23.5%; margin-right: 2%; position: relative; z-index: 2; }

.va_list001_list li .va_list_ph { text-align: center; }

.va_list001_list li .va_list_ph img { max-width: 100%; }

.va_list001_list li:last-child { margin-right: 0; }

.va_list001_list::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 120%; background: #f7f7f7; z-index: 0; }

.ex_area001 { position: relative; padding: 60px 0; }

.ex_area001::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 40%; background: #f7f7f7; z-index: 0; transform: translate(0, -50%); }

.ex_area001 .ex_area001_in { width: 90%; margin: 0 auto; max-width: 1400px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }

.ex_area001 .ex_area001_in .ex_area001_l { width: 60%; padding-right: 10%; }

.ex_area001 .ex_area001_in .ex_area001_r { text-align: center; width: 40%; }

.ex_area001 .ex_area001_in .ex_area001_r img { max-width: 100%; }

.exa_ph002 { margin-bottom: 30px; }

.exa_ph002 img { max-width: 100%; }

.exa_sp { background: #fff; padding: 30px 4%; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); }

.exa_sp .exa_ph { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin-bottom: 24px; }

.exa_sp .exa_ph li { width: 49%; margin-right: 2%; }

.exa_sp .exa_ph li .exa_ph_in { margin-bottom: 14px; }

.exa_sp .exa_ph li .exa_txt001 { text-align: center; font-size: 0.9375rem; font-weight: bold; }

.exa_sp .exa_ph li img { width: 100%; }

.exa_sp .exa_ph li:last-child { margin-right: 0; }

.exa_ph002 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin-bottom: 24px; }

.exa_ph002 li { width: 50%; }

.exa_ph002 li img { max-width: 100%; }

.exa_ph002 li:last-child { margin-right: 0; }

.exa_ph003 { text-align: center; margin-bottom: 40px; }

.exa_ph003 img { max-width: 100%; }

.ac_sp { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; background: #fff; padding: 30px 4%; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); }

.ac_sp .ac_sp_gray { background: #f7f7f7; padding: 20px 4%; }

.ac_sp.rev { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.ac_sp.rev .ac_sp_l { width: 65%; padding-left: 5%; padding-right: 0; }

.ac_sp.rev .ac_sp_r { width: 35%; }

.ac_sp.rev .ac_sp_r img { max-width: 100%; }

.ac_sp .ac_sp_l { width: 65%; padding-right: 5%; }

.ac_sp .ac_sp_r { width: 35%; }

.ac_sp .ac_sp_r img { max-width: 100%; }

.ac_sp_gray002 { background: #f7f7f7; padding: 30px 4%; }

.ac_sp002 { background: #fff; padding: 30px 4%; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); }

.ac_sp002 .ac_sp_gray { background: #f7f7f7; padding: 20px 4%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.ac_sp002 .ac_sp_gray .ac_sp_l { width: 65%; padding-left: 5%; }

.ac_sp002 .ac_sp_gray .ac_sp_r { width: 35%; }

.ac_sp002 .ac_sp_gray .ac_sp_r img { max-width: 100%; }

.tec_p001 { padding: 60px 0; }

.tec_box001 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.tec_box001 .tec_box001_l { width: 40%; }

.tec_box001 .tec_box001_l img { max-width: 100%; }

.tec_box001 .tec_box001_r { width: 60%; padding-left: 5%; }

.tec_p002 { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; padding: 60px 0; }

.tec_p002_md { margin-bottom: 34px; font-size: 2vw; line-height: 1.3; font-weight: 300; text-align: center; color: #fff; }

.tec_p002_in { border: solid 1px #fff; padding: 30px 6%; margin: 40px 0; }

.tec_p002_in .num01 { color: #fff; line-height: 2.2; }

.tec_p002_in .num01 li { color: #fff; }

.tec_kat_ph { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 40px; }

.tec_kat_ph li { width: 50%; }

.tec_kat_ph li img { max-width: 100%; }

.akt_txt001 { margin: 0 auto; max-width: 1000px; line-height: 2.2; }

.spa_area { text-align: center; background: #f7f7f7; padding: 30px 4%; margin-bottom: 40px; }

.spa_area img { max-width: 100%; }

.spa_list { margin-top: 30px; }

.spa_list .spa_list_in { padding: 20px 4%; background: #f7f7f7; margin-bottom: 14px; }

.spa_list .spa_list_in:last-child { margin-bottom: 0; }

.spa_list .spa_list_in .spa_fle { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.spa_list .spa_list_in .spa_fle .spa_fle_l { width: 30%; }

.spa_list .spa_list_in .spa_fle .spa_fle_l img { max-width: 100%; }

.spa_list .spa_list_in .spa_fle .spa_fle_r { width: 70%; padding-left: 3%; }

.spa_fle_md { font-size: 1.625rem; font-weight: 400; margin-bottom: 14px; }

.exa_num { padding: 40px 4%; background: #f7f7f7; }

.exa_num .exa_num_list { max-width: 1000px; margin: 0 auto; }

.exa_num_in { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 24px; }

.exa_num_in:last-child { margin-bottom: 0; }

.exa_num_in .exa_num_l { width: 60px; text-align: center; }

.exa_num_in .exa_num_r { width: calc(100% - 60px); padding-left: 2%; padding-top: 8px; }

.exa_num_in .exa_num_r .exa_num_md { font-size: 1.2vw; line-height: 1.4; margin-bottom: 20px; }

.exa_number { width: 100%; height: 60px; background: #000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; line-height: 1; border-radius: 100%; }

.exa_number i { font-weight: 500; color: #fff; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.875rem; text-align: center; line-height: 1; padding-left: 3px; }

#part_area { margin-bottom: 90px; }

#part_area .box.min002 { margin-bottom: 40px; position: relative; }

#part_area .box.min002:last-child { margin-bottom: 0; }

.part_md_box002 .part_md { font-size: 2vw; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-weight: 400; text-align: center; margin-bottom: 20px; line-height: 1.4; }

.part_md_box { margin-bottom: 20px; }

.part_md_box .part_md { position: relative; padding-left: 24px; font-size: 1.375rem; font-weight: 500; line-height: 1.2; }

.part_md_box .part_md::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 8px; height: 100%; background: #ccc; }

.disc_nav .disc_list { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.disc_nav .disc_list .disc_list_in { width: 31%; margin-right: 3.5%; margin-bottom: 40px; }

.disc_nav .disc_list .disc_list_in img { max-width: 100%; }

.disc_nav .disc_list .disc_list_in .disc_ph { text-align: center; }

.disc_nav .disc_list .disc_list_in:nth-child(3n) { margin-right: 0; }

.disc_ph { margin-bottom: 20px; }

.disc_md001 { position: relative; padding-left: 24px; font-size: 1.375rem; font-weight: 500; line-height: 1.2; margin-bottom: 30px; }

.disc_md001::before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 8px; height: 100%; background: #ccc; }

.disc_btn a { border-radius: 100px; display: block; padding: 14px 16px; width: 100%; text-align: center; position: relative; line-height: 1; transition: 0.2s ease-in; background: #f7f7f7; width: 80%; margin: 0 auto; }

.disc_btn a:hover { background: #000; }

.disc_btn a:hover i { color: #fff; }

.disc_btn a:hover i::after { opacity: 1; }

.disc_btn a i { font-size: 0.9375rem; font-weight: 600; position: relative; padding-left: 24px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; transition: 0.2s ease-in; }

.disc_btn a i::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transition: 0.2s ease-in; }

.disc_btn a i::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon_on.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 2; opacity: 0; transition: 0.2s ease-in; }

.part_nav { max-width: 1000px; margin: 0 auto 30px; width: 92%; }

.part_nav .part_list_txt { text-align: center; padding-top: 20px; font-size: 0.875rem; }

.part_nav .part_list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.part_nav .part_list .part_list_in { border-left: solid 1px #000; }

.part_nav .part_list .part_list_in:last-child { border-right: solid 1px #000; }

.part_nav .part_list .part_list_in a { padding: 0 1vw; font-size: .8vw; }

.part_nav .part_list .part_list_in a:hover { text-decoration: underline; }

.part_box { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.part_box .part_box_l { width: 25%; padding-right: 3%; }

.part_box .part_box_l .part_box_md { font-size: 1.0625rem; font-weight: 500; }

.part_box .part_box_r02 { width: 75%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.part_box .part_box_r { width: 75%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.part_box .part_box_r .part_ad_box { width: 60%; padding-right: 2%; }

.part_box .part_box_r .part_ad_box .part_tel { margin-top: 10px; position: relative; padding-left: 30px; }

.part_box .part_box_r .part_ad_box .part_tel a { font-family: "Roboto", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-weight: bold; font-size: 1.5rem; line-height: 1; transition: 0.2s ease-in; }

.part_box .part_box_r .part_ad_box .part_tel a:hover { opacity: .7; }

.part_box .part_box_r .part_ad_box .part_tel::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 27px; margin-top: -12px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(/common/image/tel_shop.png); }

.part_box .part_box_r .part_price { width: 40%; text-align: right; }

.part_box .part_box_r .part_price .p_price_in { font-size: 0.9375rem; font-weight: 500; line-height: 1.2; }

.part_box .part_box_r .part_price .p_price_in em { padding-left: 10px; line-height: 1.2; }

.part_box .part_box_r .part_price .p_price_in i { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; font-weight: bold; font-size: 1.25rem; line-height: 1.2; }

.part_box .part_box_r .part_link { width: 60%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; }

.part_box .part_box_r .part_link .part_link_in { width: 49%; margin-right: 2%; }

.part_box .part_box_r .part_link .part_link_in a { border: solid 1px #000; border-radius: 100px; display: block; padding: 14px 16px; width: 100%; text-align: center; position: relative; line-height: 1; transition: 0.2s ease-in; }

.part_box .part_box_r .part_link .part_link_in a:hover { transform: translate(0, -5px); }

.part_box .part_box_r .part_link .part_link_in a.part_link001 { background: #fff; }

.part_box .part_box_r .part_link .part_link_in a.part_link001 i::before { background-image: url(/common/image/map_shop.png); }

.part_box .part_box_r .part_link .part_link_in a.part_link002 { background: #000; }

.part_box .part_box_r .part_link .part_link_in a.part_link002 i { color: #fff; }

.part_box .part_box_r .part_link .part_link_in a.part_link002 i::before { background-image: url(/common/image/blank_shop.png); }

.part_box .part_box_r .part_link .part_link_in a i { font-size: 0.9375rem; font-weight: 600; position: relative; padding-left: 24px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; }

.part_box .part_box_r .part_link .part_link_in a i::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.part_box .part_box_r .part_link .part_link_in:last-child { margin-right: 0; }

.part_shop_in .part_shop_list { padding: 24px 4%; }

.part_shop_in .part_shop_list:nth-child(odd) { background: #f7f7f7; }

/***********************************************************************/
.accordion_list li { margin-bottom: 20px; }

.accordion_list li:last-child { margin-bottom: 0; }

.accordion_list li .accordion_area { overflow: hidden; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); }

.accordion_list li .clear_fix { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: #666; position: relative; cursor: pointer; padding: 20px; }

.accordion_list li .clear_fix::before { position: absolute; top: 50%; right: 20px; content: ""; width: 20px; height: 2px; background: #fff; transition: 0.4s all; }

.accordion_list li .clear_fix::after { position: absolute; top: 50%; right: 20px; content: ""; width: 20px; height: 2px; background: #fff; transform: rotate(90deg); transition: 0.4s all; }

.accordion_list li .clear_fix .title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; }

.accordion_list li .clear_fix .title .title_en { color: #fff; font-weight: 400; font-size: 2.5rem; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; line-height: 1; margin-right: 20px; }

.accordion_list li .clear_fix .title .title_ja { color: #fff; font-weight: bold; font-size: 1.25rem; }

.accordion_list li .clear_fix.active::before { opacity: 0; }

.accordion_list li .clear_fix.active::after { transform: rotate(180deg); }

.accordion_list li .accordion_box { background: #fff; padding: 20px; display: none; }

.accordion_list li .accordion_box .accordion_ja { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; }

.accordion_list li .accordion_box .accordion_ja::before { position: absolute; content: attr(data-txt); top: -5px; color: #666; font-weight: 400; font-size: 2.5rem; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; line-height: 1; }

.accordion_list li .accordion_box .accordion_ja span { line-height: 2; margin-left: 50px; }

.faq_nav_box { width: 92%; margin: 0 auto 40px; max-width: 1200px; background: #f7f7f7; padding: 16px 3% 4px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.faq_nav_box.info001 { margin: 0 auto; }

.faq_nav_box .faq_md001 { width: 18%; padding-right: 3%; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.625rem; padding-top: 4px; font-weight: 500; }

.faq_nav_box #faq_nav { width: 82%; }

.faq_nav_box #faq_nav .faq_list { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.faq_nav_box #faq_nav .faq_list .faq_list_in { margin-right: 10px; margin-bottom: 12px; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a { padding: 10px 40px 10px 18px; background: #fff; position: relative; display: block; border-radius: 100px; min-width: 160px; transition: 0.2s ease-in; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info::before { content: ""; display: block; position: absolute; right: 18px; top: 50%; width: 10px; height: 10px; margin-top: -6px; border-top: 2px solid #000; border-right: 2px solid #000; border-bottom: none; transform: rotate(45deg); transition: 0.2s ease-in; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info.active { background: #000; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info.active::before { border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: none; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info.active i { color: #fff; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info:hover { background: #000; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: none; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a.info:hover i { color: #fff; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a:hover { background: #000; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a:hover::before { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a:hover i { color: #fff; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a::before { content: ""; display: block; position: absolute; right: 18px; top: 50%; width: 10px; height: 10px; margin-top: -6px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); transition: 0.2s ease-in; }

.faq_nav_box #faq_nav .faq_list .faq_list_in a i { font-size: 0.9375rem; font-weight: 600; transition: 0.2s ease-in; }

/***********************************************************************/
#info_area { padding-bottom: 60px; }

#info_nav { width: 92%; max-width: 1200px; margin: 0 auto; }

.info_list .info_list_in { border-bottom: solid 1px #eee; }

.info_list .info_list_in .info_list_box { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 20px 0; position: relative; }

.info_list .info_list_in .info_list_box:hover::before { background: #f7f7f7; transform: scale(0.9, 0.9); }

.info_list .info_list_in .info_list_box::before { content: ""; display: block; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: 0.3s ease-in; }

.info_list .info_list_in .info_list_box .info_list_box_r { width: 88%; }

.info_list .info_list_in .info_list_box .info_list_box_r .ca001 { background: #eee; padding: 10px 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; border-radius: 100px; margin-bottom: 10px; font-size: 0.875rem; }

.info_list .info_list_in .info_list_box .info_list_box_r.add_ph { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_l { width: 80%; padding-right: 5%; }

.info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r { width: 20%; }

.info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r img { max-width: 100%; width: 100%; }

.info_list .info_list_in .info_list_box .info_list_box_l { width: 12%; padding: 0 18px; text-align: center; }

.info_list .info_list_in .info_list_box .info_list_box_l i, .info_list .info_list_in .info_list_box .info_list_box_l em { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; display: block; line-height: 1; }

.info_list .info_list_in .info_list_box .info_list_box_l i { font-size: 1.625rem; }

.info_list .info_list_in .info_list_box .info_list_box_l em { font-size: 5.375rem; }

.info_list .info_list_in:first-child { border-top: solid 1px #eee; }

.info_md_area { width: 92%; margin: 0 auto 40px; max-width: 1200px; padding: 40px 0 0; }

.info_md_area .info_list_in { border-bottom: solid 1px #eee; }

.info_md_area .info_list_in .info_list_box { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 20px 0; position: relative; }

.info_md_area .info_list_in .info_list_box .info_list_box_r { width: 88%; }

.info_md_area .info_list_in .info_list_box .info_list_box_r .ca001 { background: #eee; padding: 10px 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; border-radius: 100px; margin-bottom: 10px; font-size: 0.875rem; }

.info_md_area .info_list_in .info_list_box .info_list_box_r .info_md { font-size: 1.375rem; font-weight: 600; line-height: 1.4; }

.info_md_area .info_list_in .info_list_box .info_list_box_r.add_ph { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }

.info_md_area .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_l { width: 80%; padding-right: 5%; }

.info_md_area .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r { width: 20%; }

.info_md_area .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r img { max-width: 100%; width: 100%; }

.info_md_area .info_list_in .info_list_box .info_list_box_l { width: 12%; padding: 0 18px; text-align: center; }

.info_md_area .info_list_in .info_list_box .info_list_box_l i, .info_md_area .info_list_in .info_list_box .info_list_box_l em { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; display: block; line-height: 1; }

.info_md_area .info_list_in .info_list_box .info_list_box_l i { font-size: 1.625rem; }

.info_md_area .info_list_in .info_list_box .info_list_box_l em { font-size: 5.375rem; }

.wp-pagenavi { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; }

.wp-pagenavi.und { padding-top: 4vw; }

.wp-pagenavi .pages { display: none; }

.wp-pagenavi .current { height: 44px; width: 44px; background: #000; margin: 0 5px; color: #fff; line-height: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.25rem; font-weight: bold; }

.wp-pagenavi .page { height: 44px; width: 44px; margin: 0 5px; line-height: 1; font-weight: bold; background: #f7f7f7; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.25rem; transition: 0.3s ease-in-out; }

.wp-pagenavi .extend, .wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi .last { display: none; }

/***********************************************************************/
#info_all { margin-bottom: 60px; }

.txt_area_md { margin-bottom: 30px; text-align: center; }

.txt_area_md img { max-width: 100%; }

#txt_area * { font-size: 0.9375rem; line-height: 2.2; letter-spacing: 0; }

#txt_area strong { font-weight: bold; }

#txt_area p { font-size: 0.9375rem; line-height: 2; letter-spacing: 0; margin-bottom: 1.5vw; }

#txt_area h2 { font-size: 2.25rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: .8vw; line-height: 1.2; }

#txt_area h3 { font-size: 1.625rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 1vw; position: relative; z-index: 0; margin-left: 30px; line-height: 1.4; }

#txt_area h3::before { position: absolute; top: 16px; left: -30px; width: 17px; height: 6px; content: ""; background: #000; }

#txt_area h4 { font-size: 1.375rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4; margin-bottom: 1vw; }

#txt_area ul { margin-bottom: 1vw; }

#txt_area ul li { font-size: 1.0625rem; font-weight: bold; letter-spacing: 0.1em; position: relative; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

#txt_area ul li::before { content: "●"; margin-right: 5px; }

#txt_area ol { margin-bottom: 1vw; }

#txt_area ol li { font-size: 1.0625rem; font-weight: bold; letter-spacing: 0.1em; counter-increment: number; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }

#txt_area ol li::before { content: "" counter(number) "."; margin-right: 5px; }

#txt_area table { border-left: solid 1px #ddd; border-top: solid 1px #ddd; width: 100%; margin-bottom: 1vw; }

#txt_area table th, #txt_area table td { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; font-size: 1.0625rem; font-weight: 500; }

#txt_area table th { background: #f7f7f7; width: 25%; text-align: center; padding: 20px 10px; vertical-align: top; }

#txt_area table td { padding: 20px 20px 20px 30px; }

#txt_area img { max-width: 100%; width: auto !important; height: auto !important; display: block; margin: 0 auto; margin-bottom: 1vw; }

#txt_area a { color: #35a8a4; text-decoration: underline; cursor: pointer; }

.ev_btn { text-align: center; padding: 50px 0; }

.ev_btn .ev_btn_in { width: 80%; max-width: 600px; margin: 0 auto; }

.ev_btn .ev_btn_in a { display: block; position: relative; padding: 20px; background: #000; color: #fff; font-weight: bold; border-radius: 100px; transition: 0.2s ease-in; }

.ev_btn .ev_btn_in a:hover { color: #000; background: #f7f7f7; }

.ev_btn .ev_btn_in a:hover::before { border-bottom: 3px solid #000; border-left: 3px solid #000; }

.ev_btn .ev_btn_in a::before { content: ""; display: block; position: absolute; left: 30px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(45deg); transition: 0.2s ease-in; }

/***********************************************************************/
.con_box { max-width: 980px; margin: 0 auto; }

.cont_nav { max-width: 640px; margin: 0 auto; padding: 30px 0; }

.cont_list .cont_list_in { margin-bottom: 14px; }

.cont_list .cont_list_in:last-child { margin-bottom: 0; }

.cont_list .cont_list_in a { border-radius: 100px; padding: 20px 0 20px 0; position: relative; background: #fff; display: block; width: 100%; transition: 0.3s ease-in; text-align: center; margin: 0 auto; border: solid 1px #000; line-height: 1; }

.cont_list .cont_list_in a.cont_tel i { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding-left: 30px; font-family: "Roboto", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-weight: bold; font-size: 1.5rem; line-height: 1; position: relative; }

.cont_list .cont_list_in a.cont_tel i::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 27px; margin-top: -12px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(/common/image/tel_shop.png); transition: 0.3s ease-in; z-index: 1; }

.cont_list .cont_list_in a.cont_tel i::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 27px; opacity: 0; margin-top: -12px; z-index: 2; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(/common/image/tel_shop_w.png); transition: 0.3s ease-in; }

.cont_list .cont_list_in a.cont_btn i { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 1.125rem; font-weight: 600; }

.cont_list .cont_list_in a:hover { background: #000; color: #fff; }

.cont_list .cont_list_in a:hover.cont_tel i::after { opacity: 1; }

.cont_list .cont_list_in a:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.cont_list .cont_list_in a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 30px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); transition: 0.3s ease-in; }

.cont_nav002 { background: #fff; padding: 30px 4%; }

.cont_nav002 .cont_list002_btn { max-width: 640px; margin: 0 auto; margin-bottom: 10px; }

.cont_nav002 .cont_list002_btn a { border-radius: 100px; padding: 20px 0 20px 0; position: relative; background: #000; display: block; width: 100%; transition: 0.3s ease-in; text-align: center; margin: 0 auto; border: solid 1px #000; line-height: 1; color: #fff; font-size: 1.125rem; font-weight: 600; border: solid 1px rgba(0, 0, 0, 0); }

.cont_nav002 .cont_list002_btn a:hover { border: solid 1px black; color: #000; background: #fff; }

.cont_nav002 .cont_list002_btn a:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.cont_nav002 .cont_list002_btn a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 30px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); transition: 0.3s ease-in; }

.cont_list002 { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 640px; margin: 0 auto; }

.cont_list002 .cont_list002_in { width: 49%; margin-right: 2%; margin-bottom: 10px; }

.cont_list002 .cont_list002_in a { border-radius: 100px; padding: 20px 0 20px 10%; position: relative; background: #f7f7f7; display: block; width: 100%; transition: 0.3s ease-in; border: solid 1px rgba(0, 0, 0, 0); line-height: 1; font-weight: 500; }

.cont_list002 .cont_list002_in a:hover { background: #fff; border: solid 1px black; }

.cont_list002 .cont_list002_in a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 30px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); transition: 0.3s ease-in; }

.cont_list002 .cont_list002_in:nth-child(2n) { margin-right: 0; }

.sof_list { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sof_list.center { -ms-flex-pack: center; justify-content: center; }

.sof_list li { margin-right: 10px; width: 40%; }

.sof_list li a { border-radius: 100px; display: block; padding: 20px 16px; width: 100%; text-align: center; position: relative; line-height: 1; transition: 0.2s ease-in; background: #000; color: #fff; margin: 0 auto; }

.sof_list li a:hover { background: #fff; }

.sof_list li a:hover i { color: #000; }

.sof_list li a:hover i::after { opacity: 1; }

.sof_list li a i { font-size: 0.9375rem; font-weight: 600; position: relative; padding-left: 24px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; transition: 0.2s ease-in; }

.sof_list li a i::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon_on.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transition: 0.2s ease-in; }

.sof_list li a i::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 2; opacity: 0; transition: 0.2s ease-in; }

.soft_box { background: #fff; padding: 30px 4%; max-width: 1000px; margin: 0 auto; }

.soft_box.ex { padding: 20px 4%; }

.soft_list002 { max-width: 800px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.soft_list002.center { -ms-flex-pack: center; justify-content: center; }

.soft_list002 li { width: 49%; margin-right: 2%; margin-bottom: 14px; }

.soft_list002 li:last-child { margin-right: 0; }

.soft_list002 li a { border-radius: 100px; display: block; padding: 20px 0 20px 0; width: 100%; text-align: center; position: relative; line-height: 1; transition: 0.2s ease-in; background: #f7f7f7; margin: 0 auto; }

.soft_list002 li a:hover { background: #000; }

.soft_list002 li a:hover i { color: #fff; }

.soft_list002 li a:hover i::after { opacity: 1; }

.soft_list002 li a i { font-size: 0.9375rem; font-weight: 600; position: relative; padding-left: 24px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 1; transition: 0.2s ease-in; }

.soft_list002 li a i::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transition: 0.2s ease-in; }

.soft_list002 li a i::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 17px; margin-top: -8px; background-image: url(/common/image/down_icon_on.png); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 2; opacity: 0; transition: 0.2s ease-in; }

.soft_list { max-width: 800px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.soft_list.center { -ms-flex-pack: center; justify-content: center; }

.soft_list.center li { margin-bottom: 0; }

.soft_list .soft_list_in { width: 49%; margin-right: 2%; margin-bottom: 14px; }

.soft_list .soft_list_in a { border-radius: 100px; padding: 20px 0 20px 0; position: relative; background: #000; display: block; width: 100%; transition: 0.3s ease-in; }

.soft_list .soft_list_in a:hover { background: #f7f7f7; }

.soft_list .soft_list_in a:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.soft_list .soft_list_in a:hover i { color: #000; }

.soft_list .soft_list_in a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); transition: 0.3s ease-in; }

.soft_list .soft_list_in a i { line-height: 1; line-height: 1; color: #fff; font-weight: 500; display: block; text-align: center; transition: 0.3s ease-in; font-size: 0.9375rem; }

.soft_list .soft_list_in .soft_md001 { text-align: center; font-size: 0.9375rem; font-weight: 500; margin-bottom: 10px; }

.soft_list .soft_list_in:last-child { margin-right: 0; }

/********************************************************/
.contact_table { width: 100%; }

.contact_table table { border-top: solid 1px #eee; width: 100%; }

.contact_table table th, .contact_table table td { border-bottom: solid 1px #eee; }

.contact_table table th { text-align: center; font-weight: bold; background: #f7f7f7; width: 33%; letter-spacing: 0.1em; padding: 25px 20px; font-size: 0.9375rem; }

.contact_table table th.to_p { vertical-align: top; }

.contact_table table td .kako_area { max-width: 100%; width: 90%; margin: 0 auto; padding: 25px 0; }

.contact_table table td .kako_area.cho { padding: 25px 0 5px; }

.contact_table table td .kako_area span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 0.9375rem; min-width: 40px; text-align: right; margin-right: 10px; }

.contact_table table td .kako_area span.error { text-align: left; }

input[type="text"], textarea, input { -webkit-appearance: none; font-size: 16px; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #f0f0f0; border: 1px solid #f0f0f0; }

.postal_code_area li { margin-bottom: 20px; }

.postal_code_area li:last-child { margin-bottom: 0; }

.postal_code_area li label { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }

.postal_code_area .auto_btn { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*setting*/ font-size: 0.875rem; padding: 10px 15px; color: #fff; background: #666; border: 1px solid #666; margin-left: 15px; letter-spacing: 0.1em; }

.select_area { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }

.select_area label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 0; cursor: pointer; }

.select_area label::before { position: absolute; display: block; content: ""; right: 0; width: 51px; height: 100%; background: #d8d8d8; z-index: 0; pointer-events: none; }

.select_area label::after { position: absolute; display: block; content: ""; right: 0; width: 51px; height: 52px; background-size: contain; background-repeat: no-repeat; pointer-events: none; background-image: url(/contact/image/btm.jpg); z-index: 0; }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; /*　↑　CSSを初期化　*/ cursor: pointer; background: #f0f0f0; border: 1px solid #f0f0f0; padding: 20px; }

/*　確認・戻る・送信ボタン　ここから　*/
.conf_list { text-align: center; padding-top: 30px; }

.conf_list.kaku { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.conf_list.kaku li { width: 48%; margin-right: 4%; }

.conf_list.kaku li:last-child { margin-right: 0; }

.conf_list li .err_fin { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.5rem; color: #990000; border: 2px solid #990000; border-radius: 100px; padding: 15px 0; max-width: 600px; width: 100%; margin: 0 auto; font-weight: bold; letter-spacing: 0.1em; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; position: relative; z-index: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.conf_list li .err_fin.back { background: #ddd; border: 2px solid #ddd; color: #000; transition: 0.3s ease-in-out; }

.conf_list li .err_fin.back::after { display: none; }

.conf_list li .err_fin::after { display: block; content: ""; background-image: url(/contact/image/error.png); background-repeat: no-repeat; background-size: auto; width: 29px; height: 25px; z-index: 0; margin-left: 5px; }

.conf_list li .con_fin { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 1.5rem; color: #fff; background: #000; border: 2px solid #000; border-radius: 100px; padding: 15px 0; max-width: 600px; width: 100%; margin: 0 auto; font-weight: bold; font-weight: bold; letter-spacing: 0.1em; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, Verdana, Meiryo, sans-serif; transition: 0.3s ease-in-out; }

.conf_list li .con_fin:disabled { color: #fff; background: #444; opacity: .6; cursor: not-allowed; border: 2px solid #444; }

.conf_list li .con_fin:disabled:hover { opacity: .6; color: #fff; background: #444; }

.conf_list li .con_fin:hover { color: #000; background: #fff; }

/* 確認画面で消える */
.mw_wp_form_confirm .contact_area001 { display: none; }

/* 確認画面で消える end */
/* error */
.error_txt { font-size: 0.875rem; color: #d05656; font-weight: bold; }

/* mwwp class */
.mw_wp_form .error { display: block; font-size: 0.875rem; color: #d05656; font-weight: bold; margin-bottom: 10px; width: 100%; }

/* mwwp class end */
/* error end */
/* radio */
.radiobox_area001 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.radiobox_area001 li { margin-right: 20px; }

.radiobox_area001 li:last-child { margin-right: 0; }

.radiobox_area001 li label { position: relative; }

.radiobox_area001 li label .radio001_input { position: absolute; top: 0; left: 0; width: 0; visibility: hidden; }

.radiobox_area001 li label .radio001_parts { padding-left: 26px; position: relative; line-height: 1; transition: 0.4s ease-in-out; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; }

.radiobox_area001 li label .radio001_parts::before { content: ""; display: block; top: -1px; left: 0; width: 20px; height: 20px; border-radius: 50%; position: absolute; border: 1px solid #999; }

.radiobox_area001 li label .radio001_parts::after { content: ""; display: block; position: absolute; top: 2px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #990000; transition: 0.4s ease-in-out; transform: scale(0, 0); }

.radio001_input:checked + .radio001_parts { color: #990000; }

.radio001_input:checked + .radio001_parts::before { animation: pulsate .8s ease-out; }

.radio001_input:checked + .radio001_parts::after { transform: scale(1, 1); border-radius: 50%; background: #990000; }

/* mwwp class */
.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; }

.mwform-radio-field label { position: relative; }

.mwform-radio-field input { position: absolute; top: 0; left: 0; width: 0; visibility: hidden; }

.mwform-radio-field .mwform-radio-field-text { padding-left: 26px; position: relative; line-height: 1; transition: 0.4s ease-in-out; }

.mwform-radio-field .mwform-radio-field-text::before { content: ""; display: block; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; position: absolute; content: ""; border: 1px solid #999; }

.mwform-radio-field .mwform-radio-field-text::after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: #990000; transition: 0.4s ease-in-out; transform: scale(0, 0); }

.mwform-radio-field input:checked + .mwform-radio-field-text { color: #990000; }

.mwform-radio-field input:checked + .mwform-radio-field-text::before { animation: pulsate .8s ease-out; }

.mwform-radio-field input:checked + .mwform-radio-field-text::after { transform: scale(1, 1); border-radius: 50%; background: #990000; }

/* mwwp class end */
/* radio end */
/*　カテゴリー　ここから　*/
.item_area001 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.item_area001 li { font-size: 0.9375rem; }

.item_area001 li.hissu { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 0.6875rem; background: #990000; padding: 1px 15px; margin-left: 5px; color: #fff; border-radius: 6px; }

.item_area001 li.hissu.no { background: #fff; color: #666; }

/*　プライバシーポリシー同意ボタン　ここから　*/
.contact_area { max-width: 400px; width: 100%; text-align: center; margin: 30px auto; background: #eee; padding: 20px; }

.contact_area .checkbox_privacy { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; max-width: 1400px; margin: 0 auto; }

.contact_area .checkbox_privacy .label_type { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.contact_area .checkbox_privacy .label_type .checkbox_input { display: none; }

.contact_area .checkbox_privacy .mwform-checkbox-field label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.contact_area .checkbox_privacy .mwform-checkbox-field label .checkbox_input { display: none; }

input[name="your-consent"] { font-weight: bold; font-size: 0.9375rem; border: none; width: 30px; height: 30px; border: 2px solid #ddd; background: #fff; cursor: pointer; /*&::before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    border: 2px solid #ddd;
    background: #fff;
}
    &::after {
    color: #009cbd;
    position: absolute;
    content: "";
    top: 0;
    left: 7px;
    width: 14px;
    height: 26px;
    transform: rotate( 40deg);
    border-bottom: 5px solid #009cbd;
    border-right: 5px solid #009cbd;
    display: none;
}*/ }

/*input[name="your-consent"]:checked + input[name="your-consent"] {
color: #009cbd;
}*/
.k_btn001 { padding-top: 30px; }

.k_btn001 a { border-radius: 100px; padding: 20px 6%; position: relative; background: #fff; border: solid 1px #000; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 50%; transition: 0.3s ease-in; }

.k_btn001 a.bc_p { background: none; border: solid 1px #fff; color: #fff; max-width: 400px; }

.k_btn001 a.bc_p:hover { background: #fff; color: #000; }

.k_btn001 a.bc_p:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.k_btn001 a.bc_p::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.k_btn001 a.bc_p02 { background: #000; border: solid 1px #000; color: #fff; max-width: 400px; text-align: center; }

.k_btn001 a.bc_p02:hover { background: #fff; color: #000; }

.k_btn001 a.bc_p02:hover::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.k_btn001 a.bc_p02::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.k_btn001 a:hover { background: #000; color: #fff; }

.k_btn001 a:hover::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }

.k_btn001 a:hover i { color: #000; }

.k_btn001 a::before { content: ""; display: block; position: absolute; margin-top: -5px; top: 50%; right: 10%; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); transition: 0.3s ease-in; }

.select_area { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: relative; z-index: 0; cursor: pointer; }

.select_area::before { position: absolute; content: ""; top: 50%; right: 20px; width: 12px; height: 12px; margin-top: -6px; border-top: 4px solid #999; border-right: 4px solid #999; transform: rotate(135deg); z-index: 1; }

.select_area select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; /*　↑　CSSを初期化　*/ cursor: pointer; background: #fff; border: 2px solid #ddd; padding: 20px; line-height: 1; }

.checkbox_btn001 { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 0.9375rem; }

.checkbox_btn001::before { display: block; content: ""; margin-right: 20px; width: 30px; height: 30px; border: 2px solid #ddd; background: #fff; }

.checkbox_privacy .mwform-checkbox-field label .mwform-checkbox-field-text { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 0.9375rem; }

.checkbox_privacy .mwform-checkbox-field label .mwform-checkbox-field-text::before { display: block; content: ""; margin-right: 20px; width: 30px; height: 30px; border: 2px solid #ddd; background: #fff; }

.checkbox_privacy .checkbox_input:checked + .mwform-checkbox-field-text { color: #990000; }

.checkbox_privacy .checkbox_input:checked + .mwform-checkbox-field-text::after { color: #990000; display: block; position: absolute; content: ""; top: 0; left: 7px; width: 14px; height: 26px; transform: rotate(40deg); border-bottom: 5px solid #990000; border-right: 5px solid #990000; }

.checkbox_input:checked + .checkbox_btn001 { color: #990000; }

.checkbox_input:checked + .checkbox_btn001::after { color: #990000; display: block; position: absolute; content: ""; top: 0; left: 7px; width: 14px; height: 26px; transform: rotate(40deg); border-bottom: 5px solid #990000; border-right: 5px solid #990000; }

/*　プライバシーポリシー同意ボタン　ここまで　*/
/*　確認・戻る・送信ボタン　ここから　*/
.conf_area { text-align: center; }

.conf_area .conf_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.conf_area .conf_list .modoru { cursor: pointer; margin-right: 20px; }

.conf_area .conf_list .modoru .tardet_btn { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*　↑　CSSを初期化　*/ color: #fff; font-size: 1.375rem; background: #0071bc; text-align: center; min-width: 370px; padding: 15px 10px; font-weight: bold; transition: 0.3s ease-in-out; border-radius: 100px; overflow: hidden; /*&:hover { @include mq_pc { color: $wc; background: $bc; } }*/ }

.conf_area .conf_list .kakunin { position: relative; z-index: 0; cursor: pointer; min-width: 370px; }

.conf_area .conf_list .kakunin::after { position: absolute; content: ""; top: 50%; right: 50%; margin-right: -90px; width: 12px; height: 12px; margin-top: -6px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }

.conf_area .conf_list .kakunin input[type="submit"], .conf_area .conf_list .kakunin input[type="button"], .conf_area .conf_list .kakunin .con_fin { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* setting */ color: #fff; font-size: 1.375rem; background: #990000; text-align: center; max-width: 100%; width: 100%; padding: 15px 10px; font-weight: bold; transition: 0.3s ease-in-out; border-radius: 10px; overflow: hidden; }

.conf_area .conf_list .kakunin input[type="submit"]:disabled, .conf_area .conf_list .kakunin input[type="button"]:disabled, .conf_area .conf_list .kakunin .con_fin:disabled { color: #fff; background: #444; opacity: 0.6; cursor: not-allowed; }

.wpcf7-list-item-label { font-weight: bold; font-size: 0.9375rem; margin-left: 10px; }

.wpcf7-spinner { display: none !important; }

.xx_fea_txt001 { text-align: center; font-size: 0.9375rem; line-height: 1.4; font-weight: bold; margin-bottom: 40px; }

.xx_fea_txt002 { text-align: center; font-size: 0.9375rem; line-height: 1.4; font-weight: bold; margin-bottom: 40px; color: #b70000; display: none; }

.mw_wp_form_confirm .contact_area, .mw_wp_form_confirm #pri_area, .mw_wp_form_confirm .xx_fea_txt001, .mw_wp_form_confirm .select_area::before { display: none; }

.mw_wp_form_confirm .xx_fea_txt002 { display: block; }

.mw_wp_form_confirm .modoru { position: relative; z-index: 0; }

.mw_wp_form_confirm .modoru::after { position: absolute; content: ""; top: 50%; left: 50%; margin-left: -90px; width: 12px; height: 12px; margin-top: -6px; border-top: 3px solid #990000; border-right: 3px solid #990000; transform: rotate(-135deg); }

.mw_wp_form_complete .fea_ja.m_b, .mw_wp_form_complete .fea_txt.t_y, .mw_wp_form_complete .xx_fea_txt001, .mw_wp_form_complete .xx_fea_txt002 { display: none; }

/*　確認・戻る・送信ボタン　ここまで　*/
/************************************************************************ contact end */
.red_txt001 { color: #990000; margin-bottom: 14px; font-size: 0.9375rem; font-weight: 500; }

.gray_txt001 { color: #666; font-weight: 500; font-size: 0.875rem; margin-bottom: 14px; }

.ab_area { padding: 5vw 0; }

.ab_area.gray { background: #f7f7f7; }

.ab_md002 { font-weight: 200; font-size: 3vw; margin-bottom: 30px; text-align: center; line-height: 1.4; }

.ab_ph001 { margin-bottom: 20px; }

.ab_ph001 img { max-width: 100%; }

.ab_txt001 { line-height: 2; }

.ab_name { padding-top: 30px; }

.ab_name .ab_img { margin-bottom: 20px; }

.ab_name .ab_spel { font-size: 0.75rem; margin-bottom: 6px; }

.ss_md { text-align: center; padding: 40px 0; }

.ss_md .ss_md_in { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 0 auto; background: linear-gradient(transparent 60%, #54e4ed 60%); font-size: 1.4375rem; font-weight: 500; }

#his_area { width: 100%; position: relative; z-index: -2; /*position: absolute; left: 0; top: 0;*/ /*&::before { content: ""; display: block; position: relative; padding-top: 100vh; height: 1px; width: 1px; }*/ }

#his_area #his_all { width: 100%; }

#his_area #his_area_l { width: 50%; height: 100vh; position: relative; }

#his_area #his_area_l #his_bg_area { width: 50%; height: 100vh; position: fixed; left: 0; top: 0; }

#his_area #his_area_l #his_bg_area #his_bg_area_in { width: 100%; height: 100%; position: relative; }

#his_area #his_area_l #his_bg_area .his_bg_box { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; transition: 0.3s ease; position: absolute; left: 0; top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; padding: 5%; }

#his_area #his_area_l #his_bg_area .his_bg_box .nen { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 4vw; line-height: 1.2; margin-bottom: 14px; color: #fff; font-weight: 200; }

#his_area #his_area_l #his_bg_area .his_bg_box.is-show.jec_mv_box_rin002 { opacity: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.is-show.jec_mv_box_rin003 { opacity: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.is-show.jec_mv_box_rin004 { opacity: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.is-show.jec_mv_box_rin005 { opacity: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.is-show.jec_mv_box_rin006 { opacity: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin001 { z-index: 1; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin002 { z-index: 2; opacity: 0; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin003 { z-index: 3; opacity: 0; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin004 { z-index: 4; opacity: 0; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin005 { z-index: 5; opacity: 0; }

#his_area #his_area_l #his_bg_area .his_bg_box.jec_mv_box_rin006 { z-index: 6; opacity: 0; }

#his_area #his_area_r { width: 50%; }

#his_area #his_area_r .his_area_r_in { padding: 60px 20% 60px 5%; }

#his_area #his_area_r .his_area_r_in.bc .his_num, #his_area #his_area_r .his_area_r_in.bc .his_txt001, #his_area #his_area_r .his_area_r_in.bc .his_md001 { color: #fff; }

.his_sp_md { color: #fff; font-size: 1.875rem; font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; margin-bottom: 20px; }

.his_list .his_list_in { margin-bottom: 50px; }

.his_list .his_list_in:last-child { margin-bottom: 0; }

.his_lay001 { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 14px; }

.his_lay001 .his_lay001_l { width: calc(100% - 150px); padding-right: 6%; }

.his_lay001 .his_lay001_r { width: 150px; }

.his_lay001 .his_lay001_r img { max-width: 100%; }

.his_num { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 2.3vw; line-height: 1.2; margin-bottom: 14px; }

.his_md001 { font-size: 1.6vw; line-height: 1.2; font-weight: 200; margin-bottom: 14px; }

#idea_top { height: 40vw; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 3vw; background-image: url(/image/about/idea_ph001.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; overflow-x: hidden; }

#idea_top::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 50%; height: 0; z-index: 2; border-style: solid; border-width: 0 50vw 10vw 50vw; border-color: transparent transparent #fff transparent; }

#idea_top #idea_top_in { text-align: center; }

#idea_top #idea_top_in #idea_md001 { font-size: 1.5rem; font-weight: 300; margin-bottom: 30px; }

.idea_area001 { margin-top: -80px; position: relative; z-index: 4; }

.idea_list001 { margin-bottom: 100px; }

.idea_list001 .idea001_list { margin-bottom: 36px; padding-bottom: 36px; position: relative; text-align: center; }

.idea_list001 .idea001_list:last-child { margin-bottom: 0; padding-bottom: 0; }

.idea_list001 .idea001_list:last-child::before { display: none; }

.idea_list001 .idea001_list .idea_list_md_ja { font-size: 3.125rem; line-height: 1; font-weight: 200; }

.idea_list001 .idea001_list .idea_list_md_en { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3vw; color: #ccc; font-weight: 100; line-height: 1; margin-bottom: 10px; }

.idea_list001 .idea001_list::before { content: ""; display: block; position: absolute; width: 8px; height: 8px; background: #000; left: 50%; bottom: -4px; transform: rotate(45deg); }

.idea_txt001 { width: 92%; margin: 0 auto 40px; max-width: 1400px; z-index: 4; position: relative; line-height: 2; }

.idea_area002 { position: relative; }

.idea_area002::before { content: ""; display: block; position: absolute; width: 100%; height: 90%; background: #f7f7f7; left: 0; bottom: 0; z-index: -1; }

.idea_area002 .idea_area002_in { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding-left: calc((100% - 1400px) / 2); }

.idea_area002 .idea_area002_in .idea_box002_l { -ms-flex-item-align: end; align-self: flex-end; width: 55%; padding-right: 4%; padding-bottom: 5vw; padding-left: 4%; }

.idea_area002 .idea_area002_in .idea_box002_r { width: 45%; }

.idea_area002 .idea_area002_in .idea_box002_r img { width: 100%; }

.idea_area002_02 { position: relative; padding: 80px 0; }

.idea_area002_02 .idea_box002_b { box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); background: #fff; padding: 60px 0 40px; width: 92%; margin: 0 auto; max-width: 1400px; text-align: center; }

.idea_area002_02 .idea_box002_b .idea_box002_b_in { padding: 0 4%; }

.idea_area002_02 .idea_box002_b .idea_box002_b_ph { margin-bottom: 34px; }

.idea_area002_02 .idea_box002_b .idea_box002_b_ph img { width: 100%; }

.idea_area002_02::before { content: ""; display: block; position: absolute; width: 100%; height: 50%; background: #f7f7f7; left: 0; top: 0; z-index: -1; }

#idea_area004 { padding-top: 6vw; padding-bottom: 4vw; position: relative; }

#idea_area004::after { content: ""; display: block; width: 100%; height: 80%; position: absolute; bottom: 0; left: 0; background: #f7f7f7; z-index: -1; }

#idea_area004::before { content: ""; display: block; width: 25%; height: 70%; position: absolute; right: 0; top: 0; background-image: url(/image/about/idea_ph007.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 0; }

#idea_area004 #idea_area004_in { padding-right: calc((100% - 1200px) / 2); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 1; }

#idea_area004 #idea_area004_in .idea_area004_r { width: 56%; padding-left: 4%; }

#idea_area004 #idea_area004_in .idea_area004_l { width: 44%; }

#idea_area004 #idea_area004_in .idea_area004_l img { width: 100%; }

.idea_as_list_in .as_second { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.idea_as_list_in .as_second .as_first_l { background: #f7f7f7; }

.idea_as_list_in .as_second .as_first_r { background-image: url(/image/about/idea_ph009.jpg); }

.idea_as_list_in li { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; }

.idea_as_list_in li .as_first_l { width: 50%; padding: 6vw 0; }

.idea_as_list_in li .as_first_l .as_first_l_in { width: 70%; margin: 0 auto; }

.idea_as_list_in li .as_first_r { background-image: url(/image/about/idea_ph008.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 50%; }

.as_first { background: #999; }

.as_first .pro_box001_md002 { color: #fff; margin-bottom: 20px; }

.as_first .pro_box001_txt001 { color: #fff; }

#idea_fifth { position: relative; padding: 100px 0; }

#idea_fifth .box { position: relative; z-index: 2; }

#idea_fifth::before { content: ""; display: block; width: 50%; height: 50%; position: absolute; left: 0; top: 0; background: #f7f7f7; z-index: 0; }

#idea_fifth::after { content: ""; display: block; width: 50%; height: 50%; position: absolute; bottom: 0; right: 0; background: #f7f7f7; z-index: 0; }

.idea_fifth_ph img { width: 100%; }

.pop_img { position: relative; display: block; overflow: hidden; }

.pop_img img { transition: 0.5s ease-in; }

.pop_img:hover::before { background: #54e4ed; }

.pop_img:hover img { transform: scale(1.05, 1.05); }

.pop_img::before { content: ""; display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background: #2e2e2e; z-index: 1; border-radius: 100px; transition: 0.5s ease-in; }

.pop_img::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 20px; border-color: transparent transparent transparent #fff; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -18px; z-index: 2; }

.tab_fin001 { margin-bottom: 30px; }

.tab_pro_md002 { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 1.7vw; font-weight: 200; line-height: 1; margin-bottom: 20px; font-size: 1.25rem; margin-bottom: 14px; }

.tab_pro_md002.wc { color: #fff; }

.tab_fin_in001 { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.tab_fin_in001 li { margin-right: 8px; }

.tab_fin_in001 li span { display: block; width: 42px; height: 60px; cursor: pointer; }

.tab_fin_in001 li span.Clyde_Built { background: #535e65; }

.tab_fin_in001 li span.Single_Malt { background: #51271a; }

.tab_fin_in001 li span.Triton_Black { background: #3e484a; }

.tab_fin_in001 li span.Linn_Heritage { background: #2d3244; }

.tab_fin_in001 li span.Piano_Black { background: #171717; }

.tab_fin_in001 li span.Alpine_White { background: #d3d2d2; }

.tab_fin_in001 li span.Blueberry { background: #23334b; }

.tab_fin_in001 li span.Aubergine { background: #724a6c; }

.tab_fin_in001 li span.Paprika { background: #64161a; }

.tab_fin_in001 li span.Butterscotch { background: #ab9a85; }

.tab_fin_in001 li span.Black { background: #101010; }

.tab_fin_in001 li span.Barley { background: #554c3f; }

.tab_fin_in001 li span.Granite { background: #282828; }

.tab_fin_in001 li span.Grouse { background: #120e09; }

.tab_fin_in001 li span.Peat { background: #15150d; }

.tab_fin_in001 li span.Spruce { background: #23271e; }

.tab_fin_in001 li span.black { background: #232323; }

.tab_fin_in001 li span.white { background: #ededed; }

.tab_fin_in001 li span.walnut { background: #644935; }

.tab_fin_in001 li span.oak { background: #9c8060; }

.tab_fin_in002 { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; }

.tab_fin_in002 li { margin-right: 8px; }

.tab_fin_in002 li span { display: block; width: 45px; height: 45px; border-radius: 45px; cursor: pointer; }

.tab_fin_in002 li span.spk_black { background: #171717; }

.tab_fin_in002 li span.spk_silver { background: #d3d2d2; }

.tab_pro_md001 { margin-bottom: 30px; }

.tab_pro_md001 .tab_pro_md001_in { font-family: "Ostrich", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; font-size: 3vw; font-weight: 200; line-height: 1; }

.tab_pro_md001 .tab_pro_md001_in i { font-size: 1.2vw; font-weight: 200; display: block; padding-top: 5px; }

.tab_pro { width: 92%; max-width: 1000px; margin: 0 auto; display: table; padding-top: 50px; z-index: 4; position: relative; }

.tab_pro .tab_pro_l, .tab_pro .tab_pro_r { width: 50%; display: table-cell; }

.tab_pro .tab_pro_l { vertical-align: top; padding-top: 40px; }

.tab_pro_r { position: relative; }

.tab_pro_r img { width: 100%; }

.tab_pro_r .tab_pro_r_in002 { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); z-index: 2; width: 100%; }

.tab_pro_r .tab_pro_r_in001 { /*position: absolute; left: 50%; top: 50%; @include translate(-50%, -50%);*/ position: relative; z-index: 1; width: 100%; }

.tab_pro_md001_in { display: none; }

.tab_pro_md001_in.show { display: block; }

.tab_pro_r_in001 li { display: none; }

.tab_pro_r_in001 li.show { display: block; }

.tab_pro_r_in002 li { display: none; }

.tab_pro_r_in002 li.show { display: block; }

.sup_list { padding: 0 4%; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sup_list .sup_list_in { margin-right: 16px; padding-right: 16px; border-right: solid 1px #ddd; line-height: 1; margin-bottom: 10px; }

.sup_list .sup_list_in:last-child { margin-right: 0; padding-right: 0; border-right: none; }

@media all and (-ms-high-contrast: none){
 body{ font-family: Verdana, Meiryo, sans-serif; } }

@media screen and (max-width: 1000px){
 #page_nav #page_nav001 #page_nav001_in{ display: none; }
 #page_nav #page_nav001 #page_nav002_in{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
 #page_nav #page_nav001 #page_nav002_in .page_nav002_list a, #page_nav #page_nav001 #page_nav002_in .page_nav002_list span, #page_nav #page_nav001 #page_nav002_in .page_nav002_list h1, #page_nav #page_nav001 #page_nav002_in .page_nav002_list h2{ line-height: 1.8; }
 #ca_top_txt001.c001{ text-align: left; }
 #ca_top_txt001.c001 br{ display: none; }
 #ca_top_txt001{ margin-top: 20px; }
 #ca_sign{ margin-top: 30px; }
 #ca_sign_txt{ text-align: center; }
 .ca_top002{ padding: 60px 0; }
 .ab_in{ padding: 40px 0; background-position: 10% center; }
 .ab_in .ab_in_01.t001{ padding-left: 0; }
 .ab_in .ab_in_01.t002{ padding-right: 0; }
 .ab_in .ab_in_01.t003{ text-align: left; }
 #ca_top002{ padding: 30px 0 20px; }
 #ca_top002.part{ padding: 30px 0 20px; }
 #ca_top002.ev001{ padding: 30px 0 20px; }
 #ca_top002 #ca_top_in{ width: 90%; margin: 0 auto; }
 #ca_top002 #ca_top_in .se_txt001{ text-align: left; }
 #ca_top002 #ca_top_in .se_txt001 br{ display: none; }
 #ca_top002 #ca_top_in #ca_top_md001{ font-size: 1.0625rem; }
 #ca_top002 #ca_top_in #ca_top_md002{ font-size: 2.25rem; }
 #ca_top002 #ca_top_in #ca_top_md002.part001{ font-size: 2.25rem; }
 .ca_top_md001{ font-size: 1.6875rem; }
 .ca_top_md002{ font-size: 1.25rem; line-height: 1.6; }
 #ab_box{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 #ab_box #ab_box_l{ width: 100%; padding-right: 0; margin-bottom: 14px; }
 #ab_box #ab_box_l img{ width: 24%; display: block; margin: 0 auto; }
 #ab_box #ab_box_r{ width: 90%; margin: 0 auto; }
 #ab_box .ab_md001{ font-size: 1.5rem; text-align: center; }
 #ca_top{ max-height: 600px; height: 80vw; background-position: 60% center; }
 #ca_top.ind{ max-height: inherit !important; height: auto !important; padding: 40px 4%; }
 #ca_top #ca_top_in #ca_top_md001{ font-size: 1.1875rem; margin: 0 auto 20px; line-height: 1.6; font-weight: 200; }
 #ca_top #ca_top_in #ca_top_md002{ font-size: 2.25rem; margin: 0 auto; }
 #ca_top #ca_top_in #ca_top_md002.two{ font-size: 2.25rem; margin: 0 auto; }
 #ca_top #ca_top_in #ca_top_md002.three{ font-size: 2.25rem; margin: 0 auto; }
 .se_box001{ margin-bottom: 0; padding: 40px 0 30px; }
 .se_box001 .se_box001_in{ padding-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .se_box001 .se_box001_in .se_box001_r{ width: 70%; -ms-flex-item-align: end; align-self: flex-end; }
 .se_box001 .se_box001_in .se_box001_l{ padding-right: 0; width: 90%; margin: 0 auto 20px; }
 .se_box001 .se_box001_in .se_box001_l .se_box001_l_md{ font-size: 1.875rem; margin-bottom: 20px; }
 .se_step001.se003{ background: #f7f7f7; }
 .se_step001.se003::before{ display: none; }
 .se_step001.se003 .box{ padding: 30px 0 30px; }
 .se_step001.se003::before{ height: 100vw; }
 .se_step001 .box{ padding: 60px 0 30px; }
 .se_step001 .se_number i{ font-size: 1.75rem; }
 .se_step001.sel::before{ max-height: 600px; height: 60vw; }
 .se_step001.sel .box{ padding: 30px 0 30px; }
 .se_step001::before{ max-height: 100vw; height: 100vw; }
 .se_md_box{ margin-bottom: 20px; }
 .se_md_box .se_md001{ font-size: 2.125rem; margin-bottom: 20px; }
 .se_md_box .se_md001.en{ font-size: 2.5rem; margin-bottom: 20px; }
 .se_md_box .se_txt001{ width: 100%; }
 .se_txt002.red{ padding-top: 10px; margin-bottom: 0 !important; }
 .se_pro .se_pro_list .se_pro_main, .se_pro003 .se_pro_list .se_pro_main{ padding: 26px 6% 20px; }
 .ac_sp_md{ font-size: 1.6875rem; line-height: 1.2; }
 .ac_sp_md em{ display: block; padding-top: 0; font-size: 1.0625rem; padding-left: 0; }
 .ac_sp_md002{ font-size: 1.25rem; line-height: 1.6; text-align: center; }
 .ac_sp_md003{ font-size: 1.25rem; margin-bottom: 14px; }
 .se_pro_md{ font-size: 1.6875rem; line-height: 1.2; }
 .se_pro_md i{ font-size: 1.125rem; line-height: 1.6; display: block; }
 .se_pro_md002{ margin-top: 0; }
 .se_ph img{ max-height: 200px; }
 .se_pro02 .prev-arrow{ bottom: 25%; }
 .se_pro02 .next-arrow{ bottom: 25%; }
 .step04_box .step04_box_ph img{ width: 80%; display: block; margin: 0 auto; }
 .step02_box{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .step02_box .step02_box_ph{ width: 305px; max-width: 50%; margin-right: 0; margin-bottom: 20px; }
 .step02_box .step02_nav{ width: 100%; max-width: 100%; }
 .step02_box .step02_nav .step02_nav_in{ -ms-flex-direction: column; flex-direction: column; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list:last-child{ margin-bottom: 0; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list{ width: 100%; margin-right: 0; margin-bottom: 14px; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list a{ padding: 14px 46px 14px 20px; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list a .step02_nav_sub{ padding-top: 10px; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list a i{ font-size: 1.5rem; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list a span{ font-size: 0.9375rem; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list div{ padding: 14px 46px 14px 20px; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list div .step02_nav_sub{ padding-top: 10px; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list div i{ font-size: 1.5rem; }
 .step02_box .step02_nav .step02_nav_in .step02_nav_list div span{ font-size: 0.9375rem; }
 #product_select{ padding-top: 30px; padding-bottom: 30px; }
 #product_select .ps_md{ font-size: 1.875rem; margin-bottom: 20px; }
 #product_select::before{ max-height: 100vw; height: 100vw; }
 .ps_md002_sm{ font-size: 2.1875rem; margin-bottom: 20px; }
 .ps_md002{ font-size: 2.5rem; margin-bottom: 20px; }
 .ps_md002.rou{ font-size: 2.1875rem; margin-bottom: 20px; }
 .ps_md003{ font-size: 1.625rem; margin-bottom: 20px; }
 #sys_pack001{ padding-top: 40px; padding-bottom: 20px; }
 #sys_pack001 .ps_md{ font-size: 1.875rem; margin-bottom: 20px; }
 .ps_nav{ margin: 0; }
 .ps_nav .ps_nav_in{ box-shadow: 0 0 10px rgba(119, 119, 119, 0.2); background: #fff; padding: 30px 2% 20px; margin-top: 20px; }
 .ps_nav .ps_nav_in .ps_list{ width: 49%; margin-right: 2%; }
 .ps_nav .ps_nav_in .ps_list:nth-child(2n){ margin-right: 0; }
 .ps_nav .ps_nav_in .ps_list a{ padding: 10px 0; }
 .ps_nav .ps_nav_in .ps_list a .ps_nav_box .ps_nav_md{ margin-top: 10px; line-height: 1.4; }
 .full_sys{ padding: 0 4% 14px; }
 .sys_pack002_box{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .sys_pack002_box .sys_pack001_list{ width: 100%; margin-right: 0; margin-bottom: 14px; }
 .sys_pack002_box .sys_pack001_list.ab a .sys_md002{ margin-top: 6px; font-size: 1.25rem; }
 .sys_pack002_box .sys_pack001_list.ab{ width: 100%; margin-right: 0; margin-bottom: 14px; }
 .sys_pack002_box .sys_pack001_list a .sys_md002{ margin-top: 6px; }
 .sys_pack002_box .sys_pack001_list a .sys_md001{ font-size: 2.25rem; }
 .sys_pack002_box .sys_pack001_list a .sys_ph{ margin-top: 0; margin-bottom: 14px; }
 .sys_pack001_nav .sys_pack001_box .sys_pack001_list a{ padding: 0 4%; }
 .sys_pack001_nav .sys_pack001_box .sys_pack001_list a .sys_md001{ font-size: 1.875rem; }
 #sys_pack002{ padding-top: 30px; padding-bottom: 30px; }
 #sys_pack002.idea{ padding-top: 30px; padding-bottom: 30px; }
 #sys_pack002.idea .ps_txt001{ margin: 0 auto !important; }
 #sys_pack002.rou{ padding-top: 30px; padding-bottom: 30px; }
 #sys_pack002 .ps_txt001{ margin: 0 auto 20px; }
 .lp12_box .lp12_box_in{ padding-left: 8%; }
 .lp_box002{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; width: 100%; padding: 30px 8% 0 0; }
 .lp_box002 .lp_box002_l{ width: 100%; }
 .lp_box002 .lp_box002_l .lp_box002_r_ph img{ width: 70%; display: block; margin: 0 auto; }
 .lp_box002 .lp_box002_r{ width: 100%; padding: 0; margin-bottom: 30px; }
 .lp_box001{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .lp_box001 .lp_box001_l{ width: 100%; padding-right: 8%; padding-top: 0; margin-bottom: 30px; }
 .lp_box001 .lp_box001_r{ width: 80%; }
 .lp_l_md001{ font-size: 1.875rem; margin-bottom: 20px; }
 .pro_box001_md001{ font-size: 1.875rem; margin-bottom: 20px; }
 .pro_box001_md003{ text-align: left; width: 100%; }
 .pro_box001_md003 br{ display: none; }
 .pro_box001_md002{ font-size: 1.875rem; margin-bottom: 20px; }
 .pro_box001_md002 br{ display: none; }
 .pro_box001_md002 em{ font-size: 1.125rem; display: block; padding-top: 10px; padding-left: 0; }
 .pro_box001_md002.add001{ font-size: 1.875rem; margin-bottom: 20px; }
 .pro_box001_md002.en{ font-size: 2.25rem; margin-bottom: 20px; }
 .pro_area001{ padding-bottom: 0; }
 .pro_area001::before{ display: none; }
 .pro_area001 .pro_area001_in .pro_box001{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .pro_area001 .pro_area001_in .pro_box001.sep001 .pro_box001_r{ width: 100%; margin-right: 0; padding-top: 0; padding-left: 0; padding-right: 0; margin-left: 0; }
 .pro_area001 .pro_area001_in .pro_box001 .pro_box001_l{ width: 100%; }
 .pro_area001 .pro_area001_in .pro_box001 .pro_box001_l .pro_box001_ph img{ max-width: 100%; }
 .pro_area001 .pro_area001_in .pro_box001 .pro_box001_r{ width: 100%; margin-left: 0; padding-top: 0; padding-right: 0; margin-bottom: 0; }
 .pro_area001 .pro_area001_in .pro_box001 .pro_box001_r .pro_box001_r_in{ padding: 30px 6%; }
 .pro_md001{ font-size: 1.875rem; margin-bottom: 20px; }
 .pro_box003{ padding: 30px 0 30px; }
 .pro_box002{ padding: 30px 0 30px; }
 .pro_body{ padding: 20px 4%; }
 .pro_body.sub001{ padding: 30px 4% 20px; }
 .pro_body_md{ font-size: 1.625rem; margin-bottom: 20px; }
 .pro_box002 .m_h{ margin-bottom: 10px; }
 .pro_box002 .se_pro_md{ font-size: 1.6875rem; line-height: 1.2; }
 .pro_box002 .se_pro_md i{ font-size: 1.0625rem; line-height: 1.2; }
 .pro_sub_list002{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 14px; }
 .pro_sub_list002.four{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 14px; }
 .pro_sub_list002.four li{ width: 100%; margin-bottom: 14px; }
 .pro_sub_list002.four li img{ width: 70%; display: block; margin: 0 auto; }
 .pro_sub_list002.four li:last-child{ margin-bottom: 0; }
 .pro_sub_list002 li{ width: 100%; margin-bottom: 14px; }
 .pro_sub_list002 li img{ width: 70%; display: block; margin: 0 auto; }
 .pro_sub_list002 li:last-child{ margin-bottom: 0; }
 .pro_body002{ -ms-flex-direction: column; flex-direction: column; }
 .pro_body002 .pro_body002_in{ width: 100%; margin-right: 0; }
 .pro_body002 .pro_body002_in:last-child{ margin-bottom: 0; }
 .pro_body002 .pro_body002_in .pro_body002_in_box{ padding: 20px 6%; }
 .pro_body_txt .part_md_box{ margin-top: 20px; }
 .pro_body_sub{ margin-bottom: 0; }
 .hub_sub .hub_sub_in{ background: #fff; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 20px 4%; margin-bottom: 10px; }
 .hub_sub .hub_sub_in .hub_sub_box{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_l{ width: 100%; padding-right: 0; }
 .hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_r{ width: 100%; padding-right: 0; margin-top: 14px; }
 .hub_sub .hub_sub_in .hub_sub_box .hub_sub_box_r img{ display: block; margin: 0 auto; max-width: 70%; }
 .hub_sub_md i{ display: block; padding-top: 7px; }
 .hub_md{ font-size: 1.875rem; }
 .hub_txt001.a_c{ text-align: center; }
 .hub_txt001{ text-align: left; }
 .hub_txt001 br{ display: none; }
 .hub_txt002{ margin: 0 auto; }
 .hub_txt003{ text-align: left; }
 .hub_area{ padding: 30px 0; }
 .hub_area .hub_box002::before{ display: none; }
 .hub_area .hub_box002 .hub_box_in{ margin: 20px auto 30px; }
 .pro_lay001{ padding-left: 0; padding-top: 0; }
 .pro_lay001 .pro_lay001_in{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .pro_lay001 .pro_lay001_in .pro_lay001_l{ padding: 30px 6%; margin-right: 0; width: 100%; }
 .pro_lay001 .pro_lay001_in .pro_lay001_r{ margin-left: 0; width: 100%; }
 .pro_lay001 .pro_lay001_in .pro_lay001_r img{ width: 80%; display: block; margin: 0 auto; }
 .pro_add001{ padding: 30px 0; }
 .pro_add001.rev .pro_add001_in .pro_add001_r{ padding-left: 0; }
 .pro_add001.rev .pro_add001_in .pro_add001_r img{ width: 90%; margin: 0 auto; display: block; }
 .pro_add001 .pro_add001_in{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .pro_add001 .pro_add001_in .pro_add001_l{ width: 100%; margin-bottom: 20px; }
 .pro_add001 .pro_add001_in .pro_add001_r{ width: 100%; padding-right: 0; }
 .pro_add001 .pro_add001_in .pro_add001_r img{ width: 100%; display: block; margin: 0 auto; }
 .pro_lay002{ padding-top: 0; background: #fff; padding-bottom: 0; }
 .pro_lay002.p360{ padding: 0; }
 .pro_lay002::before{ display: none; }
 .pro_lay002 .pro_lay002_in{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
 .pro_lay002 .pro_lay002_in .pro_lay002_l{ width: 100%; padding: 30px 6%; }
 .pro_lay002 .pro_lay002_in .pro_lay002_r{ width: 100%; margin-bottom: 40px; }
 .pro_lay002 .pro_lay002_in .pro_lay002_r img{ width: 80%; display: block; margin: 0 auto; }
 .pro_lay003{ padding-top: 40px; padding-bottom: 40px; background-position: center center; background-image: none; background-color: #f7f7f7;
  /* padding-top: 250px; background-size: auto 200px; background-position: center top;*/ }
 .pro_lay003.p150{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003.p360{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003.p530{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003.kli{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003.kli02{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003.kli03{ padding-top: 40px; padding-bottom: 40px; background-position: 80% center; }
 .pro_lay003 .pro_lay003_in{ width: 88%; }
 .pro_lay003 .pro_lay003_in .pro_lay003_l{ width: 100%; }
 .pro_lay004{ margin-top: 0; margin-bottom: 0; }
 .pro_lay004::before{ display: none; }
 .pro_lay004 .pro_lay004_in{ width: 88%; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 40px; }
 .pro_lay004 .pro_lay004_in .pro_lay004_l{ width: 100%; padding: 40px 0 30px; }
 .pro_lay004 .pro_lay004_in .pro_lay004_r{ width: 100%; }
 .pro_lay004 .pro_lay004_in .pro_lay004_r img{ width: 70%; display: block; margin: 0 auto; }
 .lay_360_in{ background: #fff; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 30px 4% 20px; margin-bottom: 10px; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .lay_360_in .lay_360_in_l{ width: 100%; padding-right: 0; }
 .lay_360_in .lay_360_in_r{ width: 100%; padding-right: 0; margin-top: 14px; }
 .lay_360_in .lay_360_in_r img{ display: block; margin: 0 auto; max-width: 70%; }
 .lay_360{ padding: 30px 0; }
 .lay_360::before{ height: 100vw; }
 .va150.adap{ padding: 30px 4%; }
 .va150.adap .se_md_box .se_md001{ font-size: 1.625rem; text-align: left; }
 .va150 .se_txt001{ width: 100%; }
 .ex_area001{ padding: 0 0 30px; }
 .ex_area001::before{ display: none; }
 .ex_area001 .ex_area001_in{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; }
 .ex_area001 .ex_area001_in .ex_area001_l{ width: 100%; padding-right: 0; }
 .ex_area001 .ex_area001_in .ex_area001_r{ width: 40%; padding-right: 0; margin-bottom: 20px; }
 .ac_sp{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .ac_sp .ac_sp_l{ width: 100%; padding-right: 0; margin-bottom: 20px; }
 .ac_sp .ac_sp_r{ width: 100%; }
 .ac_sp002{ padding: 20px 4%; }
 .ac_sp002 .ac_sp_gray{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 .ac_sp002 .ac_sp_gray .ac_sp_l{ width: 100%; padding-left: 0; }
 .ac_sp002 .ac_sp_gray .ac_sp_r{ width: 100%; margin-bottom: 20px; }
 .tec_p001{ padding: 30px 0; }
 .tec_box001{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .tec_box001 .tec_box001_l{ width: 100%; margin-bottom: 16px; }
 .tec_box001 .tec_box001_r{ width: 100%; padding-left: 0; }
 .tec_p002{ padding: 30px 0; background-attachment: scroll; }
 .tec_p002_md{ font-size: 1.875rem; }
 .tec_p002_in{ padding: 20px 6%; margin: 30px 0; }
 .spa_area{ margin-bottom: 20px; }
 .spa_list .spa_list_in .spa_fle{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .spa_list .spa_list_in .spa_fle .spa_fle_l{ width: 100%; margin-bottom: 14px; }
 .spa_list .spa_list_in .spa_fle .spa_fle_r{ width: 100%; padding-left: 0; }
 .exa_num{ padding: 20px 4%; }
 .exa_num_in .exa_num_l{ width: 40px; }
 .exa_num_in .exa_num_r{ width: calc(100% - 40px); padding-left: 4%; padding-top: 0; }
 .exa_num_in .exa_num_r .exa_num_md{ font-size: 1.5rem; margin-bottom: 14px; }
 .exa_number{ height: 40px; }
 .exa_number i{ font-size: 1.25rem; }
 #part_area{ margin-bottom: 30px; }
 .part_nav .part_list{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .part_nav .part_list .part_list_in{ line-height: 2; margin-bottom: 6px; border-right: solid 1px #000; margin-left: -1px; }
 .part_nav .part_list .part_list_in a{ font-size: 1rem; padding: 0 10px; line-height: 1; }
 .part_box{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .part_box .part_box_l{ width: 100%; padding-right: 0; }
 .part_box .part_box_l .part_box_md{ font-size: 1.25rem; }
 .part_box .part_box_r02{ width: 100%; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .part_box .part_box_r{ width: 100%; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .part_box .part_box_r .part_ad_box{ width: 100%; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .part_box .part_box_r .part_ad_box .part_tel{ padding-left: 23px; }
 .part_box .part_box_r .part_ad_box .part_tel::before{ width: 20px; height: 22px; margin-top: -11px; }
 .part_box .part_box_r .part_link{ width: 100%; padding-top: 10px; }
 .part_shop_in .part_shop_list{ padding: 14px 4%; }
 .accordion_list li .clear_fix::before{ width: 15px; }
 .accordion_list li .clear_fix::after{ width: 15px; }
 .accordion_list li .clear_fix .title .title_en{ font-size: 1.75rem; margin-right: 15px; }
 .accordion_list li .clear_fix .title .title_ja{ font-size: 1rem; line-height: 1.4; }
 .accordion_list li .clear_fix .title{ -ms-flex-align: start; align-items: flex-start; }
 .accordion_list li .clear_fix{ padding: 15px 50px 15px 15px; }
 .accordion_list li .accordion_box .accordion_ja::before{ font-size: 1.875rem; top: -2px; }
 .accordion_list li .accordion_box .accordion_ja span{ font-size: 0.875rem; margin-left: 35px; }
 .accordion_list li .accordion_box{ padding: 15px; }
 .accordion_list li{ margin-bottom: 20px; }
 .faq_nav_box{ -ms-flex-direction: colmun; flex-direction: colmun; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .faq_nav_box.info001{ margin: 0 auto 20px; }
 .faq_nav_box .faq_md001{ width: 100%; padding-right: 0; margin-bottom: 14px; }
 .faq_nav_box #faq_nav{ width: 100%; }
 .faq_nav_box #faq_nav .faq_list{ width: 100%; }
 .faq_nav_box #faq_nav .faq_list .faq_list_in{ width: 49%; margin-right: 2%; margin-bottom: 6px; }
 .faq_nav_box #faq_nav .faq_list .faq_list_in:nth-child(2n){ margin-right: 0; }
 #info_nav{ margin-bottom: 30px; }
 .info_list .info_list_in .info_list_box{ -ms-flex-align: start; align-items: flex-start; }
 .info_list .info_list_in .info_list_box .info_list_box_r.add_ph{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 .info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_l{ width: 100%; margin-right: 0; }
 .info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r{ width: 100%; margin-bottom: 10px; height: 100px; overflow: hidden; position: relative; }
 .info_list .info_list_in .info_list_box .info_list_box_r.add_ph .info_list_box_r_r img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 .info_list .info_list_in .info_list_box .info_list_box_l{ padding: 0; margin-right: 20px; }
 .info_list .info_list_in .info_list_box .info_list_box_l i{ font-size: 1.0625rem; }
 .info_list .info_list_in .info_list_box .info_list_box_l em{ font-size: 3.625rem; }
 .info_md_area{ margin: 0 auto 20px; padding: 20px 0 0; }
 .info_md_area .info_list_in .info_list_box{ -ms-flex-align: start; align-items: flex-start; }
 .info_md_area .info_list_in .info_list_box .info_list_box_r .info_md{ font-size: 1.25rem; }
 .info_md_area .info_list_in .info_list_box .info_list_box_l{ padding: 0; margin-right: 20px; }
 .info_md_area .info_list_in .info_list_box .info_list_box_l i{ font-size: 1.0625rem; }
 .info_md_area .info_list_in .info_list_box .info_list_box_l em{ font-size: 3.625rem; }
 .wp-pagenavi.und{ padding-top: 15px; }
 .wp-pagenavi .current{ height: 25px; width: 25px; font-size: 1rem; }
 .wp-pagenavi .page{ height: 25px; width: 25px; font-size: 1rem; margin: 0 5px; }
 .wp-pagenavi{ padding-top: 0; }
 #info_all{ margin-bottom: 0; }
 #txt_area *{ font-size: 0.875rem; line-height: 2; }
 #txt_area p{ font-size: 1.0625rem; line-height: 2; margin-bottom: 15px; }
 #txt_area h2{ font-size: 1.5625rem; margin-bottom: 10px; }
 #txt_area h3::before{ top: 12px; left: -20px; width: 12px; height: 2px; }
 #txt_area h3{ font-size: 1.3125rem; margin-left: 20px; margin-bottom: 10px; }
 #txt_area h4{ font-size: 1.125rem; margin-bottom: 10px; }
 #txt_area ul li{ font-size: 1rem; }
 #txt_area ul{ margin-bottom: 10px; }
 #txt_area ol li{ font-size: 1rem; }
 #txt_area ol{ margin-bottom: 10px; }
 #txt_area table th, #txt_area table td{ font-size: 1rem; display: block; width: 100% !important; }
 #txt_area table th{ padding: 10px 5px; }
 #txt_area table td{ padding: 10px 10px 10px 15px; }
 #txt_area table{ margin-bottom: 10px; }
 #txt_area img{ margin-bottom: 10px; }
 .cont_nav002{ padding: 20px 4%; }
 .cont_nav002 .cont_list002_btn a{ padding: 14px 0 14px 0; }
 .cont_list002{ -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .cont_list002 .cont_list002_in{ width: 100%; margin-right: 0; margin-bottom: 10px; }
 .cont_list002 .cont_list002_in a{ padding: 14px 0 14px 10%; }
 .sof_list{ -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .sof_list li{ width: 100%; margin-right: 0; margin-bottom: 14px; }
 .sof_list li:last-child{ margin-bottom: 0; }
 .soft_box{ padding: 14px 0 14px; }
 .soft_list002{ width: 90%; }
 .soft_list002 li{ width: 100%; margin-right: 0; margin-bottom: 14px; }
 .soft_list002 li:last-child{ margin-bottom: 0; }
 .soft_list002 li a i{ font-size: 0.875rem; }
 .soft_list{ -ms-flex-direction: column; flex-direction: column; }
 .soft_list .soft_list_in{ width: 90%; margin: 0 auto; margin-bottom: 14px; }
 .soft_list .soft_list_in a i{ line-height: 1.4; }
 .soft_list .soft_list_in:last-child{ margin: 0 auto; }
 .contact_table table th, .contact_table table td{ display: block; width: 100%; }
 .contact_table table th{ font-size: 1rem; width: 100%; padding: 10px 15px; }
 .contact_table table td .kako_area.cho{ padding: 0; }
 .contact_table table td .kako_area span.ml{ margin-left: 10px; }
 .contact_table table td .kako_area span{ font-size: 0.875rem; margin-left: 10px; min-width: 25px; }
 .contact_table table td .kako_area{
  /*@include display-flex(); @include align-items(center); @include justify-content(flex-start);*/ padding: 0; width: 100%; }
 .contact_table table td{ padding: 15px 10px 25px; }
 .contact_table table td.sp_min{ padding: 15px 10px 5px; }
 .contact_table{ padding-top: 30px; }
 .postal_code_area .auto_btn{ font-size: 0.8125rem; padding: 10px; margin-left: 10px; }
 .select_area label::before{ width: 35px; }
 .select_area label::after{ width: 34px; height: 35px; }
 .select_area{ width: 100%; }
 select{ padding: 10px 20px; }
 .conf_list.kaku li:last-child{ margin-bottom: 15px; }
 .conf_list.kaku li{ width: 70%; margin-right: 0; margin-bottom: 0; }
 .conf_list li .err_fin{ font-size: 1.25rem; padding: 10px 0; max-width: 100%; width: 90%; }
 .conf_list li .con_fin{ font-size: 1.25rem; padding: 10px 0; max-width: 100%; width: 90%; }
 .conf_list{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 30px; }
 .radiobox_area001 li label .radio001_parts::before{ top: -3px; left: -3px; }
 .radiobox_area001 li label .radio001_parts::after{ top: 0; left: 0; }
 .radiobox_area001{ width: 100%; }
 .mwform-radio-field .mwform-radio-field-text::before{ top: -3px; left: -3px; }
 .mwform-radio-field .mwform-radio-field-text::after{ top: 0; left: 0; }
 .k_btn001{ padding-top: 16px; }
 .k_btn001 a{ width: 80%; margin: 0 auto; display: block; }
 .conf_area .conf_list .modoru .tardet_btn{ font-size: 1.125rem; padding: 10px 0; min-width: 250px; }
 .conf_area .conf_list .modoru{ margin-right: 0; }
 .conf_area .conf_list .kakunin::after{ width: 10px; height: 10px; margin-top: -5px; margin-right: -80px; }
 .conf_area .conf_list .kakunin input[type="submit"], .conf_area .conf_list .kakunin input[type="button"], .conf_area .conf_list .kakunin .con_fin{ font-size: 1.25rem; padding: 10px 0; }
 .conf_area .conf_list .kakunin{ margin-bottom: 20px; min-width: 250px; }
 .conf_area .conf_list{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 .xx_fea_txt001{ font-size: 0.875rem; margin-bottom: 30px; }
 .xx_fea_txt002{ font-size: 0.875rem; margin-bottom: 30px; }
 .mw_wp_form_confirm .modoru::after{ width: 10px; height: 10px; margin-top: -5px; margin-right: -80px; }
 .ab_area{ padding: 30px 0; }
 .ab_md002{ font-size: 1.875rem; }
 .ab_name .ab_img img{ width: 107px; }
 .ss_md{ padding: 0; margin-bottom: 20px; }
 #his_area #his_all{ display: block; }
 #his_area #his_area_l{ width: 100%; height: 100vh; display: block; position: fixed; z-index: 1; left: 0; top: 0; }
 #his_area #his_area_l::before{ content: ""; display: block; position: fixed; z-index: 3; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); }
 #his_area #his_area_l #his_bg_area{ width: 100%; height: 100vh; z-index: 1; }
 #his_area #his_area_l #his_bg_area .his_bg_box .nen{ display: none; }
 #his_area #his_area_r{ width: 100%; position: relative; z-index: 3; }
 #his_area #his_area_r .his_area_r_in{ padding: 20px 5% 20px 5%; }
 #his_area #his_area_r .his_area_r_in .his_num, #his_area #his_area_r .his_area_r_in .his_txt001, #his_area #his_area_r .his_area_r_in .his_md001{ color: #fff !important; }
 .his_sp_md{ display: block; }
 .his_list .his_list_in{ margin-bottom: 20px; }
 .his_lay001 .his_lay001_l{ width: 80%; padding-right: 4%; }
 .his_lay001 .his_lay001_r{ width: 20%; }
 .his_num{ font-size: 2.5rem; }
 .his_md001{ font-size: 1.5rem; }
 #idea_top{ height: 100vw; padding-top: 60px; }
 #idea_mark001{ width: 91px; margin: 0 auto; }
 #idea_mark001 img{ width: 100%; }
 .idea_area001{ margin-top: 0; padding-top: 30px; }
 .idea_list001{ margin-bottom: 40px; }
 .idea_list001 .idea001_list{ margin-bottom: 18px; padding-bottom: 18px; }
 .idea_list001 .idea001_list .idea_list_md_ja{ font-size: 1.875rem; }
 .idea_list001 .idea001_list .idea_list_md_en{ font-size: 1.875rem; }
 .idea_txt001{ width: 100%; margin: 0 auto 30px; }
 .idea_area002{ width: 90%; margin: 0 auto 30px; }
 .idea_area002::before{ display: none; }
 .idea_area002 .idea_area002_in{ padding-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 .idea_area002 .idea_area002_in .idea_box002_l{ width: 100%; padding-right: 0; padding-bottom: 0; padding-left: 0; }
 .idea_area002 .idea_area002_in .idea_box002_r{ width: 100%; margin-bottom: 20px; }
 .idea_area002_02{ padding: 30px 0; }
 .idea_area002_02 .idea_box002_b{ padding: 30px 0 20px; }
 .idea_area002_02 .idea_box002_b .idea_box002_b_ph{ margin-bottom: 20px; }
 .idea_area002_02 .idea_box002_b .idea_box002_b_ph img{ width: 100%; }
 #idea_area004{ padding: 30px 0; }
 #idea_area004::after{ display: none; }
 #idea_area004::before{ display: none; }
 #idea_area004 #idea_area004_in{ padding-right: 0; margin: 0 auto; width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 #idea_area004 #idea_area004_in .idea_area004_r{ width: 100%; padding-left: 0; margin-bottom: 20px; }
 #idea_area004 #idea_area004_in .idea_area004_l{ width: 100%; }
 .idea_as_list_in li{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
 .idea_as_list_in li .as_first_l{ width: 90%; padding: 30px 0; margin: 0 auto; }
 .idea_as_list_in li .as_first_l .as_first_l_in{ width: 100%; }
 .idea_as_list_in li .as_first_r{ width: 100%; height: 200px; }
 #idea_fifth{ padding: 30px 0; }
 .pop_img::before{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }
 .pop_img::after{ border-width: 8px 0 8px 10px; margin-left: -2px; margin-top: -8px; }
 .tab_fin001{ display: inline-block; margin-bottom: 14px; }
 .tab_fin002{ display: inline-block; }
 .tab_pro_md001 .tab_pro_md001_in{ font-size: 1.875rem; text-align: center; }
 .tab_pro_md001 .tab_pro_md001_in i{ font-size: 1.5rem; text-align: center; }
 .tab_pro{ -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .tab_pro .tab_pro_l{ width: 100%; display: block; padding-top: 10px; text-align: center; }
 .tab_pro_r{ width: 70%; display: block; }
 .sup_list{ -ms-flex-direction: column; flex-direction: column; }
 .sup_list .sup_list_in{ margin-right: 0; padding-right: 0; border-right: none; border-bottom: dotted 1px #ccc; margin-bottom: 12px; padding-bottom: 12px; width: 100%; }
 .sup_list .sup_list_in:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } }

@media screen and (min-width: 1001px){
 .ps_nav .ps_nav_in .ps_list a{ transition: 0.3s ease-in; box-shadow: 0 0 0 rgba(119, 119, 119, 0); }
 .ps_nav .ps_nav_in .ps_list a:hover{ box-shadow: 0 0 10px rgba(119, 119, 119, 0.2); }
 .pro_area001 .pro_area001_in .pro_box001 .pro_box001_r .pro_box001_r_in{ box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 60px 6%; }
 .hub_sub{ background: #fff; box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 30px 3%; }
 .lay_all{ box-shadow: 0 0 10px rgba(119, 119, 119, 0.1); padding: 60px 4%; background: #fff; }
 .wp-pagenavi .page:hover{ color: #fff; background: #000; }
 #txt_area a:hover{ text-decoration: none; }
 .soft_list002 li:nth-child(2n){ margin-right: 0; }
 .soft_list .soft_list_in:nth-child(2n){ margin-right: 0; }
 #his_area #his_all{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
 #his_area #his_area_r .his_area_r_in.bc{ background: #000; }
 .his_sp_md{ display: none; } }

@media screen and (max-width: 1700px){
 .item_area001 li.k_l{ font-size: 0.9375rem; } }