@charset "utf-8";

/*
/*    CSS MENU
/**/
:root {
	--header_height: 14vw;
}

.front_page #wrapper {
	margin-top: calc(var(--header_height) * -1);
}

.under_page main {
	min-height: calc(100vh - var(--footer-height) - 15vw - var(--header_height));
	padding-top: 4vw;
	/* width: 88vw; */
	/* margin-left: 6vw; */
	/* margin-right: 6vw; */
}

.under_page .page_con {
	width: 88vw;
	margin-left: 6vw;
	margin-right: 6vw;
}

/*
*********************************************************************************
/*
/* コメントタイプ
/*
/*******************************************************************************/
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
中コメント */
/*------------------------------------------------------------------------------
小コメント */
/* コメント */
/*
*********************************************************************************
/*
/* header
/*
/*******************************************************************************/
header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500;
	height: var(--header_height);
	background: rgb(255 255 255 / 0%);
	transition: 0.5s ease;
}

body#front_page.is-main-passed header,
body.under_page header {
	background: rgb(255 255 255 / 80%);
	transition: 0.5s ease;
}

header a {
	text-decoration: none;
}

header .h_top {
	padding: 3vw 4vw;
	height: var(--header_height);
}

header .h_top .logo {
	width: 50.3vw;
}

header .h_top .logo a img {
	width: 26.3vw;
}

header .h_top .logo a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

header .h_top .logo a .ja {
	color: var(--green);
	font-family: var(--min);
	font-weight: 700;
	font-size: 1.05rem;
	display: block;
	line-height: 1.1;
}

html:has(.js_header_on.js_header_move) body,
html:has(.js_header_on.js_header_move) {
	overflow: hidden;
	scrollbar-color: transparent transparent;
}

header nav .btn_area {
	padding: 8vw 5vw;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4vw;
}

header nav .btn_area a {
	background: #fff;
	border: 1px solid var(--green);
	border-radius: 2vw;
	color: var(--green);
	font-weight: 700;
	text-align: center;
	display: block;
	line-height: 1;
	padding: 3.5vw 7vw 4vw 3vw;
	position: relative;
	width: auto;
	min-height: inherit;
}

header nav .btn_area a::after {
	position: absolute;
	content: "";
	background: var(--green);
	width: 5vw;
	aspect-ratio: 1 / 1;
	-webkit-mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
	mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
	top: 50%;
	right: 2vw;
	transform: translate(0%, -50%);
}

header nav > .nav_con > .gnav > li.special_movie {
	background: var(--beige);
	border-top: 1px solid var(--green);
	padding: 1.5vw 4vw 1.5vw 4vw;
}

header nav > .nav_con > .gnav > li.special_movie > a {
	background: var(--d_pink);
	padding: 0.7vw 0 1.3vw 0;
	color: #fff;
	text-align: center;
	border-radius: 2vw;
	position: relative;
}

header nav > .nav_con > .gnav > li.special_movie > a::after {
	position: absolute;
	content: "";
	background: url(../img/icon_arrow.svg) no-repeat center center / contain;
	width: 6vw;
	height: 100%;
	filter: brightness(0) invert(1);
	top: 0;
	right: 24.5vw;
}

/*
*********************************************************************************
/*
/* aside
/*
/*******************************************************************************/
.under_page .page_side {
	margin: 0 4vw 6vw 4vw;
}

.under_page .page_side .page_tl {
	text-align: left;
	position: relative;
}

.under_page .page_side .page_tl:has(em:not([class])) {
	padding-top: 6vw;
}
.under_page .page_side .page_tl span {
	color: var(--m_green);
	font-family: var(--min);
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 1.45;
	padding: 0.1vw 0.7vw 0vw 1vw;
	display: inline;
	background: linear-gradient(transparent 10%, var(--beige) 10%);
	text-align: left;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.page_side em:not([class]) {
	position: absolute;
	font-weight: 700;
	font-size: 1.2rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1vw;
	top: 0;
	left: 0;
}

.page_side em:not([class]) i {
	background: var(--green);
	grid-template-columns: 1fr 1fr;
	border-radius: 2vw;
	color: #fff;
	width: 10vw;
	text-align: center;
}
.page_side em.txts {
	margin-right: -1vw;
	font-size: 1.2rem;
	font-weight: 400;
	display: inline;
	background: linear-gradient(transparent 10%, var(--beige) 10%);
	text-align: left;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	border: 2.7vw solid #fff;
	border-width: 2.7vw 0 3.8vw 1.1vw;
	vertical-align: 2vw;
	padding: 1vw;
	margin-left: 1vw;
}
/*
*********************************************************************************
/*
/* footer + pagetop
/*
/*******************************************************************************/
footer {
	background: var(--beige);
	margin-top: 11vw;
	padding-block: 8.7vw;
	color: var(--green);
}

.under_page footer {
	margin-top: 15vw;
}

footer a {
	color: var(--green);
	text-decoration: none;
}

footer .f_tl {
	font-size: 2.4rem;
	font-family: var(--min);
	grid-column: 1/3;
	line-height: 1.3;
	font-weight: 400;
}

footer nav {
	display: grid;
	grid-template-columns: 1fr 36vw;
	gap: 0 6vw;
}

footer nav .f_nav>dt {
	font-weight: 700;
	line-height: 1.2;
	padding-left: 2.9vw;
	position: relative;
	margin-bottom: 3vw;
	margin-top: 5vw;
}

footer nav .f_nav>dt::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: var(--green);
	var(--green:);
	top: 0.3vw;
	left: 0;
}

footer nav .f_nav dd a {
	font-weight: 700;
	font-size: 1.2rem;
	padding: 1.5vw 0;
	line-height: 1.3;
}

footer nav .f_nav dd li {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

footer .f_info {
	margin-top: 8vw;
	text-align: center;
}

footer .f_info .copy {
	font-size: 1.2rem;
	margin-bottom: 4vw;
}

footer .f_info .f_info_li {
	margin-top: 5vw;
	font-weight: 700;
	font-size: 1.2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6vw;
}

footer .f_info .f_info_li a {
	position: relative;
	padding-right: 4vw;
}

footer .f_info .f_info_li a::after {
	position: absolute;
	content: "";
	background: var(--green);
	-webkit-mask: url(../img/icon_blank.svg);
	mask: url(../img/icon_blank.svg);
	width: 3vw;
	aspect-ratio: 1/1;
	top: 1vw;
	right: 0;
}

footer small {
	display: block;
	margin-top: 3vw;
	letter-spacing: 0.08rem;
	font-size: 1.2rem;
}

/*
*********************************************************************************
/*
/* モジュール
/*
/*******************************************************************************/
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
ブロック */
.beta {
	background: var(--beige);
	padding: 4vw;
}

.beta .tl {
	font-family: var(--min);
	margin-top: 4vw;
	margin-bottom: 6vw;
	line-height: 1.7;
	font-weight: 400;
}

.beta .sent p {
	letter-spacing: 0.03em;
}

.sp_col01 {
	gap: 6vw;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.sp_col01>* {
	width: 100%;
}

.sp_gap16 {
	gap: 4vw;
}

.sp_gap24 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6vw;
}

.sp_gap00 {
	gap: 0;
}

.sp_gap08 {
	gap: 2vw;
}

.sp_gap24 {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6vw;
}

.sp_gap40 {
	gap: 10vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
テキスト */
.sent {
	text-align: justify;
}

.pick {
	font-family: var(--min);
	font-weight: 400;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
画像 */
.umv {
	box-shadow: -4vw -4vw 0 0 var(--d_pink);
	margin: 8vw 0 10vw 4vw;
}

.umv02 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
}

.umv02>li {
	box-shadow: -4vw -4vw 0 0 var(--d_pink);
	margin: 7vw 0 10vw 4vw;
}

.figure_deco_o_l_b {
	box-shadow: -4vw 4vw 0 0 var(--mauve);
	margin-left: 4vw;
}

.figure_deco_y_r_t {
	box-shadow: 4vw -4vw 0 0 var(--blue);
}

.figure_deco_y_r_b {
	box-shadow: 4vw 4vw 0 0 var(--blue);
	margin-right: 4vw;
}

.figure_deco_p_l_t {
	box-shadow: -4vw -4vw 0 0 var(--d_pink);
	margin-left: 4vw;
}

figcaption {
	font-size: 1.2rem;
	margin-top: 1.5vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
タイトル */
.tl01 {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	position: relative;
	padding-left: 3vw;
	margin-bottom: 2.7vw;
	display: block;
	margin-top: 15vw;
}

.tl01::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #000;
	top: 0.3vw;
	left: 0;
}

.tl02 {
	margin-top: 8vw;
	font-family: var(--min);
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 6vw;
	text-align: justify;
}

.tl03 {
	margin-top: 7vw;
	font-family: var(--min);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 7vw;
	text-align: justify;
	font-size: 1.6rem;
}

.tl04 {
	font-weight: 400;
	font-family: var(--min);
	font-size: 2rem;
	line-height: 1;
	margin-top: 14vw;
	text-align: center;
	margin-bottom: 9.5vw;
}


.tl05 {
	font-weight: 700;
	color: var(--green);
	margin-top: 5vw;
	margin-bottom: 0.5vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
リスト */
.li_dot>li {
	position: relative;
	padding-left: 1em;
	line-height: 1.8;
}

.li_dot>li::before {
	position: absolute;
	content: "・";
	left: 0;
	top: 0;
}

.li_dot>li+li {
	margin-top: 0.5em;
}

.li_mt00>li+li {
	margin-top: 0;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
ボタン */
.btn {
	width: 70vw;
	margin-inline: auto;
	text-align: center;
	min-height: 15vw;
	text-decoration: none;
	font-weight: 700;
	color: var(--green);
	line-height: 1.4;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--green);
	border-radius: 2vw;
	padding: 2vw 9vw;
	background: #fff;
		z-index: 3;
transform-style: preserve-3d;
}

.btn::after {
	position: absolute;
	content: "";
	width: 6vw;
	aspect-ratio: 1 / 1;
	background: var(--green);
	top: 50%;
	right: 2vw;
	transform: translate(0%, -50%);
	-webkit-mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
	mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
}

.btn.btn_blank::after {
	-webkit-mask: url(../img/icon_blank.svg) no-repeat center center / contain;
	mask: url(../img/icon_blank.svg) no-repeat center center / contain;
}

.btn.btn_mini {
	min-height: 8vw;
	font-size: 1.2rem;
	min-width: 45vw;
	padding: 1vw 13vw;
	width: fit-content;
	max-width: 100%;
}

.btn.btn_mini::after {
	width: 4vw;
	right: 1vw;
}

.btnblock_cflex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 3vw;
}

.btnblock_l .btn {
	margin-left: 0;
}

/*------------------------------------------------------------------------------
btn_sort_area */
.btn_sort_area {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2vw;
	padding-bottom: 5vw;
}

.btn_sort_area .btn_sort {
	width: 100%;
	font-size: 1.2rem;
	padding: 2vw;
	min-height: 10.7vw;
	background: var(--d_pink) !important;
	border: none;
	color: #fff;
	cursor: pointer;
}
.btn_sort_area .btn_sort:after {
	position: absolute;
	content: "";
	width: 3vw;
	aspect-ratio: 1 / 1;
	top: 50%;
	right: 4vw;
	transform: translate(0%, -50%);
	-webkit-mask: url(../img/icon_filter_list.svg) no-repeat center center / contain;
	mask:url(../img/icon_filter_list.svg) no-repeat center center / contain;
	background:#fff;
}
.btn_sort_area >li {
	position: relative;
}


.btn_sort_area >li>a::after {
	transform: translate(0%, -50%) rotate(90deg);
	right: 0.5vw;
}




/*------------------------------------------------------------------------------
トグル */


.filter_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999;

  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.filter_modal[style*="display: block"] {
  display: flex !important;
}

.filter_modal .modal_content {
  background: #ffffff;
  max-height: 80vh;
  border-radius: 2vw;
  display: flex ;
  flex-direction: column ;
  position: relative ;
  overflow: hidden;
  margin: auto; 
  text-align: left ;
  width: 88vw;
  margin-left: 6vw;
  margin-right: 6vw;
}

.filter_modal .modal_header {
  padding: 7vw 5vw 0 5vw;
}

.filter_modal .modal_header h3 {
  font-size: 2rem;
  font-family: var(--min);
}

.filter_modal .js_modal_close {
  font-size: 2.1rem;
  cursor: pointer ;
  color: var(--green);
  line-height: 1;
  padding: 2vw;
  font-weight: 700;
  top: 2vw;
  right: 2vw;
  position: absolute;
}

.filter_modal .modal_body {
  padding: 5vw 5vw 10vw 5vw;
  overflow-y: auto ;
  box-sizing: border-box ;
}

.filter_modal .toggle_grid {
  display: grid;
  gap: 2vw;
}
.filter_modal .toggle_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  font-weight: 700;
}

.filter_modal .toggle_label {
  font-size: 1.2rem;
}

.filter_modal .switch_toggle {
  position: relative;
  display: inline-block;
  width: 13vw;
  height: 6vw;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.filter_modal .switch_toggle input {
z-index: 2 ;
  cursor: pointer ;
  width: 100% ;
  height: 100% ;
  top: 0 ;
  left: 0 ;
}

.filter_modal .switch_toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DDDDDD;
  transition: all 0.3s ease;
  border-radius: 50vw;
  z-index: 1;
}

.filter_modal .switch_toggle .slider:before {
  position: absolute;
  content: "";
  height: 4vw;
  width: 4vw;
  left: 1vw;
  bottom: 1vw;
  background-color: #fff;
  transition: all 0.3s ease;
  border-radius: 50%;
}

.filter_modal .switch_toggle input:checked + .slider {
  background-color: var(--green);
}
.filter_modal .switch_toggle input:checked + .slider:before {
  transform: translateX(7vw);
}



/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
表 */
.table_beta :is(tr, th, td) {
	display: block;
}

.table_beta th {
	background: var(--p_green);
	font-weight: 700;
}

.table_beta :is(th, td) {
	border-bottom: 2px solid #fff;
	padding: 1.2vw 4vw 1.5vw 4vw;
}

.table_beta td {
	background: var(--beige);
}
body.page_data :is(#career_ratio, #parental_rate) table.table_beta tr {display: table-row;}
body.page_data :is(#career_ratio, #parental_rate) table.table_beta :is(th, td) {display: table-cell;}
body.page_data :is(#career_ratio, #parental_rate) table :is(th, td) {
	width: 50%;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
gmap */
.gmap {
	position: relative;
	overflow: hidden;
	height: 83vw;
	box-shadow: -5vw 5vw 0 0 var(--d_pink);
	margin-left: 5vw;
}

.gmap iframe,
.gmap object,
.gmap embed {
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
youtube */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
フォーム
<dl class="form_layout"><dt><p><span class="form_tl"></span><span class="required">必須</span></p></dt><dd></dd></dl>
 */
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
ニュース */
.news_list {
	margin-inline: 4vw;
	gap: 4vw;
	display: grid;
	grid-template-columns: 1fr;
}

.news_list a {
	display: block;
	border: 1px solid #000;
	position: relative;
	text-decoration: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0vw;
	padding: 2.3vw 10vw 3vw 4vw;
}

.news_list a::after {
	position: absolute;
	content: "";
	width: 6vw;
	aspect-ratio: 1 / 1;
	background: url(../img/icon_arrow.svg) no-repeat center center / contain;
	top: 50%;
	right: 2vw;
	transform: translate(0%, -50%);
}

.news_list a time {
	display: block;
	font-family: var(--min);
}

.news_list a .txt {
	line-height: 1.4;
}

.under_page .news_list {
	margin-inline: 0;
}

.under_page .news_list a {
	padding: 2.3vw 12vw 3vw 4vw;
}

.under_page .news_list a::after {
	right: 4vw;
}

.under_page .news_list a .txt {
	font-size: 1.8rem;
}

.newspost_block>*+* {
	margin-top: 7vw;
}

.newspost_block figure {
	position: relative;
}

.newspost_block figure+figure {
	margin-top: 10vw !important;
}

.newspost_block figure+figure {
	margin-top: 40px !important;
}

.newspost_block figure::before {
	position: absolute;
	content: "";
	margin: 0 4vw 4vw 0;
	background: var(--d_pink);
	width: 100%;
	top: 4vw;
	left: 4vw;
	z-index: 1;
	width: 100%;
	height: calc(100% - 4vw);
}

.newspost_block figure img {
	display: block;
	padding-bottom: 4vw;
	z-index: 2;
	position: relative;
}

.newspost_block .sent {
	text-align: justify;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
全体リンクの画像＋テキスト　pallet_block 
リンクなしの画像＋テキスト　pallet_block_nolink */
.pallet_block>li>a,
.pallet_block_nolink>li {
	display: block;
	background: var(--beige);
	text-decoration: none;
	height: 100%;
	position: relative;
}

.pallet_block_nolink>li {
	height: inherit;
}

.pallet_block>li>a .txt_block,
.pallet_block_nolink>li .txt_block {
	padding: 5vw 4vw;
}

.pallet_block>li>a .tl,
.pallet_block_nolink>li .tl {
	font-weight: 400;
	font-family: var(--min);
	line-height: 1.3;
	margin-bottom: 2vw;
}

.pallet_block>li>a .txt,
.pallet_block_nolink>li .txt {
	font-size: 1.2rem;
	text-align: justify;
}

.pallet_block>li>a .btnblock_l,
.pallet_block_nolink>li .btnblock_l {
	margin-top: 2vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
画像付きの職種へのリンク　role_panel */
.role_panel {
	display: grid;
	gap: 8vw;
	grid-template-columns: 1fr;
}

.role_panel a {
	border: 1px solid var(--green);
	display: block;
	background: #fff;
	border-radius: 2vw;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}

.role_panel .type {
	position: absolute;
	top: 2vw;
	left: 2vw;
	display: grid;
	grid-template-columns: 10vw 10vw;
	gap: 1vw;
	z-index: 10;
}

.role_panel .type>li {
	background: #fff;
	border-radius: 2vw;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	height: 6.25vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.role_panel .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12vw;
	background: rgb(255 255 255 / 80%);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: var(--green);
	font-size: 1.6rem;
}

.role_panel .txtin {
	display: block;
	position: relative;
	padding-right: 7vw;
	padding-bottom: 0.5vw;
	line-height: 1;
}

.role_panel .txtin::after {
	position: absolute;
	aspect-ratio: 1/1;
	content: "";
	width: 6vw;
	background: var(--green);
	top: 50%;
	right: 0;
	transform: translate(0%, -50%);
	-webkit-mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
	mask: url(../img/icon_arrow.svg) no-repeat center center / contain;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
創業者からの22の伝言　book_block */
.book_block>figure {
	width: 60vw;
	margin: 0 auto 7vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
SPスクロールデコブロックsp_scroll_deco_block */
.sp_scroll_deco_block {
	padding: 4vw 0 0 4vw;
}

.sp_scroll_deco_block .inblock {
	background: var(--beige);
	padding: 3.5vw 4vw;
	box-shadow: -4vw -4vw 0 0 var(--d_pink);
	max-height: 125vw;
	overflow-y: scroll;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
デコブロックdeco_txt_block */
.deco_txt_block>*+* {
	margin-top: 6vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
デコブロックdeco_01_02 */
.deco_01_02 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9vw 2vw;
}

.deco_01_02>li:first-child {
	grid-column: 1/3;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
デコブロックdeco_02_05 */
.deco_02_05 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 2vw;
}

.deco_02_05>li {
	width: 39vw;
	margin: 0 4vw 4vw 0;
	box-shadow: 4vw 4vw 0 0 var(--blue);
	font-weight: 700;
	font-size: 1rem;
	text-align: center;
	position: relative;
}

.deco_02_05>li .name {
	display: block;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(255 255 255 / 80%);
	padding: 0.9vw;
	line-height: 1.6;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
モーダル modal */
.modal-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overscroll-behavior: contain;
	padding: 6vw;
}

.modal-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 40%);
	top: 0;
	left: 0;
}

.modal-body {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 88vw;
	display: flex;
	flex-direction: column;
	z-index: 100;
	text-align: left;
}

.modal-close:not(.btn) {
	position: absolute;
	top: 3vw;
	right: 3vw;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	-webkit-mask: url(../img/icon_close.svg) no-repeat center center / contain;
	mask: url(../img/icon_close.svg) no-repeat center center / contain;
	background: var(--green);
	width: 6vw;
	height: 6vw;
	transition: 0.5s ease;
	z-index: 1000;
}

.modal-close:not(.btn):hover {
	opacity: 0.7;
	transition: 0.5s ease;
}

.modal-content {
	background: #fff;
	padding: 5vw;
	border-radius: 2vw;
	max-height: calc(100vh - 12vw);
	display: flex;
	position: relative;
}

.modal-contentin {
	overflow-y: auto;
	width: 100%;
}

html:has(body.is-modal-open) {
	overflow: hidden;
	height: 100%;
	scrollbar-gutter: stable;
}


/*------------------------------------------------------------------------------
動画モーダル */

#special_movie {
	margin-block: 15vw;
	padding-block: 15vw;
	background: var(--beige);
}

#special_movie .special_movie_con {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
}

#special_movie .video-thumbnail {
	position: relative;
}

#special_movie .video-thumbnail:not(.no_link)::after {
	position: absolute;
	content: "";
	background: url(../img/icon_movie_play.svg) no-repeat center center / contain;
	width: 10vw;
	aspect-ratio: 1/1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index:10;
}
#video-modal .modal-content {
	padding:0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#video-modal .modal-close:not(.btn) {
	display:none;
}
.vimeo-wrapper {
  padding: 56.25% 0 0 0;
  position: relative;
  width: 100%;
}
.vimeo-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
創業者からの22の伝言 book_li */
.modal-book-body .modal-contentin .book_tl {
	padding-inline: 6vw;
	font-family: var(--min);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 7vw;
}

.modal-book-body .modal-contentin .txt {
	font-size: 1rem;
	text-align: center;
	position: relative;
	z-index: 2;
}

.modal-book-body .modal-contentin .txt>p+p {
	margin-top: 6vw;
}

.modal-book-body .modal-contentin .book_num {
	position: absolute;
	content: "";
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	font-family: var(--min);
	color: var(--d_pink);
	font-weight: 400;
	font-size: 12rem;
	z-index: 1;
	letter-spacing: -0.08em;
	line-height: 1;
	margin-top: -3vw;
}

.book_li>li>button {
	border: 1px solid var(--green);
	border-radius: 1.7vw;
	min-height: 13vw;
	width: 100%;
	color: var(--green);
	display: grid;
	grid-template-columns: 13vw 1fr;
	padding: 2vw 7vw 2vw 3vw;
	align-items: center;
	position: relative;
}

.book_li>li>button::after {
	position: absolute;
	content: "";
	background: var(--green);
	-webkit-mask: url(../img/icon_blank.svg) no-repeat center center / contain;
	mask: url(../img/icon_blank.svg) no-repeat center center / contain;
	width: 5vw;
	height: 100%;
	right: 1.5vw;
}

.book_li>li>button>.txt {
	font-weight: 700;
	font-size: 1.35rem;
	line-height: 1.3;
}

.book_li>li>button>.num {
	font-weight: 400;
	font-family: var(--min);
	font-size: 3.38rem;
	line-height: 1;
	margin-top: -0.9vw;
}

.book_li {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
インタビューブロック　interview_d_block */
.interview_d_block {
	margin-top: 9vw;
}

.interview_d_box {
	border: 1px solid var(--green);
	border-radius: 2vw;
	overflow: hidden;
}

.interview_d_block .interview_d_box+.interview_d_box {
	margin-top: 10vw;
}

.interview_d_block .img {
	position: relative;
}

.interview_d_block .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	background: rgb(255 255 255 / 80%);
	padding: 2vw;
}

.interview_d_block .txt_block {
	padding: 0vw 6vw 0vw 6vw;
	position: relative;
}

.interview_d_block .txt_block::before {
	position: absolute;
	content: "";
	-webkit-mask: url(../img/icon_arrow_d.svg) no-repeat center center / contain;
	mask: url(../img/icon_arrow_d.svg) no-repeat center center / contain;
	background: var(--green);
	width: 6vw;
	height: 6vw;
	bottom: 3vw;
	left: 50%;
	transform: translate(-50%, 0%) rotateX(0deg);
	z-index: 10;
	transition: 1s ease;
}

.interview_d_block .txt_block.is-bottom::before {
	transition: 1s ease;
	transform: translate(-50%, 0%) rotateX(180deg);
}

.interview_d_block .txt_block::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.90) 40%, #FFF 100%);
	height: 15vw;
	content: "";
}

.interview_d_block .txt_block_in {
	height: 80vw;
	overflow-y: scroll;
	padding-bottom: 11vw;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-top: 5vw;
}

.interview_d_block .txt_block_in .txt_box+.txt_box {
	margin-top: 8vw;
	border-top: 1px solid var(--green);
	padding-top: 8vw;
}

.interview_d_block .txt_block_in::-webkit-scrollbar {
	display: none;
}

.interview_d_block .box_tl {
	font-weight: 400;
	font-family: var(--min);
	line-height: 1.6;
	margin-bottom: 5vw;
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
数字で見るサンシティ date_pallet */
.date_pallet {
	margin-top: 7vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6vw;
}

.date_pallet>li {
	width: 100%;
}

.date_pallet li .box {
	padding: 4vw;
}

.date_pallet.pallet_deco_p_l_t li .box {
	box-shadow: -4vw -4vw 0 0 var(--d_pink);
	margin: 4vw 0 0vw 4vw;
	border: 1px solid var(--d_pink);
}

.date_pallet.pallet_deco_y_r_b li .box {
	box-shadow: 4vw 4vw 0 0 var(--blue);
	margin: 0 4vw 4vw 0;
	border: 1px solid var(--blue);
}

.date_pallet.pallet_deco_o_l_b li .box {
	box-shadow: -4vw 4vw 0 0 var(--mauve);
	margin: 0 0 4vw 4vw;
	border: 1px solid var(--mauve);
}

.date_pallet li .box .tl {
	color: var(--m_green);
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2vw;
	line-height: 1.3;
	font-size: 2rem;
}

.date_pallet li .box .img {
	width: 10vw;
}

.date_pallet li .box .num {
	font-weight: 400;
	font-family: var(--min);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	line-height: 1;
	margin-top: 1vw;
}

.date_pallet li .box .num .num_txt {
	font-size: 7.2rem;
	padding: 0 0.05em;
}

.date_pallet li .box .before_txt,
.date_pallet li .box .after_txt {
	padding-bottom: 0.2em;
}

.date_pallet li .box .num_col {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6vw;
	padding-top: 3vw;
}

.date_pallet li .box .num_col .type {
	text-align: center;
	font-family: var(--min);
	line-height: 1;
}

.date_pallet li .box .num_col .num .num_txt {
	font-size: 6rem;
}

.date_pallet li .box .num_col .num {
	margin-top: 0;
}

.date_pallet li>li {
	width: 100%;
}

.date_pallet li .box .txt_block {
	line-height: 1;
	margin-top: 3vw;
	font-size: 1.2rem;
	text-align: center;
}

.date_pallet li .box .txt_block ul {
	text-align: left;
}

.date_pallet li .box table {
	width: auto;
	margin: 0 auto;
	text-align: left;
}

.date_pallet li .box .table100 {
	width: 100%;
}

.date_pallet li .box .txt_block>table th {
	font-size: 1.2rem;
	padding-top: 0.3em;
	padding-right: 4vw;
}

.date_pallet li .box table :is(th, td) {
	padding-top: 0.5em;
}

.date_pallet li .box td {
	text-align: right;
}

.date_pallet li .box .txt_block>table .before_txt,
.date_pallet li .box .txt_block>table .after_txt {
	font-size: 1.2rem;
	padding-top: 0.3em;
	display: inline;
}

.date_pallet li .box .txt_block>table .num_txt {
	font-weight: 700;
	font-size: 1.6rem;
	display: inline;
}

.date_pallet li .box_hosoku {
	margin-left: 4vw;
}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
新卒・中途ページ　パレット　recruitment_panel */

.recruitment_panel {
	display: grid;
	gap: 5vw;
	grid-template-columns: 1fr;
}

.recruitment_panel a {
	border: 1px solid var(--green);
	display: block;
	background: #fff;
	border-radius: 2vw;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	min-height: 43.3vw;
	padding-bottom: var(--height-recruitment_panel);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.recruitment_panel a::after {
	position:absolute;
	content:"";
	-webkit-mask: url(../img/icon_blank.svg) no-repeat center center / contain;
	mask: url(../img/icon_blank.svg) no-repeat center center / contain;
	background: var(--green);
	width:6vw;
	height:6vw;
	right: 2vw;
	top: 2vw;
}
.recruitment_panel a .type {
	position: absolute;
	top: 2vw;
	left: 2vw;
	font-weight: 700;
	font-size: 1.2rem;
	background: var(--pink);
	width: 10.7vw;
	height: 6.7vw;
	text-align: center;
	border-radius: 2vw;
	padding-top: 0.1em;
}

body.dir_career .recruitment_panel a .type {
	background: var(--d_pink);
	color: #fff;
}


.recruitment_panel a .cat {
	color: var(--green);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
	padding: 10vw 3vw;
	font-weight: 400;
	font-family:var(--min);
}

.recruitment_panel a dl {
	background: var(--beige);
	display: grid;
	grid-template-columns: 18.2vw 1fr;
	gap: 2vw;
	padding: 2vw 2vw 2vw 0;
	min-height: 11.3vw;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2;
	bottom: 0;
	position: absolute;
	width: 100%;
	left: 0;
}

.recruitment_panel a dt {font-weight: 700;text-align: center;}

.js_recruitment_item[hidden],
.recruitment_no_result[hidden] {
	display: none !important;
}


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
よくある質問FAQ　qa_block */

.qa_block {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10vw;
}
.qa_block>li>dl {
	border: 1px solid var(--green);
	border-radius: 2vw;
	text-align: justify;
	position: relative;
	overflow: hidden;
}

.qa_in.is-overflow::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(0deg, #fff 20%, rgba(255, 255, 255, 0) 100%);
	height: 15vw;
	content: "";
}
.qa_in {
	position: relative;
	padding: 0 4vw 3vw;
}

.qa_in.is-overflow.is-open {
	padding-bottom: 14vw;
}
.qa_in.is-open::after {
	opacity: 0;
}

.qa_toggle_btn {
	cursor: pointer;
	position: absolute;
	width: 6vw;
	height: 6vw;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	bottom: 4.5vw;
	left: 50%;
	transform: translate(-50%, 0%);
	transition: 0.3s ease;
}

.qa_toggle_btn::before {
	content: "";
	-webkit-mask: url(../img/icon_arrow_d.svg) no-repeat center center / contain;
	mask: url(../img/icon_arrow_d.svg) no-repeat center center / contain;
	background: var(--green);
	width: 6vw;
	height: 6vw;
	transform: rotateX(0deg);
	z-index: 10;
	transition: 0.3s ease;
	/* top: 50%; */
	/* left: 50%; */
	/* position: absolute; */
}
.qa_toggle_btn.is-active::before {
	transform: rotateX(180deg);
}


.qa_block>li>dl dt {
	position: relative;
	font-family: var(--min);
	font-weight: 400;
	min-height: 16vw;
	display: flex;
	align-items: center;
	padding: 3vw 4vw 3vw 14vw;
	line-height: 1.5;
	margin-bottom: 2vw;
}

.qa_block>li>dl dt::before {
	position: absolute;
	content: "Q";
	font-size: 4rem;
	line-height: 1;
	left: 4vw;
	top: 2vw;
}





/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
並び */
/*
*********************************************************************************
/*
/* ページ固有
/*
/*******************************************************************************/
/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
HOME */

body#front_page main {
	margin-top: calc(-1 * var(--header_height));
}

.main-area {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #fff;
}

.main-visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none !important;
}

.main-visual iframe {
	width: 100vw;
	height: 56.25vw;
	min-height: 100vh;
	min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none !important;
}

.mv-slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 200;
	overflow: hidden;
}

.mv-slider .swiper-wrapper {
	height: auto;
}

.mv-slider .swiper-slide {
	height: auto;
}

.upage_interview_content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 2vw;
}

.mv-slider .mv-slider-box,
.upage_interview_content .upage_interview_content_box {
	width: 78vw;
	border-radius: 2vw;
	background: #fff;
	overflow: hidden;
}

.upage_interview_content .upage_interview_content_box {
	width: 100%
}

.mv-slider .mv-slider-box a,
.upage_interview_content .upage_interview_content_box a {
	display: grid;
	border: 1px solid var(--green);
	/* background: #fff; */
	overflow: hidden;
	grid-template-columns: 30vw 1fr;
	text-decoration: none;
	gap: 4vw;
	align-items: stretch;
	position: relative;
	align-content: stretch;
	border-radius: 2vw;
}

.mv-slider .mv-slider-box a .txt_block,
.upage_interview_content .upage_interview_content_box a .txt_block {
	padding: 2vw 10vw 2vw 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.mv-slider .mv-slider-box a .txt_blockin .txt,
.upage_interview_content .upage_interview_content_box a .txt_blockin .txt {
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6em;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mv-slider .mv-slider-box a .txt_blockin .name,
.upage_interview_content .upage_interview_content_box a .txt_blockin .name {
	font-size: 1.2rem;
	margin-top: 1vw;
}

.mv-slider .mv-slider-box a::after,
.upage_interview_content .upage_interview_content_box a::after {
	position: absolute;
	content: "";
	width: 6vw;
	aspect-ratio: 1 / 1;
	background: url(../img/icon_arrow.svg) no-repeat center center / contain;
	top: 50%;
	right: 2vw;
	transform: translate(0%, -50%);
}

.mv-slider .mv-slider-box figure,
.upage_interview_content .upage_interview_content_box figure {
	width: 100%;
	height: 100%;
	position: relative;
}

.mv-slider .mv-slider-box figure img,
.upage_interview_content .upage_interview_content_box figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mv-content {
	position: absolute;
	bottom: 6.5vw;
}

.mv-content .mv_tl {
	position: absolute;
	top: -8vw;
	left: 6.25vw;
	z-index: 200;
	font-weight: 400;
	font-family: var(--min);
	font-size: 2rem;
	line-height: 1;
}

#space.top_widecol {
	margin-top: 21.25vw;
}

.top_widecol {
	position: relative;
	margin-top: 26vw;
}

.top_widecol+.top_widecol {
	margin-top: 15vw;
}



.top_widecol .inner {
	position: relative;
	z-index: 10;
}

.top_widecol .tl_block {
	color: var(--m_green);
	font-family: var(--min);
	font-size: 4rem;
	line-height: 1;
	position: absolute;
	right: -6vw;
	top: 5vw;
	font-weight: 400;
}

.top_widecol .tl_block .tlin {
	padding: 0.2vw 2vw 1.1vw 2vw;
	background: #fff;
	white-space: nowrap;
}

.top_widecol .tl_block .tl {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5vw;
	justify-items: start;
}

.top_widecol .tl_block .tlin+.tlin {
	margin-left: 5vw;
}

.top_widecol .tl_block .tlin+.tlin+.tlin {
	margin-left: 10vw;
}

.top_widecol .inner>.txt_block {
	padding-top: 110vw;
}

.top_widecol .copy {
	font-size: 2rem;
	font-family: var(--min);
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 6vw;
	text-align: justify;
}

.top_widecol .txt_tate {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.top_widecol .txt_block .btnblock {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2vw;
}

.top_widecol .pallet_block {
	margin-top: 8.8vw;
}



.top_widecol.top_widecol_rimg .tl_block {
	right: inherit;
	left: -6vw;
}

.top_widecol.top_widecol_rimg .tl_block .tlin+.tlin {
	margin-left: 5vw;
}

.top_widecol.top_widecol_rimg .tl_block .tlin+.tlin+.tlin {
	margin-left: 10vw;
}

.top_widecol_rimg .txt_block .copy {
	order: 2;
	margin-bottom: 0;
	margin-left: 10vw;
	line-height: 1.5;
}

.top_widecol_rimg .txt_block .txt_tate :is(.copy, .sent) {
	writing-mode: vertical-rl;
}

.top_widecol_rimg .txt_block .txt_tate .txt {
	order: 1;
}

.top_widecol_rimg .txt_block .txt_tate .sent p+p {
	margin-top: 0;
	margin-right: 1.3em;
}

#irreplaceable {
	margin-top: 26vw;
}
#irreplaceable.top_widecol .tl_block {
	top: -10vw;
}

#irreplaceable.top_widecol .tl_block .tl {
	gap: 1.75vw;
}

#irreplaceable .beta {
	padding: 3vw 4vw;
	text-align: justify;
}

#role.top_widecol {
	margin-top: 19vw;
}


#our.top_widecol .tl_block {
	top: -10vw;
}

#ig_block .ig_tl_icon {
	width: 7.5vw;
	margin: 5vw auto 4vw;
}

#ig_block .tl_block {
	text-align: center;
}

.top_widecol .bg_slider {
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
	height: 100vw;
	left: 0;
	width: 75vw;
	box-shadow: 5vw -5vw 0 0 var(--d_pink);
}

.top_widecol .bg_slider .slide_item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-no-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.top_widecol.top_widecol_rimg .bg_slider {
	box-shadow: -5vw 5vw 0 0 var(--blue);
}
#irreplaceable.top_widecol.top_widecol_rimg .bg_slider {
	box-shadow: -5vw 5vw 0 0 var(--blue);
}

#yourself.top_widecol .bg_slider {
	box-shadow: 5vw 5vw 0 0 var(--mauve);
}


.top_widecol .bg_slider .slide_item.is-active {
	opacity: 1;
}



.top_widecol.top_widecol_rimg .bg_slider {
	left: inherit;
	right: 0;
	box-shadow: -5vw 5vw 0 0 var(--blue);
}

/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
私たちの想い　message */


/*------------------------------------------------------------------------------
--------------------------------------------------------------------------------
インスタグラム */
@keyframes sbi-loop-slider {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-33.333333%, 0, 0);
	}
}

.ig_slider {
	overflow: hidden;
	margin: 5vw auto 0;
	max-width: 3000px;
}

#sb_instagram #sbi_images.sbi_loop_slider__track {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: max-content;
	gap: 0 !important;
	animation: sbi-loop-slider 55s linear infinite;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;

	.sbi_loop_slider {
		overflow: hidden;
		position: relative;
	}

	.sbi_loop_slider__group {
		display: flex;
		flex-shrink: 0;
	}

	.sbi_loop_slider__group .sbi_item,
	.sbi_loop_slider__group .sbi_loop_slider__item {
		flex: 0 0 auto;
		width: 60vw !important;
		height: auto !important;
		aspect-ratio: 256/342;
		margin-right: 2vw !important;
		overflow: hidden;
		transform: translateZ(0);
		backface-visibility: hidden;
		overflow: hidden;
		border-radius: 2vw;
	}

	.sbi_loop_slider__group .sbi_photo_wrap,
	.sbi_loop_slider__group .sbi_photo {
		display: block;
		width: 100% !important;
		height: 100% !important;
		opacity: 1 !important;
		position: relative;
	}
	.sbi_loop_slider__group .sbi_photo::after {position:absolute;content:"";background: url(../img/icon_ig_link.png) no-repeat center center / contain;width: 8vw;height: 8vw;top: 1vw;right: 1vw;z-index: 10;}
	.sbi_loop_slider__group img {
		display: block;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		opacity: 1 !important;
	}

	.sbi_loop_slider:hover .sbi_loop_slider__track {
		animation-play-state: paused;
	}
}