@charset "UTF-8";

/* ===============================
	変数定義
=============================== */
:root {
	--base-color: #FFF8DC;
	--brown-color: rgba(242, 135, 5, .3);
	--border-color: #F28705;
	--margin-large: 6rem;
	--margin-medium: 4rem;
	--margin-small: 2rem;
}

/* ===============================
	共通スタイル
=============================== */
article {
	background-color: var(--base-color);
}

/* マージン */
.mts {
	margin-top: var(--margin-small);
}

.mtm {
	margin-top: var(--margin-medium)
}

.mtl {
	margin-top: var(--margin-large);
}

.mt1em {
	margin-top: 1em;
}

/* フレックスコンテナ */
.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	inline-size: 100%;
}

/* 汎用パーツ */
.chevron-right {
	inline-size: .6em;
	block-size: 1em;
}

.marker {
	background: linear-gradient(transparent 60%, var(--brown-color) 50%);
}

.box-shadow {
	box-shadow: 10px 10px 0px 0px var(--brown-color);
}

.fw-b {
	font-weight: bold;
}

.campaign-title {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
	inline-size: max(17%, 21rem);
	max-inline-size: 28rem;
}

.sub-title-block {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 4rem;
}

.sub-title-block img {
	inline-size: 3rem;
}

.sub-title-block span {
	font-size: 2.4rem;
	font-weight: bold;
}

.sns-icon {
	inline-size: 6rem;
}

/* ボタン関連 */

.common-btn a {
	display: grid;
	grid-template-columns: 1fr auto;
	place-content: center;
	align-items: center;
	grid-column-gap: .8em;
	inline-size: 100%;
	block-size: fit-content;
	font-weight: bold;
	border-radius: 40px;
	box-shadow: 5px 5px 0px 0px var(--brown-color);
	border: 2px solid var(--border-color);
	transition: .3s;
}

.application-btn-area {
	text-align: center;
	margin-top: 3rem;
}

.application {
	display: inline-block;
	inline-size: 40rem;
	text-align: center;
}

.application a {
	padding-block: 2rem;
	padding-inline: 3.5rem;
	font-size: 2.4rem;
	color: #fff;
	background-color: #DA5323;
}


.info-bottom-btn {
	display: inline-block;
	inline-size: fit-content;
	margin-top: 3rem;
}

.info-bottom-btn a {
	padding-block: 1rem;
	padding-inline: 3rem;
	font-size: 1.6rem;
	color: #222;
	background-color: #fff;
}


.product-btn {
	display: inline-block;
	inline-size: fit-content;
	margin-top: 3rem;
}

.product-btn a {
	padding-block: 1rem;
	padding-inline: 2.5rem;
	font-size: 1.6rem;
	color: #222;
	background-color: #fff;
}



/* メインビジュアル */
.main-visual {
	background-color: #fff;
	background-image: url(images/bg.png);
	background-size: 20px;
}

.main-visual .base-width {
	max-inline-size: 1400px;
}

/* インフォメーション */

.info {
	position: relative;
}

.info-container {
	padding-block: 10rem 15rem;
}

/* 応募期間 */

.application-priod {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .2em 1.5em;
	inline-size: 68rem;
	padding-block: 1.5rem;
	padding-inline: 1.5%;
	font-size: 2rem;
	font-weight: bold;
	background-color: #fff;
	border: 3px solid var(--border-color);
	border-radius: 30px;
}

.application-priod span:first-of-type {
	color: #DA5323;
}

.application-priod em {
	font-size: 2.8rem;
	font-weight: 500;
}

/* インフォメーション：上段 */

.info-top-text {
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 2;
}

.info-top-text em {
	font-size: 2rem;
	font-weight: bold;
}

.info-present {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 4rem;
	margin-top: 4rem;
}

.info-present-text {
	inline-size: fit-content;
	font-size: 2.1rem;
	line-height: 1.8;
}

.info-present-text span {
	display: block;
	font-size: 1.8rem;
	font-weight: 500;
}

.info-present-list {
	display: flex;
	column-gap: 2rem;
}

.info-present-item {
	max-inline-size: 13rem;
}

.info-present-item span {
	display: block;
	font-size: 1.2rem;
	margin-top: 1rem;
	font-weight: 400;
}

/* インフォメーション：中段 */

.info-middle {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 6rem;
}

.info-middle-text {
	position: relative;
	flex-shrink: 0;
	inline-size: 50rem;
	padding: 2.4rem 3rem;
	margin-right: 5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 5px 5px 0px 0px var(--brown-color);
}

.info-middle-text span.fw-b {
	font-size: 2rem;
}

.info-middle-text::before {
	position: absolute;
	top: 22%;
	right: 0;
	transform: translateX(100%);
	z-index: 2;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 18px 0px 18px 31px;
}

.info-middle-text::after {
	position: absolute;
	top: 24%;
	right: -5px;
	transform: translateX(100%);
	z-index: 1;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent var(--brown-color);
	border-width: 18px 0px 18px 31px;
}

.info-middle-img-container {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 2rem;
	margin-top: 2rem;
}


.info-sns-list {
	display: flex;
	/* margin-top: 5rem; */
	column-gap: 2rem;
}

.info-sns-list li {
	inline-size: 5rem;
}


.info-healsio-img {
	/* position: absolute;
	top: 44%;
	right: 18%; */
	inline-size: 12.4rem;
}

.info-middle-img {
	inline-size: 14rem;
}

.ai-box {
	display: flex;
	align-items: flex-end;
}

.info-shiori {
	align-self: flex-end;
	margin-left: 1em;
	font-size: 1.2rem;
	font-weight: 500;
}

.info-shiori-text {
	margin-left: 3.2rem;
}

.info-shiori span {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
}

.info-container .application-btn-area {
	margin-top: 6rem;
}

/* インフォメーション：下段 */

.info-bottom {
	margin-top: 6rem;
}

.info-bottom-container {
	display: flex;
	justify-content: space-between;
	column-gap: 3rem;
	inline-size: max(72%, 71rem);
	padding: 3rem 3%;
	margin-inline: auto;
	background-color: #fff;
	border-radius: 20px;
}

.info-bottom-img {
	inline-size: 38%;
}

.info-bottom-text-area {
	inline-size: 60%;
}

.info-bottom-title {
	font-size: 2rem;
	font-weight: bold;
}

.info-bottom-text {
	margin-top: 2rem;
}

/* インフォメーション：ボタンエリア */

.ai-btn.sp {
	display: none;
}

.ai-btn {
	display: inline-block;
	inline-size: fit-content;
	margin-top: 1rem;
}

.ai-btn button {
	display: grid;
	grid-template-columns: 1fr auto;
	place-content: center;
	align-items: center;
	grid-column-gap: .8em;
	inline-size: 100%;
	block-size: fit-content;
	padding-block: 1rem;
	padding-inline: 3rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #222;
	text-align: center;
	border-radius: 40px;
	background-color: #fff;
	box-shadow: 5px 5px 0px 0px var(--brown-color);
	border: 2px solid var(--border-color);
	transition: .3s;
}



/* 応募方法 */

.how-to {
	position: relative;
	padding-block: 7rem 17rem;
	background-color: #fff;
	background-image: url(images/bg.png);
	background-size: 20px;
}

.how-container {
	margin-top: 6rem;
	padding: 7rem 3%;
	background-color: #fff;
	border-radius: 30px;
}

.step1,
.step2,
.step3 {
	position: relative;
	padding-top: 8rem;
	margin-bottom: 10rem;
	background-image: repeating-linear-gradient(90deg, #f28705, #f28705 4px, transparent 4px, transparent 12px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 3px;
}

.step-tag {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	inline-size: 20rem;
	font-size: 2rem;
	text-align: center;
	font-weight: 500;
	background-color: #fff;
}

.circle {
	position: absolute;
	top: 50%;
	left: 65%;
	transform: translate(-50%, -50%);
	inline-size: 10rem;
}

.complete .circle {
	left: 50%;
}

.step-tag span {
	font-size: 3.2rem;
	font-family: "futura-pt", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.step1 .step-tag span,
.step2 .step-tag span,
.step3 .step-tag span {
	font-size: 3.8rem;
}

/* ステップ１ */

.step1-text {
	inline-size: 61%;
	margin-inline: auto;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
}

.step1-text-list {
	margin-top: 4rem;
	margin-inline: auto;
	text-align: center;
	font-weight: 500;
}

.step1-img-list {
	margin-top: 4rem;
	display: flex;
	justify-content: space-between;
	column-gap: 3rem;
}

.step1-item {
	inline-size: calc((100% - 60px) / 3);
	text-align: center;
}

.step1-img {
	margin-top: 1rem;
}

.step1-number {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 2rem;
	margin-inline: auto;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}

.step1-number span {
	flex-shrink: 0;
}

.step1-number img {
	inline-size: 3rem;
}

/* ステップ２ */
.step2-text {
	font-size: 2rem;
	text-align: center;
	font-weight: 500;
	line-height: 1.8;
}

.step2-sub-text {
	margin-top: 3rem;
	margin-inline: auto;
	text-align: center;
	font-weight: 500;
}

.step2-sns-list {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	column-gap: 3rem;
}

.step2-caption {
	text-align: center;
	margin-top: 1.5em;
	font-weight: 400;
}

.step2-img-container {
	margin-top: 5rem;
	text-align: center;
}

.step2-img-container img {
	max-inline-size: 70rem;
}

/* ステップ３ */

.step3-text {
	margin-inline: auto;
	font-size: 2rem;
	text-align: center;
	font-weight: 500;
}

.step3-sub-text {
	margin-top: 3rem;
	margin-inline: auto;
	text-align: center;
	font-weight: 500;
}

.step3-caption-list {
	margin-top: 4rem;
	font-size: 1.2rem;
	text-align: center;
	font-weight: 400;
	line-height: 1.8;
}

/* 応募完了 */

.complete {
	position: relative;
	padding-top: 8rem;
	margin-bottom: 3rem;
	background-image: repeating-linear-gradient(90deg, #f28705, #f28705 4px, transparent 4px, transparent 12px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 3px;
}

.complete .step-tag span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
}

.complete-text {
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
}


/* 募集規約 */
.guideline {
	position: relative;
	padding: 7rem 3% 13rem;
}

.guideline-text-container {
	block-size: 50rem;
	padding: 5rem;
	margin-top: 6rem;
	overflow-y: auto;
	border-radius: 10px;
	background-color: #fff;
}

.guideline-title {
	font-size: 2rem;
	font-weight: bold;
}

.guideline-text-list {
	margin-top: 1.5em;
}

.guideline-text-list-title {
	font-size: 1.6rem;
	font-weight: bold;
}

.guideline .application-btn-area {
	margin-top: 6rem;
}

.privacy-link {
	text-decoration: underline;
}

/* スクロールバー（非表示にする） */

.guideline-text-container::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}

/* スクロールバー（simplebarのスタイル） */
.simplebar-content-wrapper:focus {
	outline: 2px solid #116aff;
	outline-offset: -2px;
	border-radius: 10px;
}

.simplebar-scrollbar::before {
	background-color: #F28705;
	width: 5px;
}

.simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
}

/* まかせて調理　ヒストリー */
.history {
	position: relative;
	padding-top: 10rem;
	padding-bottom: 10rem;
	background-color: #fff;
	background-image: url(images/bg.png);
	background-size: 20px;
}

.history-text {
	margin-top: 6rem;
	font-weight: 500;
	font-size: 2rem;
	text-align: center;
}

/* スワイパー */
.history-swiper-outer {
	position: relative;
	max-inline-size: 120rem;
	padding-inline: 5%;
	margin-top: 5rem;
}

.history-swiper-outer .swiper {
	max-inline-size: 105rem;
}

.swiper-slide {
	inline-size: 32.5%;
	padding: 1rem;
	height: auto;
}

.history-card {
	height: 100%;
	padding: 2rem 1.5rem 4rem;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 5px 5px 0px 0px var(--brown-color);
}

.history-year {
	display: block;
	padding-bottom: 2rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #DA5323;
	background-image: repeating-linear-gradient(90deg, #f28705, #f28705 4px, transparent 4px, transparent 12px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 3px;
}

.history-img h5 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.history-img {
	margin-top: 2rem;
}

.history-img img {
	display: block;
	max-inline-size: 20rem;
	margin-inline: auto;
	margin-top: 2rem;
}

.history-img-text {
	font-weight: 400;
	margin-top: 2rem;
}

/* 最後スライド（ヘルシオ2025年） */

.swiper-slide.healsio {
	inline-size: 100%;
}

.healsio-img-container {
	display: flex;
	justify-content: center;
	gap: 4rem;
}

.swiper-slide.healsio .history-img {
	text-align: center;
}

.swiper-slide.healsio .history-card-text {
	text-align: center;
	margin-top: 2rem;
	font-weight: 400;
}

/* スワイパーのボタン */
.slider-next,
.slider-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: block;
	inline-size: 6rem;
	block-size: 6rem;
	background-color: #F28705;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 5px 5px 0px 0px var(--brown-color);
	transition: .3s;
}

.slider-next {
	right: 10px;
}

.slider-prev {
	left: 10px;
}

.slider-next::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translate(-50%, -50%) rotate(-45deg);
	inline-size: 1.5rem;
	block-size: 1.5rem;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.slider-prev::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 53%;
	transform: translate(-50%, -50%) rotate(45deg);
	inline-size: 1.5rem;
	block-size: 1.5rem;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.slider-next.swiper-button-disabled {
	display: none;
}

.slider-prev.swiper-button-disabled {
	display: none;
}


/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {

	/* 汎用パーツ */

	.box-shadow {
		box-shadow: 5px 5px 0px 0px var(--brown-color);
	}

	.sub-title-block span {
		font-size: 1.6rem;
	}

	.application {
		inline-size: 100%;
		max-inline-size: 30rem;
	}

	.application a {
		padding-block: 1.5rem;
		padding-inline: 3rem;
		font-size: 2rem;
	}

	/* メインビジュアル */
	.main-visual .base-width {
		padding-inline: 0;
	}

	/* 応募期間 */

	.application-priod {
		position: static;
		transform: translate(0, 0);
		inline-size: 90%;
		margin: 3rem auto 0;
		font-size: 1.6rem;
		border-radius: 10px;
		line-height: 1.4;
	}

	.application-priod span:first-of-type {
		font-size: 1.8rem;
	}

	.application-priod em {
		font-size: 1.6rem;
	}

	/* インフォメーション：上段 */

	.info-container {
		padding-block: 3rem 5rem;
	}

	.info-top-text {
		font-size: 1.4rem;
		text-align: left;
	}

	.info-top-text em {
		font-size: 1.6rem;
	}

	.info-present {
		flex-direction: column;
		row-gap: 1rem;
		margin-top: 1rem;
	}

	.info-present-text {
		inline-size: 100%;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.8;
	}

	.info-present-list {
		column-gap: 4rem;
	}

	.info-present-text span {
		font-size: 1.4rem;
	}

	/* インフォメーション：中段 */
	.info-middle {
		align-items: center;
		flex-direction: column;
		row-gap: 3rem;
		margin-top: 4rem;
	}

	.info-middle-text {
		inline-size: 100%;
		padding: 2rem 2rem;
		margin-right: 0;
		font-size: 1.4rem;
		text-align: left;
		border-radius: 10px;
	}


	.info-middle-text span.fw-b {
		font-size: 1.8rem;
	}

	.info-middle-text::before {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 50%;
		transform: translateY(100%);
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		border-width: 20px 12px 0px 12px;
		z-index: 2;
	}

	.info-middle-text::after {
		position: absolute;
		top: auto;
		bottom: -5px;
		right: 49%;
		transform: translate(0, 100%);
		width: 0;
		height: 0;
		border-style: solid;
		border-color: var(--brown-color) transparent transparent transparent;
		border-width: 20px 12px 0px 12px;
		z-index: 1;
	}

	.info-middle-img-container {
		margin-top: 1rem;
	}

	.info-sns-list {
		justify-content: center;
		align-items: flex-end;
		column-gap: 2rem;
		margin-top: 0;
	}

	.info-middle-img {
		inline-size: 35%;
		max-inline-size: 8rem;
	}

	.info-healsio-img {
		display: none;
	}

	.ai-box {
		padding-left: 10rem;
		background-image: url(images/copy_img.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 100px;
	}

	.ai-btn.pc {
		display: none;
	}

	.ai-btn.sp {
		display: block;
		margin-inline: auto;
		margin-top: 2rem;
	}

	.info-shiori-text {
		margin-left: 0;
	}


	.info-shiori span {
		font-size: 1.2rem;
	}

	.info-container .application-btn-area {
		margin-top: 6rem;
	}

	/* インフォメーション：下段 */
	.info-bottom-container {
		inline-size: 100%;
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
		border-radius: 10px;
	}



	.info-bottom-img {
		inline-size: 80%;
	}

	.info-bottom-text-area {
		inline-size: 100%;
		text-align: center;
	}

	.info-bottom-text {
		font-size: 1.4rem;
		text-align: left;
	}


	/* 応募方法 */
	.how-to {
		margin-top: 10rem;
		padding-block: 4rem 11rem;
	}

	.how-to .campaign-title {
		inline-size: 12rem;
	}

	.how-container {
		border-radius: 10px;
	}

	.step1,
	.step2,
	.step3 {
		padding-top: 6rem;
	}


	.step-tag {
		inline-size: 11rem;
		font-size: 1.6rem;
	}

	.step-tag span {
		font-size: 1.8rem;
	}

	.step1 .step-tag span,
	.step2 .step-tag span,
	.step3 .step-tag span {
		font-size: 3rem;
	}

	.circle {
		inline-size: 7rem;
	}

	/* ステップ1 */
	.step1-text {
		inline-size: 100%;
		font-size: 1.4rem;
		font-weight: 500;
	}

	.step1-text-list {
		margin-top: 2rem;
		font-size: 1.2rem;
		text-align: left;
	}

	.step1-number {
		font-size: 1.4rem;
	}

	.step1-img {
		inline-size: 90%;
		margin-inline: auto;
	}


	.step1-img-list {
		flex-direction: column;
		row-gap: 2rem;
	}

	.step1-item {
		inline-size: 100%;
	}


	/* ステップ2 */

	.step2-text {
		inline-size: 100%;
		font-size: 1.4rem;
		text-align: left;
	}

	.step2-sns-list {
		margin-top: 2rem;
	}


	.step2-sub-text {
		font-size: 1.2rem;
		text-align: left;
	}

	.step2-caption {
		margin-top: 3rem;
		text-align: left;
	}

	/* ステップ3 */
	.step3-text {
		font-size: 1.4rem;
	}

	.step3-sub-text {
		font-size: 1.2rem;
	}

	.step3-caption-list {
		text-align: left;
	}

	/* 応募完了 */


	.complete {
		margin-bottom: 0;
		padding-top: 6rem;
	}

	.complete-text {
		font-size: 1.4rem;
	}

	/* 募集規約 */
	.guideline {
		padding: 4rem 0 8rem;
	}

	.guideline .campaign-title {
		inline-size: 16rem;
	}

	.guideline-text-container {
		block-size: 60vh;
		padding: 2rem;
	}

	.guideline-title {
		font-size: 1.6rem;
	}

	.guideline-text-list {
		font-size: 1.4rem;
	}

	.guideline-text-list-title {
		font-size: 1.4rem;
	}



	/* まかせて調理　ヒストリー */

	.history {
		padding-top: 4rem;
	}

	.history .campaign-title {
		inline-size: 15rem;
	}

	.history-text {
		margin-top: 2rem;
		font-size: 1.4rem;
	}

	.history-year {
		font-size: 1.8rem;
	}

	.history-img h5 {
		font-size: 1.4rem;
	}

	/* スワイパー */

	.history-swiper-outer {
		padding-inline: 5%;
	}

	.swiper-slide {
		inline-size: 100%;
	}

	.history-img-text {
		margin-top: 1.4rem;
		font-size: 1.4rem;
	}

	.history-img img {
		max-inline-size: 15rem;
	}

	.slider-next,
	.slider-prev {
		width: 4rem;
		height: 4rem;
	}

	.slider-next::after {
		inline-size: 1rem;
		block-size: 1rem;
	}

	.slider-prev::after {
		inline-size: 1rem;
		block-size: 1rem;
	}

	/* 最後スライド（ヘルシオ2025年） */

	.swiper-slide.healsio {
		inline-size: 70rem;
	}

	.swiper-slide.healsio .history-card-text {
		font-size: 1.4rem;
	}

	.product-btn {
		margin-top: 2rem;
	}

	.product-btn a {
		padding-block: .5rem;
		font-size: 1.4rem;
	}

}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {
	:root {
		--margin-large: 8rem;
		--margin-medium: 6rem;
		--margin-small: 4rem;
	}
}

/* ====================================
	タブレット専用スタイル（768px～1079px）
===================================== */
@media screen and (768px <=width < 1080px) {

	/* 応募期間 */

	/* インフォメーション：中段 */
	.info-middle-text {
		inline-size: 39rem;
		font-size: 1.6rem;
	}

	.info-middle-text::before {
		top: 40%;
	}

	.info-middle-text::after {
		top: 42%;
	}

	/* .info-middle-img {
		inline-size: 11rem;
	} */

	/* .info-healsio-img {
		top: 47%;
		right: 8%;
	} */


	/* まかせて調理　ヒストリー */

	.history-swiper-outer .swiper {
		max-inline-size: 90rem;
		padding-inline: 2%;
	}

	.swiper-slide {
		inline-size: 50%;
	}

}

/* ====================================
	PC専用スタイル（1080px～）
===================================== */
@media print,
screen and (1080px <=width) {}



/* ====================================
	ホバーが有効な環境のみ
===================================== */
@media (hover:hover) and (pointer: fine) {
	a:hover {
		text-decoration: none;
	}

	.ai-btn button:hover,
	.product-btn a:hover,
	.info-bottom-btn a:hover,
	.about-shiori-btn a:hover {
		background-color: #DA5323;
		color: #fff;
	}

	.slider-next:hover,
	.slider-prev:hover {
		background-color: #DA5323;
	}

	.application a:hover {
		background-color: #fff;
		color: #222;
	}

}