/*
********************************
　プラン共通設定
*********************************
*/
.plan_box {
    margin: 0px auto 0;
}
.plan_box ul {
width: 100%;
max-width: 950px;
margin: 40px auto 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
line-height: 1.6;
text-decoration: none;
padding: 0;
}

.plan_box ul li {
font-family: "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo";
max-width: 330px;
background: rgba(999, 999, 999, .6);
font-size: 15px;
list-style: none;
padding-bottom: 20px;
max-width: 330px;
width: calc(100% / 3 - 20px);
display: flex;
flex-direction: column;
}
.plan_box ul li img {
width: 100%
}
.plan_box ul li h4 {
font-family: "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo";
width: 90%;
font-size: 16px;
margin: 15px auto 0;
text-align: left;
color: #333;
font-weight: 300;
}
.plan_box ul li p {
font-weight: 300;
width: 90%;
margin: 5px auto 0;
text-align: left;
font-size: 15px;
color: #333;
}
.plan-btn {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: auto;
}
.plan-btn a {
width: 60%;
text-align: center;
display: block;
padding: 6px 0 5px;
background: #354374;
color: #fff;
margin: 10px auto 0px;
border-radius: 20px;
position: relative;
font-size: 14px;
text-decoration: none;
}
.plan-btn a::after {
content: '';
width: 4px;
height: 4px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}
.plan_box ul:after {
content: "";
display: block;
max-width: 330px;
    width: calc(100% / 3 - 20px);
height: 0;
}