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

.sv-box{background:#ebf0ea;border-radius: 6px;padding: 30px;box-shadow: 0px -5px 0px 0px #267c2a;margin-bottom:60px ;}
.sv-box ol li{max-width: 638px;}
.sv-box ol:nth-child(2){flex-direction: row-reverse;}
.sv-box ol li h3{border-left: var(--site-primary) 7px solid;font-size: 20px;font-weight: bold;margin-bottom: 20px;padding: 0 0 5px 1em;}
.sv-box ol:first-child li:nth-child(1){margin-bottom: 58px;}
.sv-box ol li p{margin-bottom: 20px;letter-spacing: 0;}


.voice{background: #fff;border: 2px solid #67a369;border-radius: 6px;margin-top: 62px;}
.voice ol{padding: 30px;}
.voice h3{background: #67a369;color: #fff;border-radius: 3px 3px 0 0;font-size: 28px;text-align: center;padding: 15px 0;}
.voice li:nth-child(2){max-width: 510px;}
.voice li p{letter-spacing: 0;}
.voice li sub{font-size: 13px;letter-spacing: 0;}
.voice p{margin-bottom: 20px;}

.hoarding-box{background:#fff;border-radius: 6px;padding:40px 30px;box-shadow: 0px -5px 0px 0px #267c2a;}
.hoarding-box ul li{max-width: 330px; border-radius: 0px;}

.get-comment{background:#eef4ec;padding: 24px 36px;position: relative;margin-top: 50px;border-radius: 6px;}
.get-comment h3{font-size: 18px;color: var(--site-primary);margin-bottom: 20px;}
.get-comment p{max-width: 85%;}
.get-comment p::after{content: '';display: block;background: url(../img/img-top_staff.png) no-repeat;width: 138px;height: 185px;background-size: contain;position: absolute;right:30px;top:38%;transform: translateY(-50%);}

.txt-orange{font-weight: bold;}
.txt-lightblie{font-weight: bold;}


@media only screen and (max-width: 1024px) {
.sv-box ol li{max-width: 490px;}

.voice li:nth-child(2){max-width: 370px;}

.hoarding-box ul li{max-width: 280px;}

.get-comment p{max-width: 80%;}
.get-comment p::after{top:47%;}
}

@media only screen and (max-width: 768px) {
.sv-box ol li{max-width: 100%;width: 100%;margin-bottom: 30px;}
.sv-box ol:first-child li:nth-child(1) {margin-bottom: 30px;}

.voice li{max-width: 100%;width: 100%;}
.voice li:nth-child(2){max-width: 100%;width: 100%;margin-top: 30px;}

.hoarding-box ul li{max-width: 31%;}

.get-comment h3{max-width: 75%;}
.get-comment p{max-width: 73%;}
.get-comment p::after{top:58%;right: 20px;}
}

@media only screen and (max-width: 568px) {
.sv-box{margin-bottom: 20px; padding: 20px;}
.sv-box ol:nth-child(2) li:nth-child(2) {margin-bottom: 0px;}
.sv-box ol li:last-child p{margin-bottom: 10px;}

.two-color-ttl{font-size:22px ;}
.two-color-ttl::after{width: 30%;}

.example li{padding: 20px;}

.voice{margin-top: 30px;}
.voice ol{padding: 20px;}
.voice h3{font-size: 22px;}
.voice p{margin-bottom: 10px;}

.hoarding-box{padding: 20px;}
.hoarding-box ul li{max-width: 100%;}

.get-comment{padding: 20px;}
.get-comment h3{max-width: 100%; width: 100%;}
.get-comment p{max-width: 100%;padding-bottom: 150px;}
.get-comment p::after{top:83.3%;right: 30%;width: 108px;height: 144px;}

.type li:last-child{margin-bottom: 0;}
.type dl{padding: 20px 0;}
.basic-mag_b{margin-bottom: 20px;}
.example{margin-top: 20px;}
}