@charset "utf-8";
  .siteContent { padding-bottom: 0; }
form.sent table{ display: none; }
body { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif!important; word-wrap: break-word; overflow-wrap: break-word; }
a:hover img.overwhite { cursor: pointer; opacity: 0.6; zoom: 1; } .navbar-brand, .siteHeader_logo { font-size: 22px; padding-top: 15px; font-weight: bold; }
.navbar-brand a:hover { color: #fd8303; }
.headtxt { text-align: center; font-size: 12.5px; color:#fd8303!important; margin: 0; padding: 0; }
.vk-mobile-nav-menu-btn { top: 5px!important; right: 10px!important; left: auto!important; background-size: 35px 35px!important; border: 3px solid #666; }
.vk-mobile-nav-menu-btn.menu-open { border: 3px solid #666!important; }
.slide-text-set { top: 55%; }
.slide-text-title { font-weight: bold; } .page-header_pageTitle, h1.page-header_pageTitle:first-child { margin: 2.0em 0; }
.page-header { background: linear-gradient(-45deg,#517d0f 25%, #68991f 25%,#68991f 50%, #517d0f 50%,#517d0f 75%, #68991f 75%,#68991f); background-size: 15px 15px; animation: anime_stripe_1 3.5s infinite linear; }
@keyframes anime_stripe_1 {
0% { background-position-x: 0; }
100% { background-position-x: -40px; }
} .gMenu>li .gMenu_name { font-size: 16px; }
.gMenu li { font-size: 15px; }
.gMenu a:hover { color: #fd8303; }
.device-pc .gMenu>li>a { padding: 14px 1.3em; } .infobox { height: 10em; overflow: auto; padding: 20px; border-radius: 10px; margin-bottom: 40px; box-sizing: border-box; background-color: #fff; }
.infobox p { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; font-size: 0.95em; }
@media (max-width: 540px){
.navbar-brand { font-size: 15px; margin-left: -50px; padding-top: 10px; }
.slide-text-title { font-size: 24px; }
.slide .btn-ghost { margin-top: .8em; padding: .4em 2em; font-size: 18px; }
.infobox { height: 15em; }
} .bg-scale { position: relative; overflow: hidden; padding: 90px 0; }
.bg-scale:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; background-size: cover; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; }
.bg-scale:hover:after { opacity: .8; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.bg-scale .innerleft { z-index: 1; position: relative; text-align: left; padding-left: 30px; }
.bg-scale .innerright { z-index: 1; position: relative; text-align: right; padding-right: 30px; }
.bg-scale01:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2018/08/topmain_001.jpg) no-repeat 60% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale02:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2022/06/topmain_004.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale03:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/03/topmain_202503_01.jpg) no-repeat 80% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale06:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/03/topmain_202503_02.jpg) no-repeat 20% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale04:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2022/06/topmain_002.jpg) no-repeat 50% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale05:after {
background: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/03/topmain_202503_03.jpg) no-repeat 50% center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
}
.bg-scale02 p, .bg-scale03 p, .bg-scale04 p, .bg-scale02 h5, .bg-scale03 h5, .bg-scale04 h5 { color:#fff; text-shadow: 2px  2px 3px #000, -2px  2px 3px #000, 2px -2px 3px #000, -2px -2px 3px #000; }
.bg-scale01 p, .bg-scale05 p, .bg-scale06 p, .bg-scale01 h5, .bg-scale05 h5p, .bg-scale06 h5 { text-shadow: 2px  2px 3px #fff, -2px  2px 3px #fff, 2px -2px 3px #fff, -2px -2px 3px #fff; }
.bg-scale h5 { font-size: 3.0vw; margin: 0 0 0.5em 0; font-weight: bold; }
.bg-scale02 .btn, .bg-scale05 .btn, .bg-scale06 .btn{ margin-right: 0; }
@media screen and (max-width: 540px) {
.bg-scale .innerleft { padding-left: 10px; }
.bg-scale .innerright { padding-right: 10px; }
} .ccopy { background-color: #fff; color: #fd8303; line-height: 1.5em; font-size: 25px; padding: 0; }
.mainSection-title, h2 { border-top:none!important; border-bottom:none!important; font-weight:bold; }
.balloon { position: relative; padding: 20px; background-color: #9fce34; }
.balloon::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: 0; right: 0; bottom: -14px; margin: 0 auto; border-top: 15px solid #9fce34; border-right: 15px solid transparent; border-left: 15px solid transparent; }
.h3, h3 { font-size: 1.5rem; } .adayh { color: #7eb42d; background-color: #fff; padding: 5px 10px; border-radius: 3px; margin-right: 5px; box-shadow: 0 0 4px rgba(0,0,0,0.2); }
#aday h5 { font-size: 22px; }
#ltg_full_wide_title-4 .widget_ltg_adv_full_wide_title_outer { background-color: #7eb42d; color: #fff; padding: 50px 10px; }
#ltg_full_wide_title-4 h2, #ltg_full_wide_title-4 p { color: #fff!important; }
@media screen and (max-width: 540px) {
.widget_ltg_adv_full_wide_title_title, .widget_ltg_full_wide_title_title { font-size: 24px; }
#aday .graybox p { margin-bottom: 20px; }
#aday h5 { font-size: 18px; line-height: 1.8; margin-top: 20px!important; }
} #message01 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2018/08/message_img01.png) no-repeat 80% 25%;
background-size: cover;
}
#message02 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2022/04/message_img02.png) no-repeat 15% 5%;
background-size: cover;
}
#message03 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2018/08/message_img03.png) no-repeat 70% 25%;
background-size: cover;
}
#message04 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2024/12/voice_20241227.jpg) no-repeat 80% 25%;
background-size: cover;
}
#message05 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/01/voice_20220525_02.jpg) no-repeat 80% 25%;
background-size: cover;
}
#message06 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/01/voice_20250127_01.jpg) no-repeat 80% 25%;
background-size: cover;
}
#message07 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/02/voice_20250214.jpg) no-repeat 80% 25%;
background-size: cover;
}
#message08 .message-head {
background: #f4f4f4 url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2025/03/voice_20250305.jpg) no-repeat 80% 25%;
background-size: cover;
}
.message-head { padding: 10px; height: auto; margin-bottom: 60px; }
*, *:before, *:after { box-sizing: border-box; }
.message-head .talk { padding: 20px; width: 50%; height: 100%; background: #fff; background: rgba(255, 255, 255, 0.6); box-sizing: border-box; } .wfbox { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 40px; }
.wftext { }
.wfpict { min-width: 30%; margin-right: 5%; }
.wfpict img { width: 100%; height: auto; }
.fullwidth .wfbox { flex-direction: row-reverse; }
.fullwidth .wftext { text-align: left; }
.fullwidth .wfpict { margin-left: 5%; margin-right: 0; }
dt { font-size: 1.6em;  margin-bottom: 40px; }
dd, dt { border-left-width: 5px; border-left-style: solid; line-height: 1.6; }
dd { margin-bottom: 20px; }
@media (max-width:768px) {
.wfbox { flex-direction: column; }
.fullwidth .wfbox { flex-direction: column; }
.wftext {  }
.fullwidth .wftext {  }
.wfpict { width: 100%; margin-left: 0; text-align: center; }
.fullwidth .wfpict { margin-left: 0; margin-right: 0%; }
.wfpict img { width: 50%; height: auto; margin-bottom: 30px; }
} .f-container { display: flex; justify-content: space-between; font-size: 0.95em;  }
.f-container .f-item { width: 48%; padding: 30px 20px; box-sizing: border-box; }
.f-container .f-item3 { width: 32%; padding: 30px 20px; box-sizing: border-box; margin-bottom: 15px; }
.f-container h5 { color: #618b23; font-weight: bold; text-align: center; }
.f-container img { width: 150px; border-radius: 50%; }
.page-id-9 .f-container img { width: 100px; border-radius: 50%; margin-bottom:20px; }
.page-id-9 .f-container .f-item { padding: 20px; }
.shumi { clear: both; margin-bottom: 0; }
.shumi > .badge-dark { padding:3px 10px; margin-right:10px; }
@media screen and (min-width: 1199px) {
.f-container .texts { padding: 0 20px; width: 90%; box-sizing: border-box; } 
}
@media screen and (max-width: 540px) {
.f-container { flex-direction: column; }
.f-container .f-item, .f-container .f-item3{ width: 100%; margin: 15px 0; }
.f-container .f-item3, .page-id-9 .f-item { padding: 20px; }
} .btn-primary, .btn-primary:focus, .btn-primary:hover { border: none; }
.btn { margin-right: 10px; text-align:left; border-radius: 0; }
.btn-block { padding: 10px; font-size: 1.5vw; margin-top: 40px;text-align:center; }
.btn-group-lg>.btn, .btn-lg { border-radius: 0; } .graybox { background: #F0F0F0!important; margin-bottom: 20px; padding: 20px; }
.whitebox { background: #fff!important; margin-bottom: 30px; padding: 20px; }
.whitebox p { margin: 0; }
@media screen and (max-width: 768px) {
.graybox { padding: 20px 10px 10px 10px; }
.f-container .f-item3, .whitebox  { padding: 20px 10px; }
} #colour-variations { padding: 10px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; width: 200px; position: fixed; right: 0; bottom: 80px; z-index: 800; background: #fff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.5); -ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.5); box-shadow: 0 0 9px 0 rgba(0,0,0,.5); box-sizing: border-box; }
.side_cta_btn2 { width: 180px; padding: 6px; background: #fd8303; color: #fff; text-align: center; display: block; text-decoration: none; font-weight: bold; font-size: 18px; box-sizing: border-box; }
.side_cta_btn2:hover { color: #fff; text-decoration: none; background: #ffa454; } a#tel { position: fixed; z-index: 800; width: 150px; height: 44px; text-align: center; line-height: 44px; display: block; background: rgba(253,131,3, .7); color: #fff; text-decoration: none; font-size:14px; left: 50%; bottom: 10px; margin-left: -70px; }
a#tel:hover { background: rgba(0,102,204,.8); }
@media screen and (min-width: 768px) {
a#tel { display: none; }
}
@media screen and (min-width:960px) {
a#tel { display: none; }
} .respStyle th { text-align: left; color: #333; }
.required-srt { font-size: 8pt; color: #ff0000; margin-left: 5px; }
.list-block .wpcf7-list-item, span.wpcf7-list-item { display: block; }
.wpcf7c-elm-step1, .wpcf7c-elm-step2 { font-size: 18px; }
.wpcf7-back { border: none; background: #fff; padding: 5px 25px; text-decoration: underline; font-size: 12px; }
.wpcf7-spinner { display: block!important; }
.grecaptcha-badge { visibility: hidden; }
@media screen and (max-width: 600px) { 
.respStyle th, .respStyle td { display: block; }
.respStyle th { border-bottom: none; padding: 10px 0px 4px 8px; }
} .siteFooter { border-top: none; background-color: #9fce34; color: #333; margin-top: 40px;}
.siteFooter a{ color: #000;}
.siteFooter .widget .subSection-title { font-weight: bold; }
.prArea .subSection-title { font-weight: bold; }
.siteFooter .subSection-title:after,  .prArea .subSection-title:after { border-bottom-color: transparent; }
footer .copySection p:nth-child(2) { display:none !important; }
#ltg_full_wide_title-5 h2 { color: #fff; }
footer li { line-height: 1.0; }
.menu-policy-container { margin-top: 40px; }
@media screen and (max-width: 600px) { 
.menu-policy-container { margin-top: 20px; }
footer .widget .subSection-title { margin-top: 20px;}
} .fullwidth { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 70px 0; }
.fullinner { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box; }
.bgeee { background-color: #eee; }
.bgddd { background-color: #ddd; }
.bgfff { background-color: #fff; }
.bggreen { background-color: #f3f8df; }
.bgimg { background-image: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2020/03/bright-squares.png);} .bgfull { background-image: url(https://www.kobayashi-jp.com/recruit/wp-content/uploads/2020/03/fullbg.jpg); min-height: 100vh; background-attachment: fixed; background-size: cover; background-position: center; }
.gradation { min-height: 100vh; background: linear-gradient(270deg, #d0df0061, #3481175e, #2bdbe473, #26768e70, #330bd766); background-size: 1000% 1000%; -webkit-animation: bg-gradation 30s ease infinite; animation: bg-gradation 30s ease infinite; padding-bottom:2em; }
@-webkit-keyframes bg-gradation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes bg-gradation {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@media (min-width: 576px){
.fullinner { max-width: 540px; }
}
@media (min-width: 768px){
.fullinner { max-width: 720px; }
}
@media (min-width: 992px){
.fullinner { max-width: 960px; }
}
@media (min-width: 1200px){
.fullinner { max-width: 1140px;	}
} .delay03 { animation-delay: 0.3s; }
.maintext { text-align: left; } 
.smalltext { font-size: 0.8em; }
.texts { padding: 0 10px 30px 10px; width:100%; box-sizing: border-box; }
.popuptxt { padding: 10px; }
.step-item { margin-top: 10px; padding: 30px; background: #7eb42d; color: #fff; border-radius: 6px; font-size: 22px; font-weight: bold; z-index: -1; }
.greenbadge { background-color: green; color: #fff; font-weight: normal; padding: 5px; border-radius: 3px; }
.modeldl dt{ background-color: #fff; padding:15px 10px; border-left-color: transparent; margin-bottom:0;}
.modeldl dd { background-color: rgba(255,255,255,0.8); padding: 15px 10px; border-left-color: transparent; }
hr { clear: both; border: none; padding: 5px; }
.dshadow { box-shadow: 0px 3px 15px rgba(0,0,0,0.2); }
td, th { padding: 1em; font-size: 16px; }
.ac {text-align: center;}
.pb20 { padding-bottom: 20px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mr60 { margin-right: 60px; }
.mr80 { margin-right: 80px; } @media screen and (max-width: 540px) {
.smalltext { font-size: 0.95em; }
.ccopy { font-size: 16px; }
p { margin-bottom: 0.6em; }
.spNone { display: none; }
.bg-scale h5 { font-size: 5.0vw; }
.btn-block { font-size: 4.0vw; }
.texts{ padding: 0 0 30px 0; font-size: 15px; }
.message-head .talk { padding: 10px; }
td, th { font-size: 0.95em; }
.step-item01:before { position: absolute; top: 0; right: 10%; font-family: "Font Awesome 5 Free"; content: '\f0d7'; color: #fff; font-size: 100px; z-index: 1; font-weight: bold; }
.greenbadge { font-size:16px; }
}
@media (min-width: 992px) {
.veu_3prArea .summary { font-size: 16px; } 
.message-head { padding: 30px; }
.step-item01:before { position: absolute; top: 0; right: 10%; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f0da'; color: #fff; font-size: 100px; z-index: 1; }
}