@charset "UTF-8";

/* --------------------------------------------
SUB LINKS
--------------------------------------------- */
#subLinks{
	@media print , screen and ( width > 780px ){
		display : grid;
		grid-template-columns : auto auto;
		align-items : center;
		justify-content : space-between;
		padding-block : calc( ( 34.5 - 14.5 ) var( --remBase ) );
		> a{
			font-size : 1.3rem;
			line-height : calc( 42 / 13 );
		}
		ul{
			column-gap : calc( 20 var( --remBase ) );
		}
	}
}

/* --------------------------------------------
SPLIDE
--------------------------------------------- */
.splide01{
	.splide__slide a{
		display : block;
	}
	picture{
		overflow : hidden;
		img{
			width : 100%;
			height : 100%;
			object-fit : cover;
			object-position : center;
		}
	}
	.splide__slide ul{
		font-size : 0;
		color : var( --color03 );
		li{
			display : inline;
			font-weight : 700;
		}
	}
	.splide__slide li:not( :last-child )::after{
		display : inline-block;
		content : "|";
	}
	.splide__slide :where( h3 , p ){
		font-weight : 700;
	}
	@media screen and ( width <= 780px ){
		picture{
			height : calc( 104 var( --remBase ) );
			border-radius : calc( 7 var( --remBase ) );
		}
		.splide__slide{
			ul{
				margin-top : calc( ( 12 - 2.67685 ) var( --remBase ) );
			}
			li{
				font-size : 1.2rem;
				line-height : calc( 17.3537 / 12 );
			}
			li:not( :last-child )::after{
				margin-inline : calc( 8 var( --remBase ) );
				font-size : 1.2rem;
				line-height : calc( 17.3537 / 12 );
			}
		}
		.splide__slide :where( h3 , p ){
			margin-top : calc( ( 10 - 2.67685 - 3.52.5 ) var( --remBase ) );
			font-size : 1.3rem;
			line-height : calc( 18 / 13 );
		}
	}
	@media print , screen and ( width > 780px ){
		.splide__track{
			width : calc( 1140 var( --percentBase ) );
			margin-inline : auto;
		}
		.splide__arrows{
			.splide__arrow{
				position : absolute;
				z-index : 5;
				display : grid;
				align-items : center;
				width : auto;
				cursor : pointer;
			}
			position : relative;
		}
		.splide__arrow{
			top : calc( 54 var( --remBase ) );
			justify-content : center;
			height : calc( 50 var( --remBase ) );
			aspect-ratio : 1;
			background-color : var( --color06 );
			border-radius : 50%;
			mix-blend-mode : multiply;
			img{
				height : calc( 22 var( --remBase ) );
				filter : var( --filterWhite );
			}
		}
		.splide__arrow--prev{
			left : 0;
		}
		.splide__arrow--next{
			right : 0;
		}
		picture{
			height : calc( 156 var( --remBase ) );
			border-radius : calc( 10.5 var( --remBase ) );
		}
		.splide__slide{
			ul{
				margin-top : calc( ( 13 - 6.805 ) var( --remBase ) );
			}
			li{
				font-size : 1.3rem;
				line-height : calc( 26.61 / 13 );
			}
			li:not( :last-child )::after{
				margin-inline : calc( 12 var( --remBase ) );
				font-size : 1.3rem;
				line-height : calc( 26.61 / 13 );
			}
		}
		.splide__slide :where( h3 , p ){
			margin-top : calc( ( 20 - 6.085 - 3.5 ) var( --remBase ) );
			font-size : 1.4rem;
			line-height : 1.5;
		}
	}
}

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	display : grid;
	place-items : center;
	background-image : var( --gradation01 );
	p{
		font-family : Arial , "Helvetica Neue" , Helvetica , sans-serif;
		font-size : 1.3rem;
		line-height : calc( 24.5 / 13 );
	}
	@media screen and ( width <= 780px ){
		padding-block : calc( ( 21 - 5.75 ) var( --remBase ) );
	}
	@media print , screen and ( width > 780px ){
		padding-block : calc( ( 33.5 - 5.75 ) var( --remBase ) );
	}
}