.h1_left .headding_wrap,.h1_left .headding{font-size:3.5rem}.h1_left .subtitle_wrap{letter-spacing:0.15em;margin-top:.5rem}.h1_left .subtitle{font-size:inherit}.h1_left .editable_wrap{margin-top:2rem}
.title_text .text-side{max-width:850px;margin:auto;text-align:center}.title_text .text-side .text{text-align:left}@media only screen and (min-width:768px){.title_text .text-side .text{text-align:center}}
.h2_center .text-side{color:#fff;text-align:center}.h2_center .subtitle{letter-spacing:0px}.h2_center .headding_wrap{font-size:2rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.2rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_center .headding_wrap{font-size:3.5rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.5rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}}
.title_backcolor .section_inner{width:100%;max-width:1024px}.title_backcolor .duplicatable-content{width:100%}.title_backcolor .duplicatable-content:not(:last-child){margin-bottom:80px}.title_backcolor .image-side{text-align:center}.title_backcolor .image-side .image-frame{width:100%}.title_backcolor .image-side .image-frame img{object-fit:cover;height:480px}.title_backcolor .text-side{position:relative;margin:-40px 0 0;padding:0 40px;text-align:left}.title_backcolor .text-side .headding_wrap,.title_backcolor .text-side .subtitle_wrap{display:inline-block;padding:4px 20px;background:#0072C3}.title_backcolor .text-side .headding_wrap{margin-bottom:10px}.title_backcolor .text-side .headding_wrap .headding{color:#fff;font-size:30px;line-height:1.8;letter-spacing:4px}.title_backcolor .text-side .subtitle_wrap{margin-bottom:30px}.title_backcolor .text-side .subtitle_wrap .subtitle{color:#fff;font-size:20px;line-height:1.8;letter-spacing:4px}.title_backcolor .text-side .text_wrap .text{color:#333;font-size:16px;line-height:1.8;letter-spacing:0.3px}@media only screen and (max-width: 1024px){.title_backcolor .section_inner{padding:0}.title_backcolor .image-side .image-frame{position:relative;padding-top:60%}.title_backcolor .image-side .image-frame img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}@media only screen and (max-width: 767px){.title_backcolor .duplicatable-content:not(:last-child){margin-bottom:20px}.title_backcolor .section_inner{padding:0 20px}.title_backcolor .text-side{padding:0 20px}.title_backcolor .text-side .headding_wrap .headding{font-size:17px;line-height:1.48}.title_backcolor .text-side .subtitle_wrap{margin-bottom:20px}.title_backcolor .text-side .subtitle_wrap .subtitle{font-size:15px}.title_backcolor .text-side .text_wrap .text{font-size:14px}}
.standard_content_four{text-align:center}.standard_content_four .section-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.standard_content_four .section-content{position:relative;font-size:1.3rem;width:49%;margin-bottom:1.5rem}.standard_content_four .section-content:nth-child(n+3){margin-bottom:0}.standard_content_four .section-content_inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.standard_content_four .image-side{position:relative}.standard_content_four .image-side .image-frame-bg{width:100%;padding-top:57%}.standard_content_four .image-side .frame-image{position:absolute!important;top:0;right:0;bottom:0;left:0;margin:auto}.standard_content_four .text-side{position:relative}.standard_content_four .text-side_inner{width:90%;margin:auto}.standard_content_four .editable_wrap,.standard_content_four .headding_wrap,.standard_content_four .section_h3{font-size:1.9rem}.standard_content_four .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.6rem}@media only screen and (min-width:768px){.standard_content_four .section-content{width:24%;font-size:1.4rem;margin-bottom:0}}@media only screen and (min-width:1025px){.standard_content_four .editable_wrap,.standard_content_four .headding_wrap,.standard_content_four .section_h3{font-size:2rem}.standard_content_four .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}}
.half_limited_height .image-side{position:relative}.half_limited_height .image-side_inner{padding-top:66%}.half_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_limited_height .text-side{position:relative}.half_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_limited_height .headding_wrap,.half_limited_height .section_h3{font-size:3rem}.half_limited_height .subtitle{font-size:1.1rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_limited_height .duplicatable-content_inner{display:flex}.half_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .image-side,.half_limited_height .text-side{width:50%}.half_limited_height .image-side{max-height:330px}.half_limited_height .image-side_inner{height:100%}.half_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_limited_height .text-side .spacer-content{width:100%}.half_limited_height .text-side_inner{max-width:500px}.half_limited_height .section_btn{margin-left:0}.half_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .section_h3,.half_limited_height .headding_wrap{font-size:3.5rem}.half_limited_height .subtitle{font-size:1.2rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}}
.h2_center .text-side{color:#fff;text-align:center}.h2_center .subtitle{letter-spacing:0px}.h2_center .headding_wrap{font-size:2rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.2rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_center .headding_wrap{font-size:3.5rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.5rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}}
.portfolio_standerd .portfolio_list{position:relative;z-index:1}.portfolio_standerd li{border-bottom:1px solid #ccc;margin-bottom:3rem;padding-bottom:2rem}.portfolio_standerd li .image-wrap{margin-bottom:1rem}.portfolio_standerd li .image-wrap .portfolio_image{padding-top:66%;background-image:url("//s1.crcn.jp/images/noimage.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}.portfolio_standerd li .image-wrap .portfolio_image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:130%;height:auto}.portfolio_standerd li .image-wrap a{display:block}.portfolio_standerd li .portfolio_text .text_wrap{text-align:left;margin-bottom:0;padding:0}.portfolio_standerd li .portfolio_text .text_wrap h4{font-size:1.7rem;font-weight:200;margin-bottom:1rem;line-height:1.5}.portfolio_standerd li .portfolio_text .text_wrap p{color:#bababa}.portfolio_standerd li .portfolio_text .text_wrap .date{font-size:1.2rem;margin-bottom:.5rem}.portfolio_standerd li .category{font-size:1.4rem;position:relative}.portfolio_standerd li .category .category-color{position:absolute;width:15px;height:5px;left:0;background-color:#ff5721;top:50%;margin-top:-2.5px}.portfolio_standerd .section_btn{width:90%;max-width:300px}.portfolio_standerd .dummy_blog_text{background-color:rgba(255,255,255,0.9);color:#333;transition:opactiy .2s ease}.portfolio_standerd .dummy_blog_text:hover{background-color:rgba(255,255,255,0.5)}@media only screen and (min-width: 768px){.portfolio_standerd{text-align:left}.portfolio_standerd .portfolio_articles,.portfolio_standerd .dummy_form_area{text-align:center;font-size:0}.portfolio_standerd .article{display:flex;flex-flow:row wrap;justify-content:center}.portfolio_standerd li{vertical-align:top;width:31.333%;margin-left:3%}.portfolio_standerd li:nth-child(3n+1){margin-left:0}}
.btn .section_btn a{background-color:#2C5DFF}
.h2_center .text-side{color:#fff;text-align:center}.h2_center .subtitle{letter-spacing:0px}.h2_center .headding_wrap{font-size:2rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.2rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:2rem}@media only screen and (min-width: 768px){.h2_center .headding_wrap{font-size:3.5rem}.h2_center .subtitle_wrap,.h2_center .editable_wrap{font-size:1.5rem}.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}}
.technology_how_it_works{display:flex;flex-direction:column}.technology_how_it_works.reverse{flex-direction:row-reverse}.technology_how_it_works-image_container,.technology_how_it_works-text_container{padding:10px 20px}.technology_how_it_works-text_container .technology_how_it_works-title{font-size:2.6rem}.technology_how_it_works-text_container .technology_how_it_works-sub{font-size:1.6rem}.technology_how_it_works-text_container .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-text_container .technology_how_it_works-title,.technology_how_it_works-text_container .technology_how_it_works-sub,.technology_how_it_works-text_container .section_btn{margin:8px 0}.technology_how_it_works-text_container .section_btn{float:left}.technology_how_it_works-text_container .yellow_btn a{background-color:orange}@media only screen and (max-width: 1024px){.technology_how_it_works-text_container .technology_how_it_works-step{width:100%;display:flex;justify-content:center;align-items:center}.technology_how_it_works-text_container .technology_how_it_works-step div.image-frame{width:100px;margin:20px}.technology_how_it_works-text_container .technology_how_it_works-step .step_text{width:calc(100% - 100px)}}@media only screen and (max-width: 1024px){.tech{flex-wrap:wrap}.section_btn{padding:4px 0}}@media only screen and (min-width: 1025px){.reverse .tech{flex-direction:row-reverse}.tech{display:flex;justify-content:center;align-items:center}.technology_how_it_works{display:flex;flex-direction:row}.technology_how_it_works-step{display:flex}.technology_how_it_works-step .step_title{font-size:2.6rem;margin:10px 0}.technology_how_it_works-step .step_subtitle.editable{font-size:1.6rem}.technology_how_it_works-step .step-image{width:150px;padding:10px;margin:15px}.technology_how_it_works-step .step_text{width:calc(100% - 220px)}.technology_how_it_works-image_container,.technology_how_it_works-text_container{width:50%;padding:10px 20px}.technology_how_it_works-image_container{display:flex;align-items:center}.technology_mainvisual{height:60vh;width:100vw}.technology_mainvisual .technology_mainvisual-buttons{display:flex;max-width:550px}}
.infomation_all_generic{text-align:center;font-size:1.4rem}.infomation_all_generic .section_inner{color:#fff}.infomation_all_generic .letter,.infomation_all_generic .editable_wrap{letter-spacing:.7px;font-size:1.4rem}.infomation_all_generic .info-side{font-size:1.2rem}.infomation_all_generic .info-side .tel-linker{font-size:2rem}.infomation_all_generic .section_btn{margin:3rem auto 0}.infomation_all_generic .section_btn .linker{font-size:1.5rem}.infomation_all_generic .section_btn a{background-color:#E4A947}.infomation_all_generic .headding_wrap,.infomation_all_generic .section_h3{font-size:3rem;color:#fff}.infomation_all_generic .subtitle_wrap,.infomation_all_generic .subtitle{font-size:1.5rem}.infomation_all_generic .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.infomation_all_generic .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.5rem}@media only screen and (min-width: 768px){.infomation_all_generic .info-side{display:flex;justify-content:center}.infomation_all_generic .section_btn{margin:0 0 0 5rem}}
.title_line .text-side{text-align:left}.title_line .subtitle{letter-spacing:0px}.title_line .headding_wrap{font-size:2.5rem}.title_line .subtitle_wrap{font-size:1.1rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.6rem}@media only screen and (min-width: 768px){.title_line .text-side{display:flex}.title_line .title-box{width:35%;padding-right:2rem}.title_line .text-box{width:65%}.title_line .text-box .spacer-item_wrap{width:50%}.title_line .text-box .spacer-item_wrap:nth-child(1){padding:0 1.5rem 0 0}.title_line .text-box .spacer-item_wrap:nth-child(2){padding:0 0 0 1.5rem}.title_line .title-line-box{display:flex}.title_line .headding_wrap{font-size:3rem}.title_line .subtitle_wrap{font-size:1.6rem}.title_line .text-box,.title_line .text-box .editable_wrap{font-size:1.5rem}}
#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";


/* 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;
}
}

.mainvisual_desk_generic {
    position: relative;
    overflow: hidden;
}
  

.mainvisual_desk_generic::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3); /* ← 黒い透かしの濃さ (0.1〜0.5で調整) */
    pointer-events: none;
    z-index: 1;
}
/*
.mainvisual_desk_generic::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(0,0,0,0.2) 1px, transparent 1px);
    background-size: 4px 4px;
    pointer-events: none;
    z-index: 2;
 }
  */
.mainvisual_desk_generic .section_inner {
    position: relative;
    z-index: 3;
}

/*================================
共通
================================*/
/* フォント指定 */
#section-wrapper h1,
#section-wrapper h2,
#section-wrapper h3,
#section-wrapper h4,
#section-wrapper .title,
#section-wrapper .form-item_title,
#section-wrapper .form-item_input {
    letter-spacing: 0.1em;
    word-break: break-word;
    font-weight: bold;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
}
.subtitle,
span {
    font-weight: bold!important;
    letter-spacing: 0.1em!important;
    word-break: break-word;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
}
.letter,
.editable.letter,
.linker a,
.step_title.editable {
    word-break: break-word;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-weight: bold!important;
}

#section_641058 .new_catchcopy_simple .text-side .subtitle,
#section-wrapper .headding {
  font-family: "Zen Kaku Gothic New", sans-serif!important;
}

h1.catch_text.editable.headding {
    color: #FFF !important;
    width: fit-content;
    padding: .3lh .5lh;
    margin: 0 auto;
    background-image: linear-gradient(45deg, #33b4e4, #73dd63);
}

.linker a ,
.subtitle.editable {
    font-size: 15px;
}

.text.editable.letter,
.editable.letter,
.text_wrap.letter.editable,
.description_text.editable,
.step_subtitle.editable {
    font-weight: bold;
    letter-spacing: 0.1em;
    word-break: break-word!important;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif;
    font-size: 15px !important;
}

/* gnavi */
/* グロナビ背景*/
.gnav_bg-color {
    background-color: #FFFFFF !important;
}

.header_logo span {
    font-weight: bold;
    letter-spacing: 0.1em;
    word-break: break-word!important;
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    font-size: 25px;
    color: #202020;
}

/* 全リンクの文字色*/
.gnav_items a,
.gnav_items a:visited,
.gnav_items a:hover {
    font-family: "Noto Sans", "Noto Sans JP", sans-serif !important;
    color: #202020 !important;
    text-decoration: none;
    padding: 1.5rem 0 !important;
    letter-spacing: 0.1em;
    position: relative;
    opacity: 1 !important;
    display: inline-block;
    font-size: 15px;
}

/*お問い合わせボタン*/
#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:not(.gnav-submenu):last-child {
    background-color: #23B2E8 !important;
}

#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:not(.gnav-submenu):last-child > a {
   color: #FFF !important;
}

#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li:hover a{
    border-bottom: 3px solid #23B2E8;
    transform: 0s;
}

#global-nav .gnav_accordion_wide .gnav_pc .gnav_items li.active a {
    pointer-events: none;
    border-bottom: 3px solid #23B2E8;
}
/* 「お問い合わせ」の青線を消す */
.gnav_pc .gnav_items li:last-child a::before {
    content: none !important;
}

/*sp*/

#global-nav .gnav_accordion_wide .gnav_sp .header_logo {
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 80%;
}

#global-nav .gnav_accordion_wide .gnav_sp .hamburger-box .gnav_bg {
    border-radius: 0px;
    background-color: #FFF !important;
    box-shadow: 0px 0px 10px #dedede;
}

html.scroll-locked #global-nav .gnav_container.gnav_sp .sidebar-box {
    box-shadow: 0px 0px 10px #dedede;
}

#global-nav .gnav_accordion_wide .hamburger_top ,
#global-nav .gnav_accordion_wide .hamburger_mid ,
#global-nav .gnav_accordion_wide .hamburger_btm {
    background-color: #23B2E8;
}

#global-nav .gnav_accordion_wide .gnav_sp .logo_side img {
   max-width: 60%;
}

@media (max-width: 768px) {
#global-nav .gnav_accordion_wide .gnav_items {
    font-weight: bold;
    padding-left: 10px;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
}
  

/* topに戻る */
#footer-section .back-top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-color: #23B2E8;
    border-radius: 50vh;
    transition: 0.3s;
}

#footer-section .back-top::after {
    width: 7px;
    height: 7px;
    border-top: 3px solid #23B2E8;
    border-left: 3px solid #23B2E8;
    transform: rotate(45deg);
    transition: 0.3s;
}

.footer_tp_generic .back-top {
    border: 1px solid #23B2E8;
}

#footer-section .back-top .arrow:before {
    color: #ffffff;
}

.linker a {
    position: relative;
    /*display: inline-block;*/
    width: 100%;
    padding: 10px 30px;
    background: #fff !important;
    color: #1cd100 !important;
    border: 2px solid #1cd100 !important;
    font-weight: 500;
    text-align: center;
    line-height: 1.8;
    overflow: hidden;
    transition: color .3s ease .12s;
    z-index: 0;
  }
  
.linker a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: #1cd100;
    transform: skewX(-25deg);
    transition: left .5s ease;
    z-index: -1;
}
  
.linker a:hover {
    color: #fff !important;
}
  
.linker a:hover::before {
    left: -10%;
}

.btn_big .linker a {
    text-align: center;
    height: 90px;
    line-height: 60px;
}

/*共通文字色*/
/*
#section-wrapper h1,
#section-wrapper h2 {
    font-size: 60px !important;
    color: #23B2E8 ;
}
*/
body:not(.page-blog):not(.page-showcase) #section-wrapper h1,
body:not(.page-blog):not(.page-showcase) #section-wrapper h2 {
    font-size: 4.5vw !important;
    color: #23B2E8;
}

@media (max-width: 767px){
    body:not(.page-blog):not(.page-showcase) #section-wrapper h1,
    body:not(.page-blog):not(.page-showcase) #section-wrapper h2 {
    font-size: 23px !important;
    }
}


.text.editable.letter{
    font-size: 18px !important;
}

.subtitle.editable,
.editable.subtitle{
    color: #192B61 !important;
}

.editable.letter,
.letter.editable,
.step_subtitle.editable {
    color: #202020;
}

.information_card .info-side_content-inner {
    border: 0px solid #ffffff;
    background: #FFF;
}

.card_icon .card_icon-item {
    border: 2px solid #FFF;
    box-shadow: none;
    background: #FFF;
}

.card_icon .card_icon-item:hover{
    border: 2px solid #5DA5D0;
    transform: 1s;
}

@media (max-width: 768px) {
.h2_center .spacer-item_wrap:nth-child(1) .editable_wrap {
    font-size: 3rem;
    }
}

/*================================
見出し
================================*/
h2.section_h2.editable.headding {
    border-bottom: solid 5px #23B2E8;
    position: relative;
}

h2.section_h2.editable.headding:after  {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 5px #1cd100;
    width: 30%;
}

.page-service #section_639829 h1.headding.section_h3.editable::first-letter,
.page-guide #section_640758 h1.headding.section_h3.editable::first-letter,
.page-aboutus #section_640769 h1.headding.section_h3.editable::first-letter,
.page-recruit #section_641052 h1.headding.section_h3.editable::first-letter,
.page-company #section_639794 h1.headding.section_h1.editable::first-letter,
.page-contact #section_639802 h1.headding.section_h1.editable::first-letter,
.page-sitemap #section_639800 h1.headding.section_h1.editable::first-letter {
    font-size: 1.3em;
    color: #23B2E8;
}

.page-service #section_639829 h1.headding.section_h3.editable,
.page-guide #section_640758 h1.headding.section_h3.editable,
.page-aboutus #section_640769 h1.headding.section_h3.editable,
.page-recruit #section_641052 h1.headding.section_h3.editable,
.page-company #section_639794 h1.headding.section_h1.editable,
.page-contact #section_639802 h1.headding.section_h1.editable,
.page-sitemap #section_639800 h1.headding.section_h1.editable,
.page-service #section_639829 .subtitle.editable,
.page-guide #section_640758 .subtitle.editable,
.page-aboutus #section_640769 .subtitle.editable,
.page-recruit #section_641052 .subtitle.editable,
.page-company #section_639794 .subtitle.editable,
.page-contact #section_639802 .subtitle.editable,
.page-sitemap #section_639800 .subtitle.editable {
    color: #FFF !important;
}




.h1_center_generic02,
.h1_center_generic03 {
    text-align: left;
}

.h1_left.title_section.section_name.width-limit.image-bg,
.h1_center_generic01.title_section.section_name.width-limit.image-bg,
.h1_center_generic02.title_section.section_name.width-limit.image-bg,
.h1_center_generic03.title_section.section_name.width-limit.image-bg {
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px){
    .page-service #section_639829 h1.headding.section_h3.editable,
    .page-guide #section_640758 h1.headding.section_h3.editable,
    .page-aboutus #section_640769 h1.headding.section_h3.editable,
    .page-recruit #section_641052 h1.headding.section_h3.editable,
    .page-company #section_639794 h1.headding.section_h1.editable,
    .page-contact #section_639802 h1.headding.section_h1.editable,
    .page-sitemap #section_639800 h1.headding.section_h1.editable {
    font-size: 25px !important;
    }

    .h1_center_generic02,
    .h1_center_generic03,
    .section_inner.animation.animated.fadeInUpLittle.fadein-top,
    .page-company #section_639794 h1.headding.section_h1.editable,
    .page-company #section_639794 .subtitle.editable {
    text-align: center !important;
    }
}

/*会社案内*/
.h1_left.title_section.section_name.width-limit.image-bg::before,
.h1_center_generic01.title_section.section_name.width-limit.image-bg::before,
.h1_center_generic02.title_section.section_name.width-limit.image-bg::before,
.h1_center_generic03.title_section.section_name.width-limit.image-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3);
    pointer-events: none;
    z-index: 1;
}

.h1_left.title_section.section_name.width-limit.image-bg::after,
.h1_center_generic01.title_section.section_name.width-limit.image-bg::after,
.h1_center_generic02.title_section.section_name.width-limit.image-bg::after,
.h1_center_generic03.title_section.section_name.width-limit.image-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px);
    background-size: 4px 4px;
    pointer-events: none;
    z-index: 2;
}


.section_inner.animation.animated.fadeInUpLittle.fadein-top {
    position: relative;
    z-index: 3;
}


/*================================
フッター
================================*/
@media (min-width:768px) {
.footer_tp_generic .editable a {
    color: #202020;
    font-size: 15px;
}

.footer_tp_generic .detail-side_first .tel a {
    font-size:2.5rem;
}

}

.copyright.letter.editable,
.tel.letter.editable,
.hour.letter.editable {
    color: #202020;
}

.footer_tp_generic .editable a:hover {
    color: #23B2E8;
}

/* フッターの上消す */
.footer_tp_generic .footer-company::before {
    height: 0px;
}

.footer_tp_generic .copy {
    border-top: none;
}

.footer_tp_generic {
    background-color: #FFF;
    font-size: 1.4rem;
}

.footer_tp_generic .detail-side_first .tel:after {
    color: #000;
}

/*================================
トップ
================================*/
/*
#section-wrapper::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background:url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/457195/optimized_CgD6LHaLdRNbQq5_2VyL-g.png) no-repeat center / cover; top: 0; left: 0; width: 100%;
    pointer-events: none;
}

.catch_text .highlight {
    background: linear-gradient(90deg, #58c6ff 0%, #23B2E8 40%, #1cd100 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/
.mainvisual_desk_generic .catch_text {
    text-shadow: none;
}

.mainvisual_desk_generic .catch_subtext {
    text-shadow: 0.5px 0.5px 5px #000000;
    color: #24B2E8 !important;
}

.page-index #section_641058 .letter.editable::before,
.page-index #section_641058 .letter.editable div::before {
  content: "✓ ";
  color: #192B61;
  font-weight: bold;
}

.page-index #section_641060 .section_h3.editable.headding:first-letter {
    font-size: 1.5em;
    color: #23B2E8;
}

/* 画像ブロックを透かす */
.half_two_fit_image_blockthreed_body .image-side {
    position: relative;
    overflow: hidden;
  }
  
  .half_two_fit_image_blockthreed_body .image-side::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.4);
    pointer-events: none;
    z-index: 1;
  }

  .half_two_fit_image_blockthreed_body .text-side,
  .half_two_fit_image_blockthreed_body .btn-side {
    z-index: 2;
  }


.page-index #section_641063 .section_h3.editable.headding:before {
    content: "";
    position: absolute;
    background: #192b61;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    top: 70%;
    border: dashed 1px #626d91;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    box-shadow: 0px 0px 0px 5px #192b61;
}

.page-index #section_641063 .section_h3.editable.headding{
    color: #FFF !important;
    text-align: center;
}

.page-index #section_641063 .subtitle.editable {
    color: #23B2E8 !important;
}

.page-index #section_641063 .subtitle.editable{
    text-align: center;
}

.page-index #section_641058 .headding.editable,
.page-index #section_639791 h3.section_h3.editable.headding,
.page-service #section_639808 h3.section_h3.editable.headding,
.page-guide #section_639810 h3.section_h3.editable.headding,
.page-aboutus #section_639813 h3.section_h3.editable.headding,
.page-recruit #section_639815 h3.section_h3.editable.headding {
    font-size: 25px;
    color: #192B61 !important;
}

/*.page-index #section_641062 .section_h2.editable.headding,*/
.page-index #section_641066 h3.section_h3.editable.headding {
    font-size: 39px !important;
    color: #23B2E8 !important;
}

.page-index #section_641058 .subtitle.editable {
    font-size: 25px;
}

.half_two_fit_image_blockthreed_body .image-side {
    height: 300px;
}

@media (max-width: 767px){
    .half_two_fit_image_blockthreed_body .image-side {
    margin-top: 50px;
    }
}

/*
.half_two_image_misaligned .half_two_fit_image_blockthreed_body:nth-child(2) {
    margin-top: 0rem;
}
*/

.page-index #section_641060 {
    background-image: none !important;
    background-color: transparent !important;
}

.page-index #section_641064 .three_cards_dot_separator.section_name.width-limit.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.page-index #section_641065 .btn_big.title_section.section_name.width-limit.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.page-index #section_641062 .h2_center.h2_section.section_name.width-limit.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}

#content-wrapper #section-wrapper .three_cards_dot_separator .section_inner {
    max-width: 1000px;
    background: #FFF;
    border-radius: 10px;
}

#content-wrapper #section-wrapper .three_cards_dot_separator .section_inner {
    background: #FFF;
    border-radius: 10px;
}

#content-wrapper #section-wrapper .three_cards_dot_separator .duplicatable-content {
    margin-bottom: 30px;
    margin-top: 30px;
}

.frame-image {
    border-radius: 10px;
}

.page-index #section_641060 .frame-image.lazyloaded {
    box-shadow: 15px 15px 0px 0 #23b2e852;
}

.page-index #section_641059 .section_h3.editable.headding {
    font-size: 40px;
}

.page-index #section_641059 .section_h3.editable.headding::first-letter {
    color: #23B2E8;
}

.page-index #section_641059 span {
    color: #23B2E8;
    font-size: 18px !important;
}

.half_two_image_misaligned .half_two_fit_image_blockthreed_body:nth-child(1) .btn-side {
    padding: 0 0 0px;
}

@media only screen and (min-width: 768px) {
    .half_two_image_misaligned .section_inner {
        display: flex;
        gap: 10px;
    }
}

.half_two_image_misaligned .half_two_fit_image_blockthreed_body:nth-child(2) {
    margin-top: 0rem;
}

/*================================
事業内容
================================*/
.h2_center.h2_section.section_name.width-limit.image-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.title_backcolor .text-side .headding_wrap {
    padding: 6px 20px;
    background: #192b61;
}

.title_backcolor .text-side .headding_wrap, .title_backcolor .text-side .subtitle_wrap {
    padding: 6px 20px;
    background: #192b61;
}

.step_title.editable {
    color: #202020;
}

.step_title.editable::first-letter {
    color: #23B2E8;
}

.page-service #section_639876 h3.section_h3.editable.headding::first-letter {
    color: #23B2E8;
}

.page-service #section_639852 .text-side {
    background: #23B2E8;
    margin-top: 10px;
    border-radius: 10px;
    height: 80px;
}

.page-service #section_639852 h3.section_h3.editable.headding,
.page-service #section_639849 .subtitle.letter.editable {
    color: #FFF !important;
}

@media only screen and (max-width: 768px){
.half_limited_height .text-side_inner {
    max-width: 350px;
    margin-top: 30px;
}
}

@media only screen and (min-width: 1025px) {
    .technology_how_it_works-image_container, .technology_how_it_works-text_container {
        width: 40%;
        padding: 10px 0px;
    }
}

/*================================
ご依頼をお考えの方へ
================================*/
.page-guide #section_640760 h3.headding.editable {
    font-size: 35px !important;
    color: #23B2E8;
}

.page-guide #section_640760 .subtitle.editable::before,
.page-guide #section_640760 .subtitle.editable div::before {
  content: "✓ ";
  color: #192B61;
  font-weight: bold;
}

.page-guide #section_640760 .subtitle.editable {
    color: #202020 !important;
}

.page-guide #section_640760 .letter.editable {
    color: #192B61;
    font-size: 25px !important;
}

.standard_content_text_two .text-box {
    border: 1px solid #FFF;
    background: #FFF;
    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 17%);
}

.page-guide .time_table.width-limit.section_name.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.time_table .duplicatable-container:after {
    background: #ffffff;
}

.time_table .time_text:before {
    background: #ffffff;
}

.time_table .time_text:after {
    border: 2px solid #192b61;
    background: #192b61;
}

.page-guide .time_table .description_container {
    background-color: rgb(255 255 255 / 60%);
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 11%);
}

.q_btn.faq_btn.editable.letter {
    background: #1cd100;
    width: 30px;
    color: #FFF;
}

.a_btn.faq_btn.editable.letter {
    background: #23b2e8;
    width: 30px;
    color: #FFF;
}

.faq_accordion .duplicatable-content {
    background-color: rgb(255 255 255 / 60%);
}

.page-guide #section_640763 h3.headding.section_h3.editable::first-letter{
    color: #23B2E8;
}


/*================================
MARUSHIGEについて
================================*/
.page-aboutus #section_640987 .frame-image.lazyloaded {
    box-shadow: 15px 15px 0px 0 #23b2e852;
}

.page-aboutus #section_640987 .section_h3.editable.headding,
.page-aboutus #section_641051 h3.headding.editable {
    color: #23B2E8;
}

.page-aboutus #section_641050 h3.headding.editable::first-letter {
    color: #23B2E8;
}

.half_out_of_position .text-side_bg .image-frame-bg {
    border-radius: 10px;
}
/*================================
採用情報
================================*/
.page-recruit .title_line .text-box .spacer-item_wrap {
    width: 100%;
}

.page-recruit .title_line .text-box .spacer-item_wrap:nth-child(2) {
    padding: 0rem;
}

.page-recruit #section_641055 h3.section_h3.editable.headding::first-letter {
    color: #23B2E8;
}

.page-recruit #section_641053 h3.section_h3.editable.headding {
    color: #23B2E8;
}

.half_limited_height .image-side .image-frame-bg {
    box-shadow: 15px 15px 0px 0 #23b2e852;
    border-radius: 10px;
}

.page-recruit .half_limited_height .text-side_inner {
    margin: 30px 30px 30px 30px;
    padding: 30px;
    background: #ffffffc4;
    border-radius: 10px;
}

@media only screen and (max-width: 768px){
.page-recruit .half_limited_height .text-side_inner {
    max-width: 350px;
}
}

.page-recruit .table_light.section_name.width-limit.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}


.page-recruit #section_641053 .title-box {
    position: relative;
}
.page-recruit #section_641053 .title-box .section_h3 {
    position: relative;
    z-index: 1;
    font-size: clamp(28px, 5vw, 56px);
    line-height: 1.15;
}

/*
.page-recruit #section_641053 .title-box::before {
    content: "NOW HIRING！";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    font-weight: 800;
    letter-spacing: 0.08em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0.06;
    color: currentColor;
    font-size: clamp(64px, 18vw, 240px);
    line-height: 1;
}
*/

.page-recruit #section_641053 .title-box::before {
    content: "NOW HIRING！";
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    z-index: 0;
    font-weight: 800;
    letter-spacing: 0.08em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0.06;
    color: currentColor;
    line-height: 1;

    font-size: clamp(64px, 8vw, 200px);
    max-width: 90vw;
    overflow: hidden;
    text-overflow: clip;
}

@media screen and (max-width: 768px) {
    .page-recruit #section_641053 .title-box::before {
        font-size: clamp(40px, 12vw, 120px); 
        max-width: 95vw;
        left: 50%;
    }
}

@media (min-width: 768px) {
    .page-recruit #section_641053 .title-box .section_h3 {
        font-size: clamp(40px, 4vw, 72px);
    }
}

.page-recruit #section_641053 .title_line_wide_reversible .letter_wrap_basic .text.editable.letter > div:nth-of-type(n+2):not(:last-child) {
    color: var(--hire-item-color, #192B61); 
}

.page-recruit #section_641057 .table_light .table_wrap .tr .th {
    background-color: #192b612e;
}

.page-recruit #section_641057 .letter.editable {
    background: #FFF;
}

/*================================
会社概要
================================*/
.page-company #section_639795 .h2_center_generic01.h2_section.section_name.width-limit.image-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.page-company #section_639796 .table_light_generic.section_name.width-limit.color-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.page-company #section_639797 .h2_center_generic02.h2_section.section_name.width-limit.image-bg {
    background-image: none !important;
    background-color: transparent !important;
}

.page-company #section_639796 .th.editable.letter {
    background-color: #192b612e;
}

.page-company #section_639796 .letter.editable {
    background: #FFF;
}

/*================================
お問い合わせ
================================*/
.page-contact .editable.letter,
.page-contact #section-wrapper .form-item_title,
.page-contact #section-wrapper .form-item_input {
    color: #202020;
}

.page-contact .formapps .form_area .form-item {
    font-size: 15px;
}


.form-item.send_btn { text-align: center; }

/* ラッパーに背景アニメーション用の疑似要素を置く */
.form-item.send_btn .section_btn {
  display: inline-block;       /* 幅を内容サイズにしたい場合 */
  /* display:block; width:100%;  ← 横幅いっぱいにしたいならこの行を使う */
  position: relative;
  overflow: hidden;
  border: 2px solid #1cd100;
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px; /* 任意 */
}

/* スライドする緑の帯 */
.form-item.send_btn .section_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 100%;
  background: #1cd100;
  transform: skewX(-25deg);
  transition: left .5s ease;
  z-index: 1;
}

/* input 自体は透明にして上に重ねる（色は変える）*/
.form-item.send_btn .section_btn input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  color: #1cd100;
  font-weight: 500;
  padding: 10px 30px;
  line-height: 1.8;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: inline-block;
  transition: color .3s ease .12s;
  width: 100%;           /* 親の横幅に合わせるなら有効。自動幅にしたければ削除 */
  box-sizing: border-box;
}

/* ホバー / キーボードフォーカス（アクセシビリティ）でアニメーション */
.form-item.send_btn .section_btn:hover::before,
.form-item.send_btn .section_btn:focus-within::before {
  left: -10%;
}

.form-item.send_btn .section_btn:hover input[type="submit"],
.form-item.send_btn .section_btn:focus-within input[type="submit"] {
  color: #fff;
}

/* フォーカスリング（必要なら調整） */
.form-item.send_btn .section_btn input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(28,209,0,0.12);
}

.formapps .section_btn input {
    margin: 0;
}

.page-contact .formapps .section_btn input a {
    max-width: 400px;
    height: 80px;
}

@media (max-width: 768px) {
    .page-contact .formapps .section_btn input {
        max-width: 300px;
    }
}


.btn_big .linker a {
    text-align: center;
    height: 90px;
    line-height: 60px;
}

.page-contact .formapps .form_area .input_text input {
    background-color: #f1f1f1;
    border: 1px solid #FFF;
}

.page-contact .formapps_border_light .form_area .form-item:not(.send_btn) {
    border-bottom: 1px solid #FFF;
}

.page-contact .formapps .form_area .input_text textarea {
    background: #f1f1f1;
    border: 1px solid #FFF;
}

/*チェックの色*/
.page-contact .formapps .form_area .input_checkbox span:after {
    border-bottom: 2px solid #23b2e8;
    border-right: 2px solid #23b2e8;
}


/*===============================
e-thanks
===============================*/

.thanks_page {
    background-color: #f1f1f1;
}

.thanks_page .catch {
    background-color: #FFF;
    border-top: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
}

.thanks_page .catch_text {
    text-align: center;
}

#section-wrapper .subtitle {
    font-weight: bold;
}

.thanks_page .catch_subtext {
    text-align: center;
    color: #23b2e8 !important;
}

/*===============================
施工事例
===============================*/
p.date.letter{
    color: #202020 !important;
    font-size: 15px !important;
}

.portfolio_title.headding{
    color: #202020;
    font-size: 15px !important;
}

.category.letter{
    color: #FFFFFF;
    background: #23b2e8;
    padding: 0.5em 1em;
    display: inline-block;
}

/*.h2.showcase_chart_item_title,
h2.showcase_chart_sidebar_title,
h2.showcase_chart_sidebar_title.tag {
    font-size: 18px !important;
}
*/

/*===============================
ブログ
===============================*/

a._blog_link._blog_title{
    color: #202020;
    font-size: 15px;
}

p.date._blog_date.letter {
    color: #202020 !important;
}

.blog_text_list .blog-side .category {
    font-size: 13px;
    color: #fff;
    background-color: #23b2e8;
    padding: 1px 2px;
}

/*================================
サイトマップ
================================*/
.page-sitemap .editable.letter {
    color: #202020;
}
.page-sitemap .text.editable.letter a {
    color: #202020;
    font-size: 15px;
    line-height: 8px;
}

.page-sitemap .text.editable.letter a:hover {
    color: #23B2E8;
}

    .mainvisual_desk_generic .subtitle_wrap {
        margin-top: 1rem;
    }

@media only screen and (min-width: 1025px) {
    .standard_content_four .editable_wrap, .standard_content_four .headding_wrap, .standard_content_four .section_h3 {
        font-size: 1.8rem;
    }
}
/*20251127修正*/
.thanks_page .catch_text span{
   font-weight: none;
    letter-spacing: none;
    word-break: none;
    font-family: "Zen Kaku Gothic New", sans-serif!important;
}