#pageSumasan {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}

#pageSumasan .com-ttl {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333
}
#pageSumasan .sec-lead {
    font-size: 1.8rem;
    text-align: center;
	margin: 10rem 0 7rem
}
#pageSumasan .sec-report .copy-wrap .copy-box {
    text-align: center; 
}

#pageSumasan .sec-intro {
	padding: 3rem 0 0;
	background: #f0ede2
}

#pageSumasan .sec-intro .intro-wrap .intro-area {
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;*/
	margin: 6rem 0 0
}

#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box {
	/*width: 48rem*/
    text-align: center
}
#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box h1{
	width: 44rem;
    margin: 0 auto
}
    

#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box .lead {
	font-size: 2.8rem;
    margin: 10rem 0 0;
}

#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box .txt {
	font-size: 1.8rem;
	line-height: 2;
	margin: 3rem 0 0
}

#pageSumasan .sec-intro .intro-wrap .intro-area .img-box {
	width: 48rem;
	position: relative
}

#pageSumasan .sec-intro .intro-wrap .intro-area .img-box .swiper-slide .img {
	height: 35rem;
	position: relative
}

#pageSumasan .sec-intro .intro-wrap .intro-area .img-box .swiper-slide .img img {
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	width: 100%;
	height: 100%
}

#pageSumasan .sec-intro .intro-wrap .intro-area .img-box .playstop {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	right: 1rem;
	bottom: 1rem
}

#pageSumasan .sec-intro .intro-wrap .intro-area.reverse {
	flex-direction: row-reverse
}

.marquee {
  position: relative;
  overflow: hidden;
}

.marquee__track {
  display: flex;
  animation: marquee 20s linear infinite;
  animation-play-state: running;
}

/* アニメーション */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.com-playstop {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.com-playstop img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;  /* ←ここ重要！他CSSの干渉を防ぐ */
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.com-playstop.stop img:nth-of-type(2) {
  opacity: 1 !important; /* STOPアイコンを表示 */
}

.com-playstop.play img:nth-of-type(1) {
  opacity: 1 !important; /* PLAYアイコンを表示 */
}


@media screen and (max-width: 768px) {
  .com-playstop {
    width: 3.6rem;
    height: 3.6rem;
  }
}


@media screen and (max-width: 750px) {
	#pageSumasan .sec-intro {
		padding: 1px 0 0
	}

	#pageSumasan .sec-intro .intro-wrap .intro-area {
		margin: 12rem 0 0
	}

	#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box {
		width: 100%;
        
		text-align: center
	}



	#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box .lead {
		font-size: 3.2rem
	}

	#pageSumasan .sec-intro .intro-wrap .intro-area .copy-box .txt {
		font-size: 2.5rem
	}

	#pageSumasan .sec-intro .intro-wrap .intro-area .img-box {
		width: 100%;
		margin: 6rem 0 0
	}

	#pageSumasan .sec-intro .intro-wrap .intro-area .img-box .swiper-slide .img {
		height: 40rem
	}
}

#pageSumasan .sec-program {
	margin: 9rem 0 0
}



#pageSumasan .sec-program .list-wrap .list-area {
	display: block;
	margin: 6rem 0 0;
	position: relative;
	overflow: hidden
}

#pageSumasan .sec-program .list-wrap .list-area .img-box {
	transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
	transition-duration: 800ms;
	height: 29rem;
	position: relative
}

#pageSumasan .sec-program .list-wrap .list-area .data-box {
	transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
	transition-duration: 800ms;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	margin: auto;
	left: 3rem;
	width: 31rem;
	padding: 1rem;
	background: #fff
}

#pageSumasan .sec-program .list-wrap .list-area .data-box .label {
	padding: .5rem;
	background: #4d4c53;
	font-size: 1.5rem;
	font-family: "游ゴシック体 Pr6N B";
	color: #fff
}



#pageSumasan .sec-program .list-wrap .list-area .data-box .note {
	font-size: 1.5rem;
	margin: 1rem 0 0
}

#pageSumasan .sec-program .list-wrap .list-area .data-box .btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 2.4rem;
	padding: .1rem 1rem 0;
	background: #f0ede2;
	margin: 2rem 0 0
}

#pageSumasan .sec-program .list-wrap .list-area .data-box .btn span {
	font-size: 1.4rem;
	font-family: "游ゴシック体 Pr6N M"
}

#pageSumasan .sec-program .list-wrap .list-area .data-box .btn i {
	width: 1.8rem
}

#pageSumasan .sec-program .list-wrap .list-area:hover .img-box {
	transform: scale(1.05)
}

@media screen and (max-width: 750px) {
	#pageSumasan .sec-program {
		margin: 10rem 0 0
	}

	#pageSumasan .sec-program .copy-wrap .copy-box {
		text-align: center
	}



	#pageSumasan .sec-program .list-wrap .list-area {
		padding: 0 4rem;
		margin: 7rem 0 0
	}

	#pageSumasan .sec-program .list-wrap .list-area .img-box {
		height: 44rem
	}

	#pageSumasan .sec-program .list-wrap .list-area .data-box {
		position: static;
		transform: none;
		width: 100%;
		padding: 0;
		margin: 3rem 0 0
	}

	#pageSumasan .sec-program .list-wrap .list-area .data-box .label {
		padding: 1rem;
		font-size: 2.6rem
	}


	

	#pageSumasan .sec-program .list-wrap .list-area .data-box .note {
		font-size: 2.6rem
	}

	#pageSumasan .sec-program .list-wrap .list-area .data-box .btn {
		height: 4.2rem;
        
		padding: 0rem 2rem 0
            
	}

	#pageSumasan .sec-program .list-wrap .list-area .data-box .btn span {
		font-size: 2.4rem
	}

	#pageSumasan .sec-program .list-wrap .list-area .data-box .btn i {
		width: 2.7rem
	}
}







#pageSumasan .sec-report {
	margin: 10rem 0 7rem
}



#pageSumasan .sec-report .list-wrap .copy-area {
	margin: 2rem 0 0
}

#pageSumasan .sec-report .list-wrap .copy-area .copy-box {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	padding: 1rem;
    border-bottom:1px solid #fff;
    justify-content: space-between;
	background: #f0ede2
}

#pageSumasan .sec-report .list-wrap .copy-area .copy-box .ttl {
	font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: .1em
}
#pageSumasan .btn-right{
    display: flex;
}
#pageSumasan .sec-report .list-wrap .copy-area .copy-box .ja {
	font-size: 1.5rem;
	font-family: "游ゴシック体 Pr6N M"
}

#pageSumasan .sec-report .list-wrap .list-area {
	display: flex;
	flex-wrap: wrap;
	gap: 6.5rem;
	margin: 2rem 0 0
}




#pageSumasan .btn-box a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    
	align-items: center;
	height: 2.5rem;
	padding: .1rem 1rem 0
}

#pageSumasan .btn-box a span {
	font-size: 1.5rem;
    margin-right: 5px;
	font-family: "游ゴシック体 Pr6N M"
}

#pageSumasan .btn-box a i {
	width: 1.8rem
}

@media screen and (max-width: 750px) {
    #pageSumasan .sec-lead{
     font-size: 2.2rem;
    }
    #pageSumasan .com-ttl {
    font-size: 3rem;
        
}
    #pageSumasan .btn-right {
    width: 100%;
   flex-direction: column;
    align-items: center;
        margin-bottom:1px;
    justify-content: center;
    gap: 1px
    }
 #pageSumasan .btn-box{
        background: #ffffff;
        width: 100%

    }

    #pageSumasan .btn-box a {
        padding: .1rem 3rem 0;
        height: 6rem
    }
    #pageSumasan .btn-box a span {
        font-size: 2.6rem;
    }
	#pageSumasan .sec-report {
		margin: 11rem 0 8rem
	}

	#pageSumasan .sec-report .list-wrap {
		padding: 0 
	}

	#pageSumasan .sec-report .list-wrap .copy-area {
		margin: 5rem 0 0
	}

	#pageSumasan .sec-report .list-wrap .copy-area .copy-box {
		padding: 5rem 2rem
	}

	#pageSumasan .sec-report .list-wrap .copy-area .copy-box .ttl {
		width: 100%;
        text-align: center;
        margin-bottom: 2rem;
		font-size: 3.2rem
	}

	#pageSumasan .sec-report .list-wrap .copy-area .copy-box .ja {
		font-size: 2.6rem
	}

	#pageSumasan .sec-report .list-wrap .list-area {
		gap: 6rem 0;
		margin: 3rem 0 0
	}

	



	#pageSumasan .sec-report .list-wrap .list-area .btn-box {
		height: 4.375rem;
		padding: 0rem 2rem 0;
		margin: 2rem 0 0
	}

	#pageSumasan .sec-report .list-wrap .list-area .btn-box span {
		font-size: 2.6rem
	}
}

#pageSumasan .sec-kome {
	margin: 10rem 0 7rem
}
#pageSumasan .sec-kome ul li{
	text-indent: -1em;
    padding-left:1em;
    line-height: 1.6em;
    font-size: 1rem
}






#pageSumasan .marquee {
  width: 100%;
  overflow: hidden;
  margin-top: 4rem
}

#pageSumasan .marquee__track {
  display: flex;
  width: max-content;
  animation: scroll 45s linear infinite
}

#pageSumasan .marquee__inner {
  display: flex
}

#pageSumasan .marquee__inner img {
  width: 410px; 
  height: auto;
  flex-shrink: 0
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 750px) {
#pageSumasan .marquee__inner img {
  width: 380px
}
#pageSumasan .sec-kome ul li {
    line-height: 1.2em;
    font-size: 2rem;
    padding: 0.6rem;
    }
    
}

/*# sourceMappingURL=index.css.map */

#pageSumasan .marquee__inner img {
    width: 270px;
}

@media screen and (max-width: 750px) {
    #pageSumasan .marquee__inner img {
        width: 200px;
    }
}

#pageSumasan .sec-report .list-wrap .copy-area .copy-box {
    padding: 2rem 1.6rem;
    border-bottom: 2px solid #4e4c53;
	border-right: 1px solid #4e4c53;
}

#pageSumasan .btn-box a span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

}