@charset "utf-8";

/*
var(--vk-color-primary)
var(--vk-color-primary-vivid)
var(--vk-color-primary-dark)
var(--vk-color-custom-1)
var(--vk-color-custom-2)
var(--vk-color-custom-3)

*/


* {
	font-family: "Zen Kaku Gothic New", sans-serif;
/*	font-family: "Corinthia", cursive; */
	font-weight: 500;
	font-style: normal;
	color: #252525;
	cursor: default;
}
body {
	background-color: transparent!important;
}
body.stop {
	height: 100vh;
	overflow: hidden;
	touch-action: none; /* スマホでのスクロール防止（iOS向け） */
}
body a,
body a * {
	color: var(--vk-color-text-link);
	cursor: pointer;
	transition: all .4s ease;
}
body a:hover,
body a:hover * {
    color: var(--vk-color-primary-dark);
    text-decoration-color: var(--vk-color-primary-dark);
}
p:empty { display: none; }
strong { font-weight: 900; }


/*****  Loading  *****/
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 1s ease;
}

#loading img {
	max-width: 120px; /* 画像サイズ調整してくれ */
}

#loading p {
	margin-bottom: 0;
    font-size: 1rem;
    color: #333;
}

.post-type-archive-recruit .site-body {
    opacity: 0;
    transition: opacity 1s ease;
}
/*****  header  *****/
#site-header {
	background-color: transparent;
	box-shadow: none;
	position: fixed;
}
#site-header-container {
	max-width: none;
	padding: 0 0 0 1.5rem;
	display: flex;
	z-index: 1;
}
.header_scrolled #site-header {
	width: 100%;
	box-shadow: none;
}
.header_scrolled .site-header-logo {
	display: flex!important;
}
.site-header-logo {
	width: fit-content !important;
}
.site-header-logo a {
	display: flex!important;
	align-items: center;
	gap:0;
}
.site-header-logo a .title-tag {
	padding: 0.1rem 0.5rem 0.25rem;
	font-size: 0.8rem;
	font-weight: 600;
	color: #FFF;
	text-shadow: 0 0 1px var(--vk-color-primary-dark);
	background-color: var(--vk-color-primary);
	line-height: 2;
	border-radius: 2px;
}
.site-header-logo a img {
    max-height: 48px;
	cursor: pointer;
}
.global-nav-list {
	height: 100%;
}
.recruit-nav {
	margin: 0 0 auto auto;
	display: flex;
	align-items: center;
}
header.active .recruit-nav .btn-nav {
	padding-left: 1rem;
	background-color: #FFF;
	border-radius: 0 0 0 16px;
}
.recruit-nav .btn-nav {
	margin: 0;
	padding: 0;
    display: flex;
    align-items: center;
    z-index: 1;
}
.recruit-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
}
.recruit-nav ul li {
	flex: 1;
}
.recruit-nav ul li:not(.link) {
    min-width: 88px;
}
.recruit-nav ul li.sp-btn-outer {
    display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
}
.recruit-nav ul li a {
	height: 100%;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	text-align: center;
}
.recruit-nav ul li.link a {
    word-break: keep-all;
	padding: 0.5rem 1.5rem 0.5rem 1rem;
	position: relative;
}
.recruit-nav ul li.link a::before {
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--vk-color-primary);
    border-right: 2px solid var(--vk-color-primary);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.recruit-nav ul li.application a {
    background-color: #e2eba3;
	color: #649314;
	border-radius: 0 0 0 16px;
}
.recruit-nav ul li.application a:hover {
    opacity: 0.6;
}
.recruit-nav ul li.entry a {
    background-color: #f7c6bd;
}
.recruit-nav ul li.entry a:hover {
    color: #222;
    opacity: 0.6;
}
/* sp-btn */
#vk-mobile-nav-menu-btn {
	display: none;
}
.menu-button {
	padding: 0 1.5rem 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 8px;
	border: none;
    background-color: transparent;
	position: relative;
}
.menu-button__line,
.menu-button::before,
.menu-button::after {
    content: "";
    width: 40px;
    height: 2px;
    background-color: var(--vk-color-primary);
    transition: transform 0.3s, opacity 0.3s;
}
.menu-button.is-opened .menu-button__line {
  	opacity: 0;
}
.menu-button.is-opened::before {
  	transform: translateY(12px) rotate(45deg);
}
.menu-button.is-opened::after {
  	transform: translateY(-8px) rotate(-45deg);
}
#sp-btnLabel {
	font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.recruit-menu.mega-menu:not(.active) {
	display: none;
}
.recruit-menu.mega-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #FFF;
}
.recruit-menu.mega-menu .mega-menu-inner {
	height: 100%;
	padding: 7rem 2rem 2rem;
	position: relative;
}
/*****  footer  *****/
.site-footer {
	border: none!important;
	font-size: 0.9rem!important;
}
.site-footer .site-footer-content {
	max-width: none;
	padding: 4rem 4rem 2rem;
	display: flex;
	gap: 4rem;
}
.footer-left-content,
.footer-right-content {
	flex: 1;
}
.footer-left-content {
	display: flex;
	gap: 2rem;
}
.footer-logo {
	max-width: 320px;
	margin-bottom: 1rem;
}
.logo-link-box .link a {
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	position: relative;
}
.logo-link-box .link a::before {
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--vk-color-primary);
    border-right: 2px solid var(--vk-color-primary);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.site-footer .address-detail a {
	width: max-content;
	display: block;
	font-size: 0.75rem;
	margin-top: 0.5rem;
	padding: 0.25rem 0.5rem;
	background-color: var(--vk-color-primary);
	border-radius: 999px;
	text-decoration: none;
}
.site-footer .address-detail a span {
	color: #FFF;
}
.site-footer .address-detail a:hover {
	background-color: var(--vk-color-primary-dark);
}
.footer-right-content .link {
	width: max-content;
	display: block;
	margin: 0 0 2rem auto;
}
.footer-right-content .site-footer-copyright {
	padding: 0;
}
.footer-right-content .site-footer-copyright p {
	margin: 0;
	text-align: right
}
/*****  front  *****/
.instagram-mini-banner {
	margin: 0!important;
	padding: 1rem;
	border: 2px solid #f7c6bd;
	background-color: #FFF;
	border-radius: 8px 0 0 8px;
	position: fixed;
	top: 12rem;
    right: -2px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	z-index: 999;
	font-size: 0.8rem;
}
.instagram-mini-banner:hover {
	background-color: #f7c6bd;
}
.scrolled .instagram-mini-banner {
	padding: 0.5rem 1rem;
}
.instagram-mini-banner:hover span {
	color: #222;
}
.instagram-mini-banner i.fa-instagram {
	color: #FF0069;
	margin-bottom: 0.5rem;
}
#recruit-visual {
	display: flex;
}
#recruit-visual .visual-img-block {
	width: 60vw;
}

#recruit-visual .text-block {
	width: 40vw;
	padding: 2rem 4rem;
	flex: 1 0 0;
	display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
	background: url(../images/pink-circle.png) no-repeat;
	background-position: top -400px left -400px;
	background-size: 800px;
}
#recruit-visual .text-block img {
	max-width: 480px;
	width: 100%;
	margin: 5rem auto 2rem 0;
}
.recruit-news-block {
	width: 100%;
	margin-bottom: 4rem;
}
.recruit-news-block .block-title {
    margin: 0;
    padding: 0 0.5rem;
    font-size: 1.8rem;
    font-weight: 300;
    color: #f7c6bd;
    border: none;
    display: inline-block;
    position: relative;
    left: 10px;
    bottom: -16px;
    background-color: #FFF;
    z-index: 2;
}
.news-box {
	width: 100%;
	max-width: 640px;
	height: 96px;
	margin: 0 auto 0 0!important;
	border: 2px solid #DDD;
	border-radius: 8px;
}
.news-box .swiper-wrapper {
	height: 100%;
}
.news-box .box-item {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: auto;
    min-height: 100%;
}
.news-box .box-item a {
	padding: 1rem 1.2rem;
	display: flex;
	flex-direction: column;
	line-height: 1.6;
}
.news-box .box-item a .date {
	color: #aaa;
}
.news-box .box-item a > div {
	font-size: 16px;
}
section .section-inner {
	padding: 2rem 0 4rem;
}
#recruit-education {
	padding: 4rem;
}
#recruit-education .section-inner {
	max-width: 1920px;
	margin: auto;
}
#recruit-education .section-contents {
/*
	max-width: 1280px;
	margin: auto;
	display: flex;
	gap: 8rem;
	justify-content: space-between;
	align-items: flex-end;
*/
}

#recruit-education .flex-block {
	display: flex;
	align-items: center;
}
#recruit-education .flex-block .left-block {
	width: 480px;
	background-color: #FFF;
}
#recruit-education .flex-block .right-block {
	width: calc(100% - 480px);
	position: relative;
	right: -4rem;
}
#recruit-education .education-slider .swiper-wrapper {
	transition-timing-function: linear;
}
#recruit-education .education-slider .swiper-slide {
	padding: 0 0.5rem;
	width: max-content;
	height: 480px; /* 高さを揃えたい値 */
    display: flex;
    align-items: center;
    justify-content: center;
}
#recruit-education .education-slider .swiper-slide img {
	height: 100%;       /* 高さをスライドにフィットさせる */
    width: auto;        /* 比率を維持して横は可変 */
    display: block;
}
#recruit-education .education-slider .swiper-slide p {
	display: inline-block;
	margin: 0;
    padding: 0.5rem;
    font-size: 0.8rem;
    background-color: #FFF;
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
}
#recruit-education .flex.title-block {
	display: flex;
	gap: 2rem;
	align-items: flex-end;
}
#recruit-education .flex.title-block p {
	margin-bottom: 2rem;
}
#recruit-education .link-btn {
	gap: 1rem;
}
#recruit-education .link-btn.column3 div {
	width: calc((100% - 2rem)/3);
}
#recruit-education .link-btn div a {
	padding-left: 4.2rem;
	display: flex;
	align-items: center;
}
#recruit-education .link-btn div.btn00 a {
	background: url(/wp-content/uploads/2025/10/favicon-300x300.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn00 a:hover {
	background-color: #e2eba3;
}
#recruit-education .link-btn div.btn01 a {
	background: url(../images/recruit/education-icon01.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn01 a:hover {
		background-color: #e2eba3;
}
#recruit-education .link-btn div.btn02 a {
	background: url(../images/recruit/education-icon02.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn02 a:hover {
		background-color: #e2eba3;
}
#recruit-education .link-btn div.btn03 a {
	background: url(../images/recruit/education-icon03.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn03 a:hover {
		background-color: #e2eba3;
}
#recruit-education .link-btn div.btn04 a {
	background: url(../images/recruit/education-icon04.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn04 a:hover {
		background-color: #e2eba3;
}
#recruit-education .link-btn div.btn05 a {
	background: url(../images/recruit/education-icon05.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn05 a:hover {
	background-color: #e2eba3;
}
#recruit-education .link-btn div.btn06 a {
	background: url(../images/recruit/education-icon06.png) no-repeat;
	background-size: 40px;
	background-position: center left 1rem;
}
#recruit-education .link-btn div.btn06 a:hover {
	background-color: #e2eba3;

}
#recruit-works {
	padding: 4rem 0;
	background-image: linear-gradient(0deg, rgb(255, 255, 255) 16%, rgb(197, 226, 194) 16%);
	background-color: #c5e2c2;
}
#recruit-works .section-inner {
	padding: 0 4rem;
}
#recruit-works .contents-img-title {
	margin-bottom: 2rem;
}
#recruit-works .message-block {
	margin: 0 -4rem 4rem;
	padding: 0 8rem;
	position: relative;
}
.message-slide {
	overflow: visible!important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.message-slide .swiper-button-prev,
.message-slide .swiper-button-next {
    height: 48px;
    width: 48px;
	background-color: #FFF;
	border-radius: 999px;
	position: absolute;
	top: -4rem;
	bottom: 0;
	margin: auto;
}
.message-slide .swiper-button-prev {
	left: -4rem;
}
.message-slide .swiper-button-next {
	right: -4rem;
}
.message-slide .swiper-button-prev::after,
.message-slide .swiper-button-next::after {
  	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #c6d74b;
    border-right: 3px solid #c6d74b;
    position: absolute;
    top: 0;
	bottom: 0;
    right: 1.5rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.message-slide .swiper-button-prev::after {
  	rotate: -135deg;
	right: auto;
    left: 1.5rem;
}
.message-slide .swiper-slide img {
	min-height: 300px;
    height: 100%;
    width: 100%;
	object-fit: cover;
	border: 4px solid #FFF;
	border-radius: 8px 0 8px 0;
}
.message-slide .swiper-slide .caption {
	padding: 1rem 0.5rem;
    line-height: 1.5;
	text-align: center;
}
#recruit-works .flex-btn.img {
	max-width: 1600px;
	margin: auto;
}
#recruit-works .flex-btn.img div a {
	display: block;
	line-height: 0;
	background: url(../images/recruit/banner-back.png) no-repeat;
	background-size: calc(100% - 1rem);
	background-position: right bottom;
	border-radius: 16px 0 16px 0;
}
#recruit-works .flex-btn.img div a img {
	position: relative;
	top: -1rem;
	left: -1rem;
}
#recruit-works .flex-btn.img div a:hover {
	background-position: right -0.5rem bottom -0.9rem;
}
#recruit-works .flex-btn.img div a:hover img {
	top: 0;
	left: 1px;
}
#recruit-pickup {
	padding: 4rem;
	position: relative;
}
#recruit-pickup .contents-img-title {
	max-width: 320px;
	display: block;
	margin: 0 auto 2rem;
}
.recruit-pickup-bg {
    overflow: hidden;
    width: 100%;
	position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
}
.text-loop {
    display: flex;
    width: fit-content;
    animation: scroll-right 80s linear infinite; 
}

.text-loop span {
	width: max-content;
    font-size: 16rem;
	color: #dcf2f9;
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}



#recruit-pickup .pickup-block {
	max-width: 1080px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
.pickup-block .block-item.column3 {
	width: calc((100% - 6rem)/3);
}
.pickup-block .block-item.column2 {
	width: calc((100% - 3rem)/2);
}
.pickup-block .block-item.column3 a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pickup-block .block-item.column3 .img {
	width: 100%;
	height: 100%;
	max-width: 300px;
	max-height: 300px;
	padding: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 300px;
	background-color: #FFF;
	border: 8px solid #dcf2f9;
}
.pickup-block .block-item.column3 .title {
	width: 100%;
	margin-top: -64px;
}
.pickup-block .block-item.column3 .title span.after-arrow {
	padding: 1.5rem 3rem;
	display: block;
	color: #222;
	font-size: 1.5rem;
	text-align: center;
	background-color: #dcf2f9;
	border-radius: 8px;
	position: relative;
}
.pickup-block .block-item.column3:nth-of-type(3) .title span.after-arrow {
	font-size: 1.4rem;
    padding: 0.85rem 3rem;
    line-height: 1.2;
}
.pickup-block .block-item.column3 .title span.after-arrow::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #93cbd8;
    border-right: 3px solid #93cbd8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.2rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.pickup-block .block-item.column2 a {
	display: flex;
}
.pickup-block .block-item.column2 .img {
	width: 100%;
	height: 100%;
	max-width: 200px;
	max-height: 200px;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 300px;
	border: 8px solid #dcf2f9;
	background-color: #dcf2f9;
	z-index: 1;
}
.pickup-block .block-item.column2 .title {
	width: 100%;
	margin-left: -96px;
    padding: 1rem 3rem 1rem 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-color: #FFF;
	border: 8px solid #dcf2f9;
	border-radius: 0 16px 16px 0;
	position: relative;
}
.pickup-block .block-item.column2 .title::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #93cbd8;
    border-right: 3px solid #93cbd8;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.2rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.pickup-block .block-item.column2 .title span {
	padding: 0 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	word-break: auto-phrase;
    text-align: center;
}
.pickup-block .block-item a:hover {
	opacity: 0.6;
}
.pickup-block .block-item .title span.after-arrow small {
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
}
.pickup-block .block-item a:hover .title span.after-arrow,
.pickup-block .block-item a:hover .title span.after-arrow small {
	color: #222;
}
#recruit-faq {
	background-color: #ffedeb;
}
#recruit-faq .section-inner {
	padding: 0;
}
#recruit-faq .section-contents {
	max-width: 1920px;
	margin: auto;
	display: flex;
}
#recruit-faq .section-contents .left-block {
	width: 400px;
	padding: 4rem;
	background-color: #f7c6bd;
}
#recruit-faq .contents-img-title {
	max-width: 240px;
	margin: 0 auto 2rem;
}
#recruit-faq .section-contents .left-block .btn {
	width: 100%;
	padding: 0;
}
#recruit-faq .section-contents .left-block .btn a {
	max-width: 240px;
	width: 100%;
	padding: 1rem 3rem 1rem 1.5rem;
	display: block;
	background-color: #FFF;
	position: relative;
	border-radius: 8px;
}
#recruit-faq .section-contents .left-block .btn a::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #f7c6bd;
    border-right: 3px solid #f7c6bd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.2rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
#recruit-faq .section-contents .right-block {
	width: calc(100% - 400px);
	padding: 4rem;
}
.faq-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.faq-box.archive {
	gap: 1rem;
	margin-bottom: 2rem;
}
.faq-box .box-item {
	width: calc((100% - 3rem)/2);
}
.faq-box.archive .box-item {
	width: 100%;
}
.faq-box .box-item summary {
    display: grid;
    grid-template-columns:  1fr 24px;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    padding: 1.5rem 1.5rem 1.5rem 3.2rem;
    font-weight: bold;
	border-radius: 8px;
	background: url(../images/recruit/faq-q-icon.png) no-repeat;
	background-size: 24px;
	background-position: center left 1rem;
	background-color: #f7c6bd;
    /* Safariで表示されるデフォルトの三角形アイコンを消します */
}
.faq-box .box-item summary::-webkit-details-marker {
        display: none;
}
/* --------アイコンを作ります-------- */
.faq-box .box-item .icon {
    display: block;
    position: relative;
    width: 24px;
    transform-origin: center 43%;
    transition: transform 0.4s;
    /* アイコンのバーのスタイル */
    &::before, &::after {
      content: "";
      position: absolute;
      display: block;
      width: 15px;
      height: 3px;
      background-color: #FFF;
    }
    &::before {
      left: 0;
      transform: rotate(45deg);
    }
    &::after {
      right: 0;
      transform: rotate(-45deg);
    }
}
/* アコーディオンが開いた時のスタイル */
.faq-box .box-item details[open] summary {
	border-radius: 8px 8px 0 0;
}
.faq-box .box-item details[open] .icon {
  	transform: rotate(180deg);
}

/* --------アコーディオンの中身のスタイル-------- */
.faq-box .box-item .content {
    padding: 1.5rem 1.5rem 1.5rem 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
	border-radius: 0 0 8px 8px;
	background: url(../images/recruit/faq-a-icon.png) no-repeat;
	background-size: 24px;
	background-position: top 1rem left 1rem;
    background-color: #FFF;
}
.faq-box.archive .box-item .content {
    border: 2px solid #f7c6bd;
	background-position: top 1.5rem left 1rem;
}
.faq-box .box-item .content p {
    margin-bottom: 0;
}

#kango-link .section-inner {
	padding: 0;
}
#kango-link .flex-btn.img-btn {
	display: flex;
	gap: 0.5rem;
}
#kango-link .flex-btn.img-btn > div {
	flex: 1;
}
#kango-link .flex-btn.img-btn > div a {
	display: block;
}
#kango-link .flex-btn.img-btn > div a:hover {
		opacity: 0.6;
}
#kango-link .flex-btn.img-btn > div.department a {
	background: url(../images/recruit/department-banner-bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
#kango-link .flex-btn.img-btn > div.nursing a {
	background: url(../images/recruit/nursing-banner-bk.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
#kango-link .flex-btn.img-btn > div:not(.contact-box) a {
    height: 100%;
    padding: 2rem;
	display: flex;
	line-height: 0;
}
#kango-link .flex-btn.img-btn > div:not(.contact-box) a img {
	width: 100%;
	max-width: 200px;
    height: auto;
    margin: auto auto 0 0;
}
#kango-link .flex-btn.img-btn > .contact-box {
	padding: 1.5rem;
	display: flex;
	gap: 1.5rem;
	flex-direction: column;
	align-items: center;
	background: url(../images/contact-bkimg.png) no-repeat;
	background-size: cover;
}
#kango-link .flex-btn.img-btn > .contact-box .title {
	color: #FFF;
	font-size: 1.5rem;
}
#kango-link .flex-btn.contact {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
#kango-link .flex-btn.contact div {
	width: 100%;
}
#kango-link .flex-btn.contact div a {
	padding: 1rem 3rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	border: 3px solid #FFF;
	border-radius: 8px;
	background-color: rgb(135 185 165 / 40%);
}
#kango-link .flex-btn.contact div a:hover {
	opacity: 0.5;
}
#kango-link .flex-btn.contact div a::before {
	display: none;
}
#kango-link .flex-btn.contact div a::after {
	border-color: #FFF;
}
#kango-link .flex-btn.contact div a .icon {
	width: 40px;
	height: 40px;
}
#kango-link .flex-btn.contact div.tel a .icon {
	background: url(../images/contact-tel-icon.png) no-repeat;
	background-position: center;
	background-size: contain;
}
#kango-link .flex-btn.contact div.mail a .icon {
	background: url(../images/contact-mail-icon.png) no-repeat;
	background-position: center;
	background-size: contain;
}
#kango-link .flex-btn.contact div a .icon {
	width: 50px;
	height: 50px;
}
#kango-link .flex-btn.contact div a .text,
#kango-link .flex-btn.contact div a .text * {
	color: #FFF;
	text-shadow: none;
}
#kango-link .flex-btn.contact div a .text {
	width: auto;
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
}
#kango-link .flex-btn.contact div a .text .number {
	width: auto;
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
}
#kango-link .flex-btn.contact div a .text small {
	font-size: 0.8rem;
	display: block;
}
#kango-link .flex-btn.contact .mail a {
	padding: 0.5rem 3rem;
}
#kango-link .flex-btn.contact .mail a .text {
	font-size: 1rem;
}
@media screen and (max-width:1000px){
    #kango-link .flex-btn.contact {
        flex-direction: row;
        align-items: flex-start;
    }
	#kango-link .flex-btn.contact > div {
		height: 100%;
	}
	#kango-link .flex-btn.contact div a {
		padding: 1rem 2rem;
		height: 100%;
		align-items: center;
	}
}
@media screen and (max-width:780px){
    #kango-link .flex-btn.contact {
        flex-direction: column;
	}
	#kango-link .flex-btn.img-btn > div:not(.contact-box) a img {
		height: 100%;
	}
}
/*****  Slide  *****/
.swiper-wrapper,
.swiper-wrapper li {
	margin: 0;
	line-height: 0;
}
/*****  page  *****/
.page-menu {
	padding: 1rem;
	border: 2px solid #e2eba3;
	border-radius: 0 16px 16px 0;
	background-color: rgb(255 255 255/ 90%);
	z-index: 999;
	transition: all .4s ease;
}
.page-menu .toggle-btn {
	display: block;
	cursor: pointer;
    padding: 1rem 0.5rem;
    background-color: #e2eba3;
    border-radius: 0 8px 8px 0;
    position: absolute;
    top: 16px;
    right: 0;
	font-size: 0.9rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.page-menu .title {
	padding: 0.5rem;
	border-radius: 4px;
	background-color: #e2eba3;
}
.page-menu .menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-menu .menu-list li {
	margin: 0;
}
.page-menu .menu-list li a {
	display: block;
	margin: 0;
	padding: 0.5rem;
	text-decoration: none;
	font-size: 0.9rem;
}
.page-menu .menu-list li:not(:last-of-type) a {
	border-bottom: 2px dashed #ededed;
}
@media screen and (min-width:1800px){
	.post-type-archive .container,
	.wp-singular .container {
        max-width: 1440px;
	}
	.main-section--col--two {
		width: calc(95% - var(--vk-width-col-2-sub))!important;
	}
	.sub-section--col--two.is-top-visible {
		top: 8rem!important;
	}
	.page-menu {
		position: relative;
		top: auto;
		left: auto;
		border-radius: 16px;
	}
	.page-menu .toggle-btn {
		display: none;
	}
}
@media screen and (max-width:1799px){
	.post-type-archive .sub-section--col--two,
	.wp-singular .sub-section--col--two {
		width: 100%;
        max-width: 340px;
        padding-right: 36px;
        position: fixed;
        top: calc(12rem - 16px)!important;
        left: -308px!important;
		float: none;
        z-index: 999;
		transition: all .3s ease;
	}
	.post-type-archive .sub-section--col--two:has(.open),
	.wp-singular .sub-section--col--two:has(.open) {
		left: -2px!important;
	}
	.main-section--col--two {
		width: 100%!important;
	}
	.post-type-archive .site-body-container,
	.wp-singular .site-body-container {
        max-width: 1280px;
		padding: 0 4rem;
	}
}
@media screen and (max-width:780px){
	.post-type-archive .site-body-container,
	.wp-singular .site-body-container {
		padding: 0 1.5rem;
	}
	.post-type-archive .sub-section--col--two,
	.wp-singular .sub-section--col--two {
		display: none;
	}
	.post-name-day .wp-block-cover {
		min-height: 240px;
	}
}
.post-type-archive-recruit .site-body {
	padding-top: 0!important;
	padding-bottom: 1rem!important;
}
.post-type-archive-recruit .site-body-container {
	max-width: none;
	padding: 0;
}
.page-header {
	margin-top: 0!important;
	padding: 8rem 4rem 0;
	min-height: 240px!important;
	background-color: #f6ffe6!important;
}
.page-header-inner {
	margin: 0 auto!important;
	padding: 0 0 4rem;
	text-align: left;
}
.breadcrumb {
	padding: 1rem 0;
	border: none!important;
}
.breadcrumb-list li a {
	text-decoration: none;
}
.post-type-archive-message .vk_posts {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.vk_post-postType-message {
	width: calc((100% - 2rem)/3)!important;
	margin: 0!important;
}
.vk_post-postType-message .vk_post_imgOuter img {
	min-height: 300px;
    height: 100%;
    width: 100%;
	object-fit: cover;
	border: 4px solid #FFF;
	border-radius: 8px 0 8px 0;
}
.vk_post-postType-message .card-body {
	padding: 0;
}
.vk_post-postType-message .card-title {
	border-bottom: none;
}
.vk_post-postType-message .card-body a {
	display: block;
	padding: 1rem;
	text-align: center;
    line-height: 1.5;
}
.vk_post-postType-message:hover .card-body a {
	color: var(--vk-color-primary);
}
.wp-block-coblocks-accordion-item__title:not(.has-background) {
	background-color: #eef1d8;
}
.wp-block-coblocks-accordion-item__title:not(.has-background) + .wp-block-coblocks-accordion-item__content {
    border: 3px solid #eef1d8;
}
.post-type-message:not(.archive) .vk_posts.next-prev {
	justify-content: space-between;
}
.post-type-message:not(.archive) .vk_post-postType-message {
	max-width: 260px!important;
	width: 100%!important;
	border: 2px solid #e1e1e1;
}
.post-type-message .vk_posts {
	margin: 0;
}
.close-up-box {
	flex-wrap: wrap!important;
    align-items: center !important;
	gap: 0;
	border: 4px solid #e2eba3;
	border-radius: 8px;
	position: relative;
	margin-bottom: 80px;
}
.close-up-box::after {
	content: "";
	display: inline-block;
    width: 60px;
    height: 30px;
    background: #e2eba3;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px;
    margin: auto;
}
.close-up-box:last-of-type {
	margin-bottom: 0;
}
.close-up-box:last-of-type::after {
	display: none;
}
.close-up-box > .wp-block-column:last-of-type {
	width: 320px;
    flex-basis: auto;
    flex-grow: inherit;
}
.close-up-box > .wp-block-column:first-of-type {
	width: 100%;
	flex-basis: auto;
}
.close-up-box > .wp-block-column:first-of-type h2 {
	padding: 1rem 1.5rem;
	background-color: #e2eba3;
}
.close-up-box > .wp-block-column:first-of-type h2::after {
	display: none;
}
.close-up-box > .wp-block-column:not(:first-of-type) {
	padding: 1.5rem;
}
@media screen and (max-width: 780px){
	.page-header {
		padding: 6rem 1.5rem 2rem!important;
	}
	.page-header-inner {
		padding: 0!important;
	}
	.page-header-title, h1.page-header-title {
    	font-size: 1.8rem!important;
		word-break: auto-phrase;
	}
	.vk_post-postType-message {
		width: calc((100% - 1rem) / 2) !important;
	}
}
/*****  title  *****/
.post-type-archive-recruit h2 {
	padding: 0;
	border: none;
}
.contents-img-title {
	max-width: 400px;
}
.entry h1 {
	padding: 1rem 1rem;
	background-color: #e2eba3;
	border-radius: 4px;
}
.entry h2 {
	padding-bottom: 1rem;
	border-top: none;
	border-bottom: 2px solid #e2eba3;
  	position: relative;
}
.entry h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: 2px solid #9fc654;
    bottom: -3px;
    width: 20%;
}
.entry h3 {
	padding-left: 1.5rem;
  	position: relative;
}
.entry h3:after {
    line-height: 0;
    font-size: 0;
    top: 0.25rem;
	bottom: auto;
    left: 0;
    width: 8px;
    height: 32px;
    border-bottom: none;
    background-color: #9fc654;
    border-radius: 8px;
}
.entry h3:before {
	content: "";
	display: block;
    line-height: 0;
    font-size: 0;
	position: absolute;
    top: 26px;
	bottom: auto;
    left: 2px;
    width: 4px;
    height: 8px;
    border-bottom: none;
    background-color: #e2eba3;
    border-radius: 0 0 4px 4px;
	z-index: 1;
}

/*****  contact-form  *****/
.contact-table {
	border-bottom: 2px solid #ddd;
}
.contact-table th,
.contact-table td {
	padding: 0.8rem 1.6rem;
	font-size: 1rem;
	border-top: 2px solid #ddd;
	border-left: none;
	border-right: none;
}
.contact-table th {
	min-width: 240px;
	background-color: rgb(239 246 200 / 45%);
}
.contact-table th p {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: space-between;
}
.contact-table th p .required {
	padding: 0.25rem 0.8rem;
	background-color: var(--vk-color-primary);
	border-radius: 2px;
	color: #FFF;
	font-size: 0.8rem;
	line-height: 1.4;
}
.contact-table td {
	width: 100%;
	max-width: calc(100% - 240px);
	border-left: 2px solid #ddd;
}
.contact-table td > div:not(:last-of-type) {
	margin-bottom: 0.5rem;
}
.contact-table td.date > div {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.contact-table .flex p,
.contact-table.check td.date > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
}
.contact-table td.date > div > div:last-of-type p {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.contact-table td p {
	margin-bottom: 0;
}
.contact-table td .wpcf7-form-control-wrap * {
	margin-bottom: 0;
}
.contact-table td .wpcf7-form-control-wrap textarea {
	resize: vertical;
	height: 80px;
}
.wpcf7-radio, .wpcf7-checkbox {
	display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.contact-table td .wpcf7-list-item {
	margin-left: 0;
}
input[type="radio"],
input[type="checkbox"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.wpcf7-acceptance .wpcf7-list-item label,
.wpcf7-radio .wpcf7-list-item label,
.wpcf7-checkbox .wpcf7-list-item label {
	position: relative;
	padding-left: 1.6rem;
}
.wpcf7-radio .wpcf7-list-item label::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	border: 2px solid #aaa;
	position: absolute;
	left: 0;
	top: 0.25rem;
}
.wpcf7-radio .wpcf7-list-item label:has(input:checked)::before {
	content: "";
	border: 2px solid var(--vk-color-primary);
}
.wpcf7-radio .wpcf7-list-item label:has(input:checked)::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 14px;
    background-color: var(--vk-color-primary);
    position: absolute;
    left: 0.25rem;
    top: 0.5rem;
}
.wpcf7-acceptance .wpcf7-list-item label::before,
.wpcf7-checkbox .wpcf7-list-item label::before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background-color: #ddd;
	position: absolute;
	left: 0;
	top: 0.25rem;
}
.wpcf7-acceptance .wpcf7-list-item label:has(input:checked)::before,
.wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::before {
	content: "";
	background-color: var(--vk-color-primary);
}
.wpcf7-acceptance .wpcf7-list-item label:has(input:checked)::after,
.wpcf7-checkbox .wpcf7-list-item label:has(input:checked)::after {
	content: "";
    display: block;
    width: 5px;
    height: 12px;
    position: absolute;
	top: 0.8rem;
    left: 0.15rem;
    transform: rotate(35deg) skewY(16deg) translateY(-50%);
    transform-origin: center right;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}
/*
.wpcf7-not-valid-tip {
  display: none;
}
*/

.button {
	margin-top: 4rem;
}
.button p {
	display: flex;
	justify-content: center;
	gap: 1rem;
}
input.wpcf7-previous {
    font-size: 1rem;
    border: 1px solid #aaa;
    background-color: #ededed;
    padding: .5em 2em;
    border-radius: var(--vk-size-radius);
	cursor: pointer;
}
input.wpcf7-previous:hover {
        background-color: #ccc;
}
.inpage-frame {
	max-width: 980px;
    width: 100%;
    height: 320px;
    margin: 4rem auto 2em;
    padding: 20px;
    overflow: auto;
    border: 1px solid #ddd;
    background-color: #FFF;
}
.inpage-frame h2 {
	margin-top: 2rem;
}
.inpage-frame::-webkit-scrollbar {
    width: 12px;
}
.inpage-frame::-webkit-scrollbar-track {
	margin: 5px 0;
	background-color: #ddd;
	border-radius: 5px;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
}
.inpage-frame::-webkit-scrollbar-thumb {
    background-color: var(--vk-color-primary);
	border-radius: 5px;
	border-left: 4px solid #FFF;
	border-right: 4px solid #FFF;
}
.wpcf7-spinner {
	margin-top: -2rem;
	position: absolute;
}

@media screen and (max-width: 780px){
	.contact-table tr th,
	.contact-table tr td {
		display: block;
		max-width: none;
		width: 100%!important;
		border-top: 2px solid #ddd;
		border-bottom: none;
	}
	.contact-table tr th {
		padding: 1rem;
	}
	.contact-table tr td {
		padding: 1.5rem 1rem;
		border-left: none;
		border-bottom: none;
	}
	.contact-table th p {
		justify-content: flex-start;
	}
	.contact-table .flex p, .contact-table.check td.date > div {
		flex-direction: column;
		gap: 0;
		align-items: flex-start;
	}
}
/*****  etc  *****/
.coblocks-lightbox__background {
	background: rgb(255 255 255 / 80%) !important;
    filter: brightness(80%) !important;
    backdrop-filter: blur(2px);
}
.coblocks-lightbox__arrow>div {
    background-color: #222;
}
.wp-block-button__link {
	text-decoration: none!important;
}
.wp-block-button__link:hover {
    text-decoration: none;
    filter: brightness(1.1) saturate(1)!important;
}
.tx-ceter, .tx-center {
	text-align: center;
}
:where(:not(.wp-block-table))>table {
	border: none!important;
	border-bottom: 2px solid #ddd!important;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	padding: 0.8rem 1.6rem;
	font-size: 1rem;
	border: none;
	border-top: 2px solid #ddd!important;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th {
	background-color: rgb(239 246 200 / 45%);
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td:nth-of-type(n+2) {
	border-left: 2px solid #ddd!important;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
	color: rgb(255 255 255)!important;
    fill: rgb(255 255 255)!important;
}
@media screen and (max-width: 780px){
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table:not(.is-scroll-on-mobile)>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table:not(.is-scroll-on-mobile)>table tr td {
	display: block;
	width: 100%!important;
	border-right: 2px solid #ddd;
	border-left: 2px solid #ddd;
}
}
.page-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	padding: 0;
	margin: 0;
}
.page-list li {
	width: calc((100% - 3rem)/3);
	padding: 0;
	margin: 0;
	list-style: none;
}
.page-list li a {
	height: 100%;
	padding: 1rem 3rem;
	display: flex;
    align-items: center;
	border: 3px solid #DDD;
	border-radius: 4px;
	position: relative;
	background-color: #FFF;
	text-decoration: none!important;
}
.page-list li a::before {
	content: "";
	display: block;
	margin: auto;
	width: 4px;
	height: 4px;
	background-color: var(--vk-color-primary);
	border-radius: 4px;
	position: absolute;
	left: 1.5rem;
	top: 0;
	bottom: 0;
}
.page-list li a::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--vk-color-primary);
    border-right: 3px solid var(--vk-color-primary);
    position: absolute;
    top: 0;
	bottom: 0;
    right: 1.5rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
ul[class="wp-block-list"] {
	margin: 0;
	padding: 0;
}
ul[class="wp-block-list"] li {
	margin: 0.5rem 0;
	padding: 0 0 0 1.5rem;
	position: relative;
	list-style: none;
}
ul[class="wp-block-list"] li:first-of-type {
	margin: 0 0 0.5rem;
}
ul[class="wp-block-list"] li::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--vk-color-primary);
	position: absolute;
	top: 0.5rem;
	left: 0.2rem;
}
.link-btn {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.link-btn div {
	width: 100%;
}
.link-btn div a {
	height: 100%;
	padding: 1rem 3rem 1rem 1rem;
	display: block;
	border: 3px solid #e2eba3;
	border-radius: 4px;
	position: relative;
	background-color: #FFF;
}
.link-btn div a:hover {
		background-color: #e2eba3;
}
.link-btn div a::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #c6d74b;
    border-right: 3px solid #c6d74b;
    position: absolute;
    top: 0;
	bottom: 0;
    right: 1.5rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}
.flex-btn.img {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
.flex-btn.img div {
	width: calc((100% - 3rem)/2);
}
.page_top_btn {
    width: 80px;
    height: 88px;
    border: none;
    background: none;
    box-shadow: none;
    background-image: url(../images/page-top.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
	animation: 4s yurayura infinite ease
}
@keyframes yurayura {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
.red-text {
	color: #FF0000!important;
}
.blank {
	padding-right: 1.2rem;
	display: block;
	position: relative;
}
.blank::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/blank-icon-wh.png') no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.entry li a[target="_blank"]:not(.wp-block-social-link-anchor) {
	padding-right: 1.2rem;
	display: inline-block;
	position: relative;
}
.entry li a[target="_blank"]:not(.wp-block-social-link-anchor)::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/blank-icon-bl.png') no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}


@media screen and (max-width: 780px){
	.page-list {
		gap: 1rem;
	}
    .page-list li {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }
}

.recruit-menu.mega-menu .mega-menu-inner {
	height: 100%;
	padding: 7rem 2rem 2rem;
	position: relative;
	overflow: auto;
}
.recruit-menu.mega-menu .mega-menu-logo {
	max-width: 400px;
}
.recruit-menu.mega-menu .mega-menu-block ul {
	list-style: none;
	padding: 0;
}
.recruit-menu.mega-menu .mega-menu-block ul li a {
	text-decoration: none;
}
.recruit-menu.mega-menu .menu-link-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	column-gap: 3rem;
}
.recruit-menu.mega-menu .menu-link-list .wide {
	width: 100%;
}
.recruit-menu.mega-menu .menu-link-list .sp-toggle,
.recruit-menu.mega-menu .menu-link-list > li  {
	width: calc((100% - 3rem)/2);
}
.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn {
	display: none;
}
.recruit-menu.mega-menu .menu-link-list > li > a {
	padding: 1rem 3rem 1rem 1rem;
	display: block;
	background-color: #e2eba3;
	border-radius: 4px;
	position: relative;
}
.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li {
	margin: 0;
}
.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li a {
	padding: 1rem 3rem 1rem 1rem;
	display: block;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.recruit-menu.mega-menu .menu-link-list li a::after {
	content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #c6d74b;
    border-right: 3px solid #c6d74b;
    position: absolute;
    top: 0;
	bottom: 0;
    right: 1.5rem;
    margin: auto;
    rotate: 45deg;
    transition: all .3s;
}

.recruit-menu.mega-menu .flex-btn {
	margin: 0 0 2rem;
	display: flex;
	gap: 3rem;
}

.recruit-menu.mega-menu .flex-btn div {
	width: calc((100% - 3rem)/2);
}

.recruit-menu.mega-menu .flex-btn div  a {
	padding: 1.5rem;
	display: block;
	background-color: #ededed;
	border-radius: 4px;
	text-align: center;
}
.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a {
	color: #649314;
	background-color: #e2eba3;
	box-shadow: 0 3px 0px #bcc86d;
}
.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a:hover {
	opacity: 0.6;
}
.recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a {
	background-color: #f7c6bd;
	box-shadow: 0 3px 0px #dd978a;
}
.recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a:hover {
    color: #222;
    opacity: 0.6;
}
.recruit-menu.mega-menu .sns-box .text-item {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.recruit-menu.mega-menu .sns-box .text-item .box-title {
	max-width: 160px;
	width: 100%;
	padding: 1rem;
	color: #649314;
	border-top: none;
	border-bottom: none;
	border-left: 4px solid var(--vk-color-primary);
}
.recruit-menu.mega-menu .sns-box .text-item .instagram-btn,
.recruit-menu.mega-menu .sns-box .text-item .instagram-btn * {
	color: #FF0069;
	text-decoration: none;
}
.recruit-menu.mega-menu .sns-box .text-item .instagram-btn:hover {
	opacity: 0.6;
}

@media screen and (max-width: 1280px){	
	#recruit-visual .visual-img-block {
		width: 50vw;
	}
	#recruit-visual .text-block {
        width: 50vw;
	}
	.recruit-news-block {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1161px){	
	.recruit-menu.mega-menu .menu-link-list .sp-toggle,
	.recruit-menu.mega-menu .menu-link-list > li  {
		width: calc((100% - 6rem)/3);
	}
}
@media screen and (max-width: 1160px){
	.site-header-logo a img {
		max-height: 32px;
	}
	.recruit-nav ul li.link {
		display: none;
	}
	.recruit-nav ul li:not(.link) {
		min-width: 64px;
	}
}

@media screen and (max-width: 1100px){
	.faq-box {
		flex-direction: column;
		gap: 1rem;
	}

	.faq-box .box-item {
		width: 100%;
	}
}
@media screen and (max-width: 1000px){
	#recruit-visual {
		padding-bottom: 10rem;
		position: relative;
	}
	#recruit-visual .visual-img-block {
		width: 60vw;
		margin: 0;
	}
	#recruit-visual .text-block {
		z-index: 1;
		display: content;
	}
	#recruit-visual .text-block img {
		position: absolute;
		right: 3rem;
		width: 40vw;
	}
	#recruit-visual .recruit-news-block {
		padding: 0 2rem;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
	}
	.news-box .box-item a .date {
		color: #aaa;
		font-size: .9rem;
	}
	.news-box .box-item a .title {
		font-size: 1rem;
	}
	#recruit-education {
        padding: 4rem 2rem;
	}
	#recruit-education .flex-block .left-block {
		width: 240px;
	}
	#recruit-education .flex-block .right-block {
		width: calc(100% - 240px);
	}
	#recruit-works .section-inner {
		padding: 0 2rem;
	}
	.contents-img-title {
		max-width: 280px;
	}
	#recruit-pickup {
		padding: 4rem 2rem;
	}
	#recruit-pickup .contents-img-title {
		max-width: 240px;
	}
	.pickup-block .block-item.column2 .img {
		width: 100%;
		height: 100%;
		max-width: 140px;
	}
	.pickup-block .block-item.column2 .title {
		margin-left: -70px;
		padding: 1rem 3rem 1rem 72px;
	}
	#recruit-faq .section-contents .left-block {
		width: 240px;
		padding: 2rem;
	}
	#recruit-faq .section-contents .right-block {
		width: calc(100% - 240px);
		padding: 2rem;
	}
	#kango-link .flex-btn.img-btn {
		flex-wrap: wrap;
	}

	#kango-link .flex-btn.img-btn > div {
		flex: auto;
		width: calc((100% - .5rem)/2);
	}
	#kango-link .flex-btn.img-btn > div:not(.contact-box) a {
		padding: 6rem 2rem 1rem;
	}

	#kango-link .flex-btn.img-btn > .contact-box {
		width: 100%;

	}
	.site-footer .site-footer-content {
		padding: 2rem;
	}
	.footer-left-content {
		flex-direction: column
	}
	.footer-right-content {
		margin-top: 4rem;
	}
}

@media screen and (max-width: 780px){
	
    .recruit-menu.mega-menu .sns-box .text-item .instagram-btn {
        display: block;
        text-align: center;
    }
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .menu-link {
		display: none;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn {
		display: block;
	}
	.instagram-mini-banner {
		position: fixed;
		top: auto;
		right: auto;
		left: 0.5rem;
		bottom: -0.5rem;
		border-radius: 8px 8px 0 0;
		writing-mode: horizontal-tb;
	}
	#recruit-visual .text-block {
		width: 40vw;
		padding: 2rem 4rem;
		flex: 1 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	#recruit-visual .text-block img {
		max-width: 480px;
		width: 100%;
		margin: 5rem 0 2rem;
	}
	.recruit-menu.mega-menu .mega-menu-inner {
		height: 100%;
		padding: 7rem 2rem 2rem;
		position: relative;
		overflow: auto;
	}
	.recruit-menu.mega-menu .mega-menu-logo {
		max-width: 400px
	}
	.recruit-menu.mega-menu .mega-menu-block ul {
		list-style: none;
		padding: 0;
	}
	.recruit-menu.mega-menu .mega-menu-block ul li a {
		text-decoration: none;
	}
	.recruit-menu.mega-menu .menu-link-list {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		column-gap: 3rem;
	}
	.recruit-menu.mega-menu .menu-link-list .wide {
		width: 100%;
	}
	.recruit-menu.mega-menu .menu-link-list > li > a {
		padding: 1rem 3rem 1rem 1rem;
		display: block;
		background-color: #e2eba3;
		border-radius: 4px;
		position: relative;
	}
	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li {
		margin: 0;
	}

	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li a {
		padding: 1rem 3rem 1rem 1rem;
		display: block;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	.recruit-menu.mega-menu .menu-link-list li a::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #c6d74b;
		border-right: 3px solid #c6d74b;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5rem;
		margin: auto;
		rotate: 45deg;
		transition: all .3s;
	}
	.recruit-menu.mega-menu .flex-btn {
		margin: 0 0 2rem;
		display: flex;
		gap: 3rem;
	}
	.recruit-menu.mega-menu .flex-btn div {
		width: calc((100% - 3rem)/2);
	}
	.recruit-menu.mega-menu .flex-btn div  a {
		padding: 1.5rem;
		display: block;
		background-color: #ededed;
		border-radius: 4px;
		text-align: center;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a {
		color: #649314;
		background-color: #e2eba3;
		box-shadow: 0 3px 0px #bcc86d;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a:hover {
        opacity: 0.6;
	}

    .recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a {
        background-color: #f7c6bd;
        box-shadow: 0 3px 0px #dd978a;
    }
    .recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a:hover {
        color: #222;
        opacity: 0.6;
    }
    .pickup-block .block-item.column2 .title {
        width: 100%;
        margin-left: -60px;
        padding: 1rem 3rem 1rem 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #FFF;
        border: 8px solid #dcf2f9;
        border-radius: 0 16px 16px 0;
        position: relative;
    }
}
@media screen and (max-width: 1160px){
	.site-header-logo a img {
		max-height: 32px;
	}
	.recruit-nav ul li.link {
		display: none;
	}
	.recruit-nav ul li:not(.link) {
		min-width: 64px;
	}
}

@media screen and (max-width: 991px) {
	#recruit-visual {
		padding-bottom: 10rem;
		position: relative;
	}
	#recruit-visual .visual-img-block {
		width: 60vw;
		margin: 0;
	}
	#recruit-visual .text-block {
		z-index: 1;
		display: content;
	}
	#recruit-visual .text-block img {
		position: absolute;
		right: 3rem;
		width: 40vw;
	}
	#recruit-visual .recruit-news-block {
		position: absolute;
		left: 2rem;
		right: 0;
		bottom: 0;
	}
	.news-box .box-item a .date {
		color: #aaa;
		font-size: .9rem;
	}
	.news-box .box-item a .title {
		font-size: 1rem;
	}
	#recruit-works .section-inner {
		padding: 0 2rem;
	}
	.contents-img-title {
		max-width: 280px;
	}
	#recruit-pickup {
		padding: 4rem 2rem;
	}
	#recruit-pickup .contents-img-title {
		max-width: 240px;
	}
    .pickup-block .block-item.column2 .img {
        width: 100%;
        height: 100%;
        max-width: 140px;
    }
    .pickup-block .block-item.column2 .title {
        margin-left: -70px;
        padding: 1rem 3rem 1rem 72px;
    }
	.faq-box {
		flex-direction: column;
	}
	.faq-box .box-item {
		width: 100%;
	}
	.site-footer .site-footer-content {
		padding: 2rem;
	}
	.footer-left-content {
		flex-direction: column
	}
	.footer-right-content {
		margin-top: 4rem;
	}
}
@media screen and (max-width: 780px) {
	#recruit-visual .text-block {
		width: 40vw;
		padding: 2rem 4rem;
		flex: 1 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	#recruit-visual .text-block img {
		max-width: 480px;
		width: 100%;
		margin: 5rem 0 2rem;
	}
	.recruit-menu.mega-menu .mega-menu-inner {
		height: 100%;
		padding: 7rem 2rem 2rem;
		position: relative;
		overflow: auto;
	}
	.recruit-menu.mega-menu .mega-menu-logo {
		max-width: 400px
	}
	.recruit-menu.mega-menu .mega-menu-block ul {
		list-style: none;
		padding: 0;
	}
	.recruit-menu.mega-menu .mega-menu-block ul li a {
		text-decoration: none;
	}
	.recruit-menu.mega-menu .menu-link-list {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		column-gap: 3rem;
	}
	.recruit-menu.mega-menu .menu-link-list .wide {
		width: 100%;
	}
	.recruit-menu.mega-menu .menu-link-list > li > a {
		padding: 1rem 3rem 1rem 1rem;
		display: block;
		background-color: #e2eba3;
		border-radius: 4px;
		position: relative;
	}
	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li {
		margin: 0;
	}
	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list li a {
		padding: 1rem 3rem 1rem 1rem;
		display: block;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	.recruit-menu.mega-menu .menu-link-list li a::after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 3px solid #c6d74b;
		border-right: 3px solid #c6d74b;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5rem;
		margin: auto;
		rotate: 45deg;
		transition: all .3s;
	}
	.recruit-menu.mega-menu .flex-btn {
		margin: 0 0 2rem;
		display: flex;
		gap: 3rem;
	}
	.recruit-menu.mega-menu .flex-btn div {
		width: calc((100% - 3rem)/2);
	}
	.recruit-menu.mega-menu .flex-btn div  a {
		padding: 1.5rem;
		display: block;
		background-color: #ededed;
		border-radius: 4px;
		text-align: center;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a {
		color: #649314;
		background-color: #e2eba3;
		box-shadow: 0 3px 0px #bcc86d;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(1)  a:hover {
		opacity: 0.6;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a {
		background-color: #f7c6bd;
		box-shadow: 0 3px 0px #dd978a;
	}
	.recruit-menu.mega-menu .flex-btn div:nth-of-type(2)  a:hover {
		color: #222;
		opacity: 0.6;
	}
}

@media screen and (max-width: 1160px){
	.site-header-logo a img {
		max-height: 32px;
	}
	.recruit-nav ul li.link {
		display: none;
	}
	.recruit-nav ul li:not(.link) {
		min-width: 64px;
	}
}

@media screen and (max-width: 1000px) {
	.main-section {
		margin-bottom: 0;
	}
	#recruit-visual {
		padding-top: 5.5rem;
		padding-bottom: 12rem;
		position: relative;
		flex-wrap: wrap;
	}
	#recruit-visual .visual-img-block {
		width: 100%;
		margin: 0;
	}
	#recruit-visual .text-block {
		display: flex;
		z-index: 1;
		padding: 0;
	}
    #recruit-visual .text-block img {
		position: absolute;
        right: 5vw;
        bottom: 17vh;
        width: 65vw;
        margin: 1.5rem auto 0 0;
        background-color: #FFF;
        padding: 2rem;
        border-radius: 16px;
    }
	#recruit-visual .recruit-news-block {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.news-box {
		height: 112px;
		max-width: none;
	}
	.news-box .box-item a .date {
		color: #aaa;
		font-size: .9rem;
	}
	.news-box .box-item a .title {
		font-size: 1rem;
	}
	#recruit-education {
		padding: 4rem 2rem;
	}
	#recruit-education .flex-block {
		display: block;
	}
	#recruit-education .flex-block .left-block {
		width: 100%;
	}
	.link-btn div {
		width: calc((100% - 1rem)/2);
	}
	#recruit-education .flex-block .right-block {
		width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
		margin-top: 4rem;
	}
	#recruit-works .section-inner {
		padding: 0 2rem;
	}
	.contents-img-title {
		max-width: 280px;
	}
	#recruit-pickup {
		padding: 4rem 2rem;
	}
	#recruit-pickup .contents-img-title {
		max-width: 240px;
	}
	.pickup-block .block-item.column2 .img {
		width: 100%;
		height: 100%;
		max-width: 140px;
	}
	.pickup-block .block-item.column2 .title {
		margin-left: -70px;
		padding: 1rem 3rem 1rem 72px;
	}
	#recruit-faq .section-contents .left-block {
		width: 240px;
		padding: 2rem;
	}
	#recruit-faq .section-contents .right-block {
		width: calc(100% - 240px);
		padding: 2rem;
	}
    .faq-box {
        flex-direction: column;
    }
    .faq-box .box-item {
        width: 100%;
    }
	#kango-link .flex-btn.img-btn {
		flex-wrap: wrap;
	}

	#kango-link .flex-btn.img-btn > div {
		flex: auto;
		width: calc((100% - .5rem)/2);
	}

	#kango-link .flex-btn.img-btn > .contact-box {
		width: 100%;
	}
	.site-footer .site-footer-content {
		padding: 2rem;
	}
	.footer-left-content {
		flex-direction: column
	}
	.footer-right-content {
		margin-top: 4rem;
	}
}

@media screen and (min-width: 781px){
	#site-header-container {
		padding: 0;
	}
	.site-header-logo {
		padding: 1.2rem 1.2rem 1.3rem;
	}
	.header_scrolled #site-header-container {
		padding: 0;
	}
	.header_scrolled .site-header-logo {
		background-color: rgb(255 255 255 / 80%);
		border-radius: 0 0 16px 0;
	}
	.header_scrolled .recruit-nav ul {
		padding-left: 1rem;
		background-color: rgb(255 255 255 / 80%);
		border-radius: 0 0 0 16px;
	}
}
@media screen and (max-width: 780px){
	#site-header-container {
		padding: 0 0 0 0;
		gap: 1rem;
	}
	.site-header-logo {
		padding: 0 .5rem .5rem .5rem;
		margin: 0;
		transition: all .3s ease;
	}
	.header_scrolled .site-header-logo {
		padding: .5rem .75rem .75rem .5rem;
		background-color: rgb(255 255 255 / 80%);
		border-radius: 0 0 16px;
	}
	.site-header-logo a {
		flex-direction: column;
	}
	.site-header-logo a .title-tag {
		display: block;
		width: 100%;
		padding: 0 .5rem;
		font-size: 0.7rem;
	}
	.header_scrolled .site-header-logo a img {
        max-height: 28px;
    }
	.recruit-nav ul li:not(.link) {
        min-width: 48px;
	}
	.recruit-nav ul li.application a,
	.recruit-nav ul li.entry a {
		font-size: .7rem;
	}
	.recruit-menu.mega-menu .mega-menu-block ul {
		flex-direction: column;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle, .recruit-menu.mega-menu .menu-link-list > li {
		width: 100%;
	}
	.recruit-menu.mega-menu .menu-link-list > li {
		margin: 0;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn {
		display: block;
		padding: 1rem 3rem 1rem 1rem;
		display: block;
		background-color: #e2eba3;
		border-radius: 4px;
		position: relative;
		cursor: pointer;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn::before {
		content: "";
		width: 16px;
		height: 3px;
		display: block;
		background-color: #c6d74b;
		position: absolute;
		top: 1.5rem;
		right: 1.2rem;
		transition: all .3s;
	}

	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn::after {
		content: "";
		width: 3px;
		height: 17px;
		display: block;
		background-color: #c6d74b;
		position: absolute;
		top: 1.05rem;
		right: 1.65rem;
		transition: all .3s;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn.open::before {
		rotate: 45deg;
        width: 17px;
        top: 1.55rem;
        right: 1.15rem;
	}

	.recruit-menu.mega-menu .menu-link-list .sp-toggle .sp-toggle-btn.open::after {
		rotate: 45deg;
	}
	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list {
		display: none;
		margin-bottom: 0;
	}
	.recruit-menu.mega-menu .menu-link-list li .submenu-link-list.open {
		display: block;
	}
	.recruit-menu.mega-menu .flex-btn {
		flex-direction: column;
		gap: 1rem;
	}
	.recruit-menu.mega-menu .flex-btn div {
		width: 100%;
	}
	.recruit-menu.mega-menu .sns-box .text-item {
		flex-direction: column;
		gap: .5rem;
	}
	.recruit-menu.mega-menu .sns-box .text-item .box-title {
		max-width: none;
		border-top: 4px solid var(--vk-color-primary);
		border-bottom: 1px solid #ddd;
		border-left: none;
		text-align: center;
	}
	.recruit-menu.mega-menu .menu-link-list .sp-toggle .menu-link {
		display: none;
	}
	#recruit-visual .text-block img {
        width: 50vw;
	}
	#recruit-education .section-inner {
		padding-bottom: 0;
	}
	#recruit-education .section-contents {
		flex-direction: column;
	}
	#recruit-education .flex.title-block {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	.link-btn div {
		width: 100%;
	}
	#recruit-works .flex-btn.img {
		flex-direction: column;
	}
	#recruit-works .flex-btn.img div {
		width: 100%;
	}
	#recruit-pickup .pickup-block {
		flex-direction: column;
		gap: 1rem;
	}
	.pickup-block .block-item.column3,
	.pickup-block .block-item.column2 {
		width: 100%;
	}
	.pickup-block .block-item.column3 a {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}
	.pickup-block .block-item.column3 .img {
		width: 100%;
		height: 100%;
		max-width: 120px;
		max-height: 200px;
		padding: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 300px;
		border: 8px solid #dcf2f9;
		background-color: #dcf2f9;
		z-index: 1;
	}
    .pickup-block .block-item.column3 .title {
        margin-top: 0!important;
        margin-left: -60px;
        padding: 1rem 3rem 1rem 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #FFF;
        border: 8px solid #dcf2f9;
        border-radius: 0 16px 16px 0;
        position: relative;
    }
    .pickup-block .block-item.column3 .title::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-top: 3px solid #93cbd8;
        border-right: 3px solid #93cbd8;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 1.2rem;
        margin: auto;
        rotate: 45deg;
        transition: all .3s;
    }
	.pickup-block .block-item.column3 .title span.after-arrow,
	.pickup-block .block-item.column3 .title span {
		padding: 0 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 1.5rem;
		word-break: auto-phrase;
		text-align: center;
		background-color: transparent;
	}
	.pickup-block .block-item.column3 .title span.after-arrow::after {
		display: none;
	}
	.pickup-block .block-item.column3:nth-of-type(3) .title span.after-arrow br {
		display: none;
	}
	.recruit-pickup-bg {
    	top: -2rem;
	}
	.text-loop span {
		font-size: 8rem;
		color: #eefbff;
	}
	#recruit-faq .section-contents {
		flex-direction: column;
	}

	#recruit-faq .section-contents .left-block {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 2rem;
	}
	#recruit-faq .contents-img-title {
		max-width: 160px;
		margin-bottom: 0;
		line-height: 0;
	}
	#recruit-faq .section-contents .left-block p {
		display: none;
	}
	#recruit-faq .section-contents .left-block .btn a {
		width: max-content;
		margin: 0 0 0 auto;
	}
	#recruit-faq .section-contents .right-block {
		width: 100%;
	}
	.site-footer .site-footer-content {
		flex-direction: column;
		gap: 1rem;
		align-items: center;
	}
	.footer-left-content {
		gap: 1rem;
	}
	.footer-right-content {
		margin-top: 0;
	}
	.footer-right-content .link {
		margin: 0 auto 1rem;
	}
	.footer-right-content .site-footer-copyright p {
		text-align: center;
	}
}
	@media screen and (max-width: 374px) {
		.recruit-nav ul li:not(.sp-btn-outer) {
			display: none;
		}
		.recruit-nav ul li.sp-btn-outer {
			padding: 1rem 0 0.5rem;
			border-radius: 0 0 0 8px;
		}
	}
	@media screen and (max-width: 780px) {
		.message-slide .swiper-slide img {
			min-height: 160px;
		}
        #recruit-works .flex-btn.img div a {
            border-radius: 16px 0 2px 0;
        }
	}
	@media screen and (max-width: 540px) {
		#recruit-pickup .pickup-block {
			gap: 2rem;
		}
		.pickup-block .block-item.column3 a,
		.pickup-block .block-item.column2 a {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.pickup-block .block-item.column3 .img,
		.pickup-block .block-item.column2 .img {
			width: 100%;
			height: 100%;
			max-width: 300px;
			max-height: 300px;
			padding: 4rem;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 300px;
			background-color: #FFF;
			border: 8px solid #dcf2f9;
		}
		.pickup-block .block-item.column3 .title,
		.pickup-block .block-item.column2 .title {
			margin: 0;
			padding: 0;
			border: none;
		}
		.pickup-block .block-item.column3 .title span.after-arrow,
		.pickup-block .block-item.column2 .title span.after-arrow {
			width: 100%;
			margin-top: -3rem;
			padding: 1.5rem 3rem;
			display: block;
			color: #222;
			font-size: 1.5rem;
			text-align: center;
			background-color: #dcf2f9;
			border-radius: 8px;
			position: relative;
			z-index: 1;
		}
		.pickup-block .block-item.column3 .title span.after-arrow::after,
		.pickup-block .block-item.column2 .title span.after-arrow::after {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			border-top: 3px solid #93cbd8;
			border-right: 3px solid #93cbd8;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 1.2rem;
			margin: auto;
			rotate: 45deg;
			transition: all .3s;
		}
		.pickup-block .block-item.column3:nth-of-type(3) .title span.after-arrow {
			font-size: 1.5rem;
			padding: 2.5rem 3rem;
			line-height: normal;
		}
		.pickup-block .block-item.column2 .title span {
			padding: 0 1rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 1.5rem;
			word-break: auto-phrase;
			text-align: center;
		}
		.pickup-block .block-item.column2 .title::after,
		.pickup-block .block-item.column3 .title::after {
			display: none;
		}
		.pickup-block .block-item a:hover {
			opacity: 0.6;
		}
		.pickup-block .block-item .title span.after-arrow small {
			display: block;
			font-size: 0.9rem;
			font-weight: bold;
		}
		.pickup-block .block-item a:hover .title span.after-arrow,
		.pickup-block .block-item a:hover .title span.after-arrow small {
			color: #222;
		}
	}