.sec-box-block{
position: relative;
}
.sec-box-block .container{
max-width: 158.7rem;
}
.box-list{
display: flex;
flex-wrap: wrap;
}
.box-item{
width: calc(33.33% - 1px);
margin-right: 1px;
background: #fff;
padding: 6.4rem;
}
.box-item:last-child{
margin-right: 0;
}
.box-title {
margin-bottom: 4rem !important;
}
.box-title * {
font-size: 4rem !important;
line-height: 4.6rem !important;
}
.box-title:last-child {
margin-bottom: 0rem !important;
}
.box-price {
font-size: 2.4rem;
line-height: 2.6rem;
margin-bottom: 4rem;
font-weight: normal;
}
.box-price:last-child{
margin-bottom: 0;
}
.box-text{
margin-bottom: 4rem;
}
.box-text:last-child{
margin-bottom: 0;
}
.box-btn{
margin-bottom: 4rem;
}
.box-btn:last-child{
margin-bottom: 0;
}
.box-point{
margin-bottom: 4rem;
}
.rem-margin .box-point:has(~.row){
margin-bottom: 0rem;
}
.box-point:last-child{
margin-bottom: 0;
}
.box-btn .btn{
width: 100%;
}
.box-point li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0 0 1.2rem;
}
.box-point li:last-child{
margin-bottom: 0;
}
.box-point li::after{
content: none;
}
.box-point-icon {
width: 2.4rem;
height: 2.4rem;
}
.box-point-icon span{
display: block;
}
.box-point p{
margin: 0;
}
.box-point-icon + p{
width: calc(100% - 2.4rem);
padding-left: 1.2rem;
}
@media(min-width:1640px) and (max-width:1739px){
.sec-box-block .container {
max-width: 160rem;
}
}
@media(min-width:1540px) and (max-width:1639px){
.sec-box-block .container {
max-width: 150rem;
}
}
@media(min-width:1440px) and (max-width:1539px){
.sec-box-block .container {
max-width: 140rem;
}
}
@media(min-width:1260px) and (max-width:1439px){
.sec-box-block .container {
max-width: 1230px;
}
.box-item {
padding: 6.4rem 5rem;
}
}
@media(min-width:1200px) and (max-width:1259px){
.sec-box-block .container {
max-width: 1170px;
}
.box-item {
padding: 4.8rem;
}
.box-title * {
font-size: 3.65rem !important;
line-height: 4.25rem !important;
}
.box-title {
margin-bottom: 3.2rem !important;
}
.box-text,.box-btn,.box-price{
margin-bottom: 3.2rem;
}
.box-price {
font-size: 2.2rem;
line-height: 2.4rem;
}
.box-text p,.box-point li{
font-size: 1.5rem;
line-height: 2.2rem;
}
}
@media(min-width:992px) and (max-width:1199px){
.sec-box-block .container {
max-width: 960px;
}
.box-item {
padding: 4.8rem 2.4rem;
}
.box-title * {
font-size: 3.4rem !important;
line-height: 4.1rem !important;
}
.box-title {
margin-bottom: 3.2rem !important;
}
.box-text,.box-btn,.box-price{
margin-bottom: 3.2rem;
}
.box-price {
font-size: 2rem;
line-height: 2.2rem;
}
.box-text p{
font-size: 1.4rem;
line-height: 2.1rem;
}
.box-point li {
margin: 0 0 0.8rem;
font-size: 1.4rem;
}
}
@media(min-width:768px) and (max-width:991px){
.sec-box-block .container {
max-width: 720px;
}
.box-item {
width: 100%;
margin-right: 0;
padding: 6.4rem;
border-bottom: 1px solid #DADEE6;
}
.box-title {
margin-bottom: 3.2rem !important;
}
.box-text,.box-btn,.box-price{
margin-bottom: 3.2rem;
}
}
@media(max-width:767px){
.sec-box-block .container {
max-width: 540px;
}
.box-item {
width: 100%;
margin-right: 0;
padding: 6.4rem 2.4rem;
border-bottom: 1px solid #DADEE6;
}
.box-title {
margin-bottom: 3.2rem !important;
}
.box-price {
font-size: 1.8rem;
line-height: 2.1rem;
margin-bottom: 3.2rem;
}
.box-text,.box-btn{
margin-bottom: 3.2rem;
}
.box-text p {
line-height: 2.1rem;
}
.box-point li {
margin: 0 0 0.8rem;
}
}
@media(max-width:575px){
.sec-box-block .container {
max-width: 100%;
}
.box-list {
margin: 0 -1.6rem;
width: calc(100% + 3.2rem);
}
}