/*
Theme Name:ba-template
*/
@charset "UTF-8";
/*####################################

1. General
┣ Root
┣ Element
┣ Decoration
┣ Css Animation
┣ Plugin Overwrite
┣ default.css Overwrite
┣ Other
2. Site Common Style
┣ Pagination
┣ Form
┣ 404 & Thanks
3. Header
4. Main
5. Footer
6. Common Style
┣ Single
┣ Section 
7.Module
8. Page

####################################*/
/*====================================

1. General

====================================*/
/*
Root
====================================*/
:root {
	/* メインカラー */
	--mainColor: #37c62c;
	--mainColor2: #4282ea;
	--mainColor3: #1968e8;
	--mainColor4: #054cbe;
	--mainColor5: #003288;
	--mainColor6: #136934;
	--mainColor7: #0ca700;
	--mainColorGradient: linear-gradient(#37c62c 0%, #0ca700 100%);
	--mainColorGradient2: linear-gradient(#4282ea 0%, #1968e8 100%);
	--mainColorGradient3: linear-gradient(#0fbeff 0%, #098beb 100%);
	/*====== 背景カラー ======*/
	/* コンテンツ背景カラー */
	--contentsBg: #F4F5F7;
	/* 下層ページトップ背景カラー */
	--lowerTopBg: #D7E1FA;
	/* 表組み項目名背景カラー */
	--tableItemBg: #f4f9ff;
	/* フォーム項目名背景カラー */
	--formItemBg: #F0F5FA;
	/* カテゴリーリンク背景カラー */
	--categoryLinkBg: #D7E1FA;
	/* メール問い合わせボタン背景カラー */
	--mailBtnBg: #054cbe;
	/*====== テキストカラー ======*/
	/* テキストカラー */
	--textColor: #333;
	/* リンクテキストカラー */
	--linkTextColor: #0c4876;
	/*====== ページネーションカラー ======*/
	/* ページネーションテキスト、矢印カラー */
	--pnColor: #878e93;
	/* ページネーションhoverテキスト、矢印カラー */
	--pnHoverColor: #fff;
	/* ページネーションCurrentテキスト、矢印カラー */
	--pnCurrentColor: #fff;
	/* ページネーションhover背景カラー */
	--pnHoverBg: #7bd574;
	/* ページネーションCurrent背景カラー */
	--pnCurrentBg: #7bd574;
	/*====== フォント ======*/
	--mincho: "NotoSerifJp", "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	/*====== width ======*/
	--maxWidth768: 768px;
	--maxWidth500: 500px;
	--maxWidth375: 375px;
	--maxWidth300: 300px;
	/*====== other ======*/
}
/*
Element
====================================*/
body {
	color: var(--textColor);
	line-height: 1.764;
}
@media screen and (max-width: 1024px) {
	p {
		line-height: 1.6 !important;
	}
}
/*
Decoration
====================================*/
/*
Css Animation
====================================*/
/* fade */
.css_fade {
	opacity: 0;
	animation-name: css_fade;
	animation-duration: 3s;
	animation-timing-function: ease;
	/* animation-delay: 1s; */
	animation-direction: normal;
	animation-fill-mode: forwards;
}
@keyframes css_fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* text fade */
.css_textSplitFade {
	opacity: 0;
}
.css_textSplitFade > span {
	opacity: 0;
	animation: css_textSplitFade 1s ease-out forwards;
}
@keyframes css_textSplitFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*iconAnime1*/
.css_iconAnime1 {
	animation: css_iconAnime1 1.5s infinite steps(1, end) alternate-reverse;
}
@keyframes css_iconAnime1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
/*
Plugin Overwrite
====================================*/
/*
Slick
---------------------------------------------------------------*/
.top_mv .slick-arrow::before {
	opacity: 0;
}
.top_mv .slick-dots li.slick-active button {
	background: var(--mainColor);
}
.js-topProductsPickupSlider .slick-prev,
.js-topProductsPickupSlider .slick-next {
	top: 50%;
	transform: translateY(-50%);
	width: clamp(1.813rem, 1.557rem + 1.09vw, 2.375rem);
	height: auto;
	aspect-ratio: 1/1;
	background-image: url(./images/icon_arrow02_bgGreen01.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: .3s;
}

@media screen and (min-width: 1025px){
	.js-topProductsPickupSlider .slick-prev:hover,
	.js-topProductsPickupSlider .slick-next:hover {
		opacity: .7;
	}
}
.js-topProductsPickupSlider .slick-prev {
	left: clamp(0.438rem, 0.267rem + 0.73vw, 0.813rem);
}
.js-topProductsPickupSlider .slick-next {
	right: clamp(0.438rem, 0.267rem + 0.73vw, 0.813rem);
	transform: translateY(-50%) scale(-1, 1);
}
.js-topProductsPickupSlider .slick-arrow::before {
	display: none;
}
/*
default.css Overwrite
====================================*/
/*
Other
====================================*/
/*====================================

2. Site Common Style

====================================*/
/*
Pagination
====================================*/
/*
List
---------------------------------------------------------------*/
.pn_list {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 56px;
	margin: 50px 0 0;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #dde0e3;
}
.pn_list .listArrow::before, .pn_list .listArrow::after {
	content: '';
	position: absolute;
	top: calc(50% + 3px);
	width: 9px;
	height: 9px;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transition: .3s;
}
.pn_list .listPagerBlk {
	display: flex;
	align-items: center;
	gap: 11px;
}
.pn_list .listPagerPrevious::before {
	border-bottom: solid 2px var(--pnColor);
	border-left: solid 2px var(--pnColor);
	left: calc(50% - 2px);
}
.pn_list .listPagerBlk a, .pn_list .listPagerBlk span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
	width: 35px;
	color: var(--pnColor);
	border-radius: 50%;
}
.pn_list .listPagerBlk span.listPagerNum {
	color: var(--pnCurrentColor);
	background: var(--pnCurrentBg);
}
.pn_list .listPagerNext::before {
	border-top: solid 2px var(--pnColor);
	border-right: solid 2px var(--pnColor);
	right: calc(50% - 2px);
}
@media screen and (min-width: 1025px) {
	.pn_list a:hover {
		opacity: 1;
	}
	.pn_list .listPagerPrevious:hover::before {
		border-bottom: solid 2px var(--pnHoverColor);
		border-left: solid 2px var(--pnHoverColor);
	}
	.pn_list .listPagerBlk a:hover {
		color: var(--pnHoverColor);
		background: var(--pnHoverBg);
		opacity: 1;
	}
	.pn_list .listPagerNext:hover::before {
		border-top: solid 2px var(--pnHoverColor);
		border-right: solid 2px var(--pnHoverColor);
	}
}
.pn_list .listFirstBlk, .pn_list .listLastBlk {
	width: 100px;
	height: 100%;
}
.pn_list .listFirstBlk a, .pn_list .listLastBlk a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 1025px) {
	.pn_list .listFirstBlk a:hover, .pn_list .listLastBlk a:hover {
		background: var(--pnHoverBg);
	}
}
.pn_list .listFirstBlk a {
	border-right: solid 1px #E2E6EB;
}
.pn_list .listFirstBlk a::before {
	border-bottom: solid 2px var(--pnColor);
	border-left: solid 2px var(--pnColor);
	left: 50%;
}
.pn_list .listFirstBlk a::after {
	border-bottom: solid 2px var(--pnColor);
	border-left: solid 2px var(--pnColor);
	left: calc(50% - 7px);
}
@media screen and (min-width: 1025px) {
	.pn_list .listFirstBlk a:hover::before {
		border-bottom: solid 2px var(--pnHoverColor);
		border-left: solid 2px var(--pnHoverColor);
	}
	.pn_list .listFirstBlk a:hover::after {
		border-bottom: solid 2px var(--pnHoverColor);
		border-left: solid 2px var(--pnHoverColor);
	}
}
.pn_list .listLastBlk a {
	border-left: solid 1px #E2E6EB;
}
.pn_list .listLastBlk a::before {
	border-top: solid 2px var(--pnColor);
	border-right: solid 2px var(--pnColor);
	right: 50%;
}
.pn_list .listLastBlk a::after {
	border-top: solid 2px var(--pnColor);
	border-right: solid 2px var(--pnColor);
	right: calc(50% - 7px);
}
@media screen and (min-width: 1025px) {
	.pn_list .listLastBlk a:hover::before {
		border-top: solid 2px var(--pnHoverColor);
		border-right: solid 2px var(--pnHoverColor);
	}
	.pn_list .listLastBlk a:hover::after {
		border-top: solid 2px var(--pnHoverColor);
		border-right: solid 2px var(--pnHoverColor);
	}
}
@media screen and (max-width: 1024px) {
	.pn_list {
		margin-top: clamp(2.5rem, 1.932rem + 2.42vw, 3.75rem);
	}
	.pn_list .listArrow::before, .pn_list .listArrow::after {
		top: calc(50% + 2px);
	}
	.pn_list .listPagerBlk {
		gap: 8px;
	}
	.pn_list .listPagerPrevious::before {
		left: calc(50% - 2px);
	}
	.pn_list .listPagerBlk a, .pn_list .listPagerBlk span {
		height: 26px;
		width: 26px;
	}
	.pn_list .listPagerBlk span.listPagerNum {}
	.pn_list .listPagerNext::before {}
	.pn_list .listFirstBlk, .pn_list .listLastBlk {
		width: 40px;
	}
	.pn_list .listFirstBlk a, .pn_list .listLastBlk a {}
	.pn_list .listFirstBlk a {}
	.pn_list .listFirstBlk a::before {
		left: calc(50% + 2px);
	}
	.pn_list .listFirstBlk a::after {
		left: calc(50% - 5px);
	}
	.pn_list .listLastBlk a {}
	.pn_list .listLastBlk a::before {
		right: calc(50% + 2px);
	}
	.pn_list .listLastBlk a::after {
		right: calc(50% - 5px);
	}
}
/*
Detail
---------------------------------------------------------------*/
.pn_detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 55px;
	margin: 75px 0 0;
}
.pn_detail > * {
	height: 100%;
}
.pn_detail .detailpreviousBlk, .pn_detail .detailNextBlk {
	width: 100px;
}
.pn_detail .detailpreviousBlk a, .pn_detail .detailNextBlk a {
	position: relative;
	display: block;
	height: 100%;
}
.pn_detail a {
	border: 1px solid #d0d3da;
	background: #fff;
}
@media screen and (min-width: 1025px) {
	.pn_detail a:hover {
		background: var(--pnHoverBg);
		opacity: 1;
	}
}
.pn_detail .detailpreviousBlk {}
.pn_detail .detailpreviousBlk a {
    border-radius: 50px 0 0 50px;
    border-right: initial;
}
.pn_detail .detailpreviousBlk a::before, .pn_detail .detailpreviousBlk a::after {
	content: '';
	position: absolute;
	top: calc(50% + 3px);
	width: 9px;
	height: 9px;
	border-bottom: solid 2px var(--pnColor);
	border-left: solid 2px var(--pnColor);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transition: .3s;
}
.pn_detail .detailpreviousBlk a::before {
	left: calc(50% - -3px);
}
.pn_detail .detailpreviousBlk a::after {
	left: calc(50% - 4px);
}
@media screen and (min-width: 1025px) {
	.pn_detail .detailpreviousBlk a:hover::before, .pn_detail .detailpreviousBlk a:hover::after {
		border-bottom: solid 2px var(--pnHoverColor);
		border-left: solid 2px var(--pnHoverColor);
	}
}
.pn_detail .detailNextBlk {}
.pn_detail .detailNextBlk a {
	border-left: initial;
	border-radius: 0 50px 50px 0;
}
.pn_detail .detailNextBlk a::before, .pn_detail .detailNextBlk a::after {
	content: '';
	position: absolute;
	top: calc(50% + 3px);
	width: 9px;
	height: 9px;
	border-top: solid 2px var(--pnColor);
	border-right: solid 2px var(--pnColor);
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
	transition: .3s;
}
.pn_detail .detailNextBlk a::before {
	right: calc(50% - -3px);
}
.pn_detail .detailNextBlk a::after {
	right: calc(50% - 4px);
}
@media screen and (min-width: 1025px) {
	.pn_detail .detailNextBlk a:hover::before, .pn_detail .detailNextBlk a:hover::after {
		border-top: solid 2px var(--pnHoverColor);
		border-right: solid 2px var(--pnHoverColor);
	}
}
.pn_detail .detailBackBlk {
    flex: 1;
}
.pn_detail .detailBackBlk a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #878e93;
}
@media screen and (min-width: 1025px){
	.pn_detail .detailBackBlk a:hover {
		color: #fff;
	}
}
@media screen and (max-width: 1024px) {
	.pn_detail {
		margin: clamp(1.875rem, 1.023rem + 3.64vw, 3.75rem) 0 0;
	}
	.pn_detail > * {}
	.pn_detail .detailpreviousBlk, .pn_detail .detailNextBlk {
		width: 55px;
	}
	.pn_detail .detailpreviousBlk a, .pn_detail .detailNextBlk a {
		width: 100%;
	}
	.pn_detail a {}
	.pn_detail .detailpreviousBlk {}
	.pn_detail .detailpreviousBlk a {}
	.pn_detail .detailpreviousBlk a::before, .pn_detail .detailpreviousBlk a::after {}
	.pn_detail .detailpreviousBlk a::before {}
	.pn_detail .detailpreviousBlk a::after {}
	.pn_detail .detailNextBlk {}
	.pn_detail .detailNextBlk a {}
	.pn_detail .detailNextBlk a::before, .pn_detail .detailNextBlk a::after {}
	.pn_detail .detailNextBlk a::before {}
	.pn_detail .detailNextBlk a::after {}
	.pn_detail .detailBackBlk {
    flex: 1;
}
	.pn_detail .detailBackBlk a {
		width: initial;
	}
}
/*
Form
====================================*/
/*
Input
----------------------------------------------------------------*/
.form_input,
.form_input .h-adr{
	display: grid;
	gap: 35px;
	/* border: 1px solid #D7DCE2; */
	/* border-bottom: transparent; */
}
.form_input .inputRow {
	display: flex;
	align-items: center;
	/* border-bottom: 1px solid #D7DCE2; */
}
.form_input .inputRow._yourAffiliation {
	margin-bottom: 2em;
}
.form_input .inputRow._schoolInfo,
.form_input .inputRow._address,
.form_input .inputRow._desiredNumberOfPeople, 
.form_input .inputRow._mt {
	margin-top: 1.5em;
}
.form_input .inputRow._mt2 {
	margin-top: 3em;
}
.form_input .inputRow._address .inputValue,
.form_input .inputRow._schoolInfo .inputValue,
.form_input .inputRow._desiredNumberOfPeople .inputValue,
.form_input .inputRow._mt .inputValue,
.form_input .inputRow._mt2 .inputValue {
	align-items: flex-start;
	flex-flow: column-reverse;
}

.form_input .inputRow._itemTop {
	align-items: flex-start;
}
.form_input .inputItem {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 230px;
	padding: 0 0 0 50px;
	/* background: var(--formItemBg); */
	font-weight: 600;
	/* border-right: 1px solid #D7DCE2; */
	line-height: 1.563;
}
.form_input .inputRow._yourAffiliation .inputItem {}
.form_input .inputItem._textarea {
	margin: 10px 0 0;
}
@media screen and (max-width: 1024px) {
	.form_input .inputItem._textarea {
		margin: 0;
	}
}
.form_input .inputItem ._must {
	position: absolute;
	top: 2px;
	left: 0;
	width: 41px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: var(--mainColor3);
}
.form_input .inputRow._yourAffiliation .inputItem ._must {
	top: 2px;
}
.contact_form._contact .form_input .inputItem ._must {
	background: #1466C6;
}
.contact_form._entry .form_input .inputItem ._must {
	background: #53B0FF;
}
.form_input .inputItem ._note {
	position: absolute;
	top: 100%;
	left: 50px;
	padding-right: 20px;
	font-size: 0.75rem;
	color: #525252;
}
.form_input .inputValue {
	position: relative;
	flex: 1;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.form_input .inputValueNote {
	position: absolute;
	bottom: 100%;
	left: 0;
	font-size: 12px;
	margin-bottom: 5px;
}
.form_input .wpcf7-form-control-wrap[data-name="your-contact-type"] .wpcf7-not-valid-tip {
	position: relative;
}
.form_input .wpcf7-form-control-wrap {
	width: 100%;
}
/* input[text, tel, email], textarea */
.form_input input[type="text"], .form_input input[type="tel"], .form_input input[type="email"], .form_input textarea {
	width: 100%;
	height: 44px;
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	padding: 0px 10px;
	background: #fff;
}
.form_input .inputValue._notMax input {
	max-width: 176px;
}
.form_input textarea {
	height: auto;
	padding: 10px;
}
.form_input input::placeholder, .form_input textarea::placeholder {
	font-size: 14px;
	color: #b4b7bc;
}
/* input[checkbox, radio] */
.form_input input[type="checkbox"],
.form_agree input[type="checkbox"] {
	position: relative;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form_input input[type="checkbox"]:checked:before,
.form_agree input[type="checkbox"]:checked:before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	transform: translate(-50%, -50%) rotate(50deg);
	width: 6px;
	height: 10px;
	border-right: 2px solid var(--mainColor3);
	border-bottom: 2px solid var(--mainColor3);
}
.form_input input[type="checkbox"], .form_input input[type="radio"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.form_input .wpcf7-form-control {
	display: flex;
	flex-flow: wrap;
	gap: 10px 30px;
}
.form_input .inputValue._row .wpcf7-form-control {
	flex-flow: column;
}
.form_input .wpcf7-form-control.wpcf7-radio {
	flex-direction: unset;
}
.form_input .wpcf7-list-item {
	margin: 0;
}
.form_input .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}
.form_input .wpcf7-list-item-label {
	font-weight: 600;
}
/* input[file] */
.form_input input[type="file"] {
	font-size: 14px;
}
/* validation */
.form_input .wpcf7-not-valid-tip {
	font-size: 0.875rem;
	margin: 5px 0 0;
}
/* turnstile */
.form_turnstile {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}
/* agree */
.form_agree {
	text-align: center;
	margin: 40px 0 0;
}
.form_agree .wpcf7-list-item {
	margin: 0;
}
.form_agree label {
	display: flex;
	align-items: center;
	gap: 12px;
}
.form_agree .wpcf7-list-item-label {
	font-size: 0.813rem;
}
.form_agree .wpcf7-form-control-wrap {
	margin-right: 8px;
}
.form_agree a {
	color: var(--mainColor4);
	text-decoration: underline;
}
.form_agree input[type="checkbox"] {
	width: 21px;
	height: 21px;
	cursor: pointer;
}
/* submit */
.form_submit {
	position: relative;
	width: min(350px, 100%);
	text-align: center;
	margin: 45px auto 0;
}
.form_submit input[type="submit"] {
	width: 100%;
	height: 65px;
	border-radius: 10px;
	font-size: 20px;
	color: #fff;
	transition: .3s;
	background: var(--mailBtnBg);
}
.contact_form._entry .form_submit input[type="submit"] {
	background: var(--recruitFleshColor);
}
@media screen and (min-width: 1025px) {
	.form_submit input[type="submit"]:hover {
		background :#0b52d8;
	}
}
.form_submit .wpcf7-spinner {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
	.form_input {
		/* border: 1px solid #D7DCE2; */
		gap: 25px!important;
	}
	.form_input .inputRow._yourAffiliation {
		margin-bottom: initial;
	}
	.form_input .inputRow._address {
		gap: 5px;
	}
	.form_input .inputRow {
		flex-flow: column;
		align-items: flex-start;
		gap: 10px;
		border-bottom: transparent;
	}
	.form_input .inputRow:last-child {
		border-bottom: transparent;
	}
	.form_input .inputRow._schoolInfo,
	.form_input .inputRow._address,
	.form_input .inputRow._desiredNumberOfPeople, 
	.form_input .inputRow._mt,
	.form_input .inputRow._mt2 {
		margin-top: initial;
	}
	.form_input .inputItem {
		display: inline-flex;
		justify-content: flex-start;
		width: auto;
		padding: 0px;
		border-right: transparent;
		gap: 0;
	}
	.form_input .inputItem ._must {
		top: 1px;
		right: -52px;
		left: unset;
	}
	.form_input .inputItem ._note {
		position: initial;
		max-width: 157px;
		margin-top: 5px;
		padding: initial;
		left: 0;
	}
	.form_input .inputValue {
		flex: unset;
		width: 100%;
	}
	.form_input .inputValueNote {
		position: initial;
		margin-bottom: 10px;
	}
	.form_input .wpcf7-form-control-wrap {
		width: 100%;
	}
	/* input[text, tel, email], textarea */
	.form_input input[type="text"], .form_input input[type="tel"], .form_input input[type="email"], .form_input textarea {
		font-size: 1rem;
	}
	.form_input .inputValue._notMax input,
	.form_input .inputValue._notMax2 {
		max-width: 400px;
	}
	.form_input textarea {}
	.form_input input::placeholder, .form_input textarea::placeholder {}
	/* input[checkbox, radio] */
	.form_input input[type="checkbox"], .form_input input[type="radio"] {}
	.form_input .wpcf7-form-control {}
	.form_input .wpcf7-list-item {}
	.form_input .wpcf7-list-item label {
	}
	.form_input .wpcf7-list-item-label {
		flex: 1;
	}
	/* input[file] */
	.form_input input[type="file"] {}
	/* validation */
	.form_input .wpcf7-not-valid-tip {margin: 7px 0 0;}
	/* agree */
	.form_agree {}
	.form_agree .wpcf7-list-item {}
	.form_agree label {}
	.form_agree .wpcf7-list-item-label {}
	.form_agree input[type="checkbox"] {}
	/* submit */
	.form_submit {
		margin: 30px auto 0;
		width: 100%;
		max-width: var(--maxWidth300);
	}
	.form_submit input[type="submit"] {
		height: 55px;
		font-size: 1.125rem;
		font-weight: 600;
		border-radius: 10px;
	}
	.form_submit .wpcf7-spinner {}
}
/*
Privacy Policy
----------------------------------------------------------------*/
.form_pp {
	margin: 60px 0 0;
	width: 100%;
	height: 270px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #cecece;
	padding: 30px 33px;
	overflow: auto;
}
.form_pp dl {}
.form_pp dt {
	font-size: 15px;
}
.form_pp dd {
	font-size: 13px;
	line-height: 22px;
	margin: 20px 0 0;
}
@media screen and (max-width: 1024px) {
	.form_pp {
		margin: 60px 0 0;
		width: 100%;
		height: 250px;
		padding: 30px 15px;
	}
	.form_pp dl {}
	.form_pp dt {
		font-size: 15px;
	}
	.form_pp dd {}
}
/*
Thanks & 404
====================================*/
.thanks_section {
	overflow: hidden;
	padding: 80px 0 150px;
}
.thanks_section .inner {}
.thanks_section .blk {}
.thanks_section .headBlk {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 20px 0;
	background: var(--contentsBg);
}
.thanks_section .head {
	text-align: center;
	font-size: 24px;
}
.thanks_section .mainBlk {
	margin: 35px 0 0;
}
.thanks_section .mainDesc {
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.error_section {
	overflow: hidden;
	padding: 80px 0 150px;
}
.error_section .inner {}
.error_section .blk {}
.error_section .headBlk {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 20px 0;
	background: var(--contentsBg);
}
.error_section .head {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
}
.error_section .head span {
	font-size: 22px;
	display: block;
}
.error_section .mainBlk {
	margin: 35px 0 0;
}
.error_section .mainDesc {
	font-size: 14px;
	line-height: 26px;
	text-align: center;
}
.thanks_section .linkBlk, .error_section .linkBlk {
	text-align: center;
	margin: 45px 0 0;
}
.thanks_section .linkBlk a, .error_section .linkBlk a {
	display: inline-block;
	width: 250px;
	line-height: 40px;
	font-size: 14px;
	border: solid 1px var(--mainColor);
	border-radius: 30px;
}
@media screen and (min-width: 1025px) {
	.thanks_section .linkBlk a:hover, .error_section .linkBlk a:hover {
		opacity: 1;
		background: var(--mainColor);
		color: #fff;
	}
}
@media screen and (max-width: 1024px) {
	.thanks_section {
		padding: 60px 0 90px;
	}
	.thanks_section .inner {}
	.thanks_section .blk {}
	.thanks_section .headBlk {
		padding: 15px 0;
	}
	.thanks_section .head {
		text-align: center;
		font-size: 20px;
	}
	.thanks_section .mainBlk {
		margin: 30px 0 0;
	}
	.thanks_section .mainDesc {
		line-height: 24px;
	}
	.thanks_section .linkBlk {
		margin: 40px 0 0;
	}
	.error_section {
		padding: 40px 0 90px;
	}
	.error_section .inner {}
	.error_section .blk {}
	.error_section .headBlk {}
	.error_section .head {
		font-size: 24px;
	}
	.error_section .head span {
		font-size: 16px;
	}
	.error_section .mainBlk {
		margin: 30px 0 0;
	}
	.error_section .mainDesc {
		line-height: 24px;
	}
	.thanks_main .linkBlk a, .error_section .linkBlk a {}
}
/*====================================

3. Header

====================================*/
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 80px;
	box-shadow: 0px 2px 7px rgba(51, 51, 51, 0.2);
	background: white;
}
header .inner {
	height: 100%;
	padding: 12px clamp(0.938rem, -3.256rem + 6.55vw, 2.063rem) 0 clamp(0.938rem, -7.216rem + 12.73vw, 3.125rem);
}
header .blk {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: clamp(0.625rem, -4.034rem + 7.27vw, 1.875rem);
	height: 100%;
}
header .logoBlk {
	flex-shrink: 0;
	display: flex;
}
header .logoBlk a {}
header .logoBlk a img {
	height: clamp(1.563rem, -0.301rem + 2.91vw, 2.063rem);
}
@media screen and (min-width: 1025px) {
	header .menuBlk {
		display: flex;
		flex-shrink: 0;
		height: 100%;
	}
	header .menuBlk nav {}
	header .menuBlk nav > ul {
		position: relative;
		display: flex;
		gap: clamp(0.625rem, -1.239rem + 2.91vw, 1.125rem);
		height: 100%;
	}
	header .menuBlk nav > ul > li {
		display: flex;
		align-items: center;
		height: 100%;
	}
	header .menuBlk nav > ul > li > a {
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
		font-weight: 600;
		font-size: clamp(0.875rem, 0.642rem + 0.36vw, 0.938rem);
	}
	header .menuBlk nav > ul > li > a._active {
		color: #008633;
	}
	header .menuBlk nav > ul > li a:hover {
		color: #008633;
		opacity: 1;
	}
	header .menuBlk nav > ul > li:not(._entry):not(._recruit):not(._customerSupport) > a::before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		height: 4px;
		width: 0%;
		background: linear-gradient(to right, #37c62c 0%, #0ca700 100%);
		transition: .5s;
	}
	header .menuBlk nav > ul > li:not(._recruit):not(._customerSupport):hover > a::before {
		left: 0;
		right: unset;
		width: 100%;
	}
	header .menuBlk nav > ul > li > ul {
		position: absolute;
		top: calc(100% + 15px);
		left: 0;
		z-index: -1;
		display: grid;
		column-gap: 30px;
		row-gap: 25px;
		grid-template-columns: repeat(3, 1fr);
		width: 100%;
		padding: 30px 25px;
		box-shadow: 0px 2px 10px rgba(51, 51, 51, 0.2);
		border-radius: 15px;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		pointer-events: none;
	}
	header .menuBlk > nav > ul > li._parent:hover > ul {
		opacity: 1;
		visibility: visible;
		pointer-events: initial;
	}
	header .menuBlk nav > ul > li > ul::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 100%;
		display: inline-block;
		width: 100%;
		height: 15px;
	}
	header .menuBlk nav > ul > li > ul > li {}
	header .menuBlk nav > ul > li > ul > li._top {
	    grid-area: 1/1/2/4;
	}
	header .menuBlk nav > ul > li > ul > li._top2 {
	    grid-area: 4/1/5/4;
	}
	header .menuBlk nav > ul > li > ul > li > a {
		position: relative;
		display: block;
		padding: 0 0 5px;
		font-size: 14px;
	}
	header .menuBlk nav > ul > li > ul > li._top > a,
	header .menuBlk nav > ul > li > ul > li._top2 > a {
		font-weight: 600;
	}
	header .menuBlk nav > ul > li > ul > li > a:hover {
		opacity: initial;
	}
	header .menuBlk nav > ul > li > ul > li > a::before {
		content: '';
		position: absolute;
		top: unset;
		transform: unset;
		bottom: 0;
		left: 0;
		height: 1px;
		width: 100%;
		background: #d7dce2;
	}
	header .menuBlk nav > ul > li > ul > li._top > a::before,
	header .menuBlk nav > ul > li > ul > li._top2 > a::before {
		background: #b1c9f0;
	}
	header .menuBlk nav > ul > li > ul > li > a::after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		height: 1px;
		width: 0%;
		background: linear-gradient(to right, #37c62c 0%, #0ca700 100%);
		transition: .5s;
	}
	header .menuBlk nav > ul > li > ul > li > a:hover::after {
		left: 0;
		right: unset;
		width: 100%;
		background: linear-gradient(to right, #37c62c 0%, #0ca700 100%);
	}
	header .menuBlk nav > ul > li._recruit {
		margin-left: 1px;
	}
	header .menuBlk nav > ul > li._recruit > a {
		display: flex;
		align-items: center;
	}
	header .menuBlk nav > ul > li._recruit > a {
		overflow: hidden;
		position: relative;
		z-index: 1;
		display: grid;
		place-items: center;
		width: clamp(5rem, -2.455rem + 11.64vw, 7rem);
		height: 53px;
		border-radius: 35px;
		font-size: clamp(0.875rem, 0.642rem + 0.36vw, 0.938rem);
		color: white;
		background: var(--mainColorGradient3);
	}
	header .menuBlk nav > ul > li._recruit > a::before {
		content: '';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		transition: .3s;
		opacity: 0;
		background: linear-gradient(#00a7e5 0%, #0372c4 100%);
	}
	header .menuBlk nav > ul > li._recruit > a:hover::before {
		opacity: 1;
	}
	header .menuBlk nav > ul > li._customerSupport {
		margin-left: calc(0px - clamp(0rem, -3.028rem + 4.73vw, 0.813rem));
	}
	header .menuBlk nav > ul > li._customerSupport > a {
		display: flex;
		align-items: center;
	}
	header .menuBlk nav > ul > li._customerSupport > a {
		overflow: hidden;
		position: relative;
		z-index: 1;
		display: grid;
		place-items: center;
		width: clamp(7.188rem, 2.528rem + 7.27vw, 8.438rem);
		height: 53px;
		border-radius: 35px;
		font-size: clamp(0.875rem, 0.642rem + 0.36vw, 0.938rem);
		color: white;
		background: var(--mainColorGradient);
	}
	header .menuBlk nav > ul > li._customerSupport > a::before {
		content: '';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		transition: .3s;
		opacity: 0;
		background: linear-gradient(#70de68 0%, #21b216 100%);
	}
	header .menuBlk nav > ul > li._customerSupport > a:hover::before {
		opacity: 1;
	}
	header .menuBlk nav > ul > li._side {
		position: fixed;
		top: calc(var(--headerH) + 168px);
		right: 0;
		display: inline-block;
		height: initial;
	}
}
@media screen and (max-width: 1024px) {
	header {
		height: 55px;
		box-shadow: none;
	}
	header .inner {
		background: white;
		padding: 0 4%;
		box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
		margin: auto;
	}
	header .blk {}
	header .logoBlk {}
	header .logoBlk a {}
	header .logoBlk a img {
		height: 30px;
	}
	header .menuBlk {
		position: absolute;
		top: var(--headerH, 55px);
		left: 0;
		height: calc(100dvh - var(--headerH, 55px));
		z-index: -1;
		width: 100%;
		background: white;
		overflow: auto;
		padding: 0 0 64px;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		display: block;
		flex-shrink: unset;
	}
	header .menuBlk::-webkit-scrollbar {
		display: none;
	}
	header._menuOpen .menuBlk {
		opacity: 1;
		visibility: visible;
	}
	header .menuBlk > * {}
	header .menuBlk nav {}
	header .menuBlk nav > ul {
		display: block;
	}
	header .menuBlk nav > ul > li {
		position: relative;
		display: block;
		height: auto;
	}
	header .menuBlk nav > ul > li > span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 56.45px;
		cursor: pointer;
	}
	header .menuBlk nav > ul > li > a {
		display: flex;
		font-size: 15px;
		padding: 15px calc(4% + 27px );
		color: #fff;
		background: var(--mainColorGradient);
	}
	header .menuBlk nav > ul > li._parent > a {
		position: relative;
	}
	header .menuBlk nav > ul > li._parent::before {
		content: '';
		position: absolute;
		top: 18px;
		left: 4%;
		transform: translateY(0%);
		z-index: 1;
		width: 19px;
		aspect-ratio: 1/1;
		transition: .3s;
		background-image: url(./images/icon_arrow01_bgBlue01.svg);
		background-repeat: no-repeat;
		background-position: left top 50%;
	}
	header .menuBlk nav > ul > li._parent::before {
		transform: translateY(0%);
	}
	header .menuBlk nav > ul > li._parent._childOpen::before {
		transform: rotateX(180deg);
	}
	header .menuBlk nav > ul > li > ul {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin: 0;
		transition: .3s;
		position: unset;
		background: unset;
		box-shadow: unset;
		min-width: unset;
		opacity: unset;
		visibility: unset;
	}
	header .menuBlk nav > ul > li > ul {
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	header .menuBlk nav > ul > li > ul::-webkit-scrollbar {
		display: none;
	}
	header .menuBlk nav > ul > li._childOpen > ul {}
	header .menuBlk nav > ul > li > ul > li {
		height: 0;
		transition: .3s;
	}
	header .menuBlk nav > ul > li._childOpen > ul > li {
		height: 55px;
	}
	header .menuBlk nav > ul > li > ul > li > a {
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
		padding: 0 calc(4% + 30px);
		font-size: 14px;
		color: var(--mainColor6);
		background: #e7f8e5;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
	}
	header .menuBlk nav > ul > li > ul > li > a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: calc(4% + 17px);
		transform: translateY(-50%);
		width: 7px;
		height: 1px;
		background: var(--mainColor6);
	}
	header .menuBlk nav > ul > li > ul > li:not(:first-child) > a {
		border-top: dotted 2px #7bd574;
	}
	header._menuOpen .menuBlk nav > ul > li._childOpen > ul > li > a {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	header .menuBlk nav > ul > li._recruit > a {
		background: var(--mainColorGradient3);
	}
	header .menuBlk nav > ul > li._recruit > ul > li > a {
		color: var(--mainColor5);
		background: #EAF9FF;
	}
	header .menuBlk nav > ul > li._recruit > ul > li:not(:first-child) > a {
		border-top: dotted 2px #69bfff;
	}
	header .menuBlk nav > ul > li.__recruit > ul > li > a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: calc(4% + 17px);
		transform: translateY(-50%);
		width: 7px;
		height: 1px;
		background: var(--mainColor6);
	}
	header .mbMenuBlk {
		position: relative;
		right: -11px;
		height: 100%;
		aspect-ratio: 1/1;
		cursor: pointer;
	}
	header .mbMenuBlk::before {
		content: 'MENU';
		color: var(--mainColor4);
		font-size: 11px;
		position: absolute;
		right: 11.5px;
		top: 7px;
	}
	header .mbMenuBdrBlk, .mbMenuBdrBlk span {
		display: inline-block;
		box-sizing: border-box;
	}
	header .mbMenuBdrBlk {
		position: absolute;
		top: calc(50% + 7px);
		left: 50%;
		width: 29px;
		height: auto;
		transform: translate(-50%, -50%);
	}
	header .mbMenuBdrBlk:focus:not(:focus-visible) {
		outline: none;
	}
	header .mbMenuBdrBlk::before, .mbMenuBdrBlk::after {
		content: '';
	}
	header .mbMenuBdrBlk::before, .mbMenuBdrBlk::after, .mbMenuBdrBlk span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: var(--mainColor4);
		border-radius: 4px;
		transition: .2s;
	}
	header .mbMenuBdrBlk::before {
		transform: rotate(45deg) scaleX(0);
	}
	header .mbMenuBdrBlk::after {
		transform: rotate(-45deg) scaleX(0);
	}
	header .mbMenuBdrBlk span:nth-of-type(1) {
		top: -8px;
		transition-delay: .2s;
	}
	header .mbMenuBdrBlk span:nth-of-type(2) {
		top: 0px;
		transition-delay: .2s;
	}
	header .mbMenuBdrBlk span:nth-of-type(3) {
		top: 8px;
		transition-delay: .2s;
	}
	header._menuOpen .mbMenuBdrBlk::before {
		transform: rotate(45deg) scaleX(1);
		transition-delay: .2s;
	}
	header._menuOpen .mbMenuBdrBlk::after {
		transform: rotate(-45deg) scaleX(1);
		transition-delay: .2s;
	}
	header._menuOpen .mbMenuBdrBlk span {
		transform: scaleX(0);
		transition-delay: 0s;
	}
}
/*====================================

4. Main

====================================*/
main {
	margin: var(--headerH, clamp(4.063rem, 0.568rem + 5.45vw, 5rem)) 0 0;
}
@media screen and (max-width: 1024px) {
	main {
		margin: var(--headerH, 55px) 0 0;
	}
}
/*====================================

5. Footer

====================================*/
footer {
	overflow: hidden;
	padding: clamp(1.875rem, 1.307rem + 2.42vw, 3.125rem) 0 0;
	background: #FCFAF6;
}
@media screen and (max-width: 1024px) {
	footer {
	}
}
footer .inner {}
footer .box {}
footer .logoBox {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%) clamp(1.875rem, 1.733rem + 0.61vw, 2.188rem);
	text-align: center;
	border-bottom: 1px solid #49b441;
}
@media screen and (max-width: 1024px) {
	footer .logoBox {
		border-bottom: initial;
	}
}
footer .logoBox a {display: inline-flex;flex-flow: column;width: min(clamp(15.313rem, 13.324rem + 8.48vw, 19.688rem), 100%);font-size: 15px;font-weight: 600;}
footer .logoBox a img {
}
footer .logoBox a p {
	text-align: center;
	font-size: clamp(0.813rem, 0.727rem + 0.36vw, 1rem);
}
footer .menuBox {padding: 40px 0;}
footer .menuBox > ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 40px;
}
footer .menuBox > ul> li {}
footer .menuBox > ul> li:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
}
footer .menuBox > ul> li:nth-child(2) {
	grid-area: 1 / 2 / 3 / 3;
}
footer .menuBox > ul> li:nth-child(3) {
	grid-area: 1 / 3 / 2 / 4;
}
footer .menuBox > ul> li:nth-child(4) {
	grid-area: 2 / 3 / 3 / 4;
}
footer .menuBox > ul> li:nth-child(5) {
	grid-area: 1 / 4 / 2 / 5;
}
footer .menuBox > ul> li:nth-child(6) {
	grid-area: 2 / 4 / 3 / 5;
}
footer .menuBox > ul> li:nth-child(7) {
	grid-area: 1 / 5 / 2 / 6;
}
footer .menuBox > ul> li:nth-child(8) {
	grid-area: 2 / 5 / 3 / 6;
}
footer .menuBox > ul> li:nth-child(9) {
	grid-area: 1 / 6 / 2 / 7;
}
footer .menuBox > ul> li:nth-child(10) {grid-area: 2 / 6 / 3 / 7;}
footer .menuBox > ul> li > a {
	display: block;
	padding-bottom: 3px;
	font-size: 15px;
	border-bottom: 1px solid #49b441;
	font-weight: 600;
}
@media screen and (min-width: 1025px){
	footer .menuBox > ul> li a:hover {
		opacity: 1;
		color: #008633;
	}
}
footer .menuBox > ul> li > ul {
	margin-top: 7px;
}
footer .menuBox > ul> li > ul > li {}
footer .menuBox > ul> li > ul > li > a {
	font-size: 13px;
}
footer .bottomBox {
	margin: 0 calc(50% - 50vw);
	padding: clamp(0.938rem, 0.511rem + 1.82vw, 1.875rem) 4% 50px;
	color: #fff;
	background: var(--mainColor4);
}
footer .copyrightBox {}
footer .copyrightBox p {
	text-align: center;
	font-size: 12px;
}
footer .recaptchaBox {}
footer .recaptchaBox p {font-size: 12px;}

/*====================================

6. Common Style

====================================*/
/*
6.1 Single
====================================*/
.cmn_bgColor {
	background-color: var(--contentsBg);
}
.cmn_outer {
	padding: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem) 0;
}
.cmn_outer._top {
	padding: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem) 0 0;
}
.cmn_inner {
	max-width: 1200px;
	padding: 0 50px;
	margin: auto;
}
.cmn_inner._small {
	max-width: 750px;
	padding: 0;
}
.cmn_link1 {
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: min(340px, 100%);
	min-height: clamp(3.5rem, 3.415rem + 0.36vw, 3.688rem);
	font-size: clamp(0.938rem, 0.852rem + 0.36vw, 1.125rem);
	color: #fff;
	border-radius: 50px;
	background: var(--mainColorGradient);
}
.cmn_link1::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	transition: .3s;
	opacity: 0;
	background: linear-gradient(#70de68 0%, #21b216 100%);
}
@media screen and (min-width: 1025px){
	.cmn_link1:hover {
		opacity: 1;
	}
	.cmn_link1:hover::before {
		opacity: 1;
	}
}
.cmn_link1 span {
	position: relative;
	padding-left: clamp(2.063rem, 1.92rem + 0.61vw, 2.375rem);
}
.cmn_link1 span::before {
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%) rotate(-90deg);
	display: inline-block;
	width: clamp(1.375rem, 1.318rem + 0.24vw, 1.5rem);
	aspect-ratio: 1/1;
	transition: .3s;
	background-image: url(
		./images/icon_arrow01_bgBlue01.svg);
	background-repeat: no-repeat;
	background-position: left top 50%;
	background-size: 100%;
}
.cmn_link1:hover span::before {
	content:'';
	left: 5px;
}
.cmn_formWrap {
	padding: clamp(0.938rem, -0.767rem + 7.27vw, 4.688rem) clamp(0.938rem, -2.756rem + 15.76vw, 9.063rem);
	box-shadow: 0px 2px 6px rgba(196, 201, 208, 0.5);
	background: #fff;
}
.cmn_formBox {
	padding: clamp(1.875rem, 0.739rem + 4.85vw, 4.375rem) clamp(0.938rem, -0.625rem + 6.67vw, 4.375rem);
	border: 1px solid #b1c9f0;
}
@media screen and (min-width: 1025px) {
	.cmn_link1 span {}
}
/*head*/
.cmn_head1 {
	font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
	line-height: 1.4;
}
.cmn_head2 {
	font-size: clamp(1.125rem, 0.898rem + 0.97vw, 1.625rem);
	line-height: 1.692;
}
@media screen and (max-width: 1024px) {
	.cmn_head2 {
		line-height: 1.6;
	}
}
.cmn_head3 {
	margin-bottom: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
	font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
	border-bottom: 1px solid var(--mainColor3);
}
.cmn_taCenter {
	text-align: center;
}
/*title*/
.cmn_title1 {
	font-size: 24px;
}
/*text*/
.cmn_lead1 {
	margin-bottom: clamp(1.875rem, 1.733rem + 0.61vw, 2.188rem);
}
/*font-size*/
.cmn_textFs17px {
	font-size: clamp(0.875rem, 0.79rem + 0.36vw, 1.063rem);
}
@media screen and (max-width: 1024px) {
	.cmn_inner {
		width: 92%;
		max-width: var(--maxWidth768);
		padding: 0;
	}
	.cmn_link1 {
		width: 100%;
		max-width: var(--maxWidth300);
	}
	.cmn_link1:before {
	}
	/*head*/
	.cmn_head1 {
	}
	/*title*/
	.cmn_title1 {
		font-size: 18px;
	}
	/*text*/
	.cmn_text1 {
		font-size: 14px;
		line-height: 1.6;
	}
}
/*
6.2 Section
====================================*/
/* table */
.cmn_table > dl {
	background: white;
}
.cmn_table > dl > div {
	display: flex;
	flex-flow: wrap;
	border-top: 1px solid #dde0e3;
}
.cmn_table > dl > div:last-child {
	border-bottom: 1px solid #dde0e3;
}
.cmn_table > dl > div > * {}
.cmn_table > dl > div > dt {
	width: 225px;
	padding: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem) 0;
	padding-left: clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	background: var(--tableItemBg);
}
.cmn_table > dl > div > dd {
	padding: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem) clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	flex: 1;
}
.cmn_table > dl > div > dd a {
	color: #1249a3;
}
.cmn_table > dl > div > dd a:not([href^="tel"]) {
	text-decoration: underline;
}
.cmn_table > dl > div > dd a[href^="tel"] {
	color: inherit;
}
/* lower top */
.cmn_top {
	position: relative;
	z-index: 1;
	width: 100%;
	aspect-ratio: 1400/356;
	background-position: center;
	background: var(--mainColorGradient);
}
.cmn_top._type2 {
	position: relative;
	aspect-ratio: 1400/143;
}
@media screen and (max-width: 1024px) {
	.cmn_top {
		height: clamp(7.5rem, 2.444rem + 21.57vw, 16.25rem);
		aspect-ratio: initial;
	}
	.cmn_top._type2 {
		height: clamp(5.625rem, 2.375rem + 13.87vw, 11.25rem);
	}
}
.cmn_top .imgBox {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 66.7%;
	max-width: 1150px;
	height: 100%;
	text-align: right;
}
@media screen and (max-width: 1024px) {
	.cmn_top .imgBox {
		width: 62%;
	}
	#quality .cmn_top .imgBox,
	#sustainability .cmn_top .imgBox {
		width: 50%;
	}
}
.cmn_top .imgBox img {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1024px) {
	#factory .cmn_top .imgBox img {
		object-position: left;
	}
}
.cmn_top .inner {
	height: 100%;
}
.cmn_top .box {
	height: 100%;
}
.cmn_top .headBox {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
.cmn_top .headBox > ._head {
	font-size: clamp(1.25rem, 0.824rem + 1.82vw, 2.188rem);
	color: #fff;
	text-shadow: 0px 1px 6px var(--mainColor6);
}
#jobDescription .cmn_top,
.cmn_top._recruit {
	background: #69bfff;
}
#jobDescription .cmn_top .headBox > ._head,
.cmn_top._recruit .headBox > ._head{
	text-shadow: 0px 3px 6px var(--mainColor4);
}
.cmn_top._type2 .headBox {
	display: inline-flex;
}
.cmn_top._type2 .headImgBox {
    position: absolute;
    bottom: 0;
}
.cmn_top._type2 .headImgBox._type1 {
    left: calc(100% + 5px);
    width: clamp(3.438rem, 2.614rem + 3.52vw, 5.25rem);
}
.cmn_top._type2 .headImgBox._type2 {
    left: 100%;
    width: clamp(4.375rem, 3.352rem + 4.36vw, 6.625rem);
}
.cmn_top._type2 .headImgBox._type3 {
    left: 100%;
    width: clamp(3.75rem, 2.756rem + 4.24vw, 5.938rem);
}

/*in-page-link*/
.cmn_inPageLink {
    padding: clamp(2.5rem, 0.694rem + 7.7vw, 5.625rem) 0 0!important;
}
.cmn_inPageLink .inner {}
.cmn_inPageLink .box {}
.cmn_inPageLink .box > ul {
	display: flex;
	flex-flow: wrap;
	gap: clamp(0.5rem, 0.33rem + 0.73vw, 0.875rem) clamp(0.5rem, 0.443rem + 0.24vw, 0.625rem);
	padding: 0 30px;
}
@media screen and (max-width: 1024px) {
	.cmn_inPageLink .box > ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		padding: initial;
	}
}
.cmn_inPageLink .box > ul._center {
	justify-content: center;
}
.cmn_inPageLink .box > ul > li {
	width: 100%;
	max-width: 200px;
}
.cmn_inPageLink .box > ul > li > a {
	display: block;
	padding: 5px;
	font-size: clamp(0.813rem, 0.784rem + 0.12vw, 0.875rem);
	text-align: center;
	border-radius: 30px;
	color: var(--mainColor6);
	background: #E7F8E5;
}
@media screen and (max-width: 1024px) {
	.cmn_inPageLink .box > ul > li {
		width: 100%;
		max-width: initial;
	}
}
.cmn_inPageLink .box > ul._recruit > li > a {
	color: #1249a3;
	background: #ddf5ff;
}
.cmn_inPageLink .box > ul > li > a span {
	display: inline-block;
	padding-left: 23px;
	background-image: url(./images/icon_arrow01_bgWhite01.svg);
	background-repeat: no-repeat;
	background-position: left top 50%;
	background-size: 17px;
}
@media screen and (max-width: 1024px) {
	.cmn_inPageLink .box > ul > li > a span {
		display: block;
		padding-left: 12px;
		background-image: url(./images/icon_arrow01_bgWhite01.svg);
		background-repeat: no-repeat;
		background-position: left 2px top 50%;
		background-size: 17px;
	}
}
.cmn_inPageLink .box > ul._recruit > li > a span {
	background-image: url(./images/icon_arrow01_bgWhite02.svg);
}
/*overview*/
.cmn_overview {}
.cmn_overview .inner {}
.cmn_overview .box {}
.cmn_overview .headBox {}
.cmn_overview .headBox > ._head {
	font-size: clamp(1.25rem, 0.682rem + 2.42vw, 2.5rem);
	line-height: 1.4;
}
.cmn_overview .mainBox {
	margin-top: clamp(1.25rem, 0.966rem + 1.21vw, 1.875rem);
}
.cmn_overview .mainBox > p {}
/*section*/
.cmn_section1 {}
.cmn_section1 .inner {}
.cmn_section1 .box {}
.cmn_section1 .headBox {}
.cmn_section1 .headBox > ._head {}
.cmn_section1 .mainBox {
	gap: clamp(1.563rem, 0.739rem + 3.52vw, 3.375rem);
}
.cmn_section1 .mainImgBox {
	width: calc(50% - 82px);
}
.cmn_section1 .mainImgBox img {
	border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
}
@media screen and (max-width: 1024px) {
	.cmn_section1 .mainImgBox {
		width: 100%;
		margin: auto;
		text-align: center;
	}
	.cmn_section1 .mainImgBox img {
		width: 100%;
	}
}
.cmn_section1 .mainTextBox {
	flex: 1;
}
.cmn_section1 .mainTextBox > ._head {}
.cmn_section1 .mainTextBox > p,
.cmn_section1 .mainTextBox dl{
	margin-top: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem);
	line-height: 2;
}
.cmn_section1 .mainTextBox dl {
    display: grid;
    gap: 25px;
}
.cmn_section1 .mainTextBox dl > div {}
.cmn_section1 .mainTextBox dl dt {}
.cmn_section1 .mainTextBox dl dd {
	margin-top: 8px;
	line-height: 2;
}
@media screen and (max-width: 1024px) {
	/* table */
	.cmn_table > dl {
	}
	.cmn_table > dl > div {
		display: flex;
		flex-flow: wrap;
	}
	.cmn_table > dl > div:last-child {
	}
	.cmn_table > dl > div > * {
	}
	.cmn_table > dl > div > dt {
		width: 100%;
		border-right: transparent;
	}
	.cmn_table > dl > div > dd {
		flex: unset;
		width: 100%;
	}
	.cmn_table > dl > div > dd a {}
	.cmn_table > dl > div > dd a[href^="tel"] {}
}
/*====================================

7. Module

====================================*/
.mod_modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100dvh;
	padding: 0 40px;
	background-color: rgb(51, 51, 51, 65%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
@media screen and (max-width: 1024px) {
	.mod_modal {
		padding: initial;
	}
}
.mod_modal._open {
	transition: all .5s;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.mod_modal .inner {
	position: relative;
	min-width: 50%;
	max-height: 90%;
	padding: 60px clamp(0.938rem, 0.795rem + 0.61vw, 1.25rem);
	border-radius: 10px;
	background: #fff;
}
@media screen and (max-width: 1024px) {
	.mod_modal .inner {
		max-width: initial;
	}
}
.mod_modal .blk {
	position: relative;
}
.mod_modal .closeBtn {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #000;
	background: #fff;
	pointer-events: auto;
	cursor: pointer;
	transition: all .3s;
}
.mod_modal .closeBtn::before, .mod_modal .closeBtn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 2px;
	background: #000;
	border-radius: 4px;
	transition: all .3s;
}
.mod_modal .closeBtn::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.mod_modal .closeBtn::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1025px) {
	.mod_modal .closeBtn:hover {
		background: #000;
		opacity: 1;
	}
	.mod_modal .closeBtn:hover::before, .mod_modal .closeBtn:hover::after {
		background: #fff;
	}
}
.mod_modal .mainBlk {
	display: none;
	max-height: calc((100dvh - 10dvh) - 120px);
	padding: 0 clamp(0rem, -0.568rem + 2.42vw, 1.25rem);
	overflow: auto;
}
.mod_modal .mainBlk._active {
	display: block;
}
.mod_contact {
	padding: 35px 0;
	background-image: url(./images/module_contact_bg01.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mod_contact .inner {}
.mod_contact .box {}
.mod_contact .mainBox {
	overflow: hidden;
	padding: 35px 15px 30px;
	border-radius: 15px;
	background: rgb(255 255 255 / 85%);
}
.mod_contact .mainBox > p {
	text-align: center;
}
.mod_contact .mainLinkBox {
	margin: 15px 0 0;
	text-align: center;
}
.mod_contact .mainLinkBox a {
	width: min(488px, 100%);
	height: 80px;
	font-size: 20px;
}
.mod_contact .mainLinkBox a span {
	display: grid;
	place-content: center;
	height: 100%;
	margin-left: 50px;
}
.mod_contact .mainLinkBox a img {
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 77px;
}
.mod_fixedLink {
	position: fixed;
	top: calc(80px + 168px);
	right: 0;
	z-index: 1;
	display: flex;
	flex-flow: column;
	gap: 7px;
}
.mod_fixedLink a {
	display: grid;
	place-items: center;
	width: 50px;
	height: 113px;
	color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	letter-spacing: 4px;
}
.mod_fixedLink a._jobDescription {
	background: #0fa3ff;
}
.mod_fixedLink a._applicationForEmployment {
	background: #0672de;
}
/* page top */
.mod_pageTop {
    position: fixed;
    right: 50px;
    bottom: -90px;
    transition: .3s;
}
.mod_pageTop._active {
    bottom: 20px;
}
.mod_pageTop a {
	display: inline-grid;
	place-items: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	color: #fff;
	background: #7bd574;
}
@media screen and (max-width: 1024px) {
	.mod_pageTop {
	    position: fixed;
	    right: 4%;
	    bottom: -90px;
	    transition: .3s;
	}
	.mod_pageTop._active {
	    bottom: 20px;
	}
	.mod_pageTop a {
		width: 50px;
		height: 50px;
	}
}
@media screen and (max-width: 1024px) {
	.mod_fixedLinkMb {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    z-index: 99999;
	    display: flex!important;
	    flex-flow: nowrap;
	    justify-content: center;
	    gap: 4px;
	    width: 100%;
	    height: 64px;
	    padding: 8px;
	    background: rgb(255 255 255 / 72%);
	}
	.mod_fixedLinkMb a {
		all: initial;
		max-width: 219px;
	}
	.mod_fixedLinkMb a._tel {
	    width: 50px;
	}
	.mod_fixedLinkMb a._page {
	    display: grid;
	    place-items: center;
	    flex-grow: 1;
	    height: 100%;
	    border-radius: 5px;
	    color: #fff;
	    font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
	}
	.mod_fixedLinkMb a._customerSupport {
	    background: var(--mainColorGradient);
	}
	.mod_fixedLinkMb a._applicationForEmployment {
	    background: var(--mainColorGradient3);
	}
	.mod_fixedLinkMb a span {
		position: relative;
		padding-left: 24px;
		background-image: url(./images/icon_mail01.svg);
		background-repeat: no-repeat;
		background-position: left top 50%;
		background-size: 18px;
	}
	.mod_fixedLinkMb a._customerSupport span {
		margin-left: 32px;
	}
	.mod_fixedLinkMb a._customerSupport span::before{
		content:'';
		position: absolute;
		bottom: -13px;
		left: -48px;
		display: inline-block;
		width: 46px;
		height: 38px;
		background-image: url(./images/module_fixedLink_icon01.svg);
		background-repeat: no-repeat;
		background-position: left top 50%;
		background-size: 100%;
	}
}
.mod_recruitLink {
	margin-top: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem);
}
.mod_recruitLink > div._jobDescription {
	background: linear-gradient(#eaf9ff 0%, #85cafd 100%);
}
.mod_recruitLink > div._applicationForEmployment {
	background: linear-gradient(#e8f2fd 0%, #81b9ff 100%);
}
.mod_recruitLink > div {
	flex: 1;
	padding: clamp(1.875rem, 1.023rem + 3.64vw, 3.75rem) 15px;
}
@media screen and (max-width: 1024px) {
	.mod_recruitLink > div {
		width: 100%;
		flex: initial;
	}
}
.mod_recruitLink > div p {
	text-align: center;
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
}
.mod_recruitLink > div a {
	display: grid;
	place-items: center;
	width: min(488px, 100%);
	min-height: clamp(4.375rem, 4.091rem + 1.21vw, 5rem);
	margin: auto;
	margin-top: 15px;
	border-radius: 50px;
	font-size: clamp(0.938rem, 0.795rem + 0.61vw, 1.25rem);
	color: #fff;
}
.mod_recruitLink > div a span {
	padding-left: clamp(1.938rem, 1.767rem + 0.73vw, 2.313rem);
	background-repeat: no-repeat;
	background-position: left top 50%;
	background-size: clamp(1.313rem, 1.142rem + 0.73vw, 1.688rem);
}
.mod_recruitLink > div._jobDescription a {
	background: var(--mainColorGradient3);
}
.mod_recruitLink > div._applicationForEmployment a {
	background: linear-gradient(#1696f4 0%, #054acb 100%);
}
.mod_recruitLink > div._jobDescription a {
	background: var(--mainColorGradient3);
}
.mod_recruitLink > div._applicationForEmployment a {
	background: linear-gradient(#1696f4 0%, #054acb 100%);
}
.mod_recruitLink > div._jobDescription a span {
	background-image: url(./images/icon_arrow01_bgWhite03.svg);
}
.mod_recruitLink > div._applicationForEmployment a span {
	background-image: url(./images/icon_arrow01_bgWhite04.svg);
}
/*====================================

8. Page

====================================*/
/*
Top
====================================*/
/*common start*/
/*common end*/
.top_mv {}
.top_mv .inner {
	padding: 27px 50px 0;
}
.top_mv .box {
	overflow: hidden;
	border-radius: 30px 30px 0 0;
}
.top_mv .slideBox {}
/* @keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.add-animation > img {
  animation: zoomUp 10s linear 0s normal both;
} */
.top_mv .slideItemBox > img {
    width: 100%;
}
.top_mv .slideItemDecoBox {
    position: absolute;
    right: 0;
    bottom: 1px;
    transform: translateX(100%);
    width: clamp(6.625rem, 5.545rem + 4.61vw, 9rem);
    aspect-ratio: 144 / 139;
    transition: 2s;
    transition-delay: .5s;
    transition-timing-function: ease-out;
}
.top_mv .add-animation .slideItemDecoBox {
    transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
	.top_mv .add-animation .slideItemDecoBox {
		 transform: translateX(-20%);
	}
}
.top_mv .slideItemDecoBox img {width: 100%;}
.top_mv .slideItemIconBox {
	position: absolute;
	top: calc(50% - 37px);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35%;
	min-width: 261px;
	text-align: center;
}
.top_mv .slideItemIconBox > img {
	display: inline-block;
	width: clamp(5.438rem, 3.761rem + 7.15vw, 9.125rem);
	filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.16));
}
.top_mv .slideItemIconBox > div {
	margin-top: 5px;
}
.top_mv .slideItemIconBox > div._bgWhite {
	position: relative;
	width: 100%;
}
.top_mv .slideItemIconBox > div._bgWhite::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 55px);
	height: calc(100% + 20px);
	z-index: -1;
	border-radius: 15px;
	background: rgb(255 255 255 / 85%);
}
.top_mv .slideItemIconBox > div > img {
	width: 100%;
}
.top_slider {}
.top_slider .inner {}
.top_slider .box {}
.top_slider .mainBox {
	overflow: hidden;
	display: flex;
	padding: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) 0;
	background: var(--mainColorGradient3);
}

@keyframes infinitySlide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.top_slider .mainBox ul {
	display: flex;
	animation: infinitySlide 80s infinite linear 0.5s both;
}
.top_slider .mainBox ul li {
	width: calc(100vw / 7);
	margin-right: 6px;
}
.top_slider .mainBox ul li img {
	border-radius: 10px;
}
.top_info {}
.top_info .inner {}
.top_info .box {}
.top_info .mainBox {
	align-items: stretch;
	gap: clamp(1.125rem, 0.557rem + 2.42vw, 2.375rem);
}
.top_info .mainBox > ._leftBox {
	width: min(267px, 100%);
	padding: clamp(0rem, -1.136rem + 4.85vw, 2.5rem) 0;
	border-top: 1px solid #dde0e3;
	border-bottom: 1px solid #dde0e3;
}
.top_info .mainHeadBox {}
.top_info .mainHeadImgBox {
	text-align: center;
}
.top_info .mainHeadImgBox img {}
.top_info .mainHeadBox ._head {
	margin-top: 2px;
}
.top_info .mainCategoryBox {
	margin-top: 20px;
	padding: 0 clamp(0rem, -1.136rem + 4.85vw, 2.5rem);
}
.top_info .mainCategoryBox ul {
	display: grid;
	gap: clamp(0.313rem, 0.17rem + 0.61vw, 0.625rem);
}
.top_info .mainCategoryBox ul > li {
	display: grid;
	place-items: center;
	min-height: 36px;
	font-size: clamp(0.813rem, 0.784rem + 0.12vw, 0.875rem);
	border-radius: clamp(0.313rem, -0.057rem + 1.58vw, 1.125rem);
	background: transparent;
	color: var(--mainColor5);
	border: 1px solid var(--mainColor5);
	cursor: pointer;
	transition: .3s;
}
.top_info .mainCategoryBox ul > li._active {
	color: #fff;
	border: 1px solid var(--mainColor2);
	background: var(--mainColor2);
}
@media screen and (min-width: 1025px){
	.top_info .mainCategoryBox ul > li:hover {
		color: #fff;
		border: 1px solid var(--mainColor2);
		background: var(--mainColor2);
	}
}
.top_info .mainCategoryBox ul > li > a {}
.top_info .mainLinkBox {
	margin-top: 35px;
}
.top_info .mainLinkBox a {}
.top_info .mainArticleBox {
	flex: 1;
}
.top_info .mainArticleBox article {}
.top_info .mainArticleBox article:not(:first-child){
	border-top: 1px dotted #dde0e3;
}
.top_info .mainArticleBox a {
	justify-content: flex-start;
	padding: 22px 0;
}
.top_info .mainBlk > ._leftBox,
.top_info .mainArticleBox {
	border: 1px solid #dde0e3;
	border-right: initial;
	border-left: initial;
}
@media screen and (min-width: 1025px){
	.top_info .mainArticleBox a:hover {
		opacity: 1;
	}
	.top_info .mainArticleBox a:hover > ._title {
		opacity: 1;
		color: #008633;
	}
}
.top_info .mainArticleBox a > ._date {
	color: var(--mainColor7);
}
.top_info .mainArticleBox a > ._cat {
	display: grid;
	place-content: center;
	min-width: 95px;
	min-height: 22px;
	margin-left: 13px;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: var(--mainColor5);
	border: solid 1px var(--mainColor5);
}
.top_info .mainArticleBox a > ._new {
	font-size: 14px;
	margin-left: 13px;
	color: #f00;
}
.top_info .mainArticleBox a > ._title {
	width: 100%;
	margin-top: 7px;
	font-size: 15px;
	transition: .3s;
}
.top_company {
	position: relative;
}
.top_company .inner {}
.top_company .box {}
.top_company .mainBox {
	align-items: flex-end;
	gap: clamp(1.25rem, -0.028rem + 5.45vw, 4.063rem);
}
.top_company .mainImgBox {
	width: 50%;
}
.top_company .mainImgBox img {
	border-radius: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
}
.top_company .mainTextBox {
	flex: 1;
}
.top_company .mainTextBox >._head {
	line-height: 1.692;
}
.top_company .mainTextBox > p {
	margin-top: clamp(1.25rem, 0.369rem + 3.76vw, 3.188rem);
	line-height: 2.235;
}
.top_company .mainTextLinkBox {
	margin-top: clamp(1.875rem, 0.881rem + 4.24vw, 4.063rem);
}
.top_company .mainTextLinkBox a {}
.top_company .decorationBox {
	position: absolute;
	right: calc(50px + clamp(0rem, -9.375rem + 12.5vw, 6.25rem));
	bottom: -38px;
	z-index: -1;
	width: clamp(9.188rem, 5.693rem + 14.91vw, 16.875rem);
}
.top_company .decorationBox img {}
.top_products {
	margin-top: calc(90px - clamp(0rem, -1.136rem + 4.85vw, 2.5rem));
	padding: clamp(2.5rem, 1.648rem + 3.64vw, 4.375rem) 0 clamp(2.5rem, 2.216rem + 1.21vw, 3.125rem);
	background-image: url(./images/top_products_bg01.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top_products .box {}
.top_products .headBox {}
.top_products .headBox > ._head {
	text-align: center;
}
.top_products .mainBox {
	align-items: stretch;
	gap: clamp(0.625rem, 0.426rem + 0.85vw, 1.063rem);
	margin-top: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem);
}
.top_products .mainPickupBox {
	width: calc(50% - 120px);
}
.top_products .mainPickupBox > ._head {
	border-radius: 15px 15px 0px 0px;
	text-align: center;
	background: var(--mainColor3);
}
.top_products .mainPickupBox > ._head > span {
	position: relative;
	display: inline-grid;
	place-content: center;
	height: clamp(2.313rem, 1.972rem + 1.45vw, 3.063rem);
	font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
	color: #fff;
}
.top_products .mainPickupBox > ._head > span > img {
	position: absolute;
	right: calc(100% - clamp(0.625rem, 0.426rem + 0.85vw, 1.063rem));
	bottom: 0;
	width: clamp(5.688rem, 4.864rem + 3.52vw, 7.5rem);
}
.top_products .mainPickupSlideBox {
	height: calc(100% - 49px);
	padding: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem) clamp(2.813rem, 2.386rem + 1.82vw, 3.75rem);
	background: #fff;
}
.top_products .mainPickupSlideBox a {
	display: grid;
	place-items: center;
}
.top_products .mainPickupSlideBox a img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.top_products .mainListBox {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(0.625rem, 0.426rem + 0.85vw, 1.063rem);
	flex: 1;
}
.top_products .mainListBox a {
	overflow: hidden;
	aspect-ratio: 1/1;
	padding-top: 10px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 1025px){
	.top_products .mainListBox a:hover {
		opacity: 1;
	}
}
.top_products .mainListBox a > div {
	display: grid;
	place-items: center;
	width: calc(100% - 40px);
	height: calc(100% - 30px);
	margin: auto;
	padding: 14px;
}
.top_products .mainListBox a > div > img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
@media screen and (min-width: 1025px){
	.top_products .mainListBox a:hover > div > img {
		opacity: .7;
	}
}
.top_products .mainListBox a p {
	transform: translateY(calc(0px - clamp(0.313rem, 0.17rem + 0.61vw, 0.625rem)));
	font-size: clamp(0.938rem, 0.881rem + 0.24vw, 1.063rem);
	text-align: center;
	font-weight: 600;
	color: var(--mainColor5);
}
.top_products .mainLinkBox {
	margin-top: clamp(2.188rem, 1.989rem + 0.85vw, 2.625rem);
	text-align: center;
}
.top_products .mainLinkBox a {
	border: 2px solid #fff;
}
.top_other {
	position: relative;
	margin-top: 40px;
}
.top_other .inner {}
.top_other .box {}
.top_other .headBox {}
.top_other .headBox > ._head {}
.top_other .main1Box {
	gap: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
	margin-top: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem);
}
.top_other .main1Box > a {
	overflow: hidden;
	flex: 1;
	border-radius: 15px;
}
.top_other .main1ImgBox {}
.top_other .main1ImgBox img {
    width: 100%;
}
.top_other .main1TextBox {
	padding: clamp(0.938rem, 0.739rem + 0.85vw, 1.375rem);
	color: #fff;
	background: var(--mainColorGradient);
}
.top_other .main1TextBox > ._head {
	position: relative;
	padding-left: clamp(2rem, 1.886rem + 0.48vw, 2.25rem);
	font-size: clamp(1.125rem, 1.068rem + 0.24vw, 1.25rem);
	color: #fff;
}
.top_other .main1TextBox > ._head::before {
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0%, -50%) rotate(-90deg);
	display: inline-block;
	width: clamp(1.375rem, 1.318rem + 0.24vw, 1.5rem);
	aspect-ratio: 1/1;
	background-image: url(./images/icon_arrow01_bgBlue01.svg);
	background-repeat: no-repeat;
	background-position: left top 50%;
	background-size: 100%;
}
.top_other .main1TextBox > p {
	margin-top: 10px;
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
	line-height: 1.666;
}
.top_other .main2Box {
	gap: clamp(0.938rem, 0.227rem + 3.03vw, 2.5rem);
	margin-top: clamp(2.5rem, 1.364rem + 4.85vw, 5rem);
}
.top_other .main2Box > a {
	position: relative;
	z-index: 1;
	overflow: hidden;
	align-items: stretch;
	flex: 1;
	aspect-ratio: 530/ 154;
	border-radius: 15px;
	border: 3px solid #67d6ff;
}

.top_other .main2Box > a > ._head {
	position: relative;
	z-index: 1;
	display: grid;
	place-content: center;
	flex: 1;
	font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
	color: #fff;
	white-space: nowrap;
}
.top_other .main2Box > a > ._head::before,
.top_other .main2Box > a > ._head::after {
	content:'';
	position: absolute;
	left: -20px;
	display: inline-block;
	width: calc(100% + 15px);
	height: 100%;
	transform: skewX(
		-16deg);
}
.top_other .main2Box > a > ._head::before {
	z-index: -1;
	background: var(--mainColor3);
}
.top_other .main2Box > a > ._head::after {
	z-index: -2;
	width: calc(100% + 28px);
	background: #0FBEFF;
}
.top_other .main2ImgBox {
	position: relative;
	width: calc(50% + clamp(2.5rem, 1.08rem + 6.06vw, 5.625rem));
}
.top_other .main2ImgBox img {
	position: absolute;
	z-index: -1;
	right: 0;
	width: calc(100% + 42px);
	max-width: initial;
	height: 100%;
}
.top_other .main3Box {
	overflow: hidden;
	align-items: stretch;
	margin-top: clamp(3.125rem, 1.136rem + 8.48vw, 7.5rem);
	border-radius: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
}
.top_other .main3ImgBox {
	width: calc(50% + 120px);
}
.top_other .main3ImgBox img {}
.top_other .main3TextBox {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: clamp(1.25rem, 0.54rem + 3.03vw, 2.813rem) clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	background: linear-gradient(#0f99ff 0%, #ade9ff 100%);
}
.top_other .main3TextBox > ._head {
	color: #fff;
}
.top_other .main3TextImgBox {
	margin-top: 10px;
	text-align: center;
}
.top_other .main3TextImgBox img {
	width: min(60px, 100%);
}
.top_other .main3TextBox > p {
	margin-top: 10px;
	font-size: clamp(1.125rem, 0.898rem + 0.97vw, 1.625rem);
	text-align: center;
	color: #fff;
	font-weight: 600;
	line-height: 1.269;
}
.top_other .main3TextLinkBox {
	width: 100%;
	margin-top: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
}
.top_other .main3TextLinkBox a {
	background: var(--mainColorGradient3);
}
@media screen and (min-width: 1025px){
.top_other .main3TextLinkBox a::before {
		content: '';
		position: absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		transition: .3s;
		opacity: 0;
		background: linear-gradient(#00a7e5 0%, #0372c4 100%);
	}
	.top_other .main3TextLinkBox a:hover::before {
		opacity: 1;
	}
}
.top_other .decorationBox {
	position: absolute;
	top: calc(-28px + clamp(0rem, -0.71rem + 3.03vw, 1.563rem));
	left: calc(50px + clamp(0rem, -9.375rem + 12.5vw, 6.25rem));
	z-index: -1;
	width: clamp(9.375rem, 5.966rem + 14.55vw, 16.875rem);
}
.top_company .decorationBox img {}
@media screen and (max-width: 1024px) {
	.top_mv .inner {
		padding: 21px 4% 0;
	}
	.top_mv .slideItemBox > img {
		height: 457px;
	}
	
	.top_mv .slideItemBox[data-slick-index="1"] > img {
    object-position: 46%;
}
	.top_mv .slideItemBox:nth-child(2) .slideItemIconBox {
		top: calc(50% - 105px);
	}
	.top_slider .mainBox ul li {
		width: calc(100vw / 2.5);
		margin-right: 6px;
	}
	.top_info .mainBox > ._leftBox {
		width: 100%;
		border:initial;
	}
	.top_info .mainCategoryBox ul {
		grid-template-columns: repeat(5, 1fr);
	}
	.top_info .mainLinkBox {
		text-align: center;
	}
	.top_company .mainImgBox {
		width: 100%;
	}
	.top_company .mainTextBox >._head {
		text-align: center;
	}
	.top_company .mainTextLinkBox {
		text-align: center;
	}
	.top_company .decorationBox {
		right: 4%;
	}
	.top_products .mainPickupBox {
		width: 100%;
	}
	.top_products .mainListBox {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
	.top_other .main1Box > a {
		flex: initial;
		width: 100%;
	}
	.top_other .main2Box > a {
		width: 100%;
		flex: initial;
	}
	.top_other .main3Box {
		flex-flow: column-reverse;
		padding-bottom: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
		background: linear-gradient(#0f99ff 0%, #ade9ff 100%);
	}
	.top_other .main3ImgBox {
		width: 100%;
	}
	.top_other .main3TextBox {
		background: initial;
	}
	.top_other .main3TextLinkBox {
		text-align: center;
	}
	.top_other .decorationBox {
		left: 4%;
	}
}
/*
company
====================================*/
/*common start*/
/*common end*/
.company_philosophy {}
.company_philosophy .inner {}
.company_philosophy .box {
	padding: clamp(0.938rem, 0.369rem + 2.42vw, 2.188rem) clamp(0.938rem, -0.057rem + 4.24vw, 3.125rem);
	border-radius: clamp(0.625rem, 0.199rem + 1.82vw, 1.563rem);
	background: #cbf0c7;
}
.company_philosophy .mainBox {
	padding: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem) clamp(0.938rem, 0.227rem + 3.03vw, 2.5rem);
	border-radius: clamp(0.625rem, 0.199rem + 1.82vw, 1.563rem);
	box-shadow: 0px 3px 10px rgba(19, 105, 52, 0.2);
	background: #fff;
}
.company_philosophy .mainImgBox {
    text-align: center;
}
.company_philosophy .mainImgBox img {
    width: clamp(2.813rem, 2.528rem + 1.21vw, 3.438rem);
}
.company_philosophy .mainBox > ._head {
	margin-top: 5px;
	text-align: center;
}
.company_philosophy .mainBox > ._title {
	margin-top: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem);
	color: var(--mainColor5);
	font-weight: 600;
	text-align: center;
}
.company_philosophy .mainBox > ._desc {
	margin-top: clamp(1.25rem, 0.966rem + 1.21vw, 1.875rem);
	text-align: center;
}
.company_greeting {}
.company_greeting .inner {}
.company_greeting .box {}
.company_greeting .headBox {}
.company_greeting .headBox > ._head {}
.company_greeting .mainBox {}
.company_greeting .mainImgBox {}
.company_greeting .mainImgBox img {}
.company_greeting .mainTextBox {}
.company_greeting .mainTextBox > ._head {}
.company_greeting .mainTextBox > p {}
.company_greeting .mainTextNameBox {
    margin-top: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem);
}
.company_greeting .mainTextNameBox > ._company,
.company_greeting .mainTextNameBox > ._person > ._position {
	text-align: right;
}
.company_greeting .mainTextNameBox > ._person {
	font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
	text-align: right;
}
.company_greeting .mainTextNameBox > ._person > ._position {
	margin-right: 14px;
	font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
}
.company_outline {}
.company_outline .inner {}
.company_outline .box {}
.company_outline .headBox {}
.company_outline .headBox > ._head {}
.company_outline .mainBox {
	gap: 54px;
}
.company_outline .mainImgBox {
	width: calc(50% - 82px);
}
.company_outline .mainImgBox img {
	border-radius: 15px;
}
.company_outline .mainTextBox {
	flex: 1;
}
.company_outline .mainTextBox > ._head {}
.company_outline .mainTextBox > ._desc {
	margin-top: 25px;
	line-height: 2;
}
.company_outline .mainTextNameBox {
	margin-top: 25px;
	line-height: 1.4;
}
.company_outline .mainTextNameBox > ._company,
.company_outline .mainTextNameBox > ._person > ._position {
	text-align: right;
}
.company_outline .mainTextNameBox > ._person {
	font-size: 22px;
	text-align: right;
}
.company_outline .mainTextNameBox > ._person > ._position {
	margin-right: 14px;
	font-size: 1rem;
}
.company_access {}
@media screen and (max-width: 1024px) {
	.company_access {
    margin-top: 30px;
}
}
.company_access .inner {
    position: relative;
}
.company_access .decorationBox {
	position: absolute;
	top: calc(50px + 33px);
	right: 50px;
	aspect-ratio: 235/ 134;
}
.company_access .decorationBox img {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.company_access .decorationBox {
		top: -70px;
		right: 0;
		width: 150px;
		text-align: right;
	}
}
.company_access .box {}
.company_access .headBox {}
.company_access .headBox > ._head {}
.company_access .mainBox {}
.company_access .mainBox > p {
}
.company_access .mainMapBox {
	overflow-y: hidden;
	position: relative;
	width: 100%;
	margin-top: clamp(1.875rem, 1.449rem + 1.82vw, 2.813rem);
	padding-top: 56.25%;
}
@media screen and (max-width: 1024px){
	.company_access .mainMapBox {
		padding-top: 75%;
	}
}
.company_access .mainMapBox iframe {
    position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: calc(100% + (150px * 2));
    aspect-ratio: initial;
}
.company_actionPlan {}
.company_actionPlan .inner {}
.company_actionPlan .box {}
.company_actionPlan .headBox {}
.company_actionPlan .headBox > ._head {}
.company_actionPlan .mainBox {
	display: grid;
	gap: clamp(2.813rem, 1.534rem + 5.45vw, 5.625rem);
}
.company_actionPlan .mainBox > div {}
.company_actionPlan .mainTextBox {}
.company_actionPlan .mainTextBox > ._head {
	font-size: clamp(1.063rem, 0.92rem + 0.61vw, 1.375rem);
}
.company_actionPlan .mainTextBox > p {
	margin-top: 17px;
}
.company_actionPlan .mainTableBox {
	margin-top: clamp(1.875rem, 1.591rem + 1.21vw, 2.5rem);
	border-left: 1px solid #dde0e3;
	border-right: 1px solid #dde0e3;
}
.company_actionPlan .mainTableBox dd._box {
	padding: 0;
}
.company_actionPlan .mainTableBox dd > div {
	padding: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem) clamp(0.938rem, 0.057rem + 3.76vw, 2.875rem);
}
.company_actionPlan .mainTableBox dd > div:not(:first-child) {
	border-top: 1px solid #dde0e3;
}
.company_bellchanHistory {}
.company_bellchanHistory .inner {}
.company_bellchanHistory .box {}
.company_bellchanHistory .headBox {}
.company_bellchanHistory .headBox > ._head {}
.company_bellchanHistory .mainBox {}
.company_bellchanHistory .mainImgBox {
	margin-top: clamp(1.875rem, 1.591rem + 1.21vw, 2.5rem);
	padding: clamp(0.938rem, 0.142rem + 3.39vw, 2.688rem) clamp(0.938rem, -1.761rem + 11.52vw, 6.875rem);
	border-radius: clamp(0.625rem, 0.199rem + 1.82vw, 1.563rem);
	background: #4b88ea;
}
.company_bellchanHistory .mainImgBox > div {
	padding: clamp(0.625rem, -0.369rem + 4.24vw, 2.813rem) clamp(0.625rem, -1.932rem + 10.91vw, 6.25rem);
	border-radius: clamp(0.625rem, 0.199rem + 1.82vw, 1.563rem);
	background: #fff;
}
.company_bellchanHistory .mainImgBox img {}
/*
factory
====================================*/
/*common start*/
/*common end*/
.factory_inspection {}
@media screen and (max-width: 1024px) {
	.factory_inspection {
    margin-bottom: clamp(3.75rem, 2.305rem + 6.16vw, 6.25rem);
}
}
.factory_inspection .inner {
	position: relative;
}
.factory_inspection .decorationBox {
	position: absolute;
	left: 50px;
	bottom: -18px;
	z-index: -1;
	width: clamp(10rem, 7.415rem + 11.03vw, 15.688rem);
	aspect-ratio: 252/ 138;
}
.factory_inspection .decorationBox img:first-child {
    top: 0;
    left: 0;
    width: 86%;
}
.factory_inspection .decorationBox img:last-child {
    top: 19%;
    right: -3px;
    width: 38%;
}
@media screen and (max-width: 1024px) {
	.factory_inspection .decorationBox {
		top: calc(100% + clamp(1.25rem, 0.708rem + 2.31vw, 2.188rem));
		left: 50%;
		transform: translateX(-50%);
		bottom: initial;
	}
}
.factory_inspection .decorationBox img {
    position: absolute;
}
.factory_inspection .box {}
.factory_inspection .headBox {}
.factory_inspection .headBox > ._head {}
.factory_inspection .leadBox {}
.factory_inspection .leadBox > p {}
.factory_inspection .mainBox {
	gap: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
	align-items: stretch;
}
.factory_inspection .mainTableBox {
	width: 50%;
}
@media screen and (max-width: 1024px) {
	.factory_inspection .mainTableBox {
		width: 100%;
	}
}
.factory_inspection .mainTableBox dl {}
.factory_inspection .mainTableBox dl > div {}
.factory_inspection .mainTableBox dl dt {
	width: clamp(5.625rem, 5.028rem + 2.55vw, 6.938rem);
	padding: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem) 0;
	padding-left: clamp(0.938rem, 0.71rem + 0.97vw, 1.438rem);
	color: #fff;
	background: var(--mainColor2);
}
.factory_inspection .mainTableBox dl dd {
    flex: 1;
}
.factory_inspection .mainMapBox {
	flex: 1;
	overflow-y: hidden;
	position: relative;
	width: 100%;
}
@media screen and (max-width: 1024px){
	.factory_inspection .mainMapBox {
		padding-top: 75%;
	}
}
.factory_inspection .mainMapBox iframe {
	position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: calc(100% + (150px * 2));
    aspect-ratio: initial;
}
.company_access .mainMapBox {}
.factory_inspection .linkBox {
	margin-top: clamp(2.188rem, 0.625rem + 6.67vw, 5.625rem);
	text-align: center;
}
.factory_inspection .linkBox a {
	overflow: hidden;
	position: relative;
	z-index: 1;
	display: inline-grid;
	place-items: center;
	width: min(537px, 100%);
	height: clamp(4.063rem, 3.778rem + 1.21vw, 4.688rem);
	color: #fff;
	font-size: clamp(1rem, 0.83rem + 0.73vw, 1.375rem);
	border-radius: 50px;
	background: var(--mainColorGradient2);
}
@media screen and (min-width: 1025px){
	.factory_inspection .linkBox a:hover {
		opacity: 1;
	}
}
.factory_inspection .linkBox a::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	background: linear-gradient(#3877de 0%, #0b4db7 100%);
}
@media screen and (min-width: 1025px){
	.factory_inspection .linkBox a:hover::before {
		opacity: 1;
	}
}
/*
quality
====================================*/
/*common start*/
/*common end*/
.quality_sqf .descBox {
	margin-top: clamp(1.875rem, 1.449rem + 1.82vw, 2.813rem);
}
.quality_sqf .descBox dl {
	padding: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem) clamp(0.938rem, -0.256rem + 5.09vw, 3.563rem);
	background: #f4f9ff;
}
.quality_sqf .descBox dl dt {
	font-size: clamp(1.125rem, 1.068rem + 0.24vw, 1.25rem);
	color: #1249a3;
}
.quality_sqf .descBox dl dd {
	margin-top: 15px;
	line-height: 2;
}
@media screen and (max-width: 1024px) {
	.quality_sqf .descBox dl dd {
		line-height: 1.6;
	}
}
.quality_process {
	margin: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem) 0;
	background: #e7f8e5;
}
.quality_process .inner {
    position: relative;
}
.quality_process .decorationBox {
	position: absolute;
	top: -30px;
	right: 50px;
	aspect-ratio: 263/ 134;
}
.quality_process .decorationBox img {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.quality_process .decorationBox {
		top: -45px;
		right: 0;
		width: 160px;
		text-align: right;
	}
}
.quality_process .box {}
.quality_process .headBox {}
.quality_process .headBox > ._head {
    margin-bottom: clamp(0.938rem, 0.795rem + 0.61vw, 1.25rem);
    border: initial;
}
.quality_process .leadBox {}
.quality_process .leadBox > p {}
.quality_process .mainBox {
	display: grid;
	gap: 50px;
}
.quality_process .mainBox dl {
	position: relative;
	align-items: center;
	gap: clamp(0.938rem, 0.341rem + 2.55vw, 2.25rem);
	padding: clamp(1.25rem, 1.136rem + 0.48vw, 1.5rem) clamp(0.938rem, -0.057rem + 4.24vw, 3.125rem);
	filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.1));
	border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
	background: #fff;
}
.quality_process .mainBox dl:not(:last-child)::before {
	content: '';
	position: absolute;
	top: calc(100% + (50px / 2));
	left: calc(50px + (140px / 2));
	transform: translate(-50%, -50%);
	display: inline-block;
	width: 55px;
	height: 20px;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	background: #ade6a8;
}
@media screen and (max-width: 1024px) {
	.quality_process .mainBox dl:not(:last-child)::before {
		left: 50%;
	}
}
.quality_process .mainBox dl dt {
	display: grid;
	place-content: center;
	width: clamp(5rem, 3.295rem + 7.27vw, 8.75rem);
	min-height: clamp(2.813rem, 2.045rem + 3.27vw, 4.5rem);
	color: #fff;
	font-size: clamp(1.125rem, 0.898rem + 0.97vw, 1.625rem);
	border-radius: 10px;
	background: var(--mainColor2);
}
.quality_process .mainBox dl dd {
	flex: 1;
	line-height: 2;
}
@media screen and (max-width: 1024px) {
	.quality_process .mainBox dl dd {
		line-height: 1.6;
	}
}
/*
sustainability
====================================*/
/*common start*/
/*common end*/
.sustainability_eco {
	background: #e7f8e5;
}
.sustainability_eco .inner {}
.sustainability_eco .box {
}
.sustainability_eco .headBox {}
.sustainability_eco .headBox > ._head {}
.sustainability_eco .mainBox {
	position: relative;
	display: grid;
	gap: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
	padding: clamp(1.563rem, 6.67vw, 5rem) clamp(0.938rem, -0.511rem + 6.18vw, 4.125rem) 80px;
	border-radius: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
	background: #fff;
}
.sustainability_eco .mainBox > ._head {
	padding: 8px 13px;
	color: #fff;
	font-size: clamp(1.125rem, 0.983rem + 0.61vw, 1.438rem);
	border-left: solid 9px #64bbfc;
	line-height: 1.4;
	background: var(--mainColor2);
}
.sustainability_eco .mainBox dl {}
.sustainability_eco .mainBox dl dt {
	font-size: clamp(1.063rem, 0.977rem + 0.36vw, 1.25rem);
}
.sustainability_eco .mainBox dl dd {
	margin-top: 10px;
}
.sustainability_eco .mainImgBox {
	margin-top: clamp(1.875rem, 1.733rem + 0.61vw, 2.188rem);
}
.sustainability_eco .mainImgBox img {
    border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
}
.sustainability_eco .mainLinkBox {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem);
}
.sustainability_eco .mainLinkBox img {}
.sustainability_eco .mainLinkBox a {
	color: var(--mainColor4);
	text-decoration: underline;
}
.sustainability_eco .decorationBox {
	position: absolute;
	right: 34px;
	bottom: calc(0px - clamp(1.188rem, 0.847rem + 1.45vw, 1.938rem));
	width: clamp(8.75rem, 6.108rem + 11.27vw, 14.563rem);
	aspect-ratio: 233/ 150;
}
.sustainability_eco .decorationBox img {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.sustainability_eco .decorationBox {
		right: 15px;
	}
}
.sustainability_coexistenceWithProducers {}
.sustainability_coexistenceWithProducers .inner {}
.sustainability_coexistenceWithProducers .box {}
.sustainability_coexistenceWithProducers .headBox {}
.sustainability_coexistenceWithProducers .headBox > ._head {}
.sustainability_coexistenceWithProducers .mainBox {}
.sustainability_coexistenceWithProducers .mainImgBox {}
.sustainability_coexistenceWithProducers .mainImgBox img {
    border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
}
.sustainability_coexistenceWithProducers .mainTextBox {
	margin-top: clamp(1.563rem, 0.852rem + 3.03vw, 3.125rem);
}
.sustainability_coexistenceWithProducers .mainTextBox > ._head {}
.sustainability_coexistenceWithProducers .mainTextBox > p {
	margin-top: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem);
	line-height: 2;
}
.sustainability_coexistenceWithProducers .mainTableBox {
	margin-top: 35px;
}
.sustainability_coexistenceWithProducers .mainTableBox table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
.sustainability_coexistenceWithProducers .mainTableBox table colgroup {}
.sustainability_coexistenceWithProducers .mainTableBox table colgroup col:nth-child(1) {
	width: clamp(9.063rem, 3.949rem + 21.82vw, 20.313rem);
	background: #f4f9ff;
}
.sustainability_coexistenceWithProducers .mainTableBox table th,
.sustainability_coexistenceWithProducers .mainTableBox table td {
	vertical-align: middle;
	padding: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem) clamp(0.938rem, 0.227rem + 3.03vw, 2.5rem);
	border: 1px solid #dde0e3;
}
.sustainability_coexistenceWithProducers .mainTableBox table thead th {
	padding: 17px clamp(0.938rem, 0.227rem + 3.03vw, 2.5rem);
	color: #fff;
	background: var(--mainColor7);
}
.sustainability_coexistenceWithProducers .mainTableBox table td {
}
/*
products
====================================*/
/*common start*/
/*common end*/
.products_list {
	margin-top: 20px;
	background: #e7f8e5;
}
.products_list .inner {}
.products_list .box {}
.products_list .categoryBox {}
.products_list .categoryBox ul,
.products_detail .info5Box ul {
	justify-content: flex-start;
	gap: clamp(0.313rem, 0.142rem + 0.73vw, 0.688rem);
}
.products_list .categoryBox ul li,
.products_detail .info5Box ul li {
	flex: 1;
	max-width: calc((100% - (11px * 5)) / 6);
}
@media screen and (max-width: 1024px) {
	.products_list .categoryBox ul,
	.products_detail .info5Box ul {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
	.products_list .categoryBox ul li,
	.products_detail .info5Box ul li {
		max-width: initial;
	}
}
.products_list .categoryBox ul li a,
.products_detail .info5Box ul li a {
	display: grid;
	place-content: center;
	height: clamp(2.375rem, 2.233rem + 0.61vw, 2.688rem);
	border-radius: clamp(0.313rem, -0.398rem + 3.03vw, 1.875rem);
	color: var(--mainColor3);
	border: 1px solid var(--mainColor2);
	line-height: 1.2;
	padding: 5px;
	box-shadow: 0px 1px 6px rgba(196, 201, 208, 0.4);
	background: #fff;
}
.products_list .categoryBox ul li a._current,
.products_detail .info5Box ul li a._current {
	color: #fff;
	background: var(--mainColor3);
}
@media screen and (min-width: 1025px){
	.products_list .categoryBox ul li a:hover,
	.products_detail .info5Box ul li a:hover {
		color: #fff;
		background: var(--mainColor3);
		opacity: 1;
	}
}
.products_list .headBox {
	margin-top: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem);
}
.products_list .headBox > ._head {
	font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
}
.products_list .mainBox {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: clamp(0.625rem, 0.256rem + 1.58vw, 1.438rem);
	margin-top: clamp(2.188rem, 1.761rem + 1.82vw, 3.125rem);
}
@media screen and (max-width: 1024px) {
	.products_list .mainBox {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
}
.products_list .mainBox._taxonomy {
	margin-top: 15px;
}
.products_list .mainBox a {
	overflow: hidden;
	padding: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
	border-radius: 17px;
	border: 1px solid #7bd574;
	box-shadow: 0px 1px 10px rgba(19, 105, 52, 0.2);
	background: #fff;
}
@media screen and (min-width: 1025px){
	.products_list .mainBox a:hover {
		opacity: 1;
	}
}
.products_list .mainImgBox {
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 1/1;
}
.products_list .mainImgBox img {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}
@media screen and (min-width: 1025px){
	.products_list .mainBox a:hover .mainImgBox img {
		opacity: .7;
	}
}
.products_list .mainBox a > p {
	margin-top: clamp(0.313rem, 0.17rem + 0.61vw, 0.625rem);
	font-weight: 600;
	line-height: 1.5;
}
.products_detail {}
.products_detail .inner {}
.products_detail .box {
	display: grid;
	gap: clamp(2.188rem, 1.051rem + 4.85vw, 4.688rem);
}
.products_detail .info1ImgBox {
	display: grid;
	place-items: center;
	aspect-ratio: 1/1;
	padding: clamp(1.563rem, 0.852rem + 3.03vw, 3.125rem);
	border-radius: 15px;
	border: 1px solid #7bd574;
	background: linear-gradient(#fff 55%, #dffcdb 100%);
} 
.products_detail .info1ImgBox img {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
} 
.products_detail .info1TextBox {}
.products_detail .info1TextBox > ._category {
	display: inline-grid;
	place-items: center;
	min-width: 108px;
	border-radius: 6px;
	border: 1px solid var(--mainColor2);
	color: var(--mainColor4);
	background: #fff;
}
.products_detail .info1TextBox > ._head {
	margin-top: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem);
	font-size: clamp(1.25rem, 0.795rem + 1.94vw, 2.25rem);
	line-height: 1.333;
}
@media screen and (max-width: 1024px) {
	.products_detail .info1TextBox > ._head {
		line-height: 1.6;
	}
}
.products_detail .info1TextBox > ._desc {margin-top: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem);}
.products_detail .info1TextLinkBox {
	margin-top: 20px;
}
.products_detail .info1TextLinkBox a {
	color: var(--mainColor4);
	text-decoration: underline;
}
.products_detail .info2Box {}
.products_detail .info2Box > div {}
.products_detail .info2Box > div > ._head {}
.products_detail .info2Box > div > ._head span {
	font-size: clamp(0.938rem, 0.824rem + 0.48vw, 1.188rem);
}
.products_detail .info2TablekBox {
	margin-top: 17px;
}
.products_detail .info2TablekBox dl {}
.products_detail .info2TablekBox dl > div {}
.products_detail .info2TablekBox dl dt,
.products_detail .info2TablekBox dl dd {
	padding: 20px clamp(0.938rem, 0.625rem + 1.33vw, 1.625rem);
}
.products_detail .info2TablekBox dl dt {
	width: 135px;
	padding-left: clamp(0.938rem, 0.71rem + 0.97vw, 1.438rem)!important;
}
@media screen and (max-width: 1024px) {
	.products_detail .info2TablekBox dl dt {
		width: 100%;
		padding: 15px 0;
	}
}
.products_detail .info2TablekBox dl dd {
}
.products_detail .info3Box {}
.products_detail .info3Box > ._head {}
.products_detail .info3Box > ._note {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-top: 18px;
}
.products_detail .info3Box > ._note span{
	display: inline-block;
	width: 56px;
	height: 29px;
	background: #ffe2ef;
}
.products_detail .info3ListBox {
	margin-top: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem);
}
.products_detail .info3ListBox > ._head {
	font-size: clamp(1rem, 0.801rem + 0.85vw, 1.438rem);
}
.products_detail .info3ListBox > ul {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	margin-top: 13px;
	padding-left: 1px;
}
@media screen and (max-width: 1024px) {
	.products_detail .info3ListBox > ul {
		grid-template-columns: repeat(4, 1fr);
	}
}
.products_detail .info3ListBox > ul > li {
	display: grid;
	place-items: center;
	height: clamp(3.75rem, 3.438rem + 1.33vw, 4.438rem);
	margin-top: -1px;
	margin-left: -1px;
	padding: 5px;
	border: 1px solid #dde0e3;
}
@media screen and (max-width: 1024px) {
	.products_detail .info3ListBox > ul > li {
		line-height: 1.6;
	}
}
.products_detail .info3ListBox > ul > li._selected {
	background: #ffe2ef;
}
.products_detail .info4Box {} 
.products_detail .info4Box > ._head{}
.products_detail .info4ListBox {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: clamp(0.625rem, 0.398rem + 0.97vw, 1.125rem);
	margin-top: 20px;
}
@media screen and (max-width: 1024px) {
	.products_detail .info4ListBox {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
}
.products_detail .info4ListBox > p {
	text-wrap: nowrap;
}
.products_detail .info4ListBox a {
	overflow: hidden;
	padding: clamp(0.625rem, 0.426rem + 0.85vw, 1.063rem);
	border-radius: 17px;
	border: 1px solid #7bd574;
	box-shadow: 0px 1px 10px rgba(19, 105, 52, 0.2);
	background: #fff;
}
@media screen and (min-width: 1025px){
	.products_detail .info4ListBox a:hover {
		opacity: 1;
	}
}
.products_detail .info4ListImgBox {
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 1/1;
}
.products_detail .info4ListImgBox img {
	object-fit: contain;
	max-width: 100%;
	max-height: 100%;
}
@media screen and (min-width: 1025px){
	.products_detail .info4ListBox a:hover .info4ListImgBox img {
		opacity: .7;
	}
}
.products_detail .info4ListBox a > p {
	margin-top: 10px;
	font-weight: 600;
	line-height: 1.5;
}
.products_detail .info5Box ul li {
	max-width: calc((100% - (11px * 4)) / 5);
}
@media screen and (max-width: 1024px) {
	.products_detail .info5Box ul li {
		max-width: initial;
	}
}
.products_detail .info1Box,
.products_detail .info2Box {
	gap: clamp(2.188rem, 1.364rem + 3.52vw, 4rem);
}
.products_detail .cmn_head2 {
	margin-bottom: initial!important;
	padding-bottom: initial;
	border-bottom: initial;
}
.products_detail .info1ImgBox,
.products_detail .info2Box> div:first-child {
	width: calc(50% - 32px);
}
.products_detail .info1TextBox,
.products_detail .info2Box > div:last-child{
	flex: 1;
}
@media screen and (max-width: 1024px) {
	.products_detail .info1ImgBox {
		max-width: var(--maxWidth500);
		margin: auto;
	}
	.products_detail .info1ImgBox,
	.products_detail .info2Box > div:first-child {
		width: 100%;
	}
	.products_detail .info1TextBox,
	.products_detail .info2Box > div:last-child{
		width: 100%;
	}
}
.products_detail .info5Box {}
.products_detail .info5Box > ul {
	margin-top: 20px;
}
@media screen and (max-width: 1024px) {
	.products_detail .info5Box > ul {
		grid-template-columns: repeat(3, 1fr);
	}
}
.products_detail .linkBox {
	text-align: center;
}
.products_detail .linkBox a {
	color: #0353d3;
	border: 1px solid #0353d3;
	background: #fff;
}
.products_detail .linkBox a::before {
	background: linear-gradient(#81b1ff 0%, #5792f2 100%);
}
@media screen and (min-width: 1025px){
	.products_detail .linkBox a:hover {
		color: #fff;
	}
	.products_detail .linkBox a:hover::before {
		opacity: 1;
	}
}
.products_detail .linkBox a span::before {
	transform: translate(0%, -50%);
	background-image: url(./images/icon_arrow01_bgBlue02.svg);
}
/*
soyokaze-kirara
====================================*/
/*common start*/
/*common end*/
.soyokazeKirara_soyokaze {}
.soyokazeKirara_soyokaze .inner {}
.soyokazeKirara_soyokaze .box {}
.soyokazeKirara_soyokaze .topBox {
	margin-bottom: calc(0px - clamp(0.625rem, -0.085rem + 3.03vw, 2.188rem));
}
.soyokazeKirara_soyokaze .topBox img {}
.soyokazeKirara_soyokaze .borderBox {
	position: relative;
	height: clamp(0.375rem, 0.261rem + 0.48vw, 0.625rem);
	background: #fff;
}
.soyokazeKirara_soyokaze .mainBox {
	border: 4px solid #0353d3;
}
.soyokazeKirara_soyokaze .mainItem1Box {}
.soyokazeKirara_soyokaze .mainItem1Box img {
	width: 100%;
}
.soyokazeKirara_soyokaze .mainItem2Box {
	padding: clamp(2.188rem, 1.903rem + 1.21vw, 2.813rem) 0 32px;
	background-image: url(./images/soyokazeKirara_soyokaze_bg01.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.soyokazeKirara_soyokaze .mainItem2Img1Box {
	text-align: center;
}
.soyokazeKirara_soyokaze .mainItem2Img1Box img {
    width: min(clamp(15.625rem, 11.392rem + 18.06vw, 24.938rem), 100%);
}
.soyokazeKirara_soyokaze .mainItem2Box p {
	margin-top: clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem);
	font-size: clamp(1rem, 0.744rem + 1.09vw, 1.563rem);
	line-height: 1.4;
}
.soyokazeKirara_soyokaze .mainItem2Img2Box {
	margin-top: clamp(2.188rem, 1.903rem + 1.21vw, 2.813rem);
	text-align: center;
}
.soyokazeKirara_soyokaze .mainItem2Img2Box img {
	width: min(344px, 70%);
}
.soyokazeKirara_soyokaze .mainItem3Box {
	padding: clamp(0.938rem, -0.398rem + 5.7vw, 3.875rem);
	text-align: center;
}
.soyokazeKirara_soyokaze .mainItem3Box img {}
.soyokazeKirara_soyokaze .mainItem4Box {
	padding: clamp(1.563rem, -0.227rem + 7.64vw, 5.5rem) clamp(0.938rem, -0.398rem + 5.7vw, 3.875rem);
	background: linear-gradient(#e7f8e5 0%, #7bd574 100%);
}
.soyokazeKirara_soyokaze .mainItem4Img1Box {
	text-align: center;
}
.soyokazeKirara_soyokaze .mainItem4Img1Box img {
    width: min(clamp(10rem, 7.415rem + 11.03vw, 15.688rem), 100%);
}
.soyokazeKirara_soyokaze .mainItem4Box > ._head {
	margin-top: 20px;
	color: #0353d3;
}
.soyokazeKirara_soyokaze .mainItem4Wrap1Box {
	margin-top: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem);
	padding: clamp(1.563rem, 0.369rem + 5.09vw, 4.188rem) clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	border-radius: clamp(0.625rem, 0.199rem + 1.82vw, 1.563rem);
	background: #fff;
}
.soyokazeKirara_soyokaze .mainItem4MovieBox {
	gap: clamp(0.938rem, 0.313rem + 2.67vw, 2.313rem);
}
.soyokazeKirara_soyokaze .mainItem4MovieBox > div {
	flex: 1;
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_soyokaze .mainItem4MovieBox > div {
		flex: initial;
	}
}
.soyokazeKirara_soyokaze .mainItem4MovieBox > div > iframe {}
.soyokazeKirara_soyokaze .mainItem4ThemeSongBox {}
.soyokazeKirara_soyokaze .mainItem4ThemeSongBox > ._head {
	margin-top: clamp(1.875rem, 1.591rem + 1.21vw, 2.5rem);
	font-size: clamp(1.125rem, 0.784rem + 1.45vw, 1.875rem);
	color: #0353d3;
}
.soyokazeKirara_soyokaze .mainItem4ThemeSongBox > ._head span {
	font-size: clamp(1rem, 0.886rem + 0.48vw, 1.25rem);
}
.soyokazeKirara_soyokaze .mainItem4ThemeSongTextBox {
	margin-top: 20px;
}
.soyokazeKirara_soyokaze .mainItem4ThemeSongTextBox p {
	flex: 1;
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_soyokaze .mainItem4ThemeSongBox > ._head span {
		display: block;
	}
	.soyokazeKirara_soyokaze .mainItem4ThemeSongTextBox {
		gap: 45px;
	}
	.soyokazeKirara_soyokaze .mainItem4ThemeSongTextBox p {
		flex: initial;
		width: 100%;
	}
}
.soyokazeKirara_soyokaze .mainItem4ThemeSongBox {}
.soyokazeKirara_soyokaze .mainItem4NoteBox {
	position: relative;
	gap: 28px;
	margin-top: clamp(2.188rem, -0.511rem + 11.52vw, 8.125rem);
	padding: clamp(1.563rem, 1.136rem + 1.82vw, 2.5rem) clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	align-items: flex-end;
	background: #f0fcef;
}
.soyokazeKirara_soyokaze .mainItem4NoteTextBox {
	flex: 1;
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_soyokaze .mainItem4NoteTextBox {
		flex: initial;
		width: 100%;
	}
}
.soyokazeKirara_soyokaze .mainItem4NoteTextBox p {
	color: var(--mainColor6);
}
.soyokazeKirara_soyokaze .mainItem4NoteLinkBox {
	width: min(365px, 100%);
}
.soyokazeKirara_soyokaze .mainItem4NoteLinkBox a {
	display: grid;
	place-items: center;
	min-height: 46px;
	padding: 5px;
	border-radius: 50px;
	font-size: 15px;
	color: #fff;
	background: #0353d3;
}
.soyokazeKirara_soyokaze .mainItem4NoteImgBox {
	position: absolute;
	bottom: 90px;
	right: 78px;
	width: clamp(6.25rem, 3.068rem + 13.58vw, 13.25rem);
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_soyokaze .mainItem4NoteLinkBox {
		margin: auto;
		margin-top: 30px;
	}
	.soyokazeKirara_soyokaze .mainItem4NoteLinkBox a {
    padding: 10px;
    line-height: 1.5;
}
	.soyokazeKirara_soyokaze .mainItem4NoteImgBox {
		position: absolute;
		bottom: 78px;
		right: clamp(0.625rem, -5.339rem + 25.45vw, 6.875rem);
		width: 90px;
	}
}
.soyokazeKirara_soyokaze .mainItem4NoteImgBox img {}
.soyokazeKirara_soyokaze .mainItem4ThemeSongBox > ._head,
.soyokazeKirara_soyokaze .mainItem4ThemeSongTextBox p {
	padding: 0 clamp(0rem, -0.71rem + 3.03vw, 1.563rem);
}
.soyokazeKirara_kirara {}
.soyokazeKirara_kirara .inner {}
.soyokazeKirara_kirara .box {
	padding-bottom: clamp(1.875rem, 0.17rem + 7.27vw, 5.625rem);
	border: 4px solid #0353d3;
}
.soyokazeKirara_kirara .headBox {
	padding: clamp(1.563rem, 0.37rem + 5.09vw, 2.813rem) clamp(0.938rem, 0.398rem + 2.3vw, 2.125rem) clamp(1.563rem, 1.201rem + 1.54vw, 2.188rem);
	background: #0353d3;
}
.soyokazeKirara_kirara .headLeftBox {
	padding-top: clamp(1.563rem, -4.661rem + 9.71vw, 2.625rem);
}
.soyokazeKirara_kirara .headLeftBox img {}
.soyokazeKirara_kirara .headCenterBox {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.soyokazeKirara_kirara .headCenterBox > p {
	display: grid;
	place-items: center;
	width: min(429px, 100%);
	min-height: 48px;
	padding: 1px;
	font-size: clamp(1.25rem, -1.313rem + 4vw, 1.688rem);
	font-weight: 600;
	border-radius: 40px;
	background: #fff614;
}
.soyokazeKirara_kirara .headCenterBox > ._head {
	align-items: center;
	margin-top: 10px;
	font-size: clamp(3.125rem, -6.027rem + 14.29vw, 4.688rem);
	color: #fff;
	line-height: 1;
	letter-spacing: -7px;
}
.soyokazeKirara_kirara .headCenterBox > ._head span {
	font-size: clamp(2.188rem, -3.304rem + 8.57vw, 3.125rem);
	color: #fff;
}
.soyokazeKirara_kirara .headRightBox {}
.soyokazeKirara_kirara .headRightBox img {}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_kirara .headBox {
    align-items: center;
}
	.soyokazeKirara_kirara .headLeftBox {
		order: 2;
		width: 50%;
		padding: 5px;
		text-align: right;
	}
	.soyokazeKirara_kirara .headCenterBox {
		order: 1;
		width: 100%;
	}
	.soyokazeKirara_kirara .headCenterBox > p {
    font-size: clamp(1.125rem, 0.8rem + 1.39vw, 1.688rem);
}
	.soyokazeKirara_kirara .headCenterBox > ._head {
    font-size: clamp(2.813rem, 1.729rem + 4.62vw, 4.688rem);
    letter-spacing: -4px;
}
	.soyokazeKirara_kirara .headCenterBox > ._head span {
    font-size: clamp(1.688rem, 0.857rem + 3.54vw, 3.125rem);
}
	.soyokazeKirara_kirara .headRightBox {
		order: 3;
		width: 50%;
		padding: 10px;
	}
}
.soyokazeKirara_kirara .mainBox {
	position: relative;
	margin-top: 60px;
}
.soyokazeKirara_kirara .mainTextBox {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_kirara .mainBox {
		margin-top: 30px;
	}
	.soyokazeKirara_kirara .mainTextBox {
		position: relative;
		top: initial;
		z-index: 1;
		margin-bottom: -35%;
		padding: 0 15px;
	}
}
.soyokazeKirara_kirara .mainTextBox > ._head {
	font-size: clamp(1.125rem, -0.187rem + 5.6vw, 2.5rem);
}
.soyokazeKirara_kirara .mainTextBox > p {
	margin-top: clamp(0.938rem, 0.369rem + 2.42vw, 2.188rem);
}
.soyokazeKirara_kirara .mainImgBox {}
.soyokazeKirara_kirara .mainImgBox img {}
.soyokazeKirara_kirara .commitmentBox {
	margin-top: clamp(2.813rem, 1.534rem + 5.45vw, 5.625rem);
}
.soyokazeKirara_kirara .commitmentBox ._head {
	font-size: clamp(1.25rem, 0.909rem + 1.45vw, 2rem);
}
.soyokazeKirara_kirara .commitmentItemsBox {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(0.938rem, 0.511rem + 1.82vw, 1.875rem);
	margin-top: clamp(1.875rem, 1.591rem + 1.21vw, 2.5rem);
	padding: 0 clamp(0.938rem, -0.057rem + 4.24vw, 3.125rem);
}
@media screen and (max-width: 1024px) {
	.soyokazeKirara_kirara .commitmentItemsBox {
		grid-template-columns: repeat(1, 1fr);
	}
}
.soyokazeKirara_kirara .commitmentItemBox {
	padding: clamp(1.563rem, 0.787rem + 3.31vw, 2.375rem) clamp(0.938rem, -0.434rem + 5.85vw, 2.375rem);
	border-radius: clamp(0.625rem, 0.398rem + 0.97vw, 1.125rem);
	border: 3px solid #e8895f;
}
.soyokazeKirara_kirara .commitmentItemBox > ._head {
	display: grid;
	place-items: center;
	min-height: clamp(2.5rem, 2.017rem + 2.06vw, 3.563rem);
	padding: 5px;
	border-radius: 30px;
	font-size: clamp(1.125rem, 0.955rem + 0.73vw, 1.5rem);
	color: #Fff;
	text-align: center;
	background: #e8895f;
}
.soyokazeKirara_kirara .commitmentItemBox dl {
	margin-top: clamp(1.25rem, 1.193rem + 0.24vw, 1.375rem);
}
.soyokazeKirara_kirara .commitmentItemBox dl dt {
	font-size: clamp(1rem, 0.83rem + 0.73vw, 1.375rem);
}
.soyokazeKirara_kirara .commitmentItemBox dl dd {
	margin-top: 15px;
}
/*
recruit
====================================*/
/*common start*/
/*common end*/
.recruit_top {
	position: relative;
	aspect-ratio: 1400/494;
}
@media screen and (max-width: 1024px) {
	.recruit_top {
		aspect-ratio: 16/9;
	}
}
.recruit_top::before{
	content:'';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display:inline-block;
	height: 100%;
	width: 47.7%;
	background: linear-gradient(to right, #0f99ff 0%, #4aceff 80.14%, rgba(173, 233, 255, 0) 100%);
}
.recruit_top .imgBox {
	position: absolute;
	right: 0;
	width: 65.9%;
	height: 100%;
	text-align: right;
}
.recruit_top .imgBox img {
	width: 100%;
	height: 100%;
}
.recruit_top .inner {
	position: relative;
	z-index: 1;
	height: 100%;
}
.recruit_top .box {
	height: 100%;
}
.recruit_top .headBox {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	padding-bottom: 36px;
	color: #Fff;
	text-shadow: 0px 3px 6px var(--mainColor4);
}
.recruit_top .headBox > ._head {
	font-size: clamp(1.125rem, 0.642rem + 2.06vw, 2.188rem);
}
.recruit_top .headBox > ._catch {
	margin-top: clamp(0.313rem, -0.199rem + 2.18vw, 1.438rem);
	font-weight: bold;
	font-size: clamp(1.25rem, 0.54rem + 3.03vw, 2.813rem);
}
.recruit_top .headBox > ._desc {
	margin-top: 10px;
	font-size: clamp(0.875rem, 0.506rem + 1.58vw, 1.688rem);
	line-height: 1.296;
}
.recruit_message {
	margin-top: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem);
	background: #eaf9ff;
}
.recruit_message .inner {}
.recruit_message .box {}
.recruit_message .headBox {}
.recruit_message .headBox > ._head {}
.recruit_message .mainBox {
	gap: clamp(1.563rem, 0.767rem + 3.39vw, 3.313rem);
	padding: clamp(1.875rem, 0.455rem + 6.06vw, 5rem) clamp(0.938rem, -0.511rem + 6.18vw, 4.125rem);
	background: #fff;
}
.recruit_message .mainImgBox {
	width: calc(50% - 94px);
}
@media screen and (max-width: 1024px) {
	.recruit_message .mainImgBox {
		width: 100%;
	}
}
.recruit_message .mainImgBox img {
	border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
}
.recruit_message .mainImgBox figcaption {
	margin-top: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
	text-align: center;
}
.recruit_message .mainTextBox {
	flex: 1;
}
.recruit_message .mainTextBox > ._head {
	font-size: clamp(1.125rem, 0.898rem + 0.97vw, 1.625rem);
}
.recruit_message .mainTextBox > p {
	margin-top: 15px;
}
.recruit_training {}
.recruit_training .inner {}
.recruit_training .box {}
.recruit_training .headBox {}
.recruit_training .headBox > ._head{}
.recruit_training .leadBox {}
.recruit_training .leadBox p {}
.recruit_training .mainBox {
	margin-top: clamp(1.875rem, 1.733rem + 0.61vw, 2.188rem);
}
.recruit_training .mainBox dl {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
	gap: clamp(0.938rem, 0.341rem + 2.55vw, 2.25rem);
}
@media screen and (max-width: 1024px) {
	.recruit_training .mainBox dl {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
}
.recruit_training .mainBox dl > div {
	padding: clamp(0.938rem, 0.227rem + 3.03vw, 2.5rem) clamp(0.938rem, 0.085rem + 3.64vw, 2.813rem);
	background: #ebf4ff;
}
.recruit_training .mainBox dl dt {
	font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
	color: #1249a3;
}
.recruit_training .mainBox dl dd {
	margin-top: 5px;
}
.recruit_system {
	background: #eaf9ff;
}
.recruit_system .inner {}
.recruit_system .box {}
.recruit_system .headBox {}
.recruit_system .headBox > ._head{}
.recruit_system .leadBox {}
.recruit_system .leadBox p {}
.recruit_system .mainBox {
	margin-top: 30px;
}
.recruit_system .mainBox dl {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 23px;
}
.recruit_system .mainBox dl > div {
	padding: clamp(1.563rem, 0.994rem + 2.42vw, 2.813rem) clamp(0.938rem, 0.653rem + 1.21vw, 1.563rem) clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem);
	border: 1px solid #a5d2ff;
	border-radius: 17px;
	background: #fff;
}
.recruit_system .mainBox dl dt {
	text-align: center;
}
.recruit_system .mainBox dl dt img {}
.recruit_system .mainBox dl dt span {
	display: grid;
	place-items: center;
	min-height: calc((clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem) * 1.454) * 2);
	margin-top: 9px;
	font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
	text-align: center;
	line-height: 1.454;
}
.recruit_system .mainBox dl dd {
	display: table;
	margin: auto;
	margin-top: clamp(0.625rem, 0.568rem + 0.24vw, 0.75rem);
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
	line-height: 1.666;
}
.recruit_jobIntroduction {}
.recruit_jobIntroduction .inner {}
.recruit_jobIntroduction .box {}
.recruit_jobIntroduction .headBox {}
.recruit_jobIntroduction .headBox > ._head {}
.recruit_jobIntroduction .leadBox {}
.recruit_jobIntroduction .leadBox p {}
.recruit_jobIntroduction .mainBox {
	display: grid;
	gap: clamp(2.813rem, 1.818rem + 4.24vw, 5rem);
}
.recruit_jobIntroduction .mainBox > div {
	gap: clamp(1.563rem, 0.199rem + 5.82vw, 4.563rem);
}
.recruit_jobIntroduction .mainTextBox {
	width: calc(50% + 28px);
}
@media screen and (max-width: 1024px) {
	.recruit_jobIntroduction .mainTextBox {
		width: 100%;
	}
}
.recruit_jobIntroduction .mainTextBox dl {}
.recruit_jobIntroduction .mainTextBox dl dt {
	font-size: clamp(1.125rem, 0.898rem + 0.97vw, 1.625rem);
}
.recruit_jobIntroduction .mainTextBox dl dd {
	margin-top: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
}
.recruit_jobIntroduction .mainImgBox {
	flex: 1;
}
.recruit_jobIntroduction .mainImgBox img {}
.recruit_interview {
	background: #eaf9ff;
}
.recruit_interview .inner {}
.recruit_interview .box {}
.recruit_interview .headBox {}
.recruit_interview .headBox > ._head {}
.recruit_interview .leadBox {}
.recruit_interview .leadBox p {}
.recruit_interview .mainBox {
	display: grid;
	gap: 27px;
}
.recruit_interview .mainBox > div {
	position: relative;
	gap: clamp(1.563rem, 0.284rem + 5.45vw, 4.375rem);
	width: 100%;
	padding: clamp(1.875rem, 0.17rem + 7.27vw, 5.625rem) 0;
	background: #fff;
}
@media screen and (max-width: 1024px) {
	.recruit_interview .mainBox > div {
		padding: clamp(1.875rem, 0.17rem + 7.27vw, 5.625rem) 15px;
	}
}
.recruit_interview .mainBox > div::before,
.recruit_interview .mainBox > div::after {
	content:'';
	position: absolute;
	top: 0;
	display:inline-block;
	height: 100%;
	width: 60px;
	background:white;
}
.recruit_interview .mainBox > div::before{
	right: 100%;
}
.recruit_interview .mainBox > div::after {
	left: 100%;
}
.recruit_interview .mainTextBox {
	width: calc(50% + 76px);
}
@media screen and (max-width: 1024px) {
	.recruit_interview .mainBox > div::before{
		display: none;
	}
	.recruit_interview .mainBox > div::after {
		display: none;
	}
	.recruit_interview .mainTextBox {
		width: 100%;
	}
}
.recruit_interview .mainTextInfoBox {
	align-items: center;
	justify-content: flex-start;
}
.recruit_interview .mainTextInfoBox > ._info1 {
	display: grid;
	place-items: center;
	min-width: clamp(5.625rem, 3.892rem + 7.39vw, 9.438rem);
	min-height: 36px;
	padding: 5px 10px;
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
	color: #fff;
	border-radius: 30px;
	background: #50b4ff;
}
.recruit_interview .mainTextInfoBox > ._info2 {
	margin-left: 23px;
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
}
@media screen and (max-width: 1024px) {
	.recruit_interview .mainTextInfoBox {
		row-gap: 6px;
	}
	.recruit_interview .mainTextInfoBox > ._info1 {
		margin-right: 70%;
	}
	.recruit_interview .mainTextInfoBox > ._info2 {
		margin: initial;
	}
}
.recruit_interview .mainTextInfoBox > ._info3 {
	margin-left: clamp(0.5rem, 0.358rem + 0.61vw, 0.813rem);
	padding-left: clamp(0.5rem, 0.358rem + 0.61vw, 0.813rem);
	font-size: clamp(1rem, 0.943rem + 0.24vw, 1.125rem);
	border-left: 1px solid var(--mainColor3);
	line-height: 1.2;
}
@media screen and (max-width: 1024px) {
	.recruit_interview .mainTextImgBox {
    margin-top: 20px;
}
	.recruit_interview .mainTextImgBox img {}
}
.recruit_interview .mainTextBox dl {
	margin-top: 20px;
}
.recruit_interview .mainTextBox dl dt {
	font-size: clamp(1.125rem, 0.784rem + 1.45vw, 1.875rem);
}
.recruit_interview .mainTextBox dl dd {
	margin-top: 20px;
}
.recruit_interview .mainImgBox {
	display: grid;
	gap: 10px;
	flex: 1;
}
.recruit_interview .mainImgBox img {}
.recruit_matter {}
.recruit_matter .inner {}
.recruit_matter .box {}
.recruit_matter .mainBox {
    text-align: center;
}
.recruit_matter .mainBox iframe {
	width: min(900px, 100%);
}
/*
job-description
====================================*/
/*common start*/
/*common end*/
.jobDescription_main {}
.jobDescription_main._flesh {
	margin-top: clamp(2.813rem, 2.386rem + 1.82vw, 3.75rem);
	background: #eff6ff;
}
.jobDescription_main._career {
	background: #e3f0ff;
}
.jobDescription_main._part {
	background: #eff6ff;
}
.jobDescription_main .inner {}
.jobDescription_main .box {}
.jobDescription_main .headBox {}
.jobDescription_main .headBox > ._head {}
.jobDescription_main .tabBox {
}
.jobDescription_main .tabBox ul {
    display: flex;
    gap: clamp(0.313rem, 0.085rem + 0.97vw, 0.813rem);
    padding: 0 clamp(0.938rem, -1.477rem + 10.3vw, 6.25rem);
}
.jobDescription_main .tabBox ul > li {
    display: grid;
    place-items: center;
    flex: 1;
    max-width: calc((100% - (clamp(0.313rem, 0.085rem + 0.97vw, 0.813rem) * 3)) / 4);
    min-height: clamp(3.125rem, 2.358rem + 3.27vw, 4.813rem);
    padding: 5px 5px;
    border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) 0 0;
    font-size: clamp(0.875rem, 0.619rem + 1.09vw, 1.438rem);
    text-align: center;
    color: #fff;
    line-height: 1.3;
    background: #a4c5eb;
    cursor: pointer;
}
.jobDescription_main .tabBox ul > li._active {
	color: #1249a3;
	background: #fff;
}
@media screen and (min-width: 1025px) {
	.jobDescription_main .tabBox ul > li:hover {
	    color: #1249a3;
		background: #fff;
	}
}
.jobDescription_main .panelBox {
}
.jobDescription_main .mainBox {
	padding: clamp(1.875rem, 0.17rem + 7.27vw, 5.625rem) clamp(0.938rem, -1.477rem + 10.3vw, 6.25rem);
	box-shadow: 0px 1px 15px rgba(196, 201, 208, 0.5);
	background: #fff;
}
.jobDescription_main .mainTableBox {}
.jobDescription_main .mainTableBox dl {}
.jobDescription_main .mainTableBox dl > div {}
.jobDescription_main .mainTableBox dl dt {}
.jobDescription_main .mainTableBox dl dd {}
.jobDescription_main .mainMynaviBox {
    margin-top: 40px;
}
.jobDescription_main .mainMynaviBox p {
    text-align: center;
}
.jobDescription_main .mainMynaviBox > div {
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}
.jobDescription_main .mainMynaviBox a {
    display: table;
    text-align: center;
    width: min(200px, 100%);
}
.jobDescription_main .mainMynaviBox a img {
    height: 60px;
}
@media screen and (max-width: 1024px) {
	.jobDescription_main .mainMynaviBox a img {
	width: 100%;
	height: initial;
	}
}
.jobDescription_main .mainLinkBox {
	margin-top: clamp(2.188rem, 1.903rem + 1.21vw, 2.813rem);
	text-align: center;
}
.jobDescription_main .mainLinkBox a {
	overflow: hidden;
	position: relative;
	z-index:1;
	display: inline-grid;
	place-items: center;
	width: min(375px, 100%);
	min-height: 75px;
	padding: 15px;
	border-radius: 50px;
	font-size: clamp(1.063rem, 0.92rem + 0.61vw, 1.375rem);
	color: #fff;
	background: linear-gradient(#1696f4 0%, #054acb 100%);
}
@media screen and (min-width: 1025px){
	.jobDescription_main .mainLinkBox a:hover {
		opacity: 1;
	}
}
.jobDescription_main .mainLinkBox a::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	background: linear-gradient(#0081e0 0%, #003ba8 100%);
}
@media screen and (min-width: 1025px){
	.jobDescription_main .mainLinkBox a:hover::before {
		opacity: 1;
	}
}
.jobDescription_form {
	background: #eaf9ff;
}
.jobDescription_other {}
.jobDescription_other .inner {}
.jobDescription_other .box {}
.jobDescription_other .headBox {}
.jobDescription_other .headBox > ._head {}
.jobDescription_other .headBox {}
.jobDescription_other .leadBox p {}
.jobDescription_other .mainBox {
	flex-wrap: nowrap;
	gap: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem);
	width: min(900px, 100%);
	margin: auto;
}
@media screen and (max-width: 1024px) {
	.jobDescription_other .mainBox {
		flex-wrap: wrap;
		width: min(200px, 100%);
		margin: auto;
	}
}
.jobDescription_other .mainBox a {}
.jobDescription_other .mainBox a img {
    width: 100%;
}
.jobDescription_flow {}
.jobDescription_flow .inner {}
.jobDescription_flow .box {}
.jobDescription_flow .headBox {}
.jobDescription_flow .headBox > ._head {}
.jobDescription_flow .mainBox {
    display: grid;
    gap: clamp(2.188rem, 1.875rem + 1.33vw, 2.875rem);
}
.jobDescription_flow .mainBox dl {
    position: relative;
    align-items: stretch;
}
.jobDescription_flow .mainBox dl:not(:last-child)::before{
	content:'';
	position: absolute;
	top: calc(100% + (clamp(2.188rem, 1.875rem + 1.33vw, 2.875rem) / 2));
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	width: clamp(3.75rem, 3.267rem + 2.06vw, 4.813rem);
	height: clamp(0.938rem, 0.795rem + 0.61vw, 1.25rem);
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	background: #ade9ff;
}
.jobDescription_flow .mainBox dl dt,
.jobDescription_flow .mainBox dl dd {
    padding: 30px 5px;
}
.jobDescription_flow .mainBox dl dt {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: min(clamp(6.25rem, 3.608rem + 11.27vw, 12.063rem), 100%);
    color: #ffff;
    border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) 0 0 clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
    background: linear-gradient(#159bff 0%, #64bbfc 100%);
}
.jobDescription_flow .mainBox dl dt > ._step {
    font-family: Helvetica;
    font-size: clamp(1.25rem, 1.023rem + 0.97vw, 1.75rem);
    line-height: 1.5;
}
.jobDescription_flow .mainBox dl dt > ._title {
    text-align: center;
    line-height: calc(26/20);
    font-weight: 500;
    font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
}
.jobDescription_flow .mainBox dl dd {
    display: flex;
    align-items: center;
    flex: 1;
    padding: clamp(1.563rem, 1.42rem + 0.61vw, 1.875rem) clamp(0.938rem, 0.341rem + 2.55vw, 2.25rem);
    border-radius: 0 clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem) 0;
    background: #effaff;
}
.jobDescription_flow .mainBox dl dd > div {}
.jobDescription_flow .mainBox dl dd > div > ._list {
    text-indent: -1em;
    margin-left: 1em;
}
.jobDescription_flow .mainBox dl dd > div > ._list:first-letter {
    color: #50B4FF;
}
.jobDescription_flow .mainBox dl dd a {
    color: #1968E8;
}
.jobDescription_form {
	background: #eaf9ff;
}
.jobDescription_form {}
.jobDescription_form .inner {}
.jobDescription_form .box {}
.jobDescription_form .headBox {}
.jobDescription_form .headBox > ._head {}
.jobDescription_form .mainBox {}
.jobDescription_form .mainFormBox {}
/*
お知らせ
====================================*/
/*common start*/
/*common end*/
.info_list .inner {}
.info_list .box {}
.info_list .categoryBox {
	padding: 0 80px;
}
@media screen and (max-width: 1024px) {
	.info_list .categoryBox {
		padding: initial;
	}
}
.info_list .categoryBox ul {
	justify-content: flex-start;
	gap: clamp(0.313rem, 0.17rem + 0.61vw, 0.625rem);
}
.info_list .categoryBox ul li {
	flex: 1;
	max-width: calc((100% - (10px * 4)) / 5);
}
@media screen and (max-width: 1024px) {
	.info_list .categoryBox ul li {
		max-width: initial;
	}
}
.info_list .categoryBox ul li a {
	display: grid;
	place-content: center;
	min-height: 43px;
	color: var(--mainColor5);
	border: solid 1px var(--mainColor5);
	box-shadow: 0px 1px 6px rgba(196, 201, 208, 0.4);
	border-radius: clamp(0.313rem, -0.256rem + 2.42vw, 1.563rem);
	background: #fff;
}
.info_list .categoryBox ul li.current-cat a {
	color: #fff;
	background: var(--mainColor3);
	border: solid 1px var(--mainColor3);
}
@media screen and (min-width: 1025px){
	.info_list .categoryBox ul li a:hover {
		color: #fff;
		background: var(--mainColor3);
		border: solid 1px var(--mainColor3);
		opacity: 1;
	}
}
.info_list .wrapBox1 {
	margin-top: clamp(2.188rem, 1.761rem + 1.82vw, 3.125rem);
}
.info_list .mainBox {}
.info_list .mainBox article {
	border-top: 1px solid #dde0e3;
}
.info_list .mainBox article:last-child {
	border-bottom: 1px solid #dde0e3;
}
.info_list .mainBox a {
	align-items: center;
	gap: clamp(0.625rem, 0.256rem + 1.58vw, 1.438rem);
	padding: clamp(1.25rem, 0.966rem + 1.21vw, 1.875rem) 0;
}
@media screen and (min-width: 1025px){
	.info_list .mainBox a:hover {
		opacity: 1;
	}
	.info_list .mainBox a:hover .mainTextBox ._title {
		color: #008633;
	}
}
.info_list .mainImgBox {
	width: min(139px, 100%);
	aspect-ratio: 139/104;
}
@media screen and (max-width: 1024px) {
	.info_list .mainImgBox {
		width: min(95px, 100%);
	}
}
.info_list .mainImgBox img {
	width: 100%;
	height: 100%;
}
.info_list .mainTextBox {
	justify-content: flex-start;
	align-items: center;
	flex: 1;
}
.info_list .mainTextBox ._title {
	width: 100%;
	margin-top: 10px;
	font-size: clamp(0.875rem, 0.847rem + 0.12vw, 0.938rem);
	transition: .3s;
}
.info_list .mainPnBox {}
.info_detail {}
.info_detail .inner {}
.info_detail .box {}
.info_detail .mainBox {
	padding: clamp(1.875rem, 1.023rem + 3.64vw, 3.75rem) clamp(0.938rem, -1.193rem + 9.09vw, 5.625rem);
	border: 1px solid #d0d3da;
}
.info_detail .mainBox article {}
.info_detail .mainTopBox {
	justify-content: flex-start;
	align-items: baseline;
}
.info_detail .mainBox article > ._head {
	margin-top: 20px;
	padding: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem) 0;
	border-top: 1px solid #d0d3da;
	border-bottom: 1px solid #d0d3da;
	font-size: clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);
	line-height: 1.681;
}
.info_detail .mainContentBox {}
.info_detail .mainContentBox {
	margin-top: clamp(1.563rem, 1.278rem + 1.21vw, 2.188rem);
}
.info_detail .mainContentBox > *:first-child,
.info_detail .mainContentBox > * *:first-child {
	margin-top: 0;
}
.info_detail .mainContentBox p {}
.info_detail .mainContentBox img {
	display: table;
	margin: auto!important;
}
.info_detail .mainContentBox :not(ul):not(li):not(iframe):not(table *) {
	margin: calc(clamp(0.875rem, 0.818rem + 0.24vw, 1rem) * 1.6) 0 0;
}
.info_detail .mainContentBox a {
	color: var(--mainColor);
	text-decoration: underline;
}
.info_detail .pnBox {}
/*,*/
.info_list,
.info_detail {
	margin-top: 20px;
	background: #e7f8e5;
}
.info_list .wrapBox1,
.info_detail .wrapBox1{
	padding: clamp(1.875rem, 0.17rem + 7.27vw, 5.625rem) clamp(0.938rem, -2.33rem + 13.94vw, 8.125rem);
	box-shadow: 0px 2px 6px #d5d5d5;
	background: #fff;
}
.info_list .mainTextBox ._category,
.info_detail .mainTopBox > ._category {
	display: inline-grid;
	place-items: center;
	min-width: clamp(5rem, 4.46rem + 2.3vw, 6.188rem);
	min-height: 28px;
	padding: 1px;
	color: var(--mainColor5);
	font-size: 13px;
	border: 1px solid var(--mainColor5);
	border-radius: 14px;
}
.info_list .mainTextBox ._date,
.info_detail .mainTopBox > ._date {
	margin-left: clamp(0.625rem, 0.426rem + 0.85vw, 1.063rem);
	font-size: clamp(0.813rem, 0.756rem + 0.24vw, 0.938rem);
	color: var(--mainColor7);
}
.info_list .mainTextBox ._new,
.info_detail .mainTopBox > ._new {
	margin-left: clamp(0.625rem, 0.455rem + 0.73vw, 1rem);
	font-size: clamp(0.813rem, 0.756rem + 0.24vw, 0.938rem);
	color: #f00;
}
/*
customer support
====================================*/
/*common start*/
/*common end*/
.customerSupport_form {
	margin-top: clamp(3.75rem, 2.898rem + 3.64vw, 5.625rem);
	background: #e7f8e5;
}
.customerSupport_form .inner {}
.customerSupport_form .box {}
.customerSupport_form .headBox {}
.customerSupport_form .headBox > ._head {}
.customerSupport_form .mainBox {}
.customerSupport_form .mainFormBox {}
.customerSupport_tel {}
.customerSupport_tel .inner {}
.customerSupport_tel .box {}
.customerSupport_tel .mainBox {
	padding: clamp(1.875rem, 1.307rem + 2.42vw, 3.125rem) clamp(0.938rem, -0.767rem + 7.27vw, 4.688rem);
	border-radius: clamp(0.625rem, 0.483rem + 0.61vw, 0.938rem);
	border: 1px solid #1968e8;
	font-weight: 600;
}
.customerSupport_tel .mainBox > ._head {
	padding-bottom: 7px;
	border-bottom: 2px dotted #1968e8;
}
.customerSupport_tel .mainBox > ._text1 {
	margin-top: 25px;
}
.customerSupport_tel .mainBox a {
	display: table;
	margin: auto;
	margin-top: 15px;
	padding-left: clamp(2.5rem, 2.386rem + 0.48vw, 2.75rem);
	font-size: clamp(2.188rem, 1.903rem + 1.21vw, 2.813rem);
	color: var(--mainColor4);
	line-height: 1;
	background-image: url(./images/icon_tel01_bgBlue01.svg);
	background-repeat: no-repeat;
	background-position: left top calc(50% + 2px);
	background-size: clamp(1.875rem, 1.761rem + 0.48vw, 2.125rem);
}
.customerSupport_tel .mainBox > ._text2 {
	margin-top: 20px;
	font-size: clamp(0.875rem, 0.761rem + 0.48vw, 1.125rem);
}
.customerSupport_delivery {
	background: #e7f8e5;
}
.customerSupport_delivery .inner {}
.customerSupport_delivery .box {
}
.customerSupport_delivery .headBox {}
.customerSupport_delivery .headBox > ._head {
	display: grid;
	place-items: center;
	min-height: clamp(3.438rem, 2.983rem + 1.94vw, 4.438rem);
	border-radius: clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem) clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem) 0 0;
	text-align: center;
	color: #fff;
	background: var(--mainColor3);
}
.customerSupport_delivery .mainBox {
	padding: clamp(1.563rem, 0.284rem + 5.45vw, 4.375rem) clamp(0.938rem, -1.477rem + 10.3vw, 6.25rem);
	border-radius: 0 0 clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem) clamp(0.625rem, 0.341rem + 1.21vw, 1.25rem);
	border: 5px solid var(--mainColor3);
	border-top: initial;
	background: #fff;
}
.customerSupport_delivery .main1Box {
	gap: 38px;
}
.customerSupport_delivery .main1TextBox {
	width: calc(50% + 36px);
}
@media screen and (max-width: 1024px) {
	.customerSupport_delivery .main1TextBox {
		width: 100%;
	}
}
.customerSupport_delivery .main1TextBox p {}
.customerSupport_delivery .main1ImgBox {
	flex: 1;
	text-align: center;
}
.customerSupport_delivery .main1ImgBox img {
    width: 60%;
}
@media screen and (max-width: 1024px) {
	.customerSupport_delivery .main1ImgBox img {
    max-width: var(--maxWidth300);
}
}
.customerSupport_delivery .main2Box {
	margin-top: clamp(2.5rem, 1.648rem + 3.64vw, 4.375rem);
}
.customerSupport_delivery .main2HeadBox {
	align-items: center;
	justify-content: flex-start;
	gap: clamp(0.625rem, 0.227rem + 1.7vw, 1.5rem);
}
.customerSupport_delivery .main2HeadBox > ._head {
	font-size: clamp(1.125rem, 0.926rem + 0.85vw, 1.563rem);
}
.customerSupport_delivery .main2HeadBox p {}
.customerSupport_delivery .main2TableBox {
	margin-top: calc(20px - clamp(0rem, -0.284rem + 1.21vw, 0.625rem));
}
.customerSupport_delivery .main2TableBox dl {
	border: 1px solid #dde0e3;
}
.customerSupport_delivery .main2TableBox dl > div {
	display: flex;
}
.customerSupport_delivery .main2TableBox dl > div:not(:first-child) {
	border-top: 1px solid #dde0e3;
}
.customerSupport_delivery .main2TableBox dl dt {
	display: grid;
	width: min(clamp(6.25rem, 3.352rem + 12.36vw, 12.625rem), 100%);
	place-items: center;
	font-weight: 500;
	color: #fff;
	background: var(--mainColor3);
}
.customerSupport_delivery .main2TableBox dl dd {
	flex: 1;
}
.customerSupport_delivery .main2TableBox dl dt,
.customerSupport_delivery .main2TableBox dl dd {
	padding: clamp(1.25rem, 1.108rem + 0.61vw, 1.563rem) clamp(0.938rem, -0.057rem + 4.24vw, 3.125rem);
}
.customerSupport_delivery .main2LeadBox {
	margin-top: 15px;
}
.customerSupport_delivery .main2LeadBox p {}
.customerSupport_delivery .main2Link1Box {
	margin-top: 35px;
}
.customerSupport_delivery .main2Link1Box ul {
	display: grid;
	gap: 10px;
}
.customerSupport_delivery .main2Link1Box ul > li {}
.customerSupport_delivery .main2Link1Box ul > li > a {
	color: var(--mainColor4);
	text-decoration: underline;
}
.customerSupport_delivery .main2Link2Box {
	margin-top: clamp(1.875rem, 1.591rem + 1.21vw, 2.5rem);
	text-align: center;
}
.customerSupport_delivery .main2Link2Box a {
	font-size: clamp(1.063rem, 0.977rem + 0.36vw, 1.25rem);
	color: var(--mainColor4);
	text-decoration: underline;
}
.customerSupport_delivery .mainLinkBox {
	margin-top: clamp(2.5rem, 1.364rem + 4.85vw, 5rem);
	text-align: center;
}
.customerSupport_delivery .mainLinkBox a {
	overflow: initial;
	position: relative;
	width: min(537px, 100%);
	min-height: 75px;
	font-size: clamp(1rem, 0.83rem + 0.73vw, 1.375rem);
	line-height: 1.4;
}
@media screen and (max-width: 1024px) {
	.customerSupport_delivery .mainLinkBox a {
		max-width: 350px;
		padding-right: 2.7em;
	}
}
.customerSupport_delivery .mainLinkBox a img {
	position: absolute;
	right: calc(0px - clamp(0.625rem, -0.653rem + 5.45vw, 3.438rem));
	bottom: calc(0px - clamp(0rem, -0.483rem + 2.06vw, 1.063rem));
	width: clamp(5.313rem, 3.636rem + 7.15vw, 9rem);
}
.customerSupport_delivery .mainLinkBox a span::before {
	width: clamp(1.438rem, 1.324rem + 0.48vw, 1.688rem);
}
.customerSupport_privacyPolicy {}
.customerSupport_privacyPolicy .inner {}
.customerSupport_privacyPolicy .box {}
.customerSupport_privacyPolicy .headBox {}
.customerSupport_privacyPolicy .headBox > ._head {}
.customerSupport_privacyPolicy .mainBox {
	padding: clamp(1.875rem, -0.114rem + 8.48vw, 6.25rem) clamp(0.938rem, -1.477rem + 10.3vw, 6.25rem);
	border: 1px solid #b1c9f0;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
.customerSupport_privacyPolicy .mainBox p {
	font-size: 14px;
	line-height: 1.857;
}
/*テスト*/