.mainvisual_shift{width:100vw;height:100vh}.mainvisual_shift .section_inner{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-items:flex-start;height:100vh}.mainvisual_shift .catch{position:absolute;left:40px;bottom:100px;text-align:left}.mainvisual_shift .catch .catch_text{color:#fff;font-size:16.4rem;line-height:.8292682927;margin-bottom:24px;letter-spacing:0.03em}.mainvisual_shift .catch .catch_subtext{max-width:500px;color:#fff;font-size:28px;line-height:2;letter-spacing:.13em;display:flex;font-weight:700}.mainvisual_shift .catch .catch_subtext:after{background-color:currentColor;content:"";display:block;height:1px;margin-left:13px;position:relative;top:28px;width:80px}.mainvisual_shift .headding_wrap{font-size:16.4rem;overflow:hidden;padding:10px 0}@media only screen and (max-width: 1024px){.mainvisual_shift .catch{width:95%}.mainvisual_shift .catch .catch_text{font-size:7.1rem}.mainvisual_shift .catch .catch_subtext{width:100%;font-size:2rem;max-width:fit-content}.mainvisual_shift .catch .catch_subtext:after{top:2rem}.mainvisual_shift .headding_wrap{font-size:7.1rem}}@media only screen and (max-width: 767px){.mainvisual_shift .catch{left:20px}.mainvisual_shift .catch .catch_subtext{font-size:1.3rem}.mainvisual_shift .catch .catch_subtext:after{width:40px;top:1.3rem}}@media only screen and (max-width: 480px){.mainvisual_shift .catch .catch_text{font-size:6rem}.mainvisual_shift .headding_wrap{font-size:6rem}}
.contact_policy .intro{margin-bottom:2rem}.contact_policy .intro .headding_wrap{text-align:center}.contact_policy .intro .section_h3{font-size:3rem}.contact_policy .text-side{background-color:#fefefe;border:1px solid #dedede;position:relative}.contact_policy .text-side .overlay{height:100%;width:100%;background-color:rgba(222,222,222,0.6);position:absolute;top:0;left:0}.contact_policy .text-side .show_btn{display:inline-block;background-color:#efefef;border:1px solid #ccc;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.contact_policy .text-side .text_wrap{font-size:inherit;padding:1rem;height:200px;overflow-y:scroll}
.check_before_contact .intro{margin-bottom:2rem}.check_before_contact .intro .headding_wrap{text-align:center}.check_before_contact .intro .section_h3{font-size:3rem}.check_before_contact .text-side{background-color:#fefefe;border:1px solid #dedede;position:relative}.check_before_contact .text-side .overlay{height:100%;width:100%;background-color:rgba(222,222,222,0.6);position:absolute;top:0;left:0}.check_before_contact .text-side .show_btn{display:inline-block;background-color:#efefef;border:1px solid #ccc;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.check_before_contact .text-side .text_wrap{font-size:inherit;padding:1rem;height:200px;overflow-y:scroll}
.title_sub{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif"}.title_sub .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.title_sub .text-side{max-width:850px;margin:auto;text-align:center}.title_sub .subtitle{letter-spacing:0px}.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:2.5rem}.title_sub .subtitle_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.title_sub .headding_wrap,.title_sub .editable_wrap{font-size:3rem}.title_sub .subtitle_wrap{font-size:1.6rem}}
.formapps .form_area .form-item .awesomplete{display:block;width:100%;padding:0 !important}.form_area .awesomplete li mark{display:inline-block;padding:0 0 0 0.5rem;background:#f2f2f2;border-radius:0.3em}.form_area .awesomplete>ul{box-shadow:unset;overflow:hidden}.form_area .awesomplete>ul>li{color:#333}.form_area .awesomplete>ul>li::after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:2px;background-color:#ccc;transition:transform 0.2s;transform:scaleX(0)}.form_area .awesomplete>ul>li:first-child{border-radius:0.3em 0.3em 0 0}.form_area .awesomplete>ul>li:last-child{border-radius:0 0 0.3em 0.3em}.form_area .awesomplete>ul>li:hover{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover mark{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover::after{transform:scaleX(1)}.formapps_border_light .form_area .form-item:not(.send_btn),.formapps_border_light .dummy_form_area .form-item:not(.send_btn){border-bottom:1px solid rgba(0,0,0,0.2)}.formapps_border_light .form_area .form-item:not(.send_btn) div,.formapps_border_light .dummy_form_area .form-item:not(.send_btn) div{padding:1rem}
#footer-section{z-index:3}@media only screen and (max-width: 768px){.jobs #footer-section .detail-side{display:none}}.footer-block .footer_tp_generic .detail-side{bottom:0;transition:bottom .5s}.footer_tp_generic{background-color:#fff;font-size:1.4rem}.footer_tp_generic .editable a{color:#666}.footer_tp_generic .footer-company{position:relative}.footer_tp_generic .footer-company::before{content:"";position:absolute;top:0;left:50%;width:100%;height:1px;background-color:#ccc;transform:translateX(-50%)}.footer_tp_generic .logo-side{padding:2rem 0;text-align:center}.footer_tp_generic .logo{max-width:200px;margin:0 auto 2rem}.footer_tp_generic .logo img{width:auto;max-width:100%}.footer_tp_generic .logo div{display:inline}.footer_tp_generic .menu-side{display:none}.footer_tp_generic .detail-side{text-align:center;font-size:1.4rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background-color:#fff;position:fixed;bottom:-100%;left:0;width:100%;transition:bottom .8s .2s}.footer_tp_generic .detail-side_first{width:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.footer_tp_generic .detail-side_first .tel{line-height:1.4;letter-spacing:0}.footer_tp_generic .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_tp_generic .detail-side_first .tel:after{content:"phone";font-family:"Material Icons";font-size:3.6rem;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}.footer_tp_generic .detail-side_first .hour{font-size:1.2rem;display:none}.footer_tp_generic .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_tp_generic .linker a{background-color:#E4A847}.footer_tp_generic .letter{letter-spacing:.1em}.footer_tp_generic .copy{border-top:1px solid #ccc;font-size:1.2rem;padding:2rem 0;text-align:center}.footer_tp_generic .sns-side{margin-bottom:2rem}.footer_tp_generic .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.footer_tp_generic .sns-side .duplicatable-content{max-width:70px;padding:0 1rem}.footer_tp_generic .section_btn a{white-space:nowrap}.footer_tp_generic .back-top{cursor:pointer;width:40px;height:40px;border-radius:20px;border:1px solid #E4A847;position:absolute;bottom:10px;right:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.footer_tp_generic .back-top .arrow:before{content:"▲";color:#E4A847}@media only screen and (min-width: 768px){.footer_tp_generic .footer-company{padding:3.5rem 0 2rem}.footer_tp_generic .footer-company_inner{display:flex;flex-wrap:wrap}.footer_tp_generic .logo{display:block;margin:0 auto}.footer_tp_generic .menu-block{order:3;width:100%}.footer_tp_generic .menu-side{display:block;padding:3rem 0 5rem}.footer_tp_generic .menu-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-ms-flex-pack:end;justify-content:center}.footer_tp_generic .menu-side .duplicatable-content{width:auto;padding:0 1rem;font-size:1.4rem}.footer_tp_generic .logo-side{order:1;width:200px}.footer_tp_generic .detail-side{order:2;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;text-align:left;margin:auto 0 auto auto;width:calc(100% - 220px);position:static;background-color:transparent}.footer_tp_generic .detail-side_first{margin-bottom:4rem;font-size:1.8rem;text-align:right;display:block}.footer_tp_generic .detail-side_first .tel{font-size:2.2rem}.footer_tp_generic .detail-side_first .tel:after{content:none}.footer_tp_generic .detail-side_first .tel a{position:relative;pointer-events:none}.footer_tp_generic .detail-side_first .hour{display:block}.footer_tp_generic .detail-side_second{max-width:300px;margin-bottom:3rem}.footer_tp_generic .detail-side>div{margin-bottom:0;width:100%}.footer_tp_generic .copy{padding:1.5rem 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.footer_tp_generic .sns-side{margin-bottom:0}.footer_tp_generic .sns-side .duplicatable-content{width:60px}.footer_tp_generic .section_btn{margin:auto 0 auto auto}.footer_tp_generic .back-top{bottom:80px}}@media only screen and (max-width: 768px){.footer_tp_generic .detail-side_first .tel{font-size:0 !important}.footer_tp_generic .detail-side_second .section_btn{max-width:none}.footer_tp_generic .detail-side_second .section_btn a{border-radius:0}}@media only screen and (min-width: 768px){_:-ms-lang(x)::-ms-backdrop,.footer_tp_generic .detail-side{align-items:center;margin:unset}_:-ms-lang(x)::-ms-backdrop,.footer_tp_generic .detail-side_second{margin-left:2rem}}@media only screen and (max-width: 768px){_::-webkit-full-page-media,_:future,:root .detail-side_first{text-align:center}_::-webkit-full-page-media,_:future,:root .tel.letter.editable{display:grid}}
@charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{    font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;
    line-height: ;
    letter-spacing: em;
}#section-wrapper .subtitle{    font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;
    line-height: ;
    letter-spacing: em;
}#section-wrapper .letter{    font-family: YakuHanMP, 'Noto Serif', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif;
    line-height: ;
    letter-spacing: em;
}@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}

@charset "utf-8";
:root {
    --main-color: #AE281C;
    --sub-color: #012C52;
}
/* Safariのみパララックス無効 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, .image-bg {
    background-attachment: inherit !important;
  }
}

/*固定gnavi回避*/
html {
  scroll-padding-top: 70px; 
}
@media only screen and (max-width: 768px){
html {
  scroll-padding-top: 50px; 
}
}

@media only screen and (min-width: 1025px){
  section:first-of-type .content {
    padding: 0;
  }
}

/*================================
  共通設定
================================*/

/* ▼ padding崩れ対策*/
* {
  box-sizing: border-box;
}

/* ▼ 画像崩れ対策*/
img {
  max-width: 100%;
}

/* ▼ 背景色*/
body {
  background: #E1E3E6;
}

/* ▼ 共通見出し・タイトル系フォント設定 */
body:not(.page-blog):not(.page-cases) #section-wrapper h1,
body:not(.page-blog):not(.page-cases) #section-wrapper h2,
body:not(.page-blog):not(.page-cases) #section-wrapper h3,
body:not(.page-blog):not(.page-cases) #section-wrapper h4,
#section-wrapper .title,
#section-wrapper .headding,
#section-wrapper .form-item_title,
#section-wrapper .form-item_input,
#section-wrapper .subtitle,
.step_title.editable,
.step_subtitle.editable,
.linker a,
.section_btn a {
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: bold;
  letter-spacing: 0.1em;
}
#section-wrapper .editable a {
  margin: 0 0 0 5px;
  color: #FFF;
}

/* ▼ 小見出しフォントカラー設定 */
.blog_unity.section_name.width-limit.color-bg h3,
.half_fit_image.rv_section.section_name.color-bg h3,
.half_fit_image.rv_section.section_name.reverse.color-bg h3,
.fit_card_two.section_name.color-bg .editable.headding.title,
.api_map_text.section_name.width-limit.rv_section.color-bg h3 {
  font-size: 30px;
  color: #FFF;
}

@media only screen and (max-width: 768px) {
  .blog_unity.section_name.width-limit.color-bg h3,
  .half_fit_image.rv_section.section_name.color-bg h3,
  .half_fit_image.rv_section.section_name.reverse.color-bg h3,
  .fit_card_two.section_name.color-bg .editable.headding.title,
  .api_map_text.section_name.width-limit.rv_section.color-bg h3 {
    font-size: 25px;
  }
}

/* ▼ フォントの基本設定 */
#section-wrapper .letter {
  font-family: "Noto Sans JP", sans-serif;
  word-break: break-word;
}

/* ▼ 共通テキスト設定 */
body,
body:not(.page-contact) #section-wrapper span,
body:not(.page-contact) #section-wrapper p,
.subtitle,
.editable,
.subtitle.editable,
.editable.letter,
.text.editable.letter,
.text_wrap.letter.editable,
.description_text.editable,
.step_subtitle.editable,
.editable.microcopy {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #FFF;
}

.headding,
.headding.editable {
	color: #FFF;
}

/* ▼ リンクボタン */
.linker a,
.section_btn a,
.formapps .section_btn input,
#section-wrapper .btn .section_btn a,
#section-wrapper .btn_text .section_btn a,
#section-wrapper .btn_wide .section_btn a,
#section-wrapper .footer_all .section_btn a,
#section-wrapper .footer_simple .section_btn a,
#section-wrapper .infomation_all .section_btn a,
#section-wrapper .infomation_simple .section_btn a,
#section-wrapper .footer_tp_generic .linker a {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #FFF !important;
  background: var(--main-color)!important;
  border: none !important;
  border-radius: 0 !important;
}

.linker a:hover,
.section_btn a:hover,
.formapps .section_btn input:hover,
#section-wrapper .btn .section_btn a:hover,
#section-wrapper .btn_text .section_btn a:hover,
#section-wrapper .btn_wide .section_btn a:hover,
#section-wrapper .footer_all .section_btn a:hover,
#section-wrapper .footer_simple .section_btn a:hover,
#section-wrapper .infomation_all .section_btn a:hover,
#section-wrapper .infomation_simple .section_btn a:hover,
#section-wrapper .footer_tp_generic .linker a:hover {
  background: #6f1c14 !important;
}

#section-wrapper .footer_tp_generic .linker a:hover {
  background: #6f1c14 !important;
}

.linker a::after,
.section_btn a::after,
.formapps .section_btn input,
#section-wrapper .btn .section_btn a::after,
#section-wrapper .btn_text .section_btn a::after,
#section-wrapper .btn_wide .section_btn a::after,
#section-wrapper .footer_all .section_btn a::after,
#section-wrapper .footer_simple .section_btn a::after,
#section-wrapper .infomation_all .section_btn a::after,
#section-wrapper .infomation_simple .section_btn a::after,
#section-wrapper .footer_tp_generic .linker a::after {
  content: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: transparent #e02838 #e02838 transparent;
}

a:hover {
  opacity: 1 !important;
}

/*================================
  セクション背景
================================*/
#section-wrapper {
  /*background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/492787/optimized_eA-FPAFv4nIkv0phwUHKtQ.jpg) 50% 0 / 100% auto repeat-y;*/
}

/*================================
  完了ページ
================================*/
.thanks_page .thanks_contents .section_inner {
  padding: 30rem 0 !important;
}
.thanks_page .thanks_contents .catch {
  padding: 5%;
  background-color: rgba(255,255,255,0.88);
  border: none;
}
.thanks_page .thanks_contents .headding {
  font-size: 3.2rem;
  text-align: center;
  color: #1A1D1A;
}
#section-wrapper .thanks_page .thanks_contents .headding span {
  display: block;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: bold;
}
#section-wrapper .thanks_page .catch_subtext {
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .thanks_page .thanks_contents .section_inner {
    padding: 20rem 3rem !important;
  }
  .thanks_page .thanks_contents .headding {
    font-size: 20px;
  }
  #section-wrapper .thanks_page .catch_subtext {
    font-size: 15px;
  }
}

/*================================
  ヘッダー
================================*/
#global-nav .gnav_accordion_wide .gnav_bg {
  background: #1A1D1A !important;
}
#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li a {
  color: #FFF !important;
}
#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li {
  padding: 0 12px;
}
#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:not(.gnav-submenu):last-child {
  padding: 0;
  margin-left: 12px;
  background: var(--main-color) ;
}
#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:not(.gnav-submenu):last-child a {
  display: flex;
  padding: 8px 28px 10px;
}
@media only screen and (max-width: 1024px) {
  #global-nav .gnav_accordion_wide .gnav_sp .gnav_items a {
    color: #FFF !important;
  }
}
@media only screen and (max-width: 767px) {
  #global-nav .gnav_accordion_wide .gnav_sp .logo_side .header_logo {
    padding-left: 10px;
  }
  #global-nav .gnav_accordion_wide .gnav_sp .logo_side img {
    max-width: 180px;
  }
  #global-nav .gnav_accordion_wide .hamburger_top, #global-nav .gnav_accordion_wide .hamburger_mid, #global-nav .gnav_accordion_wide .hamburger_btm {
    height: 2px;
    background: #FFF;
  }
}

/*================================
  フッター
================================*/
#footer-section .footer_tp_generic .footer-company::before {
  content: none;
}
#footer-section .section_inner {
  padding: 0 40px;
}
#footer-section .footer_tp_generic .copy {
  padding: 10px 0;
}
#footer-section .footer_tp_generic .copy .copyright {
  font-size: 12px;
}
#footer-section .footer_tp_generic .back-top {
  border-color: #FFF;
}
#footer-section .footer_tp_generic .back-top .arrow:before {
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  .footer_tp_generic .detail-side,
  .footer-block .footer_tp_generic .detail-side {
    background: #1A1D1A;
  }
  .footer_tp_generic .detail-side_first {
    width: 120px;
  }
  #section-wrapper .footer_tp_generic .detail-side span {
    display: block;
    font-size: 10px;
    white-space: nowrap;
  }
}

/*================================
  投稿関連
================================*/
#section-wrapper .showcase_chart .banner_text .banner_link,
#section-wrapper .blog_posts .banner_text .banner_link {
  position: relative;
  display: flex;
  margin: 0 auto;
  padding: 10px 25px;
  font-weight: bold !important;
  color: #FFF !important;
  line-height: 1.8;
  text-decoration: none;
  background: var(--main-color) !important;
  border: 2px solid var(--main-color) !important;
  border-radius: 0;
  transition: 0.3s ease-in-out;
  justify-content: space-around;
  align-items: center;
  opacity: 1;
  z-index: 1;
}
.blog_posts .post_item .notice {
  color: #FFF !important;
  background: var(--sub-color) !important;
}
#section-wrapper .blog_posts .post_single .post_category_name {
  background: var(--sub-color);
  border: none;
}
#section-wrapper .blog_posts .post_single .post_category_name a {
  color: #FFF;
  font-weight: normal;
}
#section-wrapper .showcase_chart .showcase_chart_title,
#section-wrapper .showcase_chart .showcase_chart_sidebar_title,
#section-wrapper .blog_posts_index .posts_title,
#section-wrapper .blog_posts .post_archives_title,
#section-wrapper .blog_posts .post_category_title,
#section-wrapper .blog_posts .post_popnews_title,
#section-wrapper .blog_posts .post_tag_title,
#section-wrapper .showcase_chart .showcase_chart_sidebar_link,
#section-wrapper .blog_posts .post_chart_sidebar_link,
#section-wrapper .showcase_chart .showcase_chart_popnews_item_title,
#section-wrapper .blog_posts .post_chart_popnews_item_title,
#section-wrapper .blog_posts .post_item .blog_post_text,
#section-wrapper .blog_posts .post_archives_item, .blog_posts .post_category_item,
#section-wrapper .blog_posts .post_tag_item,
#section-wrapper .wrapper.blog_posts .breadcrumb_item,
#section-wrapper .wrapper.blog_posts .breadcrumb_item a,
#section-wrapper .blog_posts .post_archives_title a,
#section-wrapper .blog_posts .post_archives_item a,
.blog_posts .post_popnews_data time {
  color: #FFF;
}
#section-wrapper .showcase_chart .banner_inner,
#section-wrapper .blog_posts .banner_inner {
  background: rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 10px #000;
}
#section-wrapper .showcase_chart_item_title {
  color: #FFF;
}

.page-blog #section-wrapper .post_list .notice {
  display: block;
  padding: 3px 12px;
  font-size: 13px;
  background: var(--main-color);
}
.page-case #section-wrapper .showcase_chart_list .showcase_chart_item_title,
.page-blog .blog_posts_index .chart_section .blog_post_title {
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
}
.page-case #section-wrapper .showcase_chart_list .showcase_chart_item_category,
.page-blog .blog_posts .post_item .post_category_name {
  display: inline-block;
  padding: 3px 12px;
  margin: 0 10px 5px 0;
  font-size: 13px;
  color: #FFF;
  background: var(--main-color);
}

.portfolios.page-case main > .section_name,
.portfolios.page-blog main > .section_name {
  padding: 40px;
  /* background: #FFF; */
}
.portfolios.page-case main > .section_name .banner_inner,
.portfolios.page-blog main > .section_name .banner_inner,
#section-wrapper .blog_posts_body.post_single .banner {
  max-width: 480px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.64);
  border-radius: 4px;
  box-shadow: 0 0 24px white;
}
.portfolios.page-case main > .section_name .post_body_text .letter,
.portfolios.page-blog main > .section_name .post_body_text .letter,
.portfolios.page-case main > .section_name .post_body_text p,
.portfolios.page-blog main > .section_name .post_body_text p,
.blog_posts .post_single .label_name,
.blog_posts .post_single .blog_post_text,
.blog_posts .post_single .blog_post_text p,
.blog_posts .post_popnews_text {
  color: #fff !important;
}
.portfolios.page-case .category_attention,
.portfolios.page-blog .category_attention {
  background: var(--main-color);
}
.portfolios.page-case main > .section_name .breadcrumb,
.portfolios.page-blog main > .section_name .breadcrumb {
  margin-bottom: 24px;
}

main.blog_posts_body.post_single {
    color: #fff;
  /* padding: 1px 40px;
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0 0 4px white; */
}
@media only screen and (max-width: 767px) {
  main.blog_posts_body.post_single {
    padding: 1px 20px;
  }
}

/*================================
  被りコンテンツー17
================================*/
section[data-section_template_id="17"] .image-frame-bg {
  background: rgba(0, 0, 0, 0.88) !important;
  border: 1px solid #FFF;
}

/*================================
  テーブルコンテンツー22
================================*/
section[data-section_template_id="22"] .section_name {
  padding: 10px 0;
  /*background: #ededed;*/
}
#section-wrapper section[data-section_template_id="22"] .letter {
  color: #333;
}
#section-wrapper section[data-section_template_id="22"] .letter.th {
  color: #535971;
  font-weight: 600;
}

/*================================
  タイトルー35
================================*/
section[data-section_template_id="35"]#section_698418,
section[data-section_template_id="35"]#section_698660 {
  margin-bottom: -1px;
}
section[data-section_template_id="35"]#section_698418 .headding,
section[data-section_template_id="35"]#section_698660 .headding  {
  color: #535971;
}

@media only screen and (max-width: 767px) {
  section[data-section_template_id="35"] .headding {
    font-size: 20px !important;
  }
}

/*================================
  テーブルコンテンツー39
================================*/
/* section[data-section_template_id="39"] .section_name {
  background: transparent !important;
} */

/*================================
  マップコンテンツー41
================================*/
section[data-section_template_id="41"] .section_inner {
  margin-top: 70px;
  box-shadow: 0 0 24px #535971;
  border-radius: 8px;
  overflow: hidden;
}
section[data-section_template_id="41"] .api_map_text .text-side {
  background: #535971;
}

/*================================
  テキストコンテンツー43
================================*/
@media only screen and (max-width: 767px) {
  #section-wrapper section[data-section_template_id="43"] .title_section :is(.section_h3,span) {
    font-size: 20px;
  }
}

/*================================
  ハーフコンテンツー54
================================*/
section[data-section_template_id="54"] .section_inner {
  /*padding: 0 0 120px;*/
}
section[data-section_template_id="54"] .text-side {
  background: #FFF;
}
#section-wrapper section[data-section_template_id="54"] .headding {
  margin-bottom: 20px;
  font-size: 30px;
  color: #535971;
}
section[data-section_template_id="54"] .subtitle,
section[data-section_template_id="54"] .letter {
  color: #1D1D1D;
}

@media only screen and (max-width: 768px) {
  section[data-section_template_id="54"] .half .text-side_inner {
    max-width: 100%;
    padding: 0 20px;
  }
  #section-wrapper section[data-section_template_id="54"] .headding {
    font-size: 25px;
  }
}

/*================================
  画像コンテンツー57
================================*/
section[data-section_template_id="57"] .text-side_bg .image-frame-bg {
  background: #535971 !important;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="57"] .headding {
    font-size: 26px !important;
    font-weight: 500 !important;
  }
}

/*================================
  タイトルー80
================================*/
@media only screen and (max-width: 767px) {
  section[data-section_template_id="80"] .headding {
    font-size: 36px !important;
  }
}

/*================================
  画像コンテンツー88
================================*/
section[data-section_template_id="88"] .duplicatable-content_inner {
  background: rgba(83, 89, 113, 0.98);
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="88"] .block_four .text-side_inner {
    max-width: 100%;
  }
  section[data-section_template_id="88"] .block_four .text-side {
    padding: 0;
  }
}

/*================================
  タイトルー94
================================*/
section[data-section_template_id="94"] .section_name {
  position: relative;
  background-attachment: fixed;
}
section[data-section_template_id="94"] .text-side {
  position: relative;
  padding-left: 40px;
}
section[data-section_template_id="94"] .text-side::before,
section[data-section_template_id="94"] .text-side::after {
  content: "";
  position: absolute;
  top: -52px;
  left: -60px;
  width: 70px;
  height: 142px;
  background: var(--sub-color);
  transform: skewX(-30deg);
  z-index: 0;
}
section[data-section_template_id="94"] .text-side::after {
  top: -32px;
  left: -15px;
  background: #AE281C;
}
section[data-section_template_id="94"] .text-side .spacer-item_wrap {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="94"] .section_name {
    padding-bottom: 20px;
  }
  section[data-section_template_id="94"] .text-side {
    padding-left: 24px;
  }
  section[data-section_template_id="94"] .text-side::before,
  section[data-section_template_id="94"] .text-side::after {
    top: -8px;
    left: -6px;
    width: 35px;
    height: 62px;
  }
  section[data-section_template_id="94"] .text-side::after {
    top: 2px;
    left: 0;
  }
  /* section[data-section_template_id="94"] .headding {
    font-size: 26px !important;
  } */
}

/*================================
  フォームページー103
================================*/
section[data-section_template_id="103"] .form_area .send_btn .section_btn input {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 0;
}
#section-wrapper section[data-section_template_id="103"] .form-item .required {
  top: 0.2em;
  color: var(--main-color);
}

/*================================
  カードコンテンツー121
================================*/
section[data-section_template_id="121"] .section_name {
  /*padding-top: 72px;*/
  background: #535971 !important;
}
section[data-section_template_id="121"] .section-content_bg .image-frame-bg {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid #FFF;
}

/*================================
  フォームページー157
================================*/
section[data-section_template_id="157"] .form_area .send_btn .section_btn input {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 0;
}
#section-wrapper section[data-section_template_id="157"] .form-item .required {
  top: 0.2em;
  color: var(--main-color);
}

section[data-section_template_id="157"]#section_698385 {
  color: #333;
}

/*================================
  FAQー353
================================*/
section[data-section_template_id="353"] .faq_accordion .duplicatable-content {
  background: rgb(83 89 113);
}

/*================================
  タブ切り替えー531
================================*/
section[data-section_template_id="531"] .tab_section .tab_switch_container .tab_switch_box .tab_button .letter {
  color: #333;
}
section[data-section_template_id="531"] .tab_section .tab_switch_container .tab_switch_box .tab_button.active_tab .letter {
  color: #FFF;
}

/*================================
  フローリストー611
================================*/
section[data-section_template_id="611"] .section-animation-wrap .element-2,
section[data-section_template_id="611"] .section-animation-wrap .element-3,
section[data-section_template_id="611"] .section-animation-wrap .element-4,
section[data-section_template_id="611"] .section-animation-wrap .element-5 {
  display: none;
}
section[data-section_template_id="611"] .section_inner {
  margin-top: 30px;
}
#section-wrapper section[data-section_template_id="611"] .headding {
  color: #535971;
}
#section-wrapper section[data-section_template_id="611"] .letter {
  color: #1d1d1d;
}

/*================================
  投稿一覧ー724
================================*/
section[data-section_template_id="718"] * {
  color: #333 !important;
}

/*================================
  画像リストー724
================================*/
section[data-section_template_id="724"] .section_name {
  /*padding: 80px 0;
  background: rgba(255, 255, 255, 0.24);*/
}

/*================================
  ポリシー-725
================================*/
#section-wrapper section[data-section_template_id="725"] .letter {
  color: #333;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="725"] .headding {
    font-size: 20px !important;
  }
}

/*================================
  画像コンテンツー733
================================*/
@media only screen and (max-width: 767px) {
  #section-wrapper section[data-section_template_id="733"] .headding {
    font-size: 18px;
  }
  section[data-section_template_id="733"] .new_standard_content_two .text-side {
    padding: 32px 0 8px;
  }
  #section-wrapper section[data-section_template_id="733"] .letter {
    font-size: 14px;
  }
}

/*================================
  ナンバー付きリストー736
================================*/
section[data-section_template_id="736"] .new_list_box .text-side .title_wrap .headding {
  font-size: 24px;
  color: #535971;
}
section[data-section_template_id="736"] .new_list_box .text-side .number_wrap {
  display: block;
  width: auto;
  height: auto;
  background: transparent;
}
section[data-section_template_id="736"] .new_list_box .text-side .number_wrap:before {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -1px;
  white-space: nowrap;
  color: #535971;
}
section[data-section_template_id="736"] .new_list_box .text-side .letter {
  color: #333;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="736"] .new_list_box .text-side .number_wrap:before {
    font-size: 32px;
  }
  section[data-section_template_id="736"] .new_list_box .text-side .title_wrap .headding {
    font-size: 20px;
  }
}

/*================================
  キャッチコピーー739
================================*/
section[data-section_template_id="739"] .new_catchcopy_simple .text-wrap {
  max-width: 100%;
  padding: 40px;
}
section[data-section_template_id="739"] .new_catchcopy_simple .image-side_bg .frame-image {
  background: var(--main-color) !important;
  border: 1px solid #FFF;
}
#section-wrapper section[data-section_template_id="739"] .headding {
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  #section-wrapper section[data-section_template_id="739"] .headding {
    font-size: 22px;
  }
  section[data-section_template_id="739"] .new_catchcopy_simple .text-wrap {
    padding: 20px;
  }
}

/*================================
  ハーフコンテンツー740
================================*/
section[data-section_template_id="740"] .section_inner {
  padding: 10px 0 80px;
}
section[data-section_template_id="740"] .half_out_of_position .text-side_bg .image-frame-bg {
  background: #535971;
}

/*================================
  ボタンリストー753
================================*/
section[data-section_template_id="753"] .section_name {
  padding: 20px 0 40px;
}
section[data-section_template_id="753"] .duplicatable-content .section_name {
  padding: 0;
}
section[data-section_template_id="753"] .width-limit .section_inner {
  max-width: 1100px;
}
section[data-section_template_id="753"] .multiple_btn .duplicatable-content {
  width: 33%;
}
section[data-section_template_id="753"] .section_btn {
  max-width: 300px;
}
section[data-section_template_id="753"] .linker-style_type-1 {
  position: relative;
  padding: 0 20px;
}
section[data-section_template_id="753"] .linker-style_type-1::before {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 6px;
  font-size: 10px;
  line-height: 1;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="753"] .multiple_btn .duplicatable-content {
    width: 100%;
  }
}

/*================================
  ハーフコンテンツ-760
================================*/
@media only screen and (max-width: 767px) {
  section[data-section_template_id="760"] .headding {
    font-size: 22px !important;
  }
}

/*================================
  コンテンツリスト-761
================================*/
section[data-section_template_id="761"] .section_name {
  padding-top: 60px;
  background: rgba(255, 255, 255, 0.18) !important;
}
section[data-section_template_id="761"] .flow_cards .duplicatable-container {
  max-width: 880px;
  margin: 0 auto;
}
section[data-section_template_id="761"] .flow_cards .duplicatable-content {
  width: 30%;
}
section[data-section_template_id="761"] .flow_cards .duplicatable-content_inner {
  height: 100%;
}
section[data-section_template_id="761"] .flow_cards .dc-inner_bg .frame-image {
  background: #535971;
  border: 1px solid #FFF;
}
section[data-section_template_id="761"] .flow_cards .image-side .frame-image {
  border-top-color: #FFF;
}
section[data-section_template_id="761"] .flow_cards .number_wrap {
  font-size: 20px;
  font-weight: 900;
  color: #535971;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="761"] .flow_cards .duplicatable-content {
    width: 100%;
  }
  section[data-section_template_id="761"] .flow_cards .duplicatable-content .headding {
    font-size: 17px;
  }
  section[data-section_template_id="761"] .flow_cards .text_wrap {
    display: block;
    margin-top: 12px;
  }
  section[data-section_template_id="761"] .flow_cards .text_wrap .letter {
    font-size: 13px;
  }
}

/*================================
  画像リスト-762
================================*/
section[data-section_template_id="762"] {
  display: block;
  margin-top: -2px;
}
section[data-section_template_id="762"] .section_name {
  background-position: 50% 0;
  background-size: cover;
}

/*================================
  コンテンツリスト-769
================================*/
section[data-section_template_id="769"] .section_name {
  /*padding: 120px 0 0;*/
}
section[data-section_template_id="769"] .headding {
  padding: 10px;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #FFF !important;
  background: linear-gradient(to top, rgba(83,89,113,0.95) 0%, rgba(83,89,113,0.9) 60%, rgba(83,89,113,0.8) 80%, rgba(83,89,113,0.64) 100%);
}
section[data-section_template_id="769"] .subtitle {
  font-size: 20px !important;
  color: #efefef;
}
section[data-section_template_id="769"] .section_name .text_wrap .letter {
  color: #333;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="769"] .subtitle {
    font-size: 18px !important;
  }
}

/*================================
  画像コンテンツ-771
================================*/
section[data-section_template_id="771"] .section_name {
  /*padding: 80px 0;
  margin-bottom: 80px;*/
}
section[data-section_template_id="771"] .title_backcolor .text-side .headding_wrap, section[data-section_template_id="771"] .title_backcolor .text-side .subtitle_wrap {
  background: #535971;
}
section[data-section_template_id="771"] .letter {
  color: #FFF !important;
}
#section-wrapper section[data-section_template_id="771"] .text_wrap .letter,
#section-wrapper section[data-section_template_id="771"] .text_wrap .letter * {
  /*color: #333;*/
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="771"] .text-side {
    padding: 0 8px;
  }
}

/*================================
  画像コンテンツ-772
================================*/
section[data-section_template_id="772"] .section_inner {
  /*padding-top: 70px;*/
}
section[data-section_template_id="772"] .alternating-backcolor .dc-inner_bg .frame-image {
  background: rgba(255, 255, 255, 1) !important;
}
section[data-section_template_id="772"] .alternating-backcolor .duplicatable-content_inner {
  align-items: normal;
}
section[data-section_template_id="772"] .heading {
  display: block;
  padding-bottom: 14px;
  color: var(--main-color) !important;
  border-bottom: 1px solid;
}
section[data-section_template_id="772"] .letter {
  color: #333;
}

/*================================
  メインビジュアル-773
================================*/
/*section[data-section_template_id="773"] .section_name {
  max-height: 480px;
}*/
section[data-section_template_id="773"] .section_name .section_inner {
  height: 100%;
}
/* section[data-section_template_id="773"] .section_inner .headding {
  font-size: 64px;
} */
section[data-section_template_id="773"] .section_inner .subtitle {
  font-size: 34px;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="773"] .section_name {
    max-height: 400px;
    background-position-x: 28%;
  }
 /*  section[data-section_template_id="773"] .section_inner .headding {
    font-size: 40px;
  } */
  section[data-section_template_id="773"] .section_inner .subtitle {
    font-size: 18px;
  }
  section[data-section_template_id="773"] .section_inner .subtitle::after {
    top: 19px;
  }
}

/*================================
  カードコンテンツ-786
================================*/
section[data-section_template_id="786"] .standard_content_text_dup .text-box {
  background: rgba(255, 255, 255, 0.11);
  border-color: #FFF;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.48);
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="786"] .headding {
    font-size: 18px !important;
  }
}

section[data-section_template_id="786"]#section_698466 .section_name {
  padding-top: 30px;
  margin-top: -4px;
  background-position: 50% 0;
}
section[data-section_template_id="786"]#section_698466 .frame-image {
  background: #535971 !important;
}
section[data-section_template_id="786"]#section_698466 .standard_content_text_dup .text-box {
  border-color: transparent;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.48);
}

/*================================
  ナンバーコンテンツ-787
================================*/
section[data-section_template_id="787"] .standard_content_text_two .text-box {
  background: rgba(255, 255, 255, 0.11);
  border-color: #FFF;
  box-shadow: 0 0 24px rgba(255, 255, 255, 0.48);
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="787"] .headding {
    font-size: 20px;
  }
}

/*================================
  タイトル-790
================================*/
section[data-section_template_id="790"] .section_name {
  background: transparent;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="790"] .headding {
    font-size: 20px;
  }
}

/*================================
  丸背景リスト-793
================================*/
section[data-section_template_id="793"] .headding {
  font-size: 17px;
}
section[data-section_template_id="793"] .circle-box_link .duplicatable {
  max-width: 1100px;
}
#section-wrapper section[data-section_template_id="793"] .letter {
  color: #333;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="793"] .headding {
    font-size: 15px;
  }
  #section-wrapper section[data-section_template_id="793"] .letter {
    font-size: 15px;
  }
}

/*================================
  サイトマップ-803
================================*/
#section-wrapper section[data-section_template_id="803"] .letter {
  font-size: 16px !important;
}
#section-wrapper section[data-section_template_id="803"] .letter a {
  display: inline-block;
  padding: 4px 0;
}
@media only screen and (max-width: 767px) {
  #section-wrapper section[data-section_template_id="803"] .letter {
    font-size: 14px;
  }
}

/*================================
  テーブルコンテンツ-804
================================*/
section[data-section_template_id="804"] .section_name {
  /*background: #E1E3E6 !important;*/
}
section[data-section_template_id="804"] .table_light_generic .table_wrap .tr .th {
  background: #535971;
}
section[data-section_template_id="804"] .table_light_generic .table_wrap .tr .td {
  color: #333;
}

/*================================
  ポリシー-805
================================*/
#section-wrapper section[data-section_template_id="805"] .letter {
  color: #333;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="805"] .headding {
    font-size: 20px !important;
  }
}

/*================================
  導線リスト-810
================================*/
section[data-section_template_id="810"] .duplicatable-content {
  position: relative;
  padding: 4px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid #FFF;
}
section[data-section_template_id="810"] .duplicatable-content .block_link {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.24);
}
section[data-section_template_id="810"] .duplicatable-content .block_link:hover {
  box-shadow: 0 0 10px white;
}
section[data-section_template_id="810"] .square_four_images_with_text .image-frame-bg {
  padding-top: 32%;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="810"] .square_four_images_with_text .duplicatable-content {
    width: 100%;
  }
}

/*================================
  テキストコンテンツ-811
================================*/
@media only screen and (max-width: 767px) {
  section[data-section_template_id="811"] .section-content .headding {
    font-size: 16px;
    font-weight: 600 !important;
  }
  section[data-section_template_id="811"] .section-content .letter {
    font-size: 13px;
  }
}

/*================================
  メインビジュアル-812
================================*/
section[data-section_template_id="812"] .section_name .catch::before {
  background: #FFF;
}
#section-wrapper section[data-section_template_id="812"] .subtitle {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  #section-wrapper section[data-section_template_id="812"] .headding {
    margin: 10px 0;
    font-size: 0.83em !important;
  }
  #section-wrapper section[data-section_template_id="812"] .subtitle {
    font-size: 15px;
  }
}

/*================================
  イメージリストー813
================================*/
section[data-section_template_id="813"] {
  /*padding: 40px 0;*/
}
section[data-section_template_id="813"] .section_inner {
  background: #FFF;
}
section[data-section_template_id="813"] .headding {
  color: var(--main-color);
}
section[data-section_template_id="813"] .letter,
section[data-section_template_id="813"] .subtitle {
  color: #1A1D1A;
}
@media only screen and (max-width: 767px) {
  section[data-section_template_id="813"] .section_inner {
    padding: 40px 15px;
  }
  section[data-section_template_id="813"] .headding {
    font-size: 0.75em;
    text-align: center;
  }
  section[data-section_template_id="813"] .letter,
  section[data-section_template_id="813"] .subtitle {
    text-align: center;
  }
  section[data-section_template_id="813"] .half_slanted_line .section_btn {
    margin: 0 auto;
  }
}

/*================================
  問い合わせCTAー815
================================*/
section[data-section_template_id="815"] .section_name {
  /*background: rgba(255, 255, 255, 0.24) !important;*/
}
section[data-section_template_id="815"] .information_card .info-side_content-inner {
  border-color: #FFF;
}

/*================================
  カートリストー816
================================*/
section[data-section_template_id="816"] .duplicatable {
  max-width: 1300px;
  margin: 0 auto;
}

/* 20260204 修正 */
#section-wrapper .mainvisual_step_animation .catch_text {
    font-size: clamp(2.4rem, 6.7vw, 7.5rem);
    text-shadow: 2px 2px 2px #000;
}
#section-wrapper .mainvisual_shift h1.catch_text {
    font-size: clamp(6rem, 10vw, 16rem);
}
#content-wrapper #section-wrapper .h2_left .section_h2,
#content-wrapper #section-wrapper .h2_left .section_h2 span {
    font-size: clamp(4.2rem, 5vw, 6rem);
}
#content-wrapper #section-wrapper .title_all .section_h3,
#content-wrapper #section-wrapper .title_all .section_h3 span {
    font-size: 2.5rem;
}
:is(.page-blog,.page-case) #section-wrapper {
    background-color: #212323;
}
#global-nav .gnav_accordion_wide .gnav_sp .logo_side img {
        max-width: 200px;
}
#section-wrapper {
    position: relative;
}
body:not(:is(.page-blog,.page-case)) #section-wrapper::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/493073/optimized_HUGIWDXcAXfCWK7noGRfbA.jpg) no-repeat center / cover;
}
#section-wrapper .blog_unity .blog-side .category {
    background-color: var(--sub-color);
}
#section-wrapper .banner_text .banner_link,
#section-wrapper .blog_posts .blog_post .notice {
    background-color: var(--main-color);
}
#section-wrapper .mainvisual_step_animation {
    background-size: contain;
    height: 41.3vw;
}
#section-wrapper .mainvisual_step_animation h1.catch_text {
    border-bottom: 2px solid #fff;
    line-height: 1.5;
    margin-bottom: 2rem;
    width: fit-content;
}
#section-wrapper .mainvisual_step_animation .subtitle {
        text-shadow: 1px 1px 2px #000;
}
#section-wrapper .shocase_body_title,
#section-wrapper .breadcrumb_item .breadcrumb_link,
.breadcrumb_item {
    color: #fff;
}
@media only screen and (max-width: 767px) {
.mainvisual_step_animation {
    background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/495925/optimized_X3_iGKrwuldjqCTNLmHdXw.png) no-repeat center / contain !important;
    height: 144.4vw !important;
}
.mainvisual_step_animation .catch {
    margin-bottom: 14rem;
}
}