@charset "utf-8";
/*
Theme Name: Lightning_child
Template: lightning
*/
/* スマホで勝手に文字サイズ変わるの防止 */
body {
-webkit-text-size-adjust: 100%;
}
/*-------------------
  トップスクロールボタン
--------------------*/
.page_top_btn {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
	border-radius: 30px 0 0 0;
    color: transparent;
    border: none;
    background: #c1c4cd;
    box-shadow: none;
    background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.5s;
}
.page_top_btn:hover{
	background: #b8e8e3;
	background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
/*-------------------
 トグルボタン
--------------------*/
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url("https://recruit.jobray.com/wp-content/uploads/2025/12/toggle-open.gif");
	background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("https://recruit.jobray.com/wp-content/uploads/2025/12/toggle-close.gif");
	background-size: cover;
}
.vk-mobile-nav-menu-btn {
	border-radius: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 56px;
    height: 56px;
}
.mobile-nav-btn-right .vk-mobile-nav-menu-btn, .vk-mobile-nav-menu-btn.position-right {
    right: 0px;
}
/*-------------------
 リンクページヘッダー
--------------------*/
.page-header-title, h1.page-header-title {
    font-size: 1.5rem;
	color: #50bfcc;
}
.page-header {
    background-image: url(https://recruit.jobray.com/wp-content/uploads/2025/12/stripe02.gif);
    background-repeat: repeat;
}
/*-------------------
  フッター
--------------------*/
.widget#block-17 {
    margin-bottom: 5px;
}
.widget#block-18 {
    margin-bottom: 5px;
}
.site-footer .site-footer-title {
	color: #50bfcc;
	font-weight: bold;
}
/*-------------------
  モバイル用固定ボタン
--------------------*/
/*----sp下部固定ボタン----*/
.sp-footer-btn p {
	margin-bottom: 0;
}
.sp-footer-btn {
	position: fixed;
	bottom: 3px;
	right: -5px;
	z-index:1;
}
.sp-footer-btn img {
	width: 150px;
}
@media screen and (min-width:992px) {
.sp-footer-btn {
	display:none;
}
}
@media screen and (max-width:991px) {
a#page_top.page_top_btn {
	display: none;
}
}
/*----//sp下部固定ボタン追加----*/
/*-------------------
  モバイルナビ
--------------------*/
.vk-mobile-nav nav ul li a {
    padding: 1em .5em;
}
.vk-menu-acc ul.acc-child-open {
    background-color: #e8eeef;
}
.vk-mobile-nav.vk-mobile-nav-drop-in.vk-mobile-nav-open {
	background-color: #edf3f4;
}
/*-------------------
  ベース
--------------------*/
/*----ページ内リンク調整----*/
html {
	scroll-snap-type: y proximity;
	scroll-padding-top: 180px;
 	scroll-behavior: smooth;
}
@media screen and (max-width:991.99px) {
html {
	scroll-padding-top: 90px;
}
}
@media screen and (max-width:480.99px) {
html {
	scroll-padding-top: 100px;
}
}
/*----フォント指定----*/
body {
	letter-spacing:0.03em;
	font-family: "Zen Maru Gothic", serif;
	  font-weight: 500;
}
.entry-body {
	letter-spacing:0.03em;
}
/*モバイル時左右フィット*/
@media screen and (max-width:991.99px) {
.con-w-fit {
margin-inline:-15px;
}
}
/*-------------
 ヘッダー
---------------*/
/*---PCヘッダーwidth100に----*/
#site-header-container.container {
        max-width: 100%;
    }
.global-nav--layout--penetration .global-nav-list {
    width: 100%;
}
.global-nav-list>li>ul.sub-menu {
    left: 0;
    margin-left: 0px;
    min-width: 100%;
}
/*---//Cヘッダーwidth100に----*/
/*---PCヘッダー固定調整----*/
#site-header {
	position:fixed!important;
}
.page-header {
    margin-top: 130px;
}
@media screen and (max-width:991.99px) {
.page-header {
    margin-top: 52px;
}
}
@media screen and (max-width:480px) {
.page-header {
    margin-top: 57px;
}
}
/*-トップページ用-*/
.home .site-body-container.container {
	margin-top:76px;
}
@media screen and (max-width:1199px) {
.home .site-body-container.container {
    margin-top: 85px;
}
}
@media screen and (max-width:991.99px) {
.home .site-body-container.container {
    margin-top: 24px;
}
}
@media screen and (max-width:767.98px) {
.home .site-body-container.container {
    margin-top: 31px;
}
}
@media screen and (max-width:480px) {
.home .site-body-container.container {
    margin-top: 27px;
}
}
/*---//PCヘッダー固定調整----*/
.header-top .nav li a {
    color: #333333;
    letter-spacing: 0;
}
strong.global-nav-name {
	font-weight: 500;
}
.global-nav-list>li:before {
    border-bottom: 3px solid var(--vk-color-primary);
}
@media screen and (min-width: 992px) {
    .device-pc .global-nav-list>li>a {
        padding: 18px 1.5em;
    }
	    .site-header-logo img {
        margin-top:0.3rem;
    }
}
.global-nav-list>li .global-nav-description {
	opacity: 1;
	color: #50bfcc;
}
/*----*/
.site-header-logo a {
    display: inline-block;
	margin-right:10px;
}
.site-header-logo::after {
	content: "RECRUIT SITE";
	font-size:13px;
	position:relative;
	top:-10px;
	color:#50bfcc;
	white-space:nowrap;
}
@media screen and (max-width:480px) {
	.site-header-logo::after {
	display:block;
}
}
@media screen and (min-width: 992px) {
    .site-header-logo {
        padding-top: 1rem;
        margin-bottom: 0rem;
    }
}
@media screen and (max-width: 991.98px) {
    .site-header-logo {
        padding-top:0.9rem;
			margin-bottom:0.2rem;
    }
}
@media screen and (max-width: 575.99px) {
.site-header .site-header-logo {
    text-align: left;
	margin-bottom:0;
}
}
@media screen and (max-width: 480px) {
#site-header-container {
	height: 56px;
    }
.site-header-logo {
	padding-top: .3rem;
    }
}
/*-ヘッダー右ウイジェット-*/
.site-header-sub .vk_button .vk_button_link.btn {
    padding: .6em 0.8rem;
}
/*-sp企業サイトボタン追加-*/
.sp-hontai-btn {
	position: fixed;
	right: 65px;
	top: 21px;
	line-height: 1;
	z-index: 1000;
}
.sp-hontai-btn span {
	border: 1px solid #00265d;
	padding: 4px 10px;
	border-radius: 30px;
}
.sp-hontai-btn span a {
	color: #00265d;
}
@media screen and (min-width:992px) {
.sp-hontai-btn {
	display: none;
}
}
/*-//sp企業サイトボタン追加-*/
/*------------
お問い合せ
-------------*/
/*--お問い合わせフォーム--*/
.contact p {
	margin-bottom:0;
	font-size:1rem;
}
.contact td, table.contact {
	border:none;
}
.contact td {
	border-bottom: 1px solid #c1c1c1;
	padding-top:15px;
	padding-bottom:15px;
}
.contact tr:first-child td {
		border-top: 1px solid #c1c1c1;
}
.contact {
    margin-bottom: 30px;
}.contact tr td span.hissu {
    color: #dc3232;;
    font-size: 80%;
}
.contact tr td:nth-of-type(2) span.kome {
        font-size: 80%;
}
@media (max-width: 575px) {
.contact tr td {
    display: block;
    width: 100%;
}
.contact tr td:nth-of-type(1) {
    border-bottom: none;
}
.contact tr:first-child td:nth-of-type(2) {
	border-top: none;
}
}
input[type=email],input[type=tel], input[type=text], select, textarea {
    margin: 0;
}
.okuru {
	text-align:center;
}
.okuru input[type=submit] {
    padding: .8em 5em;
}
.okuru .wpcf7-spinner {
    width: 0px;
    padding: 0;
    margin: 0;
}
.doui .wpcf7-list-item {
    padding-left: 1em;
    text-indent: -1.5em;
	margin-bottom:15px;
}
/*--//お問い合わせフォーム--*/
/*-------------------
 Q＆A
--------------------*/
.is-style-vk_faq-bgfill-circle .vk_faq_title:before, .is-style-vk_faq-bgfill-square .vk_faq_title:before, .is-style-vk_faq-bgfill-rounded .vk_faq_title:before {
    background-color: #50bfcc;
}
.is-style-vk_faq-bgfill-circle .vk_faq_content:before, .is-style-vk_faq-bgfill-square .vk_faq_content:before, .is-style-vk_faq-bgfill-rounded .vk_faq_content:before {
    background-color: #ec9d00;
}
.vk_faq .vk_faq_title {
    font-weight: normal;
}
.vk_faq .vk_faq_content-accordion-open {
    background-color: #f4f1e7;
padding-left: 60px;
}
.vk_faq .vk_faq_content:before {
    left: 1rem;
}
.vk_faq .vk_faq_content {
    padding-left:4rem;
}
/*--//Q＆A--*/
/*-------------------
 私たちについて
--------------------*/
.aboutus-top-bl {
	background-image: url("https://recruit.jobray.com/wp-content/uploads/2025/12/aboutus-ill01-1.png"), url("https://recruit.jobray.com/wp-content/uploads/2025/12/aboutus-ill01-2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, top right;
		background-size: auto 100%,  auto 100%;
}
@media screen and (max-width:767.99px) {
.aboutus-top-bl {
	background-image: url("https://recruit.jobray.com/wp-content/uploads/2025/12/aboutus-ill01-1s.png"), url("https://recruit.jobray.com/wp-content/uploads/2025/12/aboutus-ill01-2s.png");
	background-position: left -20px,  right 90%;
	background-size: auto,auto;
}
}
@media screen and (max-width:575.99px) {
.aboutus-top-bl {
	background-position: left -15px  top -20px,  right -15px top 83%;
		background-size: 82px, 77px;
}
}
/*-------------
What is Jobray
-------------*/
/*--数字で見る--*/
.gurafu-wrap p {
	margin-bottom: 0;
	line-height: 1.2;
}
.gurafu-wrap {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	box-sizing: border-box;
	margin-left: -7.5px;
	margin-right: -7.5px;
}
.gurafu-wrap > div {
	background-color: #d3e9ec;
	border-radius: 50px;
	padding: 2.1rem 1.5rem 2rem;
	margin: 7.5px;
}
.gurafu-wrap div img {
	width: 100%;
	max-width: 320px;
	margin-bottom: 10px;
}
.gurafu-wrap .info-title {
	margin-bottom: 25px;
	font-size:16px;
}
.gurafu-wrap .info-title span {
	background-color: #50bfcc;
	color: #fff;
	padding: 3px 20px;
	border-radius: 100px;
	}
.gurafu-wrap > div:nth-of-type(1),.gurafu-wrap > div:nth-of-type(2) {
	width: calc(50% - 15px);
	}
.gurafu-wrap > div:nth-of-type(3),.gurafu-wrap > div:nth-of-type(4),.gurafu-wrap > div:nth-of-type(5) {
	width: calc(33.3% - 15px);
	}
.gurafu-wrap > div:nth-of-type(n+6) {
	width: calc(50% - 15px);
	}
@media screen and (max-width:767px) {
.gurafu-wrap > div:nth-of-type(3),.gurafu-wrap > div:nth-of-type(4),.gurafu-wrap > div:nth-of-type(5) {
	width: calc(50% - 15px);
	}
.gurafu-wrap > div:nth-of-type(7) {
	width: 100%;
	}
}
@media screen and (max-width:575px) {
.gurafu-wrap > div:nth-of-type(1),.gurafu-wrap > div:nth-of-type(2),.gurafu-wrap > div:nth-of-type(3),.gurafu-wrap > div:nth-of-type(4),.gurafu-wrap > div:nth-of-type(5) {
	width: 100%;
	}
.gurafu-wrap > div:nth-of-type(6) {
	width: 100%;
	}
}
/*--//数字で見る--*/
/*--アンケートタイトル--*/
.bl-interview-title {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
	margin-block-end: 0!important;
}
.bl-interview-title span {
	font-family: "Zen Maru Gothic", serif;
    font-size: 3rem;
    color: #86d1cf;
	position: relative;
	top:2px;
	}
/*--//アンケートタイトル--*/
/*--アンケートアンサー2--*/
.answer-list {
	text-align: center;
	}
.answer-list span {
	background-color: #f4f1e7;
	padding: 10px 15px;
	border-radius: 10px;
	display: inline-block;
	margin: 5px;
}
/*--//アンケートアンサー2--*/
/*--アンケートアンサー新--*/
.anketo-waku {
		background-color: #f4f1e7;
		padding: 20px 25px;
	border-radius: 10px;
	margin-bottom:25px;
}
/*--//アンケートアンサー新--*/