@charset "utf-8";

/*================================================
 *  bcpos業種個別ページ　CSS設定
 ================================================*/

* { margin:0; padding:0; border:0; box-sizing:border-box; }
body { color:#333; line-height:1.7; font-family:'Roboto', 'Noto Sans JP', sans-serif; font-size:16px; }
img { vertical-align:top; }

h2 { margin:0; padding:0; border:0; color:#333; font-size:1.6rem; background:transparent; }
#container { position:relative; overflow:hidden; }

/* custom_hero */
.custom_hero { position:relative; z-index:2; margin:0; padding:0; border:0; }
.custom_hero_inner { position:relative; padding:0; }
.custom_hero_text { position:absolute; left:5%; bottom:-24px; z-index:2; width:95%; max-width:560px; padding:32px; background:rgba(255,255,255,0.85); box-shadow:0 0 16px 0 rgba(0,0,0,0.1); backdrop-filter:blur(10px); }
.custom_hero_text h1 { font-size:2.0rem; }
.custom_hero_button a { display:inline-block; margin:20px 0 0; padding:15px 2.0rem; border:#14a38b 1px solid; font-weight:bold; text-decoration:none; transition:0.2s; }
.custom_hero_button a:hover { border:#14a38b 1px solid; color:#fff !important; background:#14a38b; opacity:1 !important; transition:0.2s; }
.custom_hero_photo { position:relative; }
.custom_hero_photo img { position:relative; z-index:1; width:auto; min-height:420px; object-fit:cover; }
.custom_hero_photo_text { position:absolute; right:0; bottom:0; z-index:2; padding:5px 15px; font-size:13px; background:rgba(255,255,255,0.85); backdrop-filter:blur(10px); }

@media (min-width:880px) {
  .custom_hero { position:relative; z-index:2; margin:0; padding:0; border:0; }
  .custom_hero_inner { position:relative; padding:0; }
  .custom_hero_text { position:absolute; left:5%; bottom:-24px; z-index:2; width:100%; max-width:560px; padding:56px; background:rgba(255,255,255,0.85); box-shadow:0 0 16px 0 rgba(0,0,0,0.1); backdrop-filter:blur(10px); }
  .custom_hero_text h1 { font-size:2.0rem; }
  .custom_hero_button a { display:inline-block; margin:20px 0 0; padding:15px 2.0rem; border:#14a38b 1px solid; font-weight:bold; text-decoration:none; transition:0.2s; }
  .custom_hero_button a:hover { border:#14a38b 1px solid; color:#fff !important; background:#14a38b; opacity:1 !important; transition:0.2s; }
  .custom_hero_photo { position:relative; }
  .custom_hero_photo img { position:relative; z-index:1; width:100%; min-height:auto; }
  .custom_hero_photo_text { position:absolute; right:0; bottom:0; z-index:2; padding:5px 15px; font-size:13px; background:rgba(255,255,255,0.85); backdrop-filter:blur(10px); }
}

/* custom_pos_gallery_latest */
.custom_pos_gallery_latest { padding:48px 0 48px; background:#F2F9F5; }
.custom_pos_gallery_latest h1 { width:90%; max-width:1080px; margin:0 auto; padding:0 0 40px; line-height:1; font-size:40px; }
.custom_pos_gallery_latest_inner { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-start; gap:20px; padding:0 0 0 5%; }
.custom_pos_gallery_latest_text { width:90%; margin:0 auto; padding-top:16px; text-align:left; }
.custom_pos_gallery_latest_text h2 { display:inline-block; position:relative; width:auto; margin:0; padding:0 1.75em 0 0; border:0; color:#333; line-height:1; font-size:1.6rem; background:transparent; }
.custom_pos_gallery_latest_text h2 b { position:absolute; top:-0.75em; right:0; color:#FF6767; font-size:10px; }
.custom_pos_gallery_latest_text h2 small { position:absolute; bottom:-2px; right:0; color:#858585; font-size:12px; font-weight:normal; }
.custom_pos_gallery_latest_text h2 svg { position:relative; top:0.15em; width:auto; height:1.0em; margin-right:0.15em; }
.custom_pos_gallery_latest_photos { position:relative; overflow:hidden; width:95%; height:300px; margin-left:5%; }
.custom_pos_gallery_latest_slide { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; gap:24px; }
.custom_pos_gallery_latest_slide_inner { width:270px; min-width:270px; max-width:320px !important; margin:16px; background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); }
.custom_pos_gallery_latest_slide_photo { position:relative; overflow:hidden; width:100%; max-height:170px; }
.custom_pos_gallery_latest_slide_photo img { position:relative; z-index:1; width:100%; object-fit:cover; }
.custom_pos_gallery_latest_slide_photo figcaption { position:absolute; z-index:2; bottom:0; left:0; padding:4px 16px; color:#fff; font-size:13px; background:#14a38b; }
.custom_pos_gallery_latest_slide_text { padding:24px; }
.custom_pos_gallery_latest_slide_text h3 { margin:0; padding:2px 0 2px 0.5em; border-left:#14a38b 3px solid; color:#333; line-height:1; font-size:16px; }
.custom_pos_gallery_latest_slide_text h3 b { font-size:18px; }
.custom_pos_gallery_latest_slide_text p { padding:8px 0 0; font-size:13px; }

@media (min-width:880px) {
  .custom_pos_gallery_latest { padding:64px 0 64px; background:#F2F9F5; }
  .custom_pos_gallery_latest h1 { width:90%; max-width:1080px; margin:0 auto; padding:0 0 40px; line-height:1; font-size:40px; }
  .custom_pos_gallery_latest_inner { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-start; gap:80px; padding:0 0 0 5%; }
  .custom_pos_gallery_latest_text { width:240px; margin:0; padding-top:16px; text-align:right; }
  .custom_pos_gallery_latest_text h2 { display:inline-block; position:relative; width:auto; margin:0; padding:0 1.75em 0 0; border:0; color:#333; line-height:1; font-size:1.6rem; background:transparent; }
  .custom_pos_gallery_latest_text h2 b { position:absolute; top:-0.75em; right:0; color:#FF6767; font-size:10px; }
  .custom_pos_gallery_latest_text h2 small { position:absolute; bottom:-2px; right:0; color:#858585; font-size:12px; font-weight:normal; }
  .custom_pos_gallery_latest_text h2 svg { position:relative; top:0.15em; width:auto; height:1.0em; margin-right:0.15em; }
  .custom_pos_gallery_latest_photos { position:relative; overflow:hidden; width:calc(100% - 320px); height:300px; margin-left:0; }
  .custom_pos_gallery_latest_slide { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; gap:24px; }
  .custom_pos_gallery_latest_slide_inner { width:270px; min-width:270px; max-width:320px !important; margin:16px; background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); }
  .custom_pos_gallery_latest_slide_photo { position:relative; overflow:hidden; width:100%; max-height:170px; }
  .custom_pos_gallery_latest_slide_photo img { position:relative; z-index:1; width:100%; object-fit:cover; }
  .custom_pos_gallery_latest_slide_photo figcaption { position:absolute; z-index:2; bottom:0; left:0; padding:4px 16px; color:#fff; font-size:13px; background:#14a38b; }
  .custom_pos_gallery_latest_slide_text { padding:24px; }
  .custom_pos_gallery_latest_slide_text h3 { margin:0; padding:2px 0 2px 0.5em; border-left:#14a38b 3px solid; color:#333; line-height:1; font-size:16px; }
  .custom_pos_gallery_latest_slide_text h3 b { font-size:18px; }
  .custom_pos_gallery_latest_slide_text p { padding:8px 0 0; font-size:13px; }
}

/* custom_pos_gallery_category */
.custom_pos_gallery_category { padding:40px 0; }
.custom_pos_gallery_category_inner { width:90%; max-width:1080px; margin:0 auto; padding:0; }
.custom_pos_gallery_category_headline { padding:0 0 40px; text-align:center; }
.custom_pos_gallery_category_headline h2 { display:inline-block; position:relative; width:auto; margin:0 auto; padding:0 0 24px; border:0; color:#333; line-height:1; font-size:2.0rem; background:transparent; }
.custom_pos_gallery_category_headline h2::before { content:''; display:block; position:absolute; bottom:0; left:50%; width:200px; height:2px; background:#14a38b; transform:translate(-50%,0); }
.custom_pos_gallery_category_items { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.custom_pos_gallery_category_items li { width:calc(100% / 3.333); padding:0 0 24px; text-align:center; }
.custom_pos_gallery_category_items li a { color:#333; text-decoration:none; }
.custom_pos_gallery_category_items li figure {  }
.custom_pos_gallery_category_items li figure img { width:100%; height:auto; }
.custom_pos_gallery_category_items li figcaption { display:block; padding:10px 0 0; font-size:14px; }

@media (min-width:880px) {
  .custom_pos_gallery_category { padding:80px 0; }
  .custom_pos_gallery_category_inner { width:90%; max-width:1080px; margin:0 auto; padding:0; }
  .custom_pos_gallery_category_headline { padding:0 0 40px; text-align:center; }
  .custom_pos_gallery_category_headline h2 { display:inline-block; position:relative; width:auto; margin:0 auto; padding:0 0 32px; border:0; color:#333; line-height:1; font-size:2.4rem; background:transparent; }
  .custom_pos_gallery_category_headline h2::before { content:''; display:block; position:absolute; bottom:0; left:50%; width:200px; height:2px; background:#14a38b; transform:translate(-50%,0); }
  .custom_pos_gallery_category_items { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
  .custom_pos_gallery_category_items li { width:calc(100% / 8); padding:0; text-align:center; }
  .custom_pos_gallery_category_items li a { color:#333; text-decoration:none; }
  .custom_pos_gallery_category_items li figure {  }
  .custom_pos_gallery_category_items li figure img { width:100%; height:auto; }
  .custom_pos_gallery_category_items li figcaption { display:block; padding:10px 0 0; font-size:14px; }
}

/* reason_banner_area */
.reason_banner_area { padding:80px 0; background:#f3f3f3; }
.reason_banner_area_inner { width:90%; max-width:880px; margin:0 auto; text-align:center; }
.reason_banner_area_headline { margin:0; padding:0 0 24px; }
.reason_banner_area_headline h2 { font-size:2.0rem; }
.reason_banner_area_inner p {  }
.reason_banner_area_inner p + p { padding:24px 0 0; }
.reason_banner_area_inner p.reason_banner_area_banner {  }
.reason_banner_area_inner p.reason_banner_area_banner img { width:100%; height:auto; }
.reason_banner_area_inner p.reason_banner_area_banner .pc {  }
.reason_banner_area_inner p.reason_banner_area_banner .sp { display:none; }

@media (min-width:880px) {
  .reason_banner_area { padding:80px 0; background:#f3f3f3; }
  .reason_banner_area_inner { width:90%; max-width:880px; margin:0 auto; text-align:center; }
  .reason_banner_area_headline { margin:0; padding:0 0 24px; }
  .reason_banner_area_headline h2 { font-size:2.0rem; }
  .reason_banner_area_inner p {  }
  .reason_banner_area_inner p + p { padding:24px 0 0; }
  .reason_banner_area_inner p.reason_banner_area_banner {  }
  .reason_banner_area_inner p.reason_banner_area_banner img { width:100%; height:auto; }
  .reason_banner_area_inner p.reason_banner_area_banner .pc {  }
  .reason_banner_area_inner p.reason_banner_area_banner .sp { display:none; }
}

/* custom_pos_gallery_lists */
.custom_pos_gallery_lists { padding:40px 0; }
.custom_pos_gallery_lists_inner { width:90%; max-width:1080px; margin:0 auto; padding:0; }.custom_pos_gallery_category_headline { padding:0 0 40px; text-align:center; }
.custom_pos_gallery_lists_headline { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; padding:0 0 40px; text-align:center; }
.custom_pos_gallery_lists_headline_title { width:100%; text-align:center; }
.custom_pos_gallery_lists_headline h2 { display:inline-block; position:relative; width:auto; margin:0 auto; padding:0 0 24px; border:0; color:#333; line-height:1; font-size:2.0rem; background:transparent; }
.custom_pos_gallery_lists_headline h2::before { content:''; display:block; position:absolute; bottom:0; left:50%; width:200px; height:2px; background:#14a38b; transform:translate(-50%,0); }
.custom_pos_gallery_lists_headline_select { width:100%; padding-top:24px; font-size:13px; text-align:center; }
.custom_pos_gallery_lists_headline_select label { padding-right:1.0em; }
.custom_pos_gallery_lists_headline_select select { width:10em; margin:0; padding:8px 24px 8px 0; border:0; border-bottom:#999 1px solid; border-radius:0; color:#333; line-height:1; font-size:16px; text-align:left; background:transparent url('../images/arrow.svg') no-repeat calc(100% - 12px) center; background-size:8px auto; box-shadow:none; appearance:none; }
.custom_pos_gallery_lists_list { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:16px; }
.custom_pos_gallery_lists_list li { width:calc(100% / 2 - 8px); margin-top:0; background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); }
.custom_pos_gallery_lists_photo { position:relative; overflow:hidden; width:100%; height:170px; }
.custom_pos_gallery_lists_photo img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }
.custom_pos_gallery_lists_photo figcaption { position:absolute; z-index:2; bottom:0; left:0; padding:4px 16px; color:#fff; font-size:13px; background:#14a38b; }
.custom_pos_gallery_lists_text { padding:16px; }
.custom_pos_gallery_lists_text h3 { margin:0; padding:2px 0 2px 0.5em; border-left:#14a38b 3px solid; color:#333; line-height:1.4; font-size:13px; }
.custom_pos_gallery_lists_text h3 b { font-size:15px; }
.custom_pos_gallery_lists_text p { padding:4px 0 0; font-size:12px; }
.custom_pos_gallery_lists_button { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; padding:48px 0 0; }
.custom_pos_gallery_lists_button_more { display:flex; justify-content:center; align-self:stretch; width:100%; margin:0; padding:0 0 24px; text-align:center; }
.custom_pos_gallery_lists_button_more a { display:inline-block; min-width:80%; margin:0; padding:15px 2.0rem; border:#14a38b 1px solid; color:#14a38b; font-weight:bold; text-decoration:none; transition:0.2s; }
.custom_pos_gallery_lists_button_more a:hover { border:#14a38b 1px solid; color:#fff !important; background:#14a38b; opacity:1 !important; transition:0.2s; }
.custom_pos_gallery_lists_button_play { display:flex; justify-content:center; align-items:center; align-self:stretch; width:100%; margin:0; padding:0; text-align:center; }
.custom_pos_gallery_lists_button_play a { padding-right:1.0em; color:#14a38b; }
.custom_pos_gallery_lists_button_play a img { width:auto; height:64px; }

@media (min-width:880px) {
  .custom_pos_gallery_lists { padding:80px 0; }
  .custom_pos_gallery_lists_inner { width:90%; max-width:1080px; margin:0 auto; padding:0; }.custom_pos_gallery_category_headline { padding:0 0 40px; text-align:center; }
  .custom_pos_gallery_lists_headline { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:flex-end; padding:0 0 40px; text-align:center; }
  .custom_pos_gallery_lists_headline_title { width:33.333%; text-align:center; }
  .custom_pos_gallery_lists_headline h2 { display:inline-block; position:relative; width:auto; margin:0 auto; padding:0 0 32px; border:0; color:#333; line-height:1; font-size:2.4rem; background:transparent; }
  .custom_pos_gallery_lists_headline h2::before { content:''; display:block; position:absolute; bottom:0; left:50%; width:200px; height:2px; background:#14a38b; transform:translate(-50%,0); }
  .custom_pos_gallery_lists_headline_select { width:33.333%; padding-top:0; font-size:13px; text-align:right; }
  .custom_pos_gallery_lists_headline_select label { padding-right:1.0em; }
  .custom_pos_gallery_lists_headline_select select { width:10em; margin:0; padding:8px 24px 8px 0; border:0; border-bottom:#999 1px solid; border-radius:0; color:#333; line-height:1; font-size:16px; text-align:left; background:transparent url('../images/arrow.svg') no-repeat calc(100% - 12px) center; background-size:8px auto; box-shadow:none; appearance:none; }
  .custom_pos_gallery_lists_list { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:21px; }
  .custom_pos_gallery_lists_list li { width:calc(100% / 4 - 16px); margin-top:0; background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); }
  .custom_pos_gallery_lists_photo { position:relative; overflow:hidden; width:100%; height:170px; }
  .custom_pos_gallery_lists_photo img { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }
  .custom_pos_gallery_lists_photo figcaption { position:absolute; z-index:2; bottom:0; left:0; padding:4px 16px; color:#fff; font-size:13px; background:#14a38b; }
  .custom_pos_gallery_lists_text { padding:16px; }
  .custom_pos_gallery_lists_text h3 { margin:0; padding:2px 0 2px 0.5em; border-left:#14a38b 3px solid; color:#333; line-height:1.4; font-size:13px; }
  .custom_pos_gallery_lists_text h3 b { font-size:15px; }
  .custom_pos_gallery_lists_text p { padding:4px 0 0; font-size:12px; }
  .custom_pos_gallery_lists_button { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; padding:48px 0 0; }
  .custom_pos_gallery_lists_button_more { display:flex; justify-content:center; align-self:stretch; width:33.333%; margin:0; padding:0; text-align:center; }
  .custom_pos_gallery_lists_button_more a { display:inline-block; min-width:80%; margin:0; padding:15px 2.0rem; border:#14a38b 1px solid; color:#14a38b; font-weight:bold; text-decoration:none; transition:0.2s; }
  .custom_pos_gallery_lists_button_more a:hover { border:#14a38b 1px solid; color:#fff !important; background:#14a38b; opacity:1 !important; transition:0.2s; }
  .custom_pos_gallery_lists_button_play { display:flex; justify-content:flex-end; align-items:center; align-self:stretch; width:33.333%; margin:0; padding:0; text-align:right; }
  .custom_pos_gallery_lists_button_play a { padding-right:1.0em; color:#14a38b; }
  .custom_pos_gallery_lists_button_play a img { width:auto; height:64px; }
}

/* dummy_head */
.dummy_head { margin:0; padding:0; }
.dummy_head img { width:100%; height:auto; }

/* dummy_foot */
.dummy_foot { margin:0; padding:0; }
.dummy_foot img { width:100%; height:auto; }