@charset "utf-8";
:root {
  --wc-main1:#6372c3;
  --wc-main2:#eeeef7;
  --wc-sub1:#000000;
  --wc-sub2:#000000;
}
:root {
  --foot-fixedHeight:60px;
}

#wcfront_base { background:#f3f3f3; }
.bg_white { background:#fff; }

.indent { display:inline-block; padding-left:1em; text-indent:-1em; }

.wcfront_form_step li::before { content:''!important; left:calc(100% - 5px)!important; background:#f3f3f3; }
.tbl_form tr > * { border-bottom-color:#f3f3f3; }
.tbl_form tr > td label { display:inline-block; }

.bg_top_triangle { position:relative; }
.bg_top_triangle::before { content:''; width:210px; height:70px; background:#f3f3f3; top:-1px; left:50%; transform:translateX(-50%); position:absolute; display:block; clip-path:polygon(0 0, 100% 0, 50% 100%); }

.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)),
.parts--hl._layout001 .wcfront_parts--layout-wrap { display:flex; flex-direction:column; align-items:center; }
.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--title,
.parts--hl._layout001 .wcfront_hl .parts--title,
.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--sub-title,
.parts--hl._layout001 .wcfront_hl .parts--sub-title { display:inline-block; font-weight:bold;color:#6771bd; }
.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--title,
.parts--hl._layout001 .wcfront_hl .parts--title { position:relative; font-size:5.5em!important; }
.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--title::before,
.parts--hl._layout001 .wcfront_hl .parts--title::before { content:''; display:block; width:60px; height:60px; background:url(../../common/upload/files/layout/icon-zip.png) no-repeat center center / contain; position:absolute; left:-60px; top:0; }
.wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--sub-title,
.parts--hl._layout001 .wcfront_hl .parts--sub-title { font-size:1.7em!important; color:var(--wc-baseColor) }
@container wciBase (width < 768px) {
  .wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--title,
  .parts--hl._layout001 .wcfront_hl .parts--title { font-size:2.5em!important; }
  .wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--title::before,
  .parts--hl._layout001 .wcfront_hl .parts--title::before { width:30px; height:30px; left:-30px; }
  .wcfront_hl:not(:has(.wcfront_parts--layout-wrap)) .parts--sub-title,
  .parts--hl._layout001 .wcfront_hl .parts--sub-title { font-size:.8em!important; }
}

.parts--button > .button > span { font-size:1em; }
.parts--button > .button._type1 .parts--text { padding-right:20px; background:url(../../common/upload/files/layout/arrow-r.png) no-repeat right center / 8px auto; }

@container wciBase (width >= 992px) {
  #wcfront_head_main > ul > li:has(.sub):after { content:''; display:block; width:16px; height:8px; background:url(../../common/upload/files/layout/arrow-b.png) no-repeat center center / contain; display:inline-block; margin-left:5px; }
}

.head_contact_btn_wrap { padding-right:20px; }
.head_contact_btn_wrap ul { display:flex; gap:10px; }
.head_contact_btn_wrap ul li .head_contact_btn { display:flex; align-items:center; justify-content:center; padding:5px 10px; text-align:center; font-weight:500; border:1px solid var(--wc-main1); background-color:var(--wc-main1); color:#fff; border-radius:40px; min-width:160px; transition-property:opacity; }
.head_contact_btn_wrap ul li .head_contact_btn._contact { background-color:#fff; color:var(--wc-main1); border-color:var(--wc-main1); }
@container wciBase (width < 992px) {
  .wcfront_base_wrap { padding-bottom:var(--foot-fixedHeight); }
  #wcfront_head_navi { height:calc(100vh - var(--wc-headHeight) - var(--foot-fixedHeight)); }
  .head_contact_btn_wrap { padding-right:0; display:flex; width:100%; height:var(--foot-fixedHeight); position:fixed; bottom:0; left:0; z-index:1001; background:#fff; border-top:1px solid #fff; }
  .head_contact_btn_wrap ul { width:100%; height:100%; gap:0; }
  .head_contact_btn_wrap ul li { flex:1; }
  .head_contact_btn_wrap ul li .head_contact_btn { width:100%; height:100%; border-radius:0; }
}

#wcfront_foot { padding:30px 0 10px; background:var(--wc-main1); }
#wcfront_foot,
#wcfront_foot a,
#wcfront_foot a:hover { color:#fff!important; }
#wcfront_foot_navi > ul { flex-direction:column; flex-wrap:wrap; max-height:260px; justify-content:flex-start; align-content:end; }
#wcfront_foot_navi > ul > li { padding-bottom:5px; padding-left:30px!important; }
#wcfront_foot_navi > ul > li > a { font-weight:500; line-height:1.2; font-weight:bold; }
#wcfront_foot_navi > ul > li > .sub { margin-top:5px; }
#wcfront_foot_navi > ul > li > .sub > ul > li { padding-left:0; padding-bottom:0; }
#wcfront_foot_navi > ul > li > .sub > ul > li > a { font-weight:normal; line-height:1.2; font-size:.9em; }

.foot_contact { background:url(../../common/upload/files/layout/foot_contact.jpg) no-repeat center center / cover; padding:40px 0; position:relative; height:max(400px, 38.385cqw); display:flex; align-items:center; justify-content:center; }
.foot_contact .foot_contact_inner .foot_contact_text { width:100%; max-width:520px; text-align:center; filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 4px #fffa); }
.foot_contact .parts--hl._layout001 .wcfront_hl { padding-top:0; padding-bottom:20px; }
.foot_contact .foot_contact_content_text { font-weight:bold; font-size:1.75em; padding-bottom:20px; }
@container wciBase (width < 768px) {
  .foot_contact { height:auto; background-position:center right 30%; }
  .foot_contact .parts--hl._layout001 .wcfront_hl .wcfront_parts--layout-wrap { align-items:flex-start; }
  .foot_contact .foot_contact_inner .foot_contact_text { max-width:100%; text-align:left; padding-left:15px; filter:drop-shadow(-1px -1px 0 #fffc) drop-shadow(1px -1px 0 #fffc) drop-shadow(-1px 1px 0 #fffc) drop-shadow(1px 1px 0 #fffc); }
  .foot_contact .foot_contact_content_text { font-size:1.1em; }
  .foot_contact .parts--button { text-align:left; }
}

.foot_address { padding-top:10px; }
.foot_btn_wrap { padding-top:20px; }
.foot_btn_wrap ul { display:flex; gap:10px; }
.foot_btn_wrap ul li .foot_btn { display:flex; align-items:center; justify-content:center; padding:5px 10px; text-align:center; font-weight:500; background-color:#fff; border-radius:40px; min-width:160px; transition-property:opacity; }
.foot_btn_wrap ul li .foot_btn .text { color:var(--wc-main1); }
.foot_copyright { font-size:.8em; padding:10px 20px; background:var(--wc-main1); color:#fff; text-align:right; }
@container wciBase (width < 992px) {
  .foot_address,
  .foot_copyright { text-align:center; }
  .foot_btn_wrap ul { justify-content:center; }
}
@container wciBase (width < 576px) {
  .foot_address { font-size:.9em; }
  .foot_btn_wrap ul li { flex:1; }
  .foot_btn_wrap ul li .foot_btn { min-width:unset; width:100%; }
}

#wcfront_foot .wcfront_foot_wrap,
.foot_contact .foot_contact_inner,
.foot_copyright p { width:1480px; max-width:100%; padding:0 20px; margin:0 auto; }

.wcapp_unit._type3 { border-bottom:0; }
.wcapp_unit._type3 a { background:#fff; padding:20px; }
.wcapp_unit._type3 .text_wrap { padding:0; flex-direction:column; }
.wcapp_unit._type3 .text_wrap > * { width:100%; }
.wcapp_unit._type3 .text_wrap .meta { margin-right:0; display:flex;  flex-wrap:wrap; align-items:center; }
.wcapp_unit._type3 .text_wrap .meta .date { margin-left:0; margin-right:10px; order:1; }
.wcapp_unit._type3 .text_wrap .meta > .date { order:1; color:var(--wc-baseColor); font-weight:bold; }
.wcapp_unit._type3 .text_wrap .meta > .tag,
.wcapp_unit._type3 .text_wrap .meta > .taglist { order:2; }
.wcapp_unit._type3 .text_wrap .title { color:var(--wc-main1)!important; text-decoration:underline; }
.wcapp_unit._type3 a:hover .text_wrap .title { text-decoration:none; }
.wcapp_unit._type4 a { box-shadow:none; }
.wcapp_unit._type4 .photo > span { border-radius:20px; overflow:hidden; margin-bottom:10px; }
.wcapp_unit._type4 .text_wrap { padding:0 0 20px; display:flex; flex-direction:column; }
.wcapp_unit._type4 .text_wrap > * { margin-top:0!important; }
.wcapp_unit._type4 .text_wrap .date { order:1; }
.wcapp_unit._type4 .text_wrap .meta2 { order:2; }
.wcapp_unit._type4 .text_wrap .title_wrap { order:3; }
.wcapp_unit._type4 .text_wrap .meta { order:4; }
.wcapp_unit._type4 .text_wrap .title_wrap .title { font-size:1.1em; }
.wcapp_unit .tag { border-radius:20px; font-size:.8em; }

.parts--button > .button._type1 > span { background:#fff; color:var(--wc-baseColor); border-color:var(--wc-baseColor); font-weight:bold; }

#wcfront_pagetitle .wcfront_pagetitle--text_wrap { display:flex; flex-direction:column; align-items:center; }
#wcfront_pagetitle .wcfront_pagetitle--text { position:relative; font-size:4em; letter-spacing:0; }
#wcfront_pagetitle .wcfront_pagetitle--text::before { content:''; display:block; width:50px; height:50px; background:url(../../common/upload/files/layout/icon-zip.png) no-repeat center center / contain; position:absolute; left:-50px; top:0; }
#wcfront_pagetitle .wcfront_pagetitle--text2 { font-size:1.1em; }
#wcfront_pagetitle .wcfront_pagetitle--text,
#wcfront_pagetitle .wcfront_pagetitle--text2 { text-shadow:none; }@container wciBase (width < 992px) {
  #wcfront_pagetitle { --wcft-page-title1:170px; }
}
@container wciBase (width < 768px) {
  #wcfront_pagetitle .wcfront_pagetitle--text { font-size:2.5em; }
  #wcfront_pagetitle .wcfront_pagetitle--text::before { width:30px; height:30px; left:-30px; }
}

#wcfront_pankuzu { padding-top:40px; padding-bottom:40px; font-size:.8em; }
#wcfront_pankuzu ul > li { font-weight:bold; vertical-align:middle; }
#wcfront_pankuzu ul > li:not(:first-child):before { content:''; width:10px; height:1em; display:inline-block; background:url(../../common/upload/files/layout/arrow2-r.png) no-repeat center center / contain; vertical-align:middle; }

.solution_list { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; }
.solution_list .unit { display:block; }
.solution_list .unit .image { position:relative; border-radius:20px; overflow:hidden; }
.solution_list .unit .image img { width:100%; height:auto; }
.solution_list .unit .image .image_text { position:absolute; bottom:0; left:0; color:#fff; font-weight:bold; padding:15px; }
.solution_list .unit .image .image_text .main { font-size:1.75em; line-height:1.2; }
.solution_list .unit .image .image_text .sub { font-size:1.25em; }
.solution_list .unit .summary { font-size:.9em; font-weight:bold; padding:0 8px; display:flex; margin-top:5px; line-height:1.6; }
.solution_list .unit .summary::before { content:''; display:block; width:10px; min-width:10px; height:calc(1em * 1.6); background:url(../../common/upload/files/layout/arrow2-r.png) no-repeat center center / contain; margin-right:5px; }
@container wciBase (width < 992px) {
  .solution_list .unit .image .image_text .main { font-size:1.25em; }
  .solution_list .unit .image .image_text .sub { font-size:1em; }
}
@container wciBase (width < 768px) {
  .solution_list .unit .image .image_text { padding:10px; }
  .solution_list { grid-template-columns:repeat(1, 1fr); }
}

.text-massage .wcfront_html { max-width:650px !important; margin:0 auto; font-weight:700; }

#link_wrap .link_list { display:flex; align-items:center; justify-content:center; gap:30px; margin:40px 0; flex-wrap:wrap; }
#link_wrap .link_list .link_detail { background:#fff; border:1px solid #000; border-radius:36px; min-width:300px; }
#link_wrap .link_list .link_detail a { padding:8px 35px; text-decoration:none; font-weight:bold; position:relative; display:flex; align-items:center; justify-content:center; width:100%; }
#link_wrap .link_list .link_detail a:before { content:''; position:absolute; top:50%; right:13px; width:8px; height:8px; border-right:2px solid #000; border-bottom:2px solid #000; transform:translateY(-50%) rotate(45deg); }
@media (max-width:575px) {
  #link_wrap .link_list .link_detail { width:80%; }
  #link_wrap .link_list .link_detail a { width:100%; display:flex; align-items:center; justify-content:center; }
}
@media (max-width:425px) {
  #link_wrap .link_list .link_detail { width:100%; }
}
.number_title.parts--hl._layout001 .wcfront_hl .parts--title { font-size:2.5rem !important; }
.number_title h3:before { display:none !important; }
.number_title h3 span { display:inline-block; position:relative; background:#6771bd; line-height:45px; min-height:45px; min-width:45px; border-radius:50px; color:#fff; font-size:1.5rem; }
.number_title h3 { padding-bottom:20px; display:flex !important; align-items:center; justify-content:center; gap:5px; }
.number_title h3::after { position:absolute; content:''; background:#6771bd; bottom:0; left:0; right:0; margin:0 auto; width:60px; height:3px; }
@media (max-width:575px) {
  .number_title.parts--hl._layout001 .wcfront_hl .parts--title { font-size:1.5rem !important; }
  .number_title h3 span { line-height:30px; min-height:30px; min-width:30px; font-size:1.2rem; }
}
@media (min-width:576px) {
  .number_title h3 .dis_none { display:none; }
}
#unit_pickup_list { max-width:450px; display:flex; flex-wrap:wrap; gap:10px; line-height:1; margin-top:10px; }
#unit_pickup_list span { font-weight:bold; }
#unit_pickup_list span.circle { color:#6771bd; }
.pick_up .parts--text { font-weight:700; font-size:0.9rem; }
.pick_up h4.parts--title { font-size:1.5rem; }
.parts--image-text-h._layout001 .wcfront_image-text-h .parts--title span._mini { font-size:1.2rem; }
.pick_up .unit_tag { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.pick_up .tag_detail { display:flex; gap:10px; align-items:center; }
.pick_up .tag_detail p { font-size:1.1rem; }
.pick_up .tag { background:#6771bd; color:#fff; padding:5px 10px; font-size:0.8rem; text-wrap:nowrap; }
.pick_up .parts--text .bit_small { font-size:0.85rem; }
@media (max-width:575px) {
  .pick_up .unit_tag { gap:10px; }
  .pick_up .tag_detail { flex-wrap:wrap; gap:5px; }
  .pick_up h4.parts--title { font-size:1.15rem; }
  .parts--image-text-h._layout001 .wcfront_image-text-h .parts--title span._mini { font-size:1rem; }
}
@media (max-width:425px) {
  .pick_up .parts--text { font-size:0.8rem; }
}

.circle_angle.parts--hl._layout002 .wcfront_hl .wcfront_parts--layout-wrap { justify-content:center; border-radius:50px; padding:20px; }
@media (max-width:425px) {
  .circle_angle.parts--hl._layout002 .wcfront_hl .parts--title { font-size:1rem; }
}

.main_title.parts--html._page_center > .wcfront_parts--wrap div { text-align:center; max-width:550px; margin:0 auto; }
.main_title.parts--html._page_center > .wcfront_parts--wrap div h3 { font-size:1.6rem; margin-bottom:30px; }
.main_title.parts--html._page_center > .wcfront_parts--wrap div .text { text-align:left; font-size:0.95rem; font-weight:bold; }
@media (max-width:575px) {
  .main_title.parts--html._page_center > .wcfront_parts--wrap div h3 { font-size:1.2rem; }
}
@media (max-width:425px) {
  .main_title.parts--html._page_center > .wcfront_parts--wrap div h3 { font-size:0.95rem; }
}
.service_list.wcfront_parts._page_center > .wcfront_parts--wrap { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.service_list .wcfront_image-text-v > .parts--unit { width:33%; flex:0 0 33.333%; }
.service_list .wcfront_image-text-v .parts--title { text-align:center; font-size:1.3rem; }
.service_list .parts--text { font-size:0.8rem; }
.service_list .parts--image img { aspect-ratio:1 / 0.824; object-fit:contain; }
@media (max-width:767px) {
  .service_list .wcfront_image-text-v > .parts--unit { width:50%; flex:0 0 50%; }
}
@media (max-width:575px) {
  .service_list .wcfront_image-text-v > .parts--unit { width:100%; flex:0 0 100%; }
}

.service_detail { display:flex; gap:20px; }
.service_detail .back_wrap { background-color:#6771bd; display:flex; flex-direction:column; align-items:center; justify-content:space-around; width:20%; aspect-ratio:1 / 1; padding:10px; }
.service_detail .back_wrap p { font-size:clamp(0.75rem, 2.5vw, 1.2rem); font-weight:bold; color:#fff; line-height:1.4; text-align:center; margin:0; }
.service_detail .back_wrap img { max-height:50%; width:auto; object-fit:contain; }
@media (max-width:991px) {
  .service_detail { flex-wrap:wrap; justify-content:center; }
  .service_detail .back_wrap { width:31%; }
}
@media (max-width:620px) {
  .service_detail .back_wrap { width:45%; }
}

.dis_bl { display:inline-block; }
.none { display:none; }
.location_address a { color:#345baa; text-decoration:underline; }

.faq_hl.parts--hl._layout002 .wcfront_hl .wcfront_parts--layout-wrap { justify-content:center; padding-top:60px; padding-bottom:60px; margin-bottom:0; }
.faq_hl.parts--hl._layout002 .wcfront_hl .wcfront_parts--layout-wrap .parts--title { font-size:2em; }

.wcapp_faq_item { border:0; border-radius:0; }
.wcapp_faq_item .wcapp_faq_question { background:var(--wc-main2); color:var(--wc-baseColor); }
.wcapp_faq_item .wcapp_faq_question .wcapp_faq_question_q { border-radius:0; background:transparent; }
.wcapp_faq_item .wcapp_faq_question .wcapp_faq_question_q::after { content:"."; }
.wcapp_faq_question_icon::before,
.wcapp_faq_question_icon::after { background:var(--wc-main1); }
#wcfront_body .wcfront_faq_search_sticky { background:#f3f3f3; }
#wcfront_body .wcfront_search_accordion_trigger { background:#fff; }
#wcfront_body .wcfront_search_area { background:#fff; }

@container wciBase (width >= 768px) {
  .wcfront_app_works .wcapp_unit._type4 { width:50%; }
}

body:not(.admin_edit) .plx._vertical2 { transition:transform, .6s, opacity .6s; }
body:not(.admin_edit) .plx._vertical2:not(.plx_active) { transform:translateY(40px); opacity:0; }

body:not(.admin_edit) .parts--app_layout_parts.plx .solution_list .unit { transition:transform, .6s, opacity .6s; }
body:not(.admin_edit) .parts--app_layout_parts.plx:not(.plx_active) .solution_list .unit { transform:translateY(40px); opacity:0; }

body:not(.admin_edit) .parts--app_works.plx .parts--title_wrap,
body:not(.admin_edit) .parts--app_works.plx .wcapp_list .wcapp_unit,
body:not(.admin_edit) .parts--app_works.plx .parts--button { transition:transform, .6s, opacity .6s; }
body:not(.admin_edit) .parts--app_works.plx:not(.plx_active) .parts--title_wrap,
body:not(.admin_edit) .parts--app_works.plx:not(.plx_active) .wcapp_list .wcapp_unit,
body:not(.admin_edit) .parts--app_works.plx:not(.plx_active) .parts--button { transform:translateY(40px); opacity:0; }

body:not(.admin_edit) .parts--app_news.plx .parts--title_wrap,
body:not(.admin_edit) .parts--app_news.plx .wcapp_list .wcapp_unit,
body:not(.admin_edit) .parts--app_news.plx .parts--button { transition:transform, .6s, opacity .6s; }
body:not(.admin_edit) .parts--app_news.plx:not(.plx_active) .parts--title_wrap,
body:not(.admin_edit) .parts--app_news.plx:not(.plx_active) .wcapp_list .wcapp_unit,
body:not(.admin_edit) .parts--app_news.plx:not(.plx_active) .parts--button { transform:translateY(40px); opacity:0; }

body:not(.admin_edit) .parts--app_faq.plx .parts--title_wrap,
body:not(.admin_edit) .parts--app_faq.plx .wcapp_faq_item,
body:not(.admin_edit) .parts--app_faq.plx .parts--button { transition:transform, .6s, opacity .6s; }
body:not(.admin_edit) .parts--app_faq.plx:not(.plx_active) .parts--title_wrap,
body:not(.admin_edit) .parts--app_faq.plx:not(.plx_active) .wcapp_faq_item,
body:not(.admin_edit) .parts--app_faq.plx:not(.plx_active) .parts--button { transform:translateY(40px); opacity:0; }