html.with-fancybox,
body.with-fancybox,
html.fancybox-lock,
body.fancybox-lock{
  overflow: auto !important;
  padding-right: 0 !important;
}
/* ----------------------------------- */
#achievements1 {
	max-width: 1300px;
	width: 90%;
	margin: 80px auto 100px;
}
#achievements1 .block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#achievements1 .block .left {
	width: 52%;
}
#achievements1 .block .left p {
	margin-bottom: 25px;
}
#achievements1 .block .left .btn {
	display: block;
	max-width: 250px;
	width: 100%;
	background-color: #EA5757;
	color: #fff;
	text-align: center;
	font-weight: 500;
	padding: 12px 5px;
	border: #EA5757 2px solid;
	position: relative;
	border-radius: 10px;
	margin-bottom: 20px;
}
#achievements1 .block .left .btn::before {
	content: "play_arrow";
    font-family: "Material Symbols Rounded";
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
}
#achievements1 .block .left .btn:hover {
	background-color: #fff;
	color: #EA5757;
}
#achievements1 .block .ph {
	width: 45%;
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
	#achievements1 .block {
		flex-direction: column;
    }
	#achievements1 .block .ph {
		order: 1; /* 上 */
		width: 100%;
		margin-bottom: 20px;
    }
	#achievements1 .block .left {
		order: 2; /* 下 */
		width: 100%;
    }
	#achievements1 .block .left p {
        margin-bottom: 20px;
    }
	#achievements1 .block .left .btn {
		margin: 0 0 20px auto;
	}
	
}
@media screen and (max-width: 600px) {
	#achievements1 {
        margin: 0 auto 40px;
    }
}
/* ----------------------------------- */
#achievements2 {
	max-width: 1350px;
	width: 90%;
	margin: 0px auto 100px;
	display: flex;
	flex-wrap: wrap;
}
#achievements2 li {
	width: 18.5%;
	margin-right: 1.87%;
	margin-bottom: 1.87%;
}
#achievements2 li:nth-child(5n) {
	margin-right: 0;
}

.hide-area{
	display: none;
}
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/* Modaal を最前面にする */
.modaal-overlay{
  z-index: 99998 !important;
}
.modaal-wrapper{
  z-index: 99999 !important;
}

/* ×ボタンも確実に見えるように */
.modaal-close{
  z-index: 100000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* サイト側 overlay：通常時は邪魔しない */
#js__overlay{
  pointer-events: none;
  z-index: 1000; /* 低めに（必要なら調整） */
}
body.side-open #js__overlay{
  pointer-events: auto;
  z-index: 20000; /* メニュー時だけ上げる（必要なら） */
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
	#achievements2 li,
	#achievements2 li:nth-child(5n) {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    #achievements2 li:nth-child(3n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 600px) {
	#achievements2 {
        margin: 0 auto 40px;
		justify-content: space-between;
    }
	#achievements2 li,
	#achievements2 li:nth-child(5n) {
        width: 48%;
        margin-right: 0;
        margin-bottom: 4%;
    }
}