@charset "utf-8";
/*.contents01ここから*/
.contents01{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.contents01 .contents01_01{
	width: 118.0rem;
	height: auto;
	padding: 10.0rem 0 10.0rem;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01{
		width: 32.0rem;
		padding: 8.0rem 0 8.0rem;
	}
}
.contents01 .contents01_01 .contents01_01_00{
	width: 118.0rem;
	height: auto;
	margin: 0 0 6.8rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_00{
		width: 100%;
		margin: 0 0 3.8rem;
	}
}
.contents01 .contents01_01 .contents01_01_00 > .text01{
	width: auto;
	height: auto;
	margin: 0 0 1.0rem;
	font-size: 4.5rem;
	line-height: 4.5rem;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_00 > .text01{
		font-size: 3.0rem;
		line-height: 3.0rem;
	}
}
.contents01 .contents01_01 .contents01_01_00 > .text02{
	width: auto;
	height: auto;
	margin: 0;
	font-size: 2.2rem;
	line-height: 2.2rem;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_00 > .text02{
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}
.contents01 .contents01_01 .contents01_01_01{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01{
	width: 59.0rem;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01{
		width: 100%;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li{
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01{
	width: 100%;
	height: auto;
	margin: 0 0 5.7rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01{
		margin: 0 0 2.7rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01{
	width: 59.0rem;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01{
		width: 100%;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo01{
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo01 > a{
	width: 100%;
	aspect-ratio: 2024 / 1350;/* メイン大画像も画像比率(3:2)に固定 */
	height: auto;
	margin: 0;
	overflow: hidden;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .move > a{
	position: relative;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .move > a::before{
	content: '';
	width: auto;
	height: auto;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .move > a > .item01{
	width: 8.0rem;
	height: 8.0rem;
	border: .2rem solid #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .move > a > .item01::before{
	content: '';
	width: 30%;
	height: 40%;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin: 0;
	background-color: #ffffff;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo01 > a > img,
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo01 > a > video{
	width: 100%;
	height: 100%;/* 3:2ボックスに合わせて充填 */
	object-fit: cover;
	margin: 0;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo02{
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo02 > .img{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #B7B7B7;
	display: block;
	position: relative;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo02 > .img::before{
	content: '';
	width: 50%;
	height: 50%;
	background-image: url(../img/common/logo01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo02 > .img > img{
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
	opacity: 0;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .text01{
	width: auto;
	height: auto;
	margin: 2.0rem 0 0;
	font-size: 1.2rem;
	line-height: 1.7rem;
	display: block;
	text-align: justify;
	text-align-last: left;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02{
	width: 100%;
	height: auto;
	margin: 4.0rem 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02{
		padding: 0 0 1.0rem;
		margin: 2.5rem 0 0;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01{
	width: calc((100% - 1.0rem * 4) / 5);
	aspect-ratio: 2024 / 1350;/* サムネボックスを画像比率(3:2)に固定 */
	height: auto;
	margin: 1.0rem 1.0rem 0 0;
	overflow: hidden;
	display: block;
	cursor: pointer;
	transition: all .5s;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01{
		width: calc((100% - .0rem * 2) / 3);
		margin: 0 0 0 1.0rem;
		flex-shrink: 0;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01:nth-of-type(-n+5){
	margin-top: 0;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01:nth-of-type(5n){
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01:nth-of-type(1){
		margin-left: 0;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01.active{
	opacity: .5;
	transition: all .5s;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .move{
	position: relative;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .move::before{
	content: '';
	width: auto;
	height: auto;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .move > .item01{
	width: 3.0rem;
	height: 3.0rem;
	border: .2rem solid #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .move > .item01::before{
	content: '';
	width: 30%;
	height: 40%;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin: 0;
	background-color: #ffffff;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01 > img,
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01 > video{
	width: 100%;
	height: 100%;/* 3:2ボックスに合わせて充填 */
	object-fit: cover;
	margin: 0;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo02{
	width: calc((100% - 1.0rem * 4) / 5);
	height: auto;
	margin: 0;
	background-color: #B7B7B7;
	display: block;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo02{
		width: calc((100% - .0rem * 2) / 3);
		flex-shrink: 0;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo02::before{
	content: '';
	width: 50%;
	height: 50%;
	background-image: url(../img/common/logo01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo02 > img{
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
	opacity: 0;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_02{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_02 > .text01{
	width: auto;
	height: auto;
	margin: 0 0 1.8rem;
	font-size: 4.5rem;
	line-height: 5.5rem;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_02 > .text01{
		margin: 0 0 1.2rem;
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_02 > .text02{
	width: auto;
	height: auto;
	margin: 0;
	font-size: 3.0rem;
	line-height: 4.0rem;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_02 > .text02{
		font-size: 2.0rem;
		line-height: 3.0rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03{
	width: 100%;
	height: auto;
	margin: 4.0rem 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03{
		margin: 2.5rem 0 0;
		align-items: flex-start;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .text01{
	width: auto;
	height: auto;
	margin: 0 0 1.8rem;
	font-size: 2.2rem;
	line-height: 3.2rem;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .text01{
		margin: 0 0 1.0rem;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01{
	width: 100%;
	height: auto;
	margin: 2.0rem 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01:nth-of-type(1){
	margin-top: 0;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01{
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01{
	width: 100%;
	height: auto;
	padding: 1.2rem 0;
	margin: 0;
	border-bottom: 1px solid #000000;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01:nth-of-type(1){
	border-top: 1px solid #000000;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01 > .text01{
	width: 15.2rem;
	height: auto;
	margin: 0 1.0rem 0 0;
	font-size: 1.4rem;
	line-height: 2.0rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	position: relative;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01 > .text01{
		width: 12.2rem;
	}
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01 > .text01::after{
	content: '';
	width: 1px;
	height: auto;
	background-color: #000000;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 0;
	margin: auto;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .li_03_01_01_01 > .li_03_01_01_01_01 > .text02{
	width: auto;
	height: auto;
	margin: 0;
	font-size: 1.4rem;
	line-height: 2.0rem;
	display: block;
	flex-grow: 1;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .text01{
	width: auto;
	height: auto;
	margin: 1.0rem 0 0;
	font-size: 1.2rem;
	line-height: 2.2rem;
	display: block;
}
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_03 > .li_03_01 > .li_03_01_01 > .text02{
	width: auto;
	height: auto;
	margin: 0 0 1.0rem;
	font-size: 1.4rem;
	line-height: 2.0rem;
	display: block;
}


.contents01 .contents01_01 .contents01_01_02{
	width: auto;
	height: auto;
	margin: 5.0rem 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_02{
		width: 100%;
		margin: 3.6rem 0 0;
		justify-content: flex-start;
		flex-direction: column;
	}
}
.contents01 .contents01_01 .contents01_01_02 > .link01{
	width: 20.0rem;
	height: 5.0rem;
	margin: 0 0 0 8.0rem;
	font-size: 1.5rem;
	line-height: 1.9rem;
	color: #B7B7B7;
	border: 1px solid #B7B7B7;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_02 > .link01{
		width: 100%;
		margin: 0;
	}
}
.contents01 .contents01_01 .contents01_01_02 > .link01:nth-of-type(1){
	margin-left: 0;
}
@media only screen and (max-width: 767px) {
	.contents01 .contents01_01 .contents01_01_02 > .link01:nth-of-type(1){
		margin-bottom: 2.0rem;
	}
}
.contents01 .contents01_01 .contents01_01_02 > .link01:hover{
	color: #ffffff;
	background-color: #B7B7B7;
	opacity: 1;
}
/* フォールバック：動画サムネはフレーム未描画でも濃色枠にする（空白防止／▶は既存.item01） */
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_01 .li_01_01_01 > .photo01 > a > video,
.contents01 .contents01_01 .contents01_01_01 .contents01_01_01_01 > li > .li_01 > .li_01_02 > .photo01 > video{
	background-color: #1a1a1a;
}
/*.contents01ここまで*/