/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0



h1.site-header-logo > a >span:after,
div.site-header-logo > a >span:after{
	content:"保育・酪農　求人募集";
	
}
*/


div#vk-mobile-nav-menu-btn {
    display: none;
}

.clm-left{
	padding-right:4em;
}


.clm-right{
	padding-left:4em;
}

@media (max-width: 782px) {
	.clm-left{
		padding-right:0em;
	}
	.clm-right{
		padding-left:0em;
	}
	.clm-gyaku{
		flex-direction: column-reverse;
	}
}


@media (max-width: 576px){
	h2{
		font-size:1.5rem;
	}
}

/********* スライド　*****************************/ 
.slidein{
	overflow: hidden;
	opacity: 0;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.slide_left{
	transform: translateY(calc(5vw + 5%));
}
.slide_right{
	transform: translateY(calc(5vw + 5%));
}

.slide_down{
  transform: translateY(5%);
}

.slide_down2{
  transform: translateY(100%);
}

.slide_down3{
  transform: translateY(150%);
}

.show{
	transform: translateX(0);
	opacity: 1;
}


.tbl-yoko th{
	background-color: #b0a9ae;
	color:#fff;
}

.tbl-yoko th,
.tbl-yoko td{
	padding:1em 1.5em;
}


/********* フォーム　*****************************/ 
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	width:auto;
}

@media (max-width: 782px) {
	input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	width:100%;
}
}

.req {
    background-color: #468d9d;
    color: #fff;
    font-size: 80%;
    padding: 0 0.5em;
}

select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
select::-ms-expand {
    display: block;
}

textarea {
    width: 100%;
}



input.btn-soshin {
    background-color: red;
    border: none;
    font-weight: 600;
	margin-left: 4em;
}

.wrap-btn {
    margin-top: 4em;
}

/********* QA　*****************************/ 
.vk_faq .vk_faq_title:before {
	background-color:#f78da7;
}

dt.wp-block-vk-blocks-faq2-q{
	background-color:#f9eff2;
}

.vk_faq {
	border-bottom:3px solid #fff !important;	
}

dd.wp-block-vk-blocks-faq2-a {
    background-color: #fff;
}

dt.wp-block-vk-blocks-faq2-q > p,
dd.wp-block-vk-blocks-faq2-a > p{
	padding-left:1rem !important;
}



.vk_faq_title:before,
.vk_faq_content:before{
	margin-left:1rem;
	margin-right:1rem;
}

.vk_faq_content:before{
	    background-color: #b4aeb1 !important;
}

.vk_faq_title::after{
	right:3.5rem !important;
}
/********* 応募～採用までの流れ　*****************************/ 

.vk_timeline .vk_timeline_item_style {
	top:10px;
}

/*********共通事項　*****************************/ 
ul.list-cmn li{
	margin-bottom:1.5rem;
}

@media (max-width: 767px) {
	.wp-container-core-group-is-layout-2013e5d7{
		gap:1rem !important;
	}
}


/*********    footer　*****************************/ 
.site-footer {
    border-top: 1px solid #fddce4;
}

.footer-nav {
	border-bottom:none;
}
/*----------テロップ----------*/
body:not(.header_scrolled) .siteHeader-trans-true{
    top: 56px !important;
    margin-top: 0;
}
.marquee-block {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.marquee-item {
    white-space: nowrap;
    animation: marquee 36s linear infinite;
    pointer-events: auto;
}
@media (max-width: 781px){
    .marquee-item{
        animation: marquee 20s linear infinite;
    }
}

.marquee-item a {
    color: #ff9600;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

@keyframes marquee {
  0%   { transform: translateX(100%); }  /* 画面右端から */
  100% { transform: translateX(-100%); } /* 画面左端まで */
}