@layer component {
	/* デザイン幅基準の10px */
	:root{
		--base-unit-d: calc(10 / 1920 * 100vw);
	}
	@media screen and (max-width: 767px){
		:root{
			--base-unit-d: calc(10 / 375 * 100vw);
		}
	}
	
	/* MCの「オフィス」を知る */
	.p-office{
		width: 100%;
		overflow: hidden;
	}
	.p-office img{
		display: block;
		width: 100%;
		height: auto;
	}
	
	/* KV */
	.p-office-kv{
		position: relative;
	}
	.p-office-kv::before{
		content: '';
		display: block;
		width: 100%;
		padding-top: calc(93 * var(--base-unit-d));
	}
	.p-office-kv__title{
		position: absolute;
		left: 0;
		top: calc(43.2 * var(--base-unit-d));
		width: calc(66.5 * var(--base-unit-d));
		background: #fff;
		color: #000;
		font-weight: 300;
		text-align: center;
		padding: calc(3.2 * var(--base-unit-d)) calc(3 * var(--base-unit-d)) calc(3.6 * var(--base-unit-d));
		box-sizing: border-box;
		border-radius: 0 calc(3 * var(--base-unit-d)) 0 0;
	}
	.p-office-kv__title-main{
		display: block;
		font-size: calc(4.2 * var(--base-unit-d));
		letter-spacing: 0.1em;
	}
	.p-office-kv__title-sub{
		display: block;
		font-size: calc(2.4 * var(--base-unit-d));
		letter-spacing: 0.26em;
		margin-top: calc(1.5 * var(--base-unit-d));
	}
	.p-office-kv__title-main-brackets{
		color: #e60012;
	}
	.p-office-kv__btn{
		position: absolute;
		z-index: 1;
		right: calc(2 * var(--base-unit));
		bottom: calc(2 * var(--base-unit));
		width: calc(3 * var(--base-unit));
		padding-top: calc(3 * var(--base-unit));
		height: 0;
		box-sizing: border-box;
		overflow: hidden;
		background-color: rgba(255, 0, 0, 0);
		border: 1px solid #fff;
		cursor: pointer;
		transition: background-color .3s, border-color .3s;
	}
	.p-office-kv__btn::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 10px;
		height: 12px;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		box-sizing: border-box;
	}
	.p-office-kv__btn.is-active::before {
		width: calc(1 * var(--base-unit));
		height: calc(1.2 * var(--base-unit));
		margin-left: 1px;
		border: none;
		clip-path: polygon(
		0 0,
		100% 50%,
		0 100%
		);
		background-color: #fff;
	}
	.p-office-kv__btn-txt--play {
		display: none;
	}
	.p-office-kv__btn.is-active .p-office-kv__btn-txt--play {
		display: block;
	}
	.p-office-kv__btn.is-active .p-office-kv__btn-txt--pause {
		display: none;
	}
	@media screen and (max-width: 767px){
		.p-office-kv::before{
				padding-top: calc(35.8 * var(--base-unit-d));
		}
		.p-office-kv__title{
			top: auto;
			bottom: 0;
			width: calc(30.5 * var(--base-unit-d));
			padding: calc(2.1 * var(--base-unit-d)) calc(2 * var(--base-unit-d)) calc(1.4 * var(--base-unit-d));
		}
		.p-office-kv__title-main{
			font-size: calc(2 * var(--base-unit-d));
			margin-top: 0;
		}
		.p-office-kv__title-sub{
			font-size: calc(1.4 * var(--base-unit-d));
			margin-top: calc(0.7 * var(--base-unit-d));
		}
		.p-office-kv__btn {
			right: calc(2 * var(--base-unit));
			bottom: calc(1.6 * var(--base-unit));
			width: calc(3.6* var(--base-unit));
			padding-top: calc(3.6* var(--base-unit));
			border-width: max(1px, calc(0.1 * var(--base-unit)));
		}
		.p-office-kv__btn::before {
			width: calc(1 * var(--base-unit));
			height: calc(1.4 * var(--base-unit));
			border-width: calc(0.2 * var(--base-unit));
		}
		.p-office-kv__btn.is-active::before {
			width: calc(1 * var(--base-unit));
			height: calc(1.2 * var(--base-unit));
			margin-left: calc(0.1 * var(--base-unit));
		}
	}
	@media screen and (min-width: 768px) {
		.p-office-kv__btn:hover {
			border-color: #A22041;
			background-color: #A22041;
		}
	}
	
	/* キャッチ */
	.p-office-catch1{
		margin: calc(10 * var(--base-unit)) auto 0;
		font-weight: 300;
		font-size: calc(3.8 * var(--base-unit));
		letter-spacing: 0.16em;
		line-height: calc(55 / 38);
		text-align: center;
		color: #333;
		width: var(--width-contents);
	}
	@media screen and (max-width: 767px){
		.p-office-catch1{
			margin-top: calc(5.2 * var(--base-unit-d));
			font-size: calc(2 * var(--base-unit-d));
			line-height: calc(34 / 20);
		}
	}
	
	/* オフィス/執務エリア */
	.p-office-sct1{
		margin-top: calc(10.1 * var(--base-unit));
		width: 100%;
	}
	.p-office-sct1__img1{
		display: grid;
		grid-template-columns: 1fr var(--width-contents) 1fr;
	}
	.p-office-sct1__img1-img{
		position: relative;
		grid-column: 2 / -1;
	}
	.p-office-sct1__img1-img::before{
		position: absolute;
		display: block;
		content: '';
		left: calc(-31.3 * var(--base-unit-d));
		bottom: calc(-17 * var(--base-unit-d));
		width: calc(52.8 * var(--base-unit-d));
		height: calc(52.8 * var(--base-unit-d));
		background: #ffeaea;
		border-radius: 50%;
		z-index: -1;
	}
	.p-office-sct1__set1{
		margin-top: calc(4 * var(--base-unit));
	}
	.p-office-sct1__set1-hd{
		margin-top: 0;
	}
	.p-office-sct1__img2{
		margin-top: calc(5 * var(--base-unit));
		display: grid;
		grid-template-columns: calc(1050 / 1920 * 100%) calc(24 / 1920 * 100%) calc(685 / 1920 * 100%) 1fr;
	}
	.p-office-sct1__img2-img1{
		grid-column: 1 / 2;
		position: relative;
	}
	.p-office-sct1__img2-img1::before{
		position: absolute;
		display: block;
		content: '';
		right: calc(-12.6 * var(--base-unit-d));
		bottom: calc(-11 * var(--base-unit-d));
		width: calc(27.6 * var(--base-unit-d));
		height: calc(27.6 * var(--base-unit-d));
		background: #ffeaea;
		border-radius: 50%;
		z-index: -1;
	}
	.p-office-sct1__img2-img2{
		grid-column: 3 / 4;
	}
	.p-office-sct1__img3{
		margin: calc(14 * var(--base-unit-d)) auto 0;
	}
	.p-office-sct1__img4{
		margin-top: calc(11.6 * var(--base-unit-d));
		display: grid;
		grid-template-columns: 1fr calc(685 / 1920 * 100%) calc(24 / 1920 * 100%) calc(900 / 1920 * 100%);
		position: relative;
	}
	.p-office-sct1__img4::before{
		position: absolute;
		display: block;
		content: '';
		right: calc(-166 / 1920 * 100vw);
		top: calc(-96 / 1920 * 100vw);
		width: calc(694 / 1920 * 100vw);
		height: calc(694 / 1920 * 100vw);
		background: #e3e9fd;
		border-radius: 50%;
		z-index: -1;
		opacity: 0.67;
	}
	.p-office-sct1__img4-img1{
		grid-column: 2 / 3;
	}
	.p-office-sct1__img4-img2{
		grid-column: 4 / -1;
	}
	@media screen and (max-width: 767px){
		.p-office-sct1{
			margin-top: calc(3 * var(--base-unit-d));
		}
		.p-office-sct1__img1-img::before{
			left: calc(-7.7 * var(--base-unit-d));
			bottom: calc(-8.5 * var(--base-unit-d));
			width: calc(19 * var(--base-unit-d));
			height: calc(19 * var(--base-unit-d));
		}
		.p-office-sct1__set1{
			margin-top: calc(2 * var(--base-unit-d));
		}
		.p-office-sct1__img2{
			margin-top: calc(3 * var(--base-unit-d));
			grid-template-columns: 1fr calc(16 / 375 * 100%) calc(var(--width-contents) - calc(16 / 375 * 100%)) 1fr;
			row-gap: calc(2 * var(--base-unit-d));
		}
		.p-office-sct1__img2-img1{
			grid-column: 1 / 4;
		}
		.p-office-sct1__img2-img1::before{
			right: calc(-5.4 * var(--base-unit-d));
			bottom: calc(-9.9 * var(--base-unit-d));
			width: calc(15.8 * var(--base-unit-d));
			height: calc(15.8 * var(--base-unit-d));
		}
		.p-office-sct1__img2-img2{
			grid-column: 3 / 4;
		}
		.p-office-sct1__img3{
			margin-top: calc(6.1 * var(--base-unit-d));
		}
		.p-office-sct1__img4{
			margin-top: calc(11.6 * var(--base-unit-d));
		}
		.p-office-sct1__img4{
			margin-top: calc(3 * var(--base-unit-d));
			grid-template-columns: 1fr calc(var(--width-contents) * 152 / 335) calc(var(--width-contents) * 10 / 335) calc(var(--width-contents) * 173 / 335) 1fr;
			position: relative;
		}
		.p-office-sct1__img4::before{
			right: calc(-76 / 375 * 100vw);
			top: calc(-24 / 375 * 100vw);
			width: calc(191 / 375 * 100vw);
			height: calc(191 / 375 * 100vw);
		}
	}
	
	/* Lounge 5/社員共有スペース */
	.p-office-sct2{
		margin-top: calc(15.5 * var(--base-unit));
		width: 100%;
	}
	.p-office-sct2__set1-hd{
		margin-top: 0;
	}
	.p-office-sct2__img1{
		margin-top: calc(6 * var(--base-unit));
	}
	.p-office-sct2__img2{
		margin-top: calc(8 * var(--base-unit-d));
		display: grid;
		grid-template-columns: calc(900 / 1920 * 100%) calc(24 / 1920 * 100%) 1fr calc(24 / 1920 * 100%) 1fr;
		position: relative;
	}
	.p-office-sct2__img2-img1{
		grid-column: 1 / 2;
		position: relative;
	}
	.p-office-sct2__img2-img1::before{
		position: absolute;
		display: block;
		content: '';
		right: calc(-267 / 1920 * 100vw);
		bottom: calc(-117 / 1920 * 100vw);
		width: calc(415 / 1920 * 100vw);
		height: calc(415 / 1920 * 100vw);
		background: #e7f5f5;
		border-radius: 50%;
		z-index: -1;
		opacity: 0.8;
	}
	.p-office-sct2__img2-img2{
		grid-column: 3 / 4;
	}
	.p-office-sct2__img2-img3{
		grid-column: 5 / -1;
	}
	@media screen and (max-width: 767px){
		.p-office-sct2{
			margin-top: calc(7 * var(--base-unit-d));
		}
		.p-office-sct2__img1{
			margin-top: calc(3 * var(--base-unit-d));
		}
		.p-office-sct2__img2{
			margin-top: calc(2 * var(--base-unit-d));
			grid-template-columns: 1fr calc(var(--width-contents) * 164 / 335) calc(var(--width-contents) * 8 / 335) calc(var(--width-contents) * 163 / 335) 1fr;
			position: relative;
			row-gap: calc(2 * var(--base-unit-d));
		}
		.p-office-sct2__img2::before{
			position: absolute;
			display: block;
			content: '';
			right: calc(-53 / 1920 * 100vw);
			bottom: calc(-40 / 1920 * 100vw);
			width: calc(338 / 1920 * 100vw);
			height: calc(338 / 1920 * 100vw);
			background: #e7f5f5;
			border-radius: 50%;
			z-index: -1;
			opacity: 0.8;
		}
		.p-office-sct2__img2-img1{
			grid-column: 1 / -2;
		}
		.p-office-sct2__img2-img1::before{
			display: none;
		}
		.p-office-sct2__img2-img2{
			grid-column: 1 / 3;
		}
		.p-office-sct2__img2-img3{
			grid-column: 4 / -1;
		}
	}
	
	/* 社員食堂 */
	.p-office-sct3{
		margin-top: calc(10 * var(--base-unit));
		width: 100%;
	}
	.p-office-sct3__set1-hd{
		margin-top: 0;
	}
	.p-office-sct3__img1{
		margin-top: calc(5 * var(--base-unit));
		display: grid;
		grid-template-columns: 1fr var(--width-contents) 1fr;
	}
	.p-office-sct3__img1-wrapper{
		grid-column: 2 / -1;
		display: grid;
		grid-template-columns: calc(588 / 1560 * 100%) calc(24 / 1560 * 100%) calc(738 / 1560 * 100%) 1fr;
		row-gap: calc(8 * var(--base-unit-d));
	}
	.p-office-sct3__img1-img1{
		grid-column: 1 / -1;
		position: relative;
	}
	.p-office-sct3__img1-img1::before{
		position: absolute;
		display: block;
		content: '';
		left: calc(-472 / 1920 * 100vw);
		top: calc(374 / 1920 * 100vw);
		width: calc(766 / 1920 * 100vw);
		height: calc(766 / 1920 * 100vw);
		background: #e7f5f5;
		border-radius: 50%;
		z-index: -1;
		opacity: 0.8;
	}
	.p-office-sct3__img1-img2{
		grid-column: 1 / 2;
	}
	.p-office-sct3__img1-img3{
		grid-column: 3 / 4;
	}
	.p-office-sct3__img2-pc{
		margin: calc(15 * var(--base-unit-d)) auto 0;
		display: grid !important;
		grid-template-columns: 1fr var(--width-contents) 1fr;
		overflow: visible !important;
		width: 100% !important;
	}
	.p-office-sct3__img2-pc .p-office-slider1{
		position: relative;
		grid-column: 1 / 3;
		display: grid;
		grid-template-columns: calc(948 / 1560 * 100%) calc(24 / 1560 * 100%) calc(588 / 1560 * 100%);
		grid-template-rows: auto calc(3 * var(--base-unit-d)) 1fr;
		align-items: start;
	}
	.p-office-sct3__img2-pc .p-office-slider1::before{
		position: absolute;
		display: block;
		content: '';
		right: calc(-150 / 1920 * 100vw);
		top: calc(-114 / 1920 * 100vw);
		width: calc(278 / 1920 * 100vw);
		height: calc(278 / 1920 * 100vw);
		background: #e7f5f5;
		border-radius: 50%;
		z-index: -1;
		opacity: 0.8;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider{
		position: relative;
		overflow: hidden;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider::before{
		display: block;
		content: '';
		width: 100%;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider1{
		grid-column: 1 / 2;
		grid-row: 1 / -1;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider1::before{
		padding-top: calc(528 / 948 * 100%);
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider2{
		border-radius: 0 0 calc(3 * var(--base-unit)) 0;
		overflow: hidden;
		grid-column: 3 / -1;
		grid-row: 1 / 2;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider2::before{
		padding-top: calc(327 / 588 * 100%);
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		clip-path:inset(0 100% 0 0)
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide-img{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		transform:scale(1.1);
		transform-origin:100% 50%;
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide.is-active{
		clip-path:inset(0 0 0 0);
		transition:clip-path 1s;
		z-index:2
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide.is-active .p-office-slider1__slider-slide-img{
		transform:none;
		transition:transform 3s cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide.is-before{
		clip-path:inset(0 0 0 0)
	}
	.p-office-sct3__img2-pc .p-office-slider1__slider-slide.is-before .p-office-slider1__slider-slide-img{
		animation: p-office-sct3__img2-pc-anime 2s cubic-bezier(0.215, 0.61, 0.355, 1) both
	}
	@keyframes p-office-sct3__img2-pc-anime {
		0% {
			transform:none
		}
		100% {
			transform:translateX(10%)
		}
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls{
		grid-column: 3 / -1;
		grid-row: 3 / -1;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-pagination{
		display: flex;
		width: fit-content;
		column-gap: 16px;
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-pagination-bullet{
		width: 8px;
		height: 8px;
		border: solid 1px #000;
		border-radius: 50%;
		box-sizing: border-box;
		background: #000;
		cursor: pointer;
	}
	@media screen and (min-width: 768px) {
		.p-office-sct3__img2-pc .p-office-slider1__controls-pagination-bullet:hover{
			background-color: #a22041;
			border-color: #a22041;
		}
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-pagination-bullet.is-active{
		cursor: default;
		background: #fff;
		pointer-events: none;
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-prev,
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-next,
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-pause{
		display: block;
		width: 48px;
		height: 48px;
		background: #000 url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_triangle_2.svg) no-repeat center center / calc(16 / 48 * 100%) calc(10 / 48 * 100%);
		transition: background-color 0.4s ease 0s;
		cursor: pointer;
	}
	@media screen and (min-width: 768px) {
		.p-office-sct3__img2-pc .p-office-slider1__controls-button-prev:hover,
		.p-office-sct3__img2-pc .p-office-slider1__controls-button-next:hover,
		.p-office-sct3__img2-pc .p-office-slider1__controls-button-pause:hover{
			background-color: #a22041;
		}
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-prev{
		margin-left: 30px;
		transform: rotate(90deg);
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-next{
		margin-left: 8px;
		transform: rotate(-90deg);
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-pause{
		margin-left: 12px;
		background-image: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_pause_1.svg);
		background-size: calc(13 / 48 * 100%) calc(19 / 48 * 100%);
	}
	.p-office-sct3__img2-pc .p-office-slider1__controls-button-pause.is-paused{
		background-image: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_triangle_2.svg);
		background-size: calc(17 / 48 * 100%) calc(15 / 48 * 100%);
		transform: rotate(-90deg);
	}
	@media screen and (min-width: 768px){
		.p-office-sct3__img2-sp{
			display: none !important;
		}
	}
	@media screen and (max-width: 767px){
		.p-office-sct3{
			margin-top: calc(6 * var(--base-unit));
		}
		.p-office-sct3__img1{
			margin-top: calc(3 * var(--base-unit));
			position: relative;
		}
		.p-office-sct3__img1::before{
			position: absolute;
			display: block;
			content: '';
			left: calc(-10.9 * var(--base-unit));
			top: calc(1.3 * var(--base-unit));
			width: calc(34.9 * var(--base-unit));
			height: calc(34.9 * var(--base-unit));
			background: #e7f5f5;
			border-radius: 50%;
			z-index: -1;
			opacity: 0.8;
		}
		.p-office-sct3__img1-wrapper{
			grid-template-columns: calc(153 / 355 * 100%) calc(8 / 355 * 100%) calc(194 / 355 * 100%);
			row-gap: calc(3.5 * var(--base-unit-d));
		}
		.p-office-sct3__img1-img1::before{
			display: none;
		}
		.p-office-sct3__img2-pc{
			display: none !important;
		}
		.p-office-sct3__img2-sp{
			margin-top: calc(6 * var(--base-unit-d));
		}
		.p-office-sct3__img2-sp::before{
			position: absolute;
			display: block;
			content: '';
			right: calc(-2 * var(--base-unit));
			top: calc(-3.9 * var(--base-unit));
			width: calc(13.2 * var(--base-unit));
			height: calc(13.2 * var(--base-unit));
			background: #e7f5f5;
			border-radius: 50%;
			z-index: -1;
			opacity: 0.8;
		}
	}
	
	/* その他会議室など */
	.p-office-sct4{
		margin-top: calc(12 * var(--base-unit));
		width: 100%;
	}
	.p-office-sct4__set1-hd{
		margin-top: 0;
	}
	.p-office-sct4__img1{
		margin-top: calc(6 * var(--base-unit));
		margin-bottom: calc(9 * var(--base-unit));
	}
	@media screen and (max-width: 767px){
		.p-office-sct4{
			margin-top: calc(3 * var(--base-unit));
		}
		.p-office-sct4__img1{
			margin-top: calc(3 * var(--base-unit));
			margin-bottom: calc(4 * var(--base-unit));
		}
	}
	
	/* swiper1 */
	.swiper{
		width: var(--width-contents);
		overflow: visible !important;
		position: relative;
	}
	.swiper img{
		display: block;
		width: 100%;
		height: auto;
	}
	.swiper-slide {
		padding: 1px;
	}
	.swiper-slide-img{
		transition: transform 0.6s ease 0s;
		transform-origin: center center !important;
		transform: scale(0.83) !important;
		position:relative;
	}
	.swiper-slide-prev .swiper-slide-img{
		right: -8.5%;
	}
	.swiper-slide-next .swiper-slide-img{
		left: -8.5%;
	}
	.swiper-slide-active .swiper-slide-img{
		transform: scale(1) !important;
	}
	.swiper-controls{
		margin: calc(4 * var(--base-unit-d)) auto 0;
		width: var(--width-contents);
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.swiper-pagination{
		display: flex;
		width: fit-content;
		column-gap: 16px;
	}
	.swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		border: solid 1px #000;
		border-radius: 50%;
		box-sizing: border-box;
		background: #000;
		cursor: pointer;
	}
	@media screen and (min-width: 768px) {
		.swiper-pagination-bullet:hover{
			background-color: #a22041;
			border-color: #a22041;
		}
	}
	.swiper-pagination-bullet.swiper-pagination-bullet-active{
		cursor: default;
		background: #fff;
	}
	.swiper-button-prev,
	.swiper-button-next,
	.swiper-button-pause{
		display: block;
		width: 48px;
		height: 48px;
		background: #000 url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_triangle_2.svg) no-repeat center center / calc(16 / 48 * 100%) calc(10 / 48 * 100%);
		transition: background-color 0.4s ease 0s;
		cursor: pointer;
	}
	@media screen and (min-width: 768px) {
		.swiper-button-prev:hover,
		.swiper-button-next:hover,
		.swiper-button-pause:hover{
			background-color: #a22041;
		}
	}
	.swiper-button-prev{
		margin-left: 30px;
		transform: rotate(90deg);
	}
	.swiper-button-next{
		margin-left: 8px;
		transform: rotate(-90deg);
	}
	.swiper-button-pause{
		margin-left: 12px;
		background-image: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_pause_1.svg);
		background-size: calc(13 / 48 * 100%) calc(19 / 48 * 100%);
	}
	.swiper-button-pause.paused{
		background-image: url(https://www.mitsubishicorp.com/assets_r24/images/cmn-mark_triangle_2.svg);
		background-size: calc(17 / 48 * 100%) calc(15 / 48 * 100%);
		transform: rotate(-90deg);
	}
	@media screen and (max-width: 767px){
		.swiper-slide-img{
			transform: scale(1) !important;
		}
		.swiper-slide-prev .swiper-slide-img{
			right: 0;
		}
		.swiper-slide-next .swiper-slide-img{
			left: 0;
		}
		.swiper-controls{
			margin-top: calc(1 * var(--base-unit-d));
			display: grid;
			grid-template-columns: calc(4 * var(--base-unit-d)) 1fr calc(4 * var(--base-unit-d));
		}
		.swiper-pagination{
			width: 100%;
			justify-content: center;
			column-gap: calc(2 * var(--base-unit-d));
			grid-column: 2 / 3;
		}
		.swiper-pagination-bullet{
			width: calc(1 * var(--base-unit-d));
			height: calc(1 * var(--base-unit-d));
		}
		.swiper-button-prev,
		.swiper-button-next,
		.swiper-button-pause{
			width: calc(4 * var(--base-unit-d));
			height: calc(4 * var(--base-unit-d));
		}
		.swiper-button-prev,
		.swiper-button-next{
			position: absolute;
			z-index: 1;
			top: calc(7.3 * var(--base-unit-d));
		}
		.swiper-button-prev{
			left: calc(-2 * var(--base-unit-d));
			margin-left: 0;
		}
		.swiper-button-next{
			right: calc(-2 * var(--base-unit-d));
			margin-left: 0;
		}
		.swiper-button-pause{
			margin-left: 0;
			grid-column: 3 / 4;
		}
	}
	
	/* スクロールで非表示 */
	.js-scroll-show{
		opacity: 0;
		transform: translateY(30px);
		transition:
			transform 0.5s ease 0s,
			opacity 0.5s ease 0s;
	}
	.js-scroll-show.is-show{
		opacity: 1;
		transform: translateY(0);
	}
}