/* main_business */
#main_business { position: relative; padding: 100px 0; overflow: hidden; }
#main_business .bg { z-index: -1; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-color: #f4f4f4; }
#main_business .businessWrap { position: relative; max-width: 1640px; margin-left: auto; margin-right: auto; }
#main_business .text1 { font-weight: 700; font-size: 50px; color: #4a4a4a; }
#main_business ul { margin-top: 40px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_business ul li { width: 23.7%; }
#main_business ul li > a { display: block; padding: 40px; overflow: hidden; height: 100%; background-color: #fff; box-shadow: 0 0 10px rgba(151, 151, 151, 0.35); text-align: center; border: 1px solid #fff; transition: border 0.3s; }
#main_business ul li > a:hover { border: 1px solid #7a6b56; }
#main_business ul li > a .imgwrap { text-align: center; }
#main_business ul li > a p { margin-top: 24px; font-weight: 600; font-size: 22px; color: #343434; line-height: 1.35; }
#main_business .morebtn { margin-top: 50px; text-align: center; }
#main_business .morebtn a { display: inline-block; padding: 20px 50px; text-align: center; font-weight: 500; font-size: 20px; color: #7a6a55; border: 2px solid #7a6a55; border-radius: 100px; transition: background-color 0.3s, color 0.3s; }
#main_business .morebtn a:hover { background-color: #7a6a55; color: #fff; }
@media (max-width: 1704px) {
    #main_business .businessWrap { width: calc(100% - 100px); }
    #main_business ul li > a { padding: 35px; box-shadow: 0 0 6px rgba(151, 151, 151, 0.35); }
    #main_business ul li > a p { margin-top: 20px; }
}
@media (max-width: 1380px) {
    #main_business .businessWrap { width: calc(100% - 80px); }
    #main_business ul li > a { padding: 25px; }
}
@media (max-width: 1280px) {
    #main_business .businessWrap { width: calc(100% - 60px); }
    #main_business ul li > a { padding: 20px; }
}
@media (max-width: 1230px) {
    #main_business .businessWrap { width: calc(100% - 40px); }
}
@media (max-width: 767px) {
    #main_business ul { flex-wrap: wrap; }
    #main_business ul li { width: 48%; } 
    #main_business ul li:nth-of-type(n + 3) { margin-top: 4%; }
    #main_business ul li > a { padding: 15px; }
}


/* main_custom */
#main_custom { position: relative; padding: 75px 0; overflow: hidden; background: url(/image/main/custom_bg.png)  no-repeat center/cover; }
#main_custom ul { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } 
#main_custom ul .left { min-width: max-content; margin-right: 44px; }
#main_custom ul .left p { font-weight: 600; font-size: 35px; color: #fff; }
#main_custom ul .right { display: flex; flex-wrap: nowrap; align-items: center; }
#main_custom ul .right dl { display: flex; flex-wrap: nowrap; align-items: center; }
#main_custom ul .right dl:first-of-type { margin-right: 35px; }
#main_custom ul .right dl dt { min-width: max-content; margin-right: 10px; }
#main_custom ul .right dl dt img { display: inline-block; width: 46px; }
#main_custom ul .right dl dd p { font-size: 24px; color: #fff; }
@media (max-width: 1535px) {
    #main_custom ul .left { margin-right: 25px + 1vw; }
    #main_custom ul .right dl:first-of-type { margin-right: 30px; }
    #main_custom ul .right dl dt img { width: calc(25px + 1.3vw); }
}
@media (max-width: 1023px) {
    #main_custom ul .right dl:first-of-type { margin-right: 20px; }
}
@media (max-width: 767px) {
    #main_custom ul { display: block; }
    #main_custom ul .right { margin-top: 20px; }
}
@media (max-width: 524px) {
    #main_custom { background-position-x: 100%; }
    #main_custom ul .right { display: block; }
    #main_custom ul .right dl:first-of-type { margin-right: initial; margin-bottom: 20px; }
    #main_custom ul .right dl dt img { width: 31px; }
}