/* 202610 ボタンのhover対応 */
.button {
    background: #00a896;
}
.button::after {
	display: none !important;
}

/* :hoverを使える場合 */
@media (hover: hover){
	.button:hover {
		opacity: 0.7;
	}
}

/* :hoverを使えない場合 */
@media (hover: none) {
	.button:hover {
		opacity: 1;
	}
}



/* ボタンリスト */
.ArticleCassetteList_ArticleCassetteList__IkC4K {
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	justify-content: space-around;
}
.ArticleCassetteItem_linkList__u_xcZ {
    width: calc((100% / 3) - 15px);
    margin-bottom: 15px;
}
.Button_Button__RSTxZ {
	position: relative;
    /* display: inline-block; */
    padding: 8px 20px;
    width: 100%;
    border: 1px solid #00a896;
    border-radius: 100px;
    text-align: center;
    font-size: calc(16 * .0625rem);
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease-out;
    color: #00a896;
    background-image: linear-gradient(90deg, #e7fcfa, #e7fcfa);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 90%;
    cursor: pointer;
    display: block;
}
@media only screen and (max-width: 750px) {
	.ArticleCassetteList_ArticleCassetteList__IkC4K {
		margin: 0 20px -20px;
	}
    .ArticleCassetteItem_linkList__u_xcZ {
		width: 100%;
		margin-bottom: 15px;
	}
}


.Button_Button__RSTxZ.Button_isStrong__13Jl9 {
    color: #fff;
    background: #00a896;
}