@charset "UTF-8";


/*-------------------------------------------------------------------------------*
 *	736px以下用（SP用）の記述
 *-------------------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

#main-visual-sp {
	position: relative;
	background: #a2a2a2;
}
#main-visual-sp .mainvisual-box {
	background: rgba(0,0,0,0.4);
	padding: 2% 2% 1% 2%;
	position: absolute;
	transition: all 1s ease-out;
	z-index: 10;
	top: 35%;
	margin: auto;
	width: 84%;
	height: min-content;
	right: 0;
	left: 0;
}
/*
#main-visual-sp .appear {
	opacity: 1 !important;
}
*/
#main-visual-sp .mainvisual-box p {
	color: #fff;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-weight: bold;
	font-size: 2.5vw;
}
/*
#main-visual-sp .mainvisual-box p:last-child {
	font-size: 1.75vw;
	text-align: left;
	font-weight: normal;
}
*/
#main-visual-sp #slider-sub .swiper-slide {
	text-align: center;
}
#main-visual-sp #slider-sub .swiper-slide {
	position: relative;
	font-family: 'garamond-premier-pro-display', sans-serif;
	font-style: italic;
	color: #fff;
	font-size: 10vw;
	font-weight: bold;
	line-height: 1.2
}





.visible-block-pc {
	display: none;
}
.visible-block-sp {
	display: block;
}


}

/*-------------------------------------------------------------------------------*
 *	737px以上用（PC用）の記述
 *-------------------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

#main-visual-circle {
	position: relative;
	font-family: 'garamond-premier-pro-display', sans-serif;
	font-style: italic;
	background: #a2a2a2;
}
#main-visual-circle .bg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity: 0;
  transition: all 1s ease-out;
}
#main-visual-circle #src1595 {background-image : url(../mainvisual-img/img1595.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src1924 {background-image : url(../mainvisual-img/img1924.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src1934 {background-image : url(../mainvisual-img/img1934.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src1947 {background-image : url(../mainvisual-img/img1947.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src1962 {background-image : url(../mainvisual-img/img1962.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src1989 {background-image : url(../mainvisual-img/img1989.jpg);   /* 背景の画像を指定 */}
#main-visual-circle #src2024 {background-image : url(../mainvisual-img/img2024.jpg);   /* 背景の画像を指定 */}

#main-visual-circle .appear {
	opacity: 1 !important;
}
#main-visual-circle .types {
	position: relative;
	height: 750px;
	/*transform: rotateX(30deg);*/
}
#main-visual-circle  .mainvisual-box {
	background: rgba(0,0,0,0.4);
	display: inline-block;
	padding: 10px;
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 0;
	transition: all 1s ease-out;
	width: 430px;
	line-height: 1.2;
}
#main-visual-circle  .mainvisual-box p {
	color: #fff;
	margin: 0;
	font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-weight: bold;
	font-size: 80%;
}
#main-visual-circle  .mainvisual-box p:last-child {
	font-size: 70%;
	text-align: left;
	font-weight: normal;
}
#main-visual-circle .number {
	position: absolute;
	color: #fff;
	display: inline;
	margin: 0;
	transition: all 0.5s ease-out;
	font-size: 170%;
	anchor-name: --myAnchor;
	width: fit-content;
	cursor: pointer;
	z-index: 9;
	text-shadow: 1px 1px 1px #999;
}
#main-visual-circle .fbig {
	font-size: 225%;
}
#main-visual-circle #num1595 {top: 60px; left: 555px;}
#main-visual-circle #num1924 {top: 145px;left: 650px;}
#main-visual-circle #num1934 {top: 250px;left: 710px;}
#main-visual-circle #num1947 {top: 360px;left: 735px;}
#main-visual-circle #num1962 {top: 475px;left: 710px;}
#main-visual-circle #num1989 {top: 575px;left: 650px;}
#main-visual-circle #num2024 {top: 660px;left: 555px;}
#main-visual-circle #shape {left: 80px;top: 80px;}
.rs-range-color {
	background-color:transparent !important;
}
.rs-border {
	border: 0.5px solid #fff !important;
	opacity: 0.5 !important;
}
.rs-path-color {
	background-color: transparent !important;
}
.rs-bg-color {
	background-color: transparent !important;
}
.rs-tooltip {
	background: #fff !important;
}
.rs-handle {
	background-color: #fff !important;
}


.visible-block-pc {
	display: block;
}
.visible-block-sp {
	display: none;
}


}