/* sub common */
.sub_sect1 { position: relative; overflow: hidden; margin: 0 auto; padding: 55px 0; }

.sub_sect1 .sub_tit1 { display: block; padding-bottom: 20px; font-family: 'Jalnan'; font-size: 38px; color: #89a150; line-height: 1.35; }
.sub_sect1 .sub_tit2 { display: block; text-align: center; padding-bottom: 20px; font-family: 'Jalnan'; font-size: 38px; color: #393939; line-height: 1.35; }

@media (max-width: 1535px) {
    
}
@media (max-width: 1279px) {
    
}
@media (max-width: 1023px) {
    
}
@media (max-width: 640px) {
    .sub_sect1 .sub_tit1, .sub_sect1 .sub_tit2 { text-align: center; }
}

/* sub_company */
.sub_company .contents1 { position: relative; padding: 80px 50px 200px; background: url(/image/sub/company_img2.jpg) no-repeat center/cover; border-radius: 50px; }
.sub_company .contents1 .textbox .text1 { font-weight: 700; font-size: 30px; color: #e72c27; }
.sub_company .contents1 .textbox .text2 { margin-top: 20px; font-size: 20px; color: #535353; line-height: 1.5; }
.sub_company .contents1 .textbox .text2 span { font-weight: 700; color: #5f7a1f; }
.sub_company .contents1 .img1 { position: absolute; bottom: -60px; display: inline-block; width: 550px; }

.sub_company .contents2 { margin-top: 150px; padding: 100px 70px; background: url(/image/sub/company_img4.jpg) no-repeat center/cover; border-radius: 50px; }
.sub_company .contents2 ul { display: flex; font-size: 22px; color: #e72c27; line-height: 1.35; }
.sub_company .contents2 ul * { font-size: inherit; color: inherit; line-height: inherit; }
.sub_company .contents2 ul li:first-of-type { width: 45%; }
.sub_company .contents2 ul li:last-of-type { width: 55%; }
.sub_company .contents2 ul li dl { display: flex; flex-wrap: nowrap; align-items: center; padding: 10px 20px; background-color: #fff; border-radius: 100px; }
.sub_company .contents2 ul li dl:nth-of-type(n + 2) { margin-top: 11px; }
.sub_company .contents2 ul li dl dt { min-width: max-content; margin-right: 15px; }
.sub_company .contents2 ul li dl dt img { display: inline-block; width: 36px; }
.sub_company .contents2 ul li dl dd { width: 100%; }

@media (max-width: 1535px) {
    .sub_company .contents1 { padding: 60px 40px 150px; border-radius: 40px; }
    .sub_company .contents1 .textbox .text2 { margin-top: 17px; }
    .sub_company .contents1 .img1 { bottom: -80px; width: calc(300px + 15vw); }

    .sub_company .contents2 { margin-top: 120px; padding: 80px 50px; border-radius: 40px; }
    .sub_company .contents2 ul li dl { padding: 8px 17px; }
    .sub_company .contents2 ul li dl:nth-of-type(n + 2) { margin-top: 10px; }
    .sub_company .contents2 ul li dl dt { margin-right: 13px; }
    .sub_company .contents2 ul li dl dt img { width: 32px; }
}
@media (max-width: 1279px) {
    .sub_company .contents1 { padding: 50px 30px 110px; border-radius: 30px; }
    .sub_company .contents1 .textbox .text2 { margin-top: 15px; }
    .sub_company .contents1 .img1 { bottom: -50px; width: calc(250px + 10vw); }

    .sub_company .contents2 { margin-top: 100px; padding: 50px 30px; border-radius: 30px; }
    .sub_company .contents2 ul li:first-of-type { width: 40%; }
    .sub_company .contents2 ul li:last-of-type { width: 60%; }
    .sub_company .contents2 ul li dl { padding: 7px 15px; }
    .sub_company .contents2 ul li dl:nth-of-type(n + 2) { margin-top: 9px; }
    .sub_company .contents2 ul li dl dt { margin-right: 12px; }
    .sub_company .contents2 ul li dl dt img { width: 28px; }
}
@media (max-width: 1023px) {
    .sub_company .contents1 { padding: 30px 20px; border-radius: 20px; }
    .sub_company .contents1 .img1 { position: relative; margin-top: 20px; bottom: initial; width: 100%; max-width: 400px; }

    .sub_company .contents2 { margin-top: 40px; padding: 30px 20px; border-radius: 20px; }
    .sub_company .contents2 ul li:first-of-type { display: none; }
    .sub_company .contents2 ul li:last-of-type { width: 100%; }
    .sub_company .contents2 ul li dl:nth-of-type(n + 2) { margin-top: 8px; }
    .sub_company .contents2 ul li dl dt { margin-right: 10px; }
    .sub_company .contents2 ul li dl dt img { width: 22px; }
}
@media (max-width: 767px) {
    .sub_company .contents1 { padding: 20px 15px; border-radius: 16px; }
    .sub_company .contents1 .textbox .text2 br { display: none; }

    .sub_company .contents2 { margin-top: 30px; padding: 20px 15px; border-radius: 16px; }
    .sub_company .contents2 ul li dl { padding: 5px 13px; }
    .sub_company .contents2 ul li dl dt img { width: 20px; }
}

/* sub_brand */
.sub_brand .contents1 { padding: 80px; border-radius: 50px; overflow: hidden; background: url(/image/sub/brand_img0.jpg) no-repeat center/cover; background-position: left top; }
.sub_brand .contents1 ul { display: flex; flex-wrap: nowrap; }
.sub_brand .contents1 ul li:first-of-type { min-width: max-content; margin-right: 100px; }
.sub_brand .contents1 ul li:first-of-type img { width: 170px; }
.sub_brand .contents1 ul li:last-of-type { width: 100%; }
.sub_brand .contents1 ul li dl { display: flex; flex-wrap: nowrap; }
.sub_brand .contents1 ul li dl dt { min-width: max-content; margin-right: 50px; font-weight: 700; font-size: 40px; color: #3b3b3b; line-height: 1.25; }
.sub_brand .contents1 ul li dl dd { width: 100%; }
.sub_brand .contents1 ul li dl dd img { display: inline-block; width: 450px; }
.sub_brand .contents2 { margin-top: 85px; }
.sub_brand .contents2 .descbox { text-align: center; }
.sub_brand .contents2 .descbox .desc1 { font-family: 'Jalnan'; font-size: 40px; color: #616161; }
.sub_brand .contents2 .descbox .desc1 span { color: #e72c27; font-size: inherit !important; }
.sub_brand .contents2 .descbox .desc2 { margin-top: 15px; font-weight: 500; font-size: 18px; color: #666; line-height: 1.65; }
.sub_brand .contents2 .descbox .desc2 span { color: #5f7b22; }
.sub_brand .contents2 .descbox .desc3 { margin-top: 30px; font-weight: 600; font-size: 30px; color: #6f8b2d; line-height: 1.33; }
.sub_brand .contents2 ul { margin-top: 60px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub_brand .contents2 ul li { width: 48.4%; }
.sub_brand .contents2 ul li a { display: block; padding: 50px 40px 140px; border-radius: 50px; overflow: hidden; pointer-events: none; }
.sub_brand .contents2 ul li:first-of-type a { background: url(/image/sub/brand_img2.png) no-repeat center/cover; }
.sub_brand .contents2 ul li:last-of-type a { background: url(/image/sub/brand_img3.png) no-repeat center/cover; }
.sub_brand .contents2 ul li a .textbox .text1 { font-size: 18px; color: #515151; line-height: 1.65; }
.sub_brand .contents2 ul li a .textbox .text2 { margin-top: 15px; font-family: 'Jalnan'; font-size: 30px; line-height: 1.33; color: #e72c27; }

@media (max-width: 1535px) {
    .sub_brand .contents1 { padding: 70px; border-radius: 40px; }
    .sub_brand .contents1 ul li:first-of-type { margin-right: calc(50px + 3.2vw); }
    .sub_brand .contents1 ul li:first-of-type img { width: calc(70px + 6.5vw); }
    .sub_brand .contents1 ul li dl dt { margin-right: calc(25px + 1.5vw); } 
    .sub_brand .contents1 ul li dl dd img { width: calc(200px + 15vw); }
    .sub_brand .contents2 ul li a { padding: 40px 30px 110px; border-radius: 40px; }
}
@media (max-width: 1279px) {
    .sub_brand .contents1 { padding: 60px; border-radius: 30px; }
    .sub_brand .contents1 ul li:first-of-type { margin-right: calc(40px + 2.5vw); }
    .sub_brand .contents1 ul li:first-of-type img { width: calc(70px + 5vw); }
    .sub_brand .contents1 ul li dl dt { margin-right: calc(20px + 1vw); } 
    .sub_brand .contents1 ul li dl dd img { width: calc(150px + 12vw); }
    .sub_brand .contents2 ul li a { padding: 30px 20px 80px; border-radius: 30px; }
}
@media (max-width: 1023px) {
    .sub_brand .contents1 { padding: 40px; border-radius: 20px; }
    .sub_brand .contents1 ul { display: block; }
    .sub_brand .contents1 ul li:first-of-type { min-width: initial; margin-right: initial; text-align: center; }
    .sub_brand .contents1 ul li:first-of-type img { width: 90px; }
    .sub_brand .contents1 ul li dl { max-width: 500px; margin-top: 30px; justify-content: center ; }
    .sub_brand .contents1 ul li dl dd img { width: 100%; }
    .sub_brand .contents2 ul li a { padding: 20px 10px 40px; border-radius: 20px; }
}
@media (max-width: 767px) {
    .sub_brand .contents1 { padding: 20px; border-radius: 15px; }
    .sub_brand .contents1 ul li:first-of-type img { width: 70px; }
    .sub_brand .contents1 ul li dl { display: block; max-width: 400px; }
    .sub_brand .contents1 ul li dl dt { min-width: initial; margin-right: initial; width: 100%; }
    .sub_brand .contents1 ul li dl dt br { display: none; }
    .sub_brand .contents1 ul li dl dd { margin-top: 10px; }
    .sub_brand .contents2 ul { display: block; }
    .sub_brand .contents2 ul li { width: 100%; }
    .sub_brand .contents2 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub_brand .contents2 ul li a { padding: 20px; border-radius: 15px; }
}
@media (max-width: 460px) {
    
}