/*=================================================
202304　h_satou　HTML化にあたり追加
書き換える場合は「以下から任意のcss記述」の下のエリアを編集・追記すること！
「HTML直書きstyleコピペ」は基本いじらない方向でお願いします
=================================================*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&display=swap');


/*---------------------HTML直書きstyleコピペ---------------------*/
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
/*---------------------ここまで---------------------*/

/*---------------------以下から任意のcss記述---------------------*/
.sp_only{
    display:none;
}
/*トップ　タイトル*/
.header-banner-content header #banner_title{
    font-family: 'PT Serif', serif;
}
.header-banner-content #banner_title{
    margin-bottom:20px;
}
.header-banner-content #banner_caption{
    margin-bottom:56px;
}
.header-banner-content #banner_caption::before,.header-banner-content #banner_caption::after{
    display:none;
}

.header-banner-content #banner_caption_2 span::before
{
    content:"";
    border-top:2px solid #fff;
    width:120px;
    display:inline-block;
    position:absolute;
    top:-30px;
    left:50%;
    transform:translateX(-50%);
}
.header-banner-content #banner_caption,.header-banner-content #banner_caption_2{
    font-family: 'Sawarabi Mincho', serif;
    font-weight:bold;
    letter-spacing: 2px;
}
.header-banner-content #banner_caption_2{
    position:relative;
    letter-spacing: 4px;
    font-size:18px;
}
/*ヘッダー会社名*/
.header_content.pc.home{
    background:#fff!important;
}
.logo_ttl{
    font-size:9px;
    position:absolute;
    right:3px;
    top:0;
    cursor:pointer;
    letter-spacing: 0.15rem;
    color:#002fc6;
}
/*トップページ　パララックス画像*/
.plx_bg.pl_img#back_wasSelected::before{
    background-image: url("../img/研修室_中_ガラスフィルム有.png")!important;
}
.plx_bg.pl_img#back_recruit::before{
    background-image: url("../img/53759653.jpg")!important;
}
.plx_bg.pl_img#back_contact::before{
    background-image: url("../img/23447505.png")!important;
}
.plx_bg.pl_img#back_wasSelected::after,
.plx_bg.pl_img#back_recruit::after{
    background-color: rgb(255,255,255,0.7)!important;
}

.con_ttl{
    text-shadow: none;
}
.trigger_fadeinup{
    background: rgb(255,255,255,0.65);
    padding: 15px 20px;
    width:95%;
    margin:0 auto;
}
.back-white{
    opacity:0;
    background:rgba(0,0,0,0);
    color:#000;
    /*font-weight:600;*/
    letter-spacing: 2px;
    font-size:20px;
    /*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);*/
}
.back-white span{
    display:inline-block;
}

.recruit_sub_ttl{
    background:#f40e0e;
    color:#fff;
    font-size:25px;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    width:fit-content;
    padding:5px 20px;
    position:relative;
    left:20px;
    font-family: 'M PLUS 1p', sans-serif;
    letter-spacing: 2px;
}
.recruit_sub_ttl span{
    display:inline-block;
    margin-right: 10px;
    margin-left:10px;
}
.plx_wrap.use_img.right {
    padding-right: 0!important;
}
.plx_wrap.use_img.left {
    padding-left: 0!important;
}
.plx_wrap.use_img.left, .plx_wrap.use_img.right{
    width:80%!important;
}

/*お客様に選ばれる理由　ボタン*/
.btn_wrap{
    height:85px;
    position:relative;
    margin:10px;
}
a.bt-samp75 {
  display: block;
  position: relative;
    bottom:-5px;
  text-decoration: none;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  background: #f40e0e;
    font-size:18px;
    padding:10px 20px 10px 95px;
    text-align:center;
  /*border: 2px solid #756C67;*/
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
    transform:translateY(0);
    min-height:80px;
    min-width:330px;
}
a.bt-samp75 span{  
  display: block;
  position: absolute;
  top:0;
  left:0px;
  height: 80px;
  width: 80px;
    font-size:30px;
  line-height:80px;
    font-family: 'Montserrat', sans-serif;
  text-align: center;
  background:#fff;
  color: #f40e0e;
    -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt-samp75 span:after{
  content:"";
  display: block;
  position: absolute;
  right: -10px;
  height: 0;
  width: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_wrap a.bt-samp75:hover{
    background:#ff6b64;
    transform:translateY(-5px);
}
.btn_wrap:hover a.bt-samp75 span{
    color:#ff6b64;
}
.btn_flex:nth-of-type(2) a.bt-samp75{
    line-height:60px;
}
/*ボタン色変え*/
a.bt-samp75.btn_blue_pcOnly{
    background:#002fc6;
}
a.bt-samp75.btn_blue_pcOnly span{
    color:#002fc6;
}
.btn_wrap a.bt-samp75.btn_blue_pcOnly:hover{
    background:#577fff;
}
.btn_wrap:hover a.bt-samp75.btn_blue_pcOnly span{
    color:#577fff;
}

/*採用情報エリア*/
.rs_group{
    display:inline!important;
    font-size:14px;
}


/*=========================================
以下 各固定ページ
=========================================*/
/*固定ページタイトルエリア*/
.header-banner-container{
    top:35%;
}
.pc .ct-hd.no_bgimg{
    padding-top: 21vh;
    padding-bottom: 13vh;
}
/*選ばれる理由*/
img[class*=wp-image-].sp_only_img{
    display:none;
}
/*webプロフィール*/
.web_back-blue{
    width:100vw;
    background:#e6f3ff;
    padding-bottom:20px;
}
.elementor-370 .elementor-element.elementor-element-e288227,
.elementor-370 .elementor-element.elementor-element-1a67c85,
.elementor-370 .elementor-element.elementor-element-6002aa3{
    width:90%;
    max-width:1200px;
    margin:0 auto;
    background:#fff;
    padding-bottom:20px;
}
.elementor-370 .elementor-element.elementor-element-6002aa3{
    margin-bottom:100px;
}

/*採用ページ*/
.plx_desc .plx_desc{
    background:rgba(0,0,0,0)!important;
}
.animate_in_right,.animate_in_left{
    opacity:0;
}
.ft55px.recruit_ttl{
    background:#f40e0e;
    text-align:center;
    margin: 0 20px 20px 20px!important;
    -webkit-transform: skewX(-15deg)!important;
    transform: skewX(-15deg)!important;
    height:90px;
}
.animate_in_left .ft55px.recruit_ttl{
    background: #002fc6;
}
.ft55px.recruit_ttl span{
    color:#fff;
    font-size:40px;
    position:relative;
    top:-8px;
}
.rec_btn_wrap{
    display:flex;
    align-items: center;
    justify-content:center;
    flex-wrap: wrap;
}
.rec_btn_wrap a.deb-button-link{
    margin:20px!important;
}



@media screen and (max-width: 1145px){
    .recruit_sub_ttl{
        margin:0 auto;
        position:relative;
        left:-2px;
    }
}

@media screen and (max-width: 894px){
    .btn_flex:nth-of-type(2) a.bt-samp75{
        background:#002fc6;
    }
    .btn_flex:nth-of-type(2) a.bt-samp75 span{
        color:#002fc6;
    }
    .btn_flex:nth-of-type(2) .btn_wrap:hover a.bt-samp75{
        background:#577fff;
    }
    .btn_flex:nth-of-type(2) .btn_wrap:hover a.bt-samp75 span{
        color:#577fff;
    }
    
    .btn_flex:nth-of-type(2) a.bt-samp75.btn_blue_pcOnly{
        background:#f40e0e;
    }
    .btn_flex:nth-of-type(2) a.bt-samp75.btn_blue_pcOnly span{
        color:#f40e0e;
    }
    .btn_flex:nth-of-type(2) .btn_wrap:hover a.bt-samp75.btn_blue_pcOnly{
        background:#ff6b64;
    }
    .btn_flex:nth-of-type(2) .btn_wrap:hover a.bt-samp75.btn_blue_pcOnly span{
        color:#ff6b64;
    }
}
@media screen and (max-width: 850px){
    .header-banner-content header #banner_title{
        font-size:25px;
    }
}
@media screen and (max-width: 785px){
    /*選ばれる理由*/
    img[class*=wp-image-].pc_only_img{
        display:none;
    }
    .wp-block-column.is-vertically-aligned-center.animate-bounce.is-layout-flow{
        flex-basis: 0!important;
    }
    img[class*=wp-image-].sp_only_img{
        display:block;
        width:50%;
        margin:0 auto 20px;
        min-width:250px;
    }
    .wp-block-image.size-full.has-custom-border.factor_wrap{
        width:80px;
        position:relative;
        bottom:-30px;
    }
    .factor_img{
        
    }
    .back-white{
        font-size:14px;
        letter-spacing: 0;
    }
    .plx_wrap.use_img.left, .plx_wrap.use_img.right{
        width:95%!important;
    }
    .trigger_fadeinup{
        padding:0;
    }
    .rs_group{
        font-size:11px;
    }
}
@media screen and (max-width: 550px){
    .sp_only{
        display:block;
    }
    .header-banner-content header #banner_title{
        line-height:1.4;
    }
}