/**--- NEWS AREA ---**/
.newsArea{ width: min(90%, 960px); margin: 0 auto 0; padding: 200px 0 0}
.newsArea h3{ width: 600px; text-align: center; margin: 0 auto 10px;}
.newsArea .subTtl{ text-align: center; position: relative; font-size:28pt; margin: 15px auto 25px; letter-spacing: 0.15em; font-family: "Noto Serif JP", serif; font-weight: 600;}
.newsArea .subTtl{ margin-top: 15px; text-align: center;}
.newsArea .info-list{ margin: 44px auto 0; font-size: 17px; max-height: 260px; overflow-y: auto;}
.newsArea .info-list li{ padding: 23px 0 22px 25px; background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 10px 1px; background-repeat: repeat-x; position: relative;}
.newsArea .info-list li .info-text{ margin-left: 300px; margin-top: -28px; color: #333;}
.newsArea .info-list li .info-text a{ color: #333;}
.newsArea .info-list li .info-text a:hover{ text-decoration: underline;}
.newsArea .info-list li .tag{ display: inline-block; border-radius: 1px; margin-right: 20px; padding-top: 3px; width: 165px; height: 32px; text-align: center; font-weight: 600; color: #666;}
.newsArea .info-list li .tag-announce{ background-color: #FFE8E2;}
.newsArea .info-list li .tag-recommend{ background-color: #FFFCE2;}
.newsArea .info-list li .tag-event{ background-color: #C4ECD7;}
.newsArea .info-list li .tag-new{ background-color: #E1F6FF;}
.newsArea + .l-feature{ padding-top: 80px}

/**--- MAIN SLIDE ---**/
.mv-list-top .mv-item,
.mv-list-top .mv-item a{ pointer-events: none;}
.mv-list-top .mv-item.is-active,
.mv-list-top .mv-item.is-active a{ pointer-events: all;}
.mv-list-top .mv-item a .linkBtn{ background-color: #5ab294; padding: min(3%, 15px) min(5%, 30px); display: flex; align-items: center; position: absolute; left: max(calc((50% - 600px)), 30px); bottom: 145px; transition: opacity ease 0.7s; border-radius: min(1vw, 7px); width: auto; flex-wrap: wrap; gap: min(2vw, 10px);}
.mv-list-top .mv-item a .linkBtn::after{ content: ""; display: block; aspect-ratio: 16 / 14; background-image: url(../images/arrow-slide.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; width: min(2vw, 16px); box-sizing: border-box;}
.mv-list-top .mv-item a .linkBtn span{ line-height: 1; color: #fff; text-wrap: nowrap; display: inline-block;}
.mv-list-top .mv-item a:hover .linkBtn{ opacity: 0.8;}

@media screen and (max-width: 749px){
/**--- NEWS AREA ---**/
.newsArea{ width: 100%; padding: 40px 0 0}
.newsArea h3{ margin: 0 auto 1%; width: 84%;}
.newsArea .subTtl{ text-align: center; position: relative; font-size:20pt; margin: 15px auto 25px; letter-spacing: 0.15em; font-family: "Noto Serif JP", serif; font-weight: 600;}
.newsArea .info-list{ margin: 16px 5% 0; font-size: 12px; max-height: 280px; overflow-y: auto;}
.newsArea .info-list li{ padding: 20px 20px 10px; background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 10px 1px; background-repeat: repeat-x; position: relative;}
.newsArea .info-list li .info-text{ margin-left: 0; margin-top: 10px;}
.newsArea .info-list li .info-text a{ color: #333;}
.newsArea .info-list li .info-text a:hover{ text-decoration: underline;}
.newsArea .info-list li .tag{ display: inline-block; border-radius: 1px; margin-right: 20px; padding-top: 4px; width: 140px; height: 25px; text-align: center; font-weight: 600; color: #666;}
.newsArea .info-list li .tag-announce{ background-color: #FFE8E2;}
.newsArea .info-list li .tag-recommend{ background-color: #FFFCE2;}
.newsArea .info-list li .tag-event{ background-color: #C4ECD7;}
.newsArea .info-list li .tag-new{ background-color: #E1F6FF;}
.newsArea + .l-feature{ padding-top: 40px}

/**--- MAIN SLIDE ---**/
.mv-list-top .mv-item,
.mv-list-top .mv-item a{ pointer-events: none;}
.mv-list-top .mv-item.is-active,
.mv-list-top .mv-item.is-active a{ pointer-events: all;}
.mv-list-top .mv-item a .linkBtn{ background-color: #5ab294; padding: 2% 3%; display: flex; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 12%; transition: opacity ease 0.7s; border-radius: 1vw; width: auto; flex-wrap: wrap; gap: 2vw; font-size: min(3.5vw, 13px);}
.mv-list-top .mv-item a .linkBtn::after{ content: ""; display: block; aspect-ratio: 16 / 14; background-image: url(../images/arrow-slide.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; width: min(2vw, 16px); box-sizing: border-box;}
.mv-list-top .mv-item a .linkBtn span{ line-height: 1; color: #fff; text-wrap: nowrap; display: inline-block;}
.mv-list-top .mv-item a:hover .linkBtn{ opacity: 0.8;}

}