/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents h1 span{max-width: 130px;}

.merit ol li{border: 5px solid var(--site-primary);border-radius: 6px;padding: 30px 25px; max-width: 535px;}
.merit ol li h4{color: #fff; text-align: center;font-size: 24px;font-weight: bold; border-radius: 6px;margin-bottom: 30px;line-height: 1.8;}
.merit ol li:first-child h4{background:var(--site-keycolor02) ;}
.merit ol li:nth-child(2) h4{background:#e52b12 ;}
.merit dl{position: relative; margin-top:10px;}
.merit dd{font-size: 20px; font-weight: bold; color: #444444; line-height: 2; border-bottom:2px solid #7d7d7d;padding:20px 0 10px 40px;}
.merit dd:nth-child(4){border-bottom:none;}
.merit ol li:first-child dd::before{content: '';display: block; background: url(../img/beginner/icon-check.png) no-repeat;width: 28px;height: 28px;background-size: contain;position: absolute;left: 0px;margin-top: 5px;}
.merit ol li:nth-child(2) dd::before{content: '';display: block; background: url(../img/beginner/icon-batsu.png) no-repeat;width: 28px;height: 28px;background-size: contain;position: absolute;left: 0px;margin-top: 5px;}
.merit ol li:nth-child(2) dl::after{content: '';display: block; background: url(../img/beginner/photo-demerit-sub.png) no-repeat; width: 237px;height: 196px; background-size: contain;position: absolute;top:120px;right: 0;}
.st-icon{background-color:var(--site-keycolor02);padding:15px 20px;}
.strength-box{margin-bottom: 66px;}
.type dt{color: #fff;}
.bg-lattice{padding-bottom: 10px;}


@media only screen and (max-width: 1024px) {
.merit ol li{max-width: 400px;}
.st-point h3{font-size: 19px;}
.st-point h3 span{font-size: 24px;}
 }
@media only screen and (max-width: 768px) {
.merit ol li{max-width: 280px;}
.merit ol li:nth-child(2) dl::after{top:280px;}
}
@media only screen and (max-width: 568px) {
.txtbox .txt-balloon {padding: 5px 10px;letter-spacing: 0;}
.merit{margin: 20px auto;}
.merit ol li:first-child{margin-bottom: 20px;}
.merit ol li h4{font-size: 22px;}
.merit dd{font-size: 16px;}
.merit ol li dd::before{width: 20px; height: 20px;}
.merit ol li:nth-child(2){padding-bottom: 200px;}
.merit ol li:nth-child(2) dl::after{top:164px;}
.strength-box{margin-bottom: 30px;}
}