@charset "utf-8";/* ------------------------------------
MV画像の位置調整
------------------------------------*/

.y2k-container {
	position: relative;
}

.y2k-position {
	position: absolute;
	top:0;
	left:0;
}


/* ------------------------------------
ボタンのマウスオーバー
------------------------------------*/
.y2k-shine {
    transition: .2s;
}
.y2k-shine:hover {
    opacity: .7;
}


/* ▼並び用コンテナ */
.button-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* SPは2列 */
    gap: 16px; /* ボタン間の余白 */
    justify-content: center;
}
 
/* PC以上で3列に変更 */
@media (min-width: 1024px) {
    .button-wrapper {
grid-template-columns: repeat(3, minmax(180px, auto)); /* 幅を制御 */
        gap: 18px; /* 余白を狭める */
 
    }
}
 
 
/* キーワードボタン */
.button003 a {
    background: #FFF;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 180px;
    padding: 10px 25px;
    color: #626ee0;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size:  clamp(12px, 2vw, 16px);
}
.button003 a:hover {
    background: #626ee0;
    color: #FFF;
    /*border: 2px solid #626ee0;*/
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    /*border-top: 3px solid #626ee0;
    border-right: 3px solid #626ee0;
    transform: rotate(45deg) translateY(-50%);*/
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}

/* キーワードボタン背景 */
.y2k-keyword-wrapper {
margin: 0 auto;
/*margin-top:5em;*/
/*margin-bottom:10em;*/
background-color:#fce5e9;
box-sizing: border-box;
width: 80%;
max-width: 900px;
border-radius: 3em;
padding: 2em;
}

.y2k-keyword-wrapper-box {
width: 100%;
border: solid #f98ac8 0.25em;
border-radius: 2em;
padding: 3em;
}

@media screen and (max-width:750px) {
.y2k-keyword-wrapper {
width: 90%;
border-radius: 1.5em;
padding: 1em;
}

.y2k-keyword-wrapper-box {
border: solid #f98ac8 0.25em;
border-radius: 1em;
padding: 1.5em;
}

}


/* ドット背景 */
.dots {
  background-color: #ffb2d6;
  background-image: radial-gradient(circle, #fccce5 2.5px, transparent 2.5px), radial-gradient(circle, #fccce5 2.5px, transparent 2.5px);
  background-position: 0 0, 15px 7.5px;
  background-size: 30px 15px;
}