/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.32
*/

div:not(.mobile-sidebar) > div > .nav>li.gnavi-btn-green > a {
    background-color: var(--fs-color-secondary);
    border-radius: 100px;
    padding-right: 1.3em;
    padding-left: 1.5em;
}
.gnavi-btn-green .nav-dropdown.nav-dropdown-bold>li>a:hover {
    background-color: var(--fs-color-secondary);
}
.header:not(.transparent) .header-nav-main.nav > li.gnavi-btn-green > a {
	color: #fff;
}

.accordion_title {
    color: var(--primary-color);
    font-size: 1.5rem;
}
.transparent #logo a {
  display: block;
  height: 60px;
  width: calc(60px * 500 / 154);
  background: url("https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/logo-kurata-white.svg") no-repeat left center / contain;
}

.transparent #logo a img {
  opacity: 0;
}

.home .transparent #logo .logo-company,
.home .transparent #logo .logo-text .logo-title {
	color: #fff;;
}

.bg-peech .col-inner::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ffffff transparent transparent transparent;
}

/* .bg-grid .section-bg {
    background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-recruit-grid.png') repeat;
} */

.bg-wave-top {
		background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-wave-top.svg') no-repeat 50% 0 / 100%,linear-gradient(to bottom, transparent 30%, #CDE9D8 30%);
}

.bg-grid .section-bg {
    background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-recruit-grid-2.svg') repeat #06913F 0 0 / 51px 56px;
}



/* .recruit-intro .section-bg {
    background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-recruit-wave.svg') no-repeat 50% 0 / 100%;
} */


.recruit-intro .section-bg {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 870' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M-96.0009 881C424 479.5 1050.5 1185.43 1532 676.463L1532 202L1532 -74.0002C1050.5 434.963 424 -270.963 -96.0009 130.537L-95.9998 202L-96.0009 881Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='1532' y1='403.5' x2='-96' y2='403.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2317BC5B'/%3E%3Cstop offset='1' stop-color='%2306913F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}




/* .recruit-life .section-bg {
		background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-recruit-life.webp') no-repeat 50% 0 / 100%,linear-gradient(90deg, #17BC5B 0%, #06913F 100%);
} */
.recruit-life .section-bg {
    background: 
        url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/bg-recruit-life-03.webp') no-repeat 50% 0 / 100% auto,
        linear-gradient(to bottom, transparent 10%, #CDE9D8 10%);
}


.bg-gradient-navy {
	background: linear-gradient(90deg, #386BA7 0%, #144B8C 100%);
}
.bg-gradient-green:not(.text-box),
.bg-gradient-green.text-box > .text-box-content {
	background: linear-gradient(90deg, #17BC5B 0%, #06913F 100%);
}

.bg-gradient-green-r:not(.text-box),
.bg-gradient-green-r.text-box > .text-box-content {
	background: linear-gradient(-90deg, #17BC5B 0%, #06913F 100%);
}

.home #logo {
	position: relative;
}
.home #logo .logo-company {
	position: absolute;
	font-size: 12px;
	top: 5px;
	left: 52px;
	font-weight: 700;
}
.home #logo .logo-text .logo-title {
	margin: 0;
	position: absolute;
	font-size: 10px;
	bottom: -17px;
	right: 0;
	text-align: center;
	font-weight: 700;
}




.transparent .header-nav >li>a {
    color: #fff
}


a.button.secondary i.icon-angle-right {
    font-family: inherit !important;
    top: calc(50% - 12px);
    position: absolute;
    margin-left: 2em;
}
a.button.secondary i.icon-angle-right::before {
    content: "" !important;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/icon-arrow-line.svg') no-repeat center / contain;
    vertical-align: middle;
}

 
a.button-underline-arrow-green.is-underline i.icon-angle-right {
    font-family: inherit !important;
    top: calc(50% - 12px);
    position: absolute;
    margin-left: .6em;
}
a.button-underline-arrow-green.is-underline i.icon-angle-right::before {
    content: "" !important;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('https://www.kurata-co.jp/wp/wp-content/uploads/2026/10/icon-arrow-circle.svg') no-repeat center / contain;
    vertical-align: middle;
}
a.button-underline-arrow-green.is-underline::before {
    height: 1px;
    left: .15em;
    opacity: 1;
    width: calc(100% + 22px);
}


.blogpost-simple .blog-post-inner {
	display: flex;
	align-items: center;
}
.blogpost-simple .post-item {
	padding-bottom:0;
}
.blogpost-simple .post-meta  {
	font-size: 1.5rem;
	order: 1;
	font-weight: 700;
	color: var(--primary-color);
	font-family: 'Montserrat';
	opacity: 1;
	line-height: 1.5;
}
.blogpost-simple  .post-title {
	order: 2;
	font-size: 1.5rem;
	margin: 0;
}
.blogpost-simple  .post-title a {
	line-height: 1.5;
	margin: 0;
	padding-left: 1em;
}
.blogpost-simple .is-divider {
	display: none;
}
.blogpost-simple .post-item:first-child .box-text {
	border-top: 1px solid #BBB;
}
.blogpost-simple .box-text {
  padding: 1em 0;
	border-bottom: 1px solid #BBB;
}


.fukidashi-top .text-box-content::after {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color:  transparent transparent #fff transparent;
}
.fukidashi-bottom .text-box-content::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #fff transparent transparent transparent;
    /*z-index: -1;*/
}




.margin-rl-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.wrap-careers .post-item {
	max-width: 100%;
	
}


.shadow-30-10,
.box-shadow-1 {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.text-shadow-30-10 {
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}


.blendmode-colorburn .banner-bg {
	mix-blend-mode: color-burn;
}/* 
.blendmode-multiply .section-bg-overlay {
	mix-blend-mode: multiply;
}
 */

.fs100 {font-size: 6.25rem !important;}
.fs150 {font-size: 9.375rem !important;}

.rank-math-breadcrumb {
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
body, h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: "Zen Kaku Gothic New", sans-serif !important;
}
body, h1, h2, h3, h4, h5, h6  {
	line-height: 1.8;
}
body  {
	font-weight: 500 !important;
	line-height: 2;
}
td, th,dl {
    font-size: 1em;
    line-height: 2;
    padding: 1em;
}
td {
    color: inherit;
}
table dl {
    padding: 0;
}
table dl dt {
    display: block; 
	font-weight:700;
}
.zenantique {
  font-family: "Zen Antique", serif !important;
	font-weight: 400;
}
.montserrat {
  font-family: "Montserrat", sans-serif;
	font-weight: 600;
}
.lh1 {line-height: 1 !important;}
.lh12 {line-height: 1.2 !important;}
.lh13 {line-height: 1.3 !important;}
.lh14 {line-height: 1.4 !important;}
.lh15 {line-height: 1.5 !important;}
.lh16 {line-height: 1.6 !important;}
.lh17 {line-height: 1.7 !important;}
.lh18 {line-height: 1.8 !important;}
.lh2 {line-height: 2 !important;}

.ls0 {letter-spacing: 0 !important;}
.ls1 {letter-spacing: 1px !important;}
.ls2 {letter-spacing: 2px !important;}
.ls3 {letter-spacing: 3px !important;}
.ls4 {letter-spacing: 4px !important;}
.ls5 {letter-spacing: 5px !important;}
.ls6 {letter-spacing: 6px !important;}
.ls7 {letter-spacing: 7px !important;}
.ls8 {letter-spacing: 8px !important;}
.ls9 {letter-spacing: 9px !important;}
.ls10 {letter-spacing: 10px !important;}
.ls11 {letter-spacing: 11px !important;}
.ls12 {letter-spacing: 12px !important;}
.ls13 {letter-spacing: 13px !important;}
.ls14 {letter-spacing: 14px !important;}
.ls15 {letter-spacing: 15px !important;}
.ls16 {letter-spacing: 16px !important;}
.ls17 {letter-spacing: 17px !important;}

.fw4 {font-weight: 400 !important;}
.fw5 {font-weight: 500 !important;}
.fw7 {font-weight: 700 !important;}

.round10,
.round10 > .img-inner,
.round10 > div > .banner-bg,
.round10 > div > .banner-bg img,
.round10 > div > .banner-bg .overlay,
.round10 > .col-inner,
.round10::before,
.round10 > a > .img-inner {
	border-radius: 10px;
	overflow: hidden;
}
.round20,
.round20 > .img-inner,
.round20 > div > .banner-bg,
.round20 > div > .banner-bg img,
.round20 > div > .banner-bg .overlay,
.round20 > .col-inner,
.round20::before,
.round20 > a > .img-inner {
	border-radius: 20px;
	overflow: hidden;
}
.round-0-0-20-0,
.round-0-0-20-0 > .img-inner,
.round-0-0-20-0 > div > .banner-bg,
.round-0-0-20-0 > div > .banner-bg img,
.round-0-0-20-0 > div > .banner-bg .overlay,
.round-0-0-20-0 > .col-inner,
.round-0-0-20-0::before,
.round-0-0-20-0 > a > .img-inner {
	border-radius: 0 0 20px 0;
	overflow: hidden;
}
.round30,
.round30 > .img-inner,
.round30 > div > .banner-bg,
.round30 > div > .banner-bg img,
.round30 > div > .banner-bg .overlay,
.round30 > .col-inner,
.round30::before,
.round30 > a > .img-inner {
	border-radius: 30px;
	overflow: hidden;
}
.round-30-30-0-0,
.round-30-30-0-0 > .img-inner,
.round-30-30-0-0 > div > .banner-bg,
.round-30-30-0-0 > div > .banner-bg img,
.round-30-30-0-0 > div > .banner-bg .overlay,
.round-30-30-0-0 > .col-inner,
.round-30-30-0-0::before,
.round-30-30-0-0 > a > .img-inner {
	border-radius: 30px 30px 0 0;
	overflow: hidden;
}
.round50,
.round50 > .img-inner,
.round50 > div > .banner-bg,
.round50 > div > .banner-bg img,
.round50 > div > .banner-bg .overlay,
.round50 > .col-inner,
.round50::before,
.round50 > a > .img-inner {
	border-radius: 50px;
	overflow: hidden;
}
.round-0-50-0-0,
.round-0-50-0-0 > .img-inner,
.round-0-50-0-0 > div > .banner-bg,
.round-0-50-0-0 > div > .banner-bg img,
.round-0-50-0-0 > div > .banner-bg .overlay,
.round-0-50-0-0 > .col-inner,
.round-0-50-0-0::before,
.round-0-50-0-0 > a > .img-inner {
	border-radius: 0 50px 0 0;
	overflow: hidden;
}
.round-50-0-0-0,
.round-50-0-0-0 > .img-inner,
.round-50-0-0-0 > div > .banner-bg,
.round-50-0-0-0 > div > .banner-bg img,
.round-50-0-0-0 > div > .banner-bg .overlay,
.round-50-0-0-0 > .col-inner,
.round-50-0-0-0::before,
.round-50-0-0-0 > a > .img-inner {
	border-radius: 50px 0 0 0;
	overflow: hidden;
}
.round-100p,
.round-exact .is-border {
	border-radius: 100%;
	overflow: hidden;
}
.tate {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	letter-spacing: 3px;
}

.overlay-grad .overlay{
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
 opacity: 0.75;
}
.multiply .overlay,
.multiply .section-bg-overlay {
  mix-blend-mode: multiply;
}


.home .rank-math-breadcrumb,
.home .header-block/*,
.recent-blog-posts-li .post_comments */ {
	display: none;
}
@media (max-width: 820px) {
	.recruit-intro .section-bg {
			background-position: 50% 150px;
			background-size: auto 100% !important;
	}
	
	.scroll-container {
		width: 100%;
		overflow-x: auto;
	}
	.wide-content {
		width: 200% !important;
	}

	.tb_round-0-50-50-0,
	.tb_round-0-50-50-0 > .img-inner,
	.tb_round-0-50-50-0 > div > .banner-bg,
	.tb_round-0-50-50-0 > div > .banner-bg img,
	.tb_round-0-50-50-0 > div > .banner-bg .overlay,
	.tb_round-0-50-50-0 > .col-inner,
	.tb_round-0-50-50-0::before,
	.tb_round-0-50-50-0 > a > .img-inner {
		border-radius: 0 50px 50px 0;
		overflow: hidden;
	}
	.tb_round-50-0-0-50,
	.tb_round-50-0-0-50 > .img-inner,
	.tb_round-50-0-0-50 > div > .banner-bg,
	.tb_round-50-0-0-50 > div > .banner-bg img,
	.tb_round-50-0-0-50 > div > .banner-bg .overlay,
	.tb_round-50-0-0-50 > .col-inner,
	.tb_round-50-0-0-50::before,
	.tb_round-50-0-0-50 > a > .img-inner {
		border-radius: 50px 0 0 50px;
		overflow: hidden;
	}

	.tb_yoko {
		writing-mode: lr;
		letter-spacing: 0;
	}
}
@media (max-width: 549px) {
	.sp_fs50	{
			font-size: 3.125em !important;
	}
	.sp_ls0 {letter-spacing: 0 !important;}
	.sp_ls1 {letter-spacing: 1px !important;}
	.sp_ls2 {letter-spacing: 2px !important;}
	.sp_ls3 {letter-spacing: 3px !important;}
	.sp_ls4 {letter-spacing: 4px !important;}
	.sp_ls5 {letter-spacing: 5px !important;}
	.sp_ls6 {letter-spacing: 6px !important;}
	.sp_ls7 {letter-spacing: 7px !important;}

	th {
		font-weight: 700;
	}
	td, th {
		display: block;
		width: 100% !important;
	}
	.blogpost-simple .blog-post-inner {
		flex-flow: row wrap;
	}
	.blogpost-simple .post-meta  {
		font-size: 1rem;
	}
	.blogpost-simple  .post-title {
		font-size: 1rem;
	}
	.blogpost-simple  .post-title a {
		padding-left: 0;
	}
	.blogpost-simple .box-text {
	}
	.fukidashi-bottom .text-box-content::after {
			bottom: -10px;
			border-width: 10px 10px 0 10px;
	}





}







.pcbr {display:inline;}
.tbbr {display:none;}
.spbr {display:none;}
@media (max-width: 820px) {/*@media (max-width: 768px) {*/
	.pcbr {display:none;}
	.tbbr {display:inline;}
	.spbr {display:none;}
	}
@media (max-width: 549px) {
	.pcbr {display:none;}
	.tbbr {display:none;}
	.spbr {display:inline;}
}
.mg00{	margin: 0 !important;}
.mb00{	margin-bottom:0px;}

.banner a{
	z-index:12;
}
/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}