@media screen and (max-width:1800px) {
header.roll .container { width: 100%; } 
}

@media screen and (max-width:1599px) {
.pc_br { display: none; } 
.container { width:1170px } 
.broad { margin-top: 150px } 
.broad h3 { margin-bottom: 100px } 
.company02-content01 ul li:first-child { width: 500px } 
.company02-content01 ul li:first-child + li { width: calc(100% - 500px); padding-left: 100px } 
.company07-content01 ul.f0 > li { width: 500px } 
.company07-content01 ul.f0 > li:last-child { width: calc(100% - 500px); padding-left: 100px } 
.company07-content02 .swiper { width:1170px; margin-left: auto; margin-right: auto } 
.company07-content02 .wrap img { width: 200px } 
.company07-content02 .wrap .text-wrap { width: calc(100% - 200px) } 
.company05-content01 ul li:last-child { padding-left: 200px } 
.company05-content01 ul li .item .img-wrap { padding:50px 30px } 
.company06-content01 .wrap { padding:30px } 
.contact-content01 ul li { width: 500px } 
.contact-content01 ul li:last-child { width: calc(100% - 500px); } 
.contact-content02 .map-wrap .right { padding:70px } 
.company01-content01 ul li:first-child { width: 600px; } 
.company01-content01 ul li:first-child + li { width: calc(100% - 600px); padding-left: 60px; } 
.company04-content02 .flex .left { width: 540px; } 
.company04-content02 .flex .right { width: calc(100% - 540px); padding-left: 80px; } 
.company04-content02 ul li:nth-child(even) .right { padding-right: 80px; } 
.swiper.type01 .wrap img { width: 320px; } 
.swiper.type01 .wrap .text-wrap { width: calc(100% - 320px); } 
.business11-content02 .flex { padding: 0; } 
.business02-content03.business11-content02 .flex .box .img-box { height: 120px; } 
.business11-content02 .flex .box .img-box img { height: 120px; } 
.business11-content02 .flex .box:before { bottom:initial; top: 175px; } 
.business09-content03 .flex .box { width: calc((100% - 90px) / 4); margin-right: 30px; } 
.business09-content03 .flex .box .list-box .txt-box { height: 60px; } 
.product-content06 .right-box { padding-left: 60px; } 
.business05-content02 .flex > li:nth-child(odd) {padding: 50px 30px 50px 30px;} 
.business05-content02 .flex .circle { width: 100%; height: 0; padding-bottom: 100%; } 
.business05-content02 .flex .circle img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
}

@media screen and (max-width:1199px) {
.container { width:970px } 
header .container > .flex > li:first-child > ul > li:last-child { padding-left: 50px; } 
header ul li.nav div { margin-right: 30px; } 
header h3, header ul li.nav div > a { padding-top: 25px; padding-bottom: 25px; font-size: 15px; } 
header .menu li a { font-size: 14px; } 
header .menu.menu-biz { width: 660px; padding: 25px; column-gap: 30px; } 
header .menu-biz li a.tit { gap: 10px; font-size: 15px; } 
header .menu-biz li a.tit .ico { width: 34px; height: 34px; } 
header .menu-biz li a.tit .ico img { max-width: 22px; max-height: 20px; } 
header .menu-biz li .depth2 { margin-left: 44px; } 
header .menu-biz li .depth2 a { font-size: 13px; line-height: 26px; } 
header .header-info > .btn-box { padding-right: 30px; } 
header .header-info > .btn-box:after { right:10px; } 
header .header-info .btn-box a { font-size: 15px; } 
header .header-info .select-box { padding: 0 10px; } 
header .header-info .contact-box a { padding: 0 12px; } 
header .header-info .contact-box a div { font-size: 13px; line-height: 36px; } 
.footer-bottom strong { font-size: 14px; } 
.footer-bottom p { font-size: 14px; } 
.footer-bottom a { margin-right: 0; font-size: 16px; } 
.footer-bottom .footer-nav-col ul { margin-top: 10px; } 
.footer-bottom .footer-nav-col ul li a { font-size: 14px; } 
.broad h3 { font-size: 70px } 
.company07-content01 ul.f0 > li { width: 100% } 
.company07-content01 ul.f0 > li:last-child { width: 100%; margin-top: 50px; padding-left: 0 } 
.company07-content02 .swiper { width: 970px } 
.company03-content01 ul.flex > li:last-child { padding-left: 100px } 
.company06-content01 .flex > li:last-child { padding-left: 0 } 
.title h3 { font-size: 36px } 
.company01-content02 p { padding-left: 0 } 
.news01-content01 { padding-bottom: 100px } 
.news01-content01 .news-list li .left { width: 400px } 
.news01-content01 .news-list li .right { width: calc(100% - 400px); padding-left: 50px } 
.prd-wrap .flex li:first-child { width: 100%; padding:50px } 
.prd-wrap .flex li.flex { width: 100%; margin-top: 50px; padding-left: 0 } 
.prd-wrap .flex li .img-wrap { position: relative; top:0; left:0; transform: translate(0); width: 100% } 
.product01-content02 { margin-top: 100px; padding-bottom: 100px } 
.main-content01 h3 { font-size: 48px } 
.main-content01 .swiper-slide { height: 600px } 
.main-content02 { padding-top: 100px } 
.main-content02 ul li { width: 100% } 
.main-content02 ul li h3 { font-size: 36px } 
.main-content03 { padding-top: 100px } 
.main-content04 { padding-top: 100px } 
.main-content03 h3,.main-content04 h3 { font-size: 36px } 
.main-content04 ul li { width: calc((100% - 30px) / 2) } 
.main-content04 ul li:nth-child(even) { margin-right: 0 } 
.main-content04 ul li:nth-child(3n) { margin-right: 30px } 
.main-content04 ul li:nth-child(6n) { margin-right: 0 } 
.main-content04 ul li:nth-child(n+3) { margin-top: 30px } 
.main-content05 { padding:100px 0 } 
.main-content07 { padding:100px 0 } 
.main-content02 .swiper-slide { padding:30px } 
.main-content02 .swiper-slide .slide-wrap { background-size: 100px } 
.main-content02 .swiper-slide h3 { font-size: 26px } 
.main-content02 .swiper-slide h5 { margin-top: 35px; font-size: 16px; } 
.main-content06 { padding:100px 0 } 
.main-content06 .swiper { padding:15px } 
h5.contact { font-size: 36px } 
.contact-content02 { margin-top: 100px; padding-bottom: 100px } 
.contact-content01 ul li { width: 400px } 
.contact-content01 ul li:last-child { width: calc(100% - 400px); padding-left: 30px } 
.contact-content02 .map-wrap .left,.contact-content02 .map-wrap .right { width: 100% } 
.company01-content01 ul li:first-child { width: 400px; } 
.company01-content01 ul li:first-child + li { width: calc(100% - 400px); } 
.swiper.type01 { margin-left: 120px; } 
.swiper.type01 .wrap img { width: 240px; } 
.swiper.type01 .wrap .text-wrap { width:calc(100% - 240px); } 
.business01-content02 ul li:last-child { padding-left: 80px; } 
.business01-content03 .flex { flex-wrap: wrap; } 
.business01-content03 .flex li { width: calc((100% - 40px) / 3); margin-right: 20px; } 
.business01-content03 .flex li:nth-child(3n) { margin-right: 0; } 
.business01-content03 .flex li:nth-child(n+4) { margin-top: 20px; } 
.business02-content01 ul li:last-child { padding-left: 80px; } 
.business11-content02 .flex { flex-wrap: wrap; } 
.business11-content02 .flex .box { width: 50%; } 
.business11-content02 .flex .box:nth-child(2n):before { display: none; } 
.business11-content02 .flex .box:nth-child(n+3) { margin-top: 50px; } 
.business10-content02 .flex, .business10-content03 .flex { flex-wrap: wrap; } 
.business10-content02 .flex .img-box, .business10-content03 .img-box { width: 100%; } 
.business10-content02 .flex .txt-box, .business10-content03 .txt-box { width: 100%; padding-left: 0; padding-top: 30px; } 
.business09-content02 .txt-wrap .btn-box { width: 50px; height: 50px; } 
.business08-content04 .flex { flex-wrap: wrap; } 
.business08-content04 .flex .title-box { width: 100%; margin-bottom: 50px; } 
.business08-content04 .flex .text-box { width: 100%; } 
.prd-popup .inner { width: 70%; height: 75vh; padding: 50px; overflow: auto; } 
.prd-popup .inner .contents .txt-box { padding-left: 50px; } 
.prd-popup .inner .contents .txt-box ul { margin-top: 30px; } 
.product-content03 .box { padding: 30px; } 
.product-content03 .box h3 { margin-bottom: 20px; } 
.product-content03 .box p { height: 55px; } 
.product-content06 .tab-list { margin-bottom: 30px; } 
.product-content06 .tab-list ul li { margin-bottom: 10px; padding: 0 12px; } 
.product-content06 .tab-list ul li span { font-size: 14px; line-height: 40px; } 
.contact-content03 .map-wrap .right-box { padding: 60px; } 
}

@media screen and (max-width:991px) {
header .container > ul { border:none; padding:10px 0; } 
header .container > ul li:last-child { display:none; } 
header .m-btn { display: block } 
header h1 svg { width: 88px; height: 26px; } 
header .container > .flex > li:first-child > ul > li:last-child { display: none } 
footer { padding: 35px 0 } 
footer .svg-wrap { padding-bottom: 35px } 
footer .svg-wrap svg { max-width: 300px } 
.footer-bottom { flex-wrap: wrap; } 
.footer-bottom > li { width: 100% !important; } 
.footer-bottom .wrap:first-child { width: 100%; padding-right: 0; border:none } 
.footer-bottom .wrap:first-child + .wrap { width: 100%; margin-top: 20px; padding-left: 0 } 
.footer-bottom .footer-nav { justify-content: flex-start; margin-top: 30px; } 
.container { width:100% } 
.broad { margin-top: 100px } 
.broad h3 { margin-bottom: 80px; font-size: 50px; letter-spacing: 0 } 
.company02-content01 ul li:first-child { width: 100% } 
.company02-content01 ul li:first-child + li { width: 100%; margin-top: 50px; padding-left: 0 } 
.company07-content02 .swiper { width: 100%; padding-left: 15px; padding-right: 15px } 
.company01-content01 { padding-bottom: 100px } 
.company01-content01 ul { flex-wrap: wrap; } 
.company01-content01 ul li:first-child,.company01-content01 ul li:first-child + li { width: 100% } 
.company01-content01 ul li:first-child + li { margin-top: 50px; padding-left: 0; } 
.company01-content02 p { padding-left: 0 } 
.company02-content01 ul { flex-wrap: wrap; } 
.company03-content01 ul.flex > li,.company03-content01 ul.flex > li:last-child { width: 100% } 
.company03-content01 ul.flex > li:last-child { margin-top: 50px; padding-left: 0 } 
.company05-content01 .flex { flex-wrap: wrap; } 
.company05-content01 ul li,.company05-content01 ul li:last-child { width: 100% } 
.company05-content01 ul li:last-child { margin-top: 50px; padding-left: 0 } 
.company06-content01 .flex > li,.company06-content01 .flex > li:last-child { width: 100% } 
.company06-content01 .flex > li:last-child { margin-top: 50px } 
.news01-content01 .news-list li .left,.news01-content01 .news-list li .right { width: 100%; } 
.news01-content01 .news-list li .right { margin-top: 50px; padding-left: 0 } 
.news01-content01 .news-list li .right h3 { font-size: 24px } 
.main-content02 .wrap,.main-content04 .wrap { padding-left: 50px; padding-right: 50px } 
.contact-content01 ul li:first-child { display: none } 
.contact-content01 ul li:last-child { width: 100%; padding-left: 0 } 
.contact-content02 .map-wrap .right { padding:50px } 
.main-content02 ul li h3 br,.main-content02 ul li p br { display: none } 
.company04-content01 { padding: 150px 0; } 
.company04-content01 h3 { font-size: 48px; } 
.company04-content02 ul li { flex-wrap: wrap; margin-bottom: 30px; } 
.company04-content02 .flex .left { width: 100%; } 
.company04-content02 .flex .right { width: 100%; padding-left: 0; margin-top: 50px; } 
.company04-content02 ul li:nth-child(even) .right { padding-right: 0; margin-top: 50px; order: 1; } 
.swiper.type01 { margin-left: 60px; margin-right: 60px; } 
.arrow div:first-child { margin-right: 10px; } 
.company06-content01 .flex { flex-wrap: wrap; } 
.company06-content01 .flex > div { width: 100%; } 
.company06-content01:before { width: 100%; } 
.company06-content01 .flex .right { margin-top: 30px; padding-left: 20px; padding-right: 20px; } 
.business01-content01 ul li:first-child { padding-right: 60px; } 
.business01-content02 ul { flex-wrap: wrap; } 
.business01-content02 ul li { width: 100%; } 
.business01-content02 ul li:last-child { padding-left: 0; padding-top: 50px; } 
.business02-content05 .flex li { padding: 30px; } 
.business11-content01 .flex { flex-wrap: wrap; } 
.business11-content01 .flex .title-box { width: 100%; padding-bottom: 50px; } 
.business11-content01 .flex .title-box:after { width: 100%; height: 1px; top: initial; bottom: 0; } 
.business11-content01 .flex .txt-box { width: 100%; padding-left: 0; margin-top: 50px; } 
.business09-content03 .flex { flex-wrap: wrap; } 
.business09-content03 .flex .box { width: calc((100% - 60px) / 2); margin-right: 30px; } 
.business09-content03 .flex .box:nth-child(2n) { margin-right: 0; } 
.business09-content03 .flex .box:nth-child(n+3) { margin-top: 30px; } 
.business09-content03 .flex .box .content-box { display:none; } 
.business09-content03 .flex .box.on .content-box { display: block; } 
.business08-content02 .flex .box { padding:30px; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box { padding-left: 40px; padding-right: 40px; } 
.product-content01 .title-box h3 { font-size: 42px; } 
.product-content01 { height: 420px; } 
.product-content05 .flex .box { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px !important; padding: 20px; } 
.product-content05 .flex .box:nth-child(2n) { margin-right: 0; } 
.product-content05 .flex .box .svg-wrap svg { height: 80px; } 
.product-content06 .flex { flex-wrap: wrap; } 
.product-content06 .left-box { width: 100%; padding-bottom: 100%; } 
.product-content06 .right-box { width: 100%; padding-left: 0; margin-top: 50px; } 
.product-content06 .right-box .title-box { margin-bottom: 50px; } 
.product-content07 .flex .box { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 20px; padding: 20px; } 
.product-content07 .flex .box .icon-box { margin-bottom: 20px; width: 50px; height: 50px; } 
.news-view-content01 .content-box .flex { flex-wrap: wrap; } 
.news-view-content01 .content-box .img-box { width: 100%; } 
.news-view-content01 .content-box .txt-box { width: 100%; padding-left: 0; margin-top: 40px; } 
.contact-content02 .flex { flex-wrap: wrap; } 
.contact-content02 .flex .img-box { width: 100%; } 
.contact-content02 .flex .txt-box { width: 100%; padding-left: 0; margin-top: 50px; } 
.contact-content03 .map-wrap { flex-wrap: wrap; } 
.contact-content03 .map-wrap .left-box { width: 100%; height: 300px; } 
.contact-content03 .map-wrap .right-box { width: 100%; } 
.business05-content02 .flex { flex-direction: column; } 
.business05-content02 .flex > li:nth-child(odd) { width: 100%; } 
.business05-content02 .flex > li:nth-child(even) { width: 100%; height: 80px; } 
.business05-content02 .flex > li ul { margin-top: 20px; height: auto; } 
.business05-content02 .flex .circle { margin-top: 10px; } 
}

@media screen and (max-width:767px) {
.visible-xs { display:block; } 
.hidden-xs { display:none; } 
.broad h4 { padding-right: 0 } 
.broad .wrap:before { height: 0 } 
.broad ul li { margin-right: 15px; font-size: 14px } 
.title.title02 h3 { font-size: 32px } 
.company02-content01 ul li h4 { margin-top: 80px } 
.company01-content01 ul li h3 { font-size: 36px } 
.company01-content01 ul li h3 br { display: none } 
.company07-content01 ul.f0 > li ul li { padding-bottom: 20px; border-bottom:1px solid rgba(0,0,0,.6) } 
.company07-content01 ul.f0 > li ul li strong,.company07-content01 ul.f0 > li ul li span { width: 100% } 
.company07-content02 .wrap img { width: 300px; margin-top: 30px; margin-left: auto; margin-right: auto } 
.company07-content02 .wrap .text-wrap { width: 100%; margin-top: 30px; padding:0 15px 30px } 
.company07-content02 .wrap .text-wrap h4 { font-size: 24px } 
.company07-content02 .wrap .text-wrap p { font-size: 16px } 
.company05-content01 ul li .item { width: calc((100% - 20px) / 2) } 
.company05-content01 ul li .item:nth-child(even) { margin-right: 0 } 
.company05-content01 ul li .item:nth-child(3n) { margin-right: 20px } 
.company05-content01 ul li .item:nth-child(6n) { margin-right: 0 } 
.company05-content01 ul li .item:nth-child(n+3) { margin-top: 30px } 
.company05-content01 ul li .item .img-wrap { padding:15px } 
.company05-content01 ul li .item h4 { font-size: 16px } 
.company05-content01 ul li .item h5 { font-size: 18px } 
.board-top { padding:25px 0 } 
.board-top h3 { font-size: 24px } 
.board-top strong,.board-top span { padding-right: 10px; font-size: 14px } 
.news-view .util-box > div { padding:25px 0 } 
.prd-wrap .flex li h4 { font-size: 24px } 
.prd-wrap .flex li p { font-size: 18px } 
.prd-wrap .flex li dd { font-size: 16px } 
.product01-content02 .contents table thead th { font-size: 14px } 
.product01-content02 .contents table tbody th { font-size: 14px } 
.main-content01 h3 { font-size: 28px } 
.main-content01 p { font-size: 16px } 
.main-content01 .swiper-slide { height: 500px } 
.main-content01 a { width: 220px; height:50px; padding-left: 25px; background: url(../images/main/icon01.png) no-repeat center right+25px; line-height:48px } 
.main-content02 .swiper { padding:0 15px; margin-top: 50px; } 
.main-content02 .wrap,.main-content04 .wrap { padding-left: 0; padding-right: 0 } 
.main-content02 .paging-box { margin-top: 40px; } 
.main-content02 ul li h3 { font-size: 24px } 
.main-content02 ul li p { font-size: 16px; } 
.main-content02 .arrow-box_02 { display:none; } 
.main-content04 ul li { width: 100%; margin-right: 0!important; padding:30px } 
.main-content04 ul li:nth-child(n+2) { margin-top: 30px } 
.main-content05 p { width: 100%; font-size: 16px; } 
.main-content07 p { font-size: 24px } 
h5.contact { font-size: 24px } 
.contact-content02 .map-wrap .right h3 { font-size: 24px } 
.contact-content02 .map-wrap .right { padding:30px } 
.main-content02 .arrow-box_02 .arrow-prev { left: 9%; } 
.main-content02 .arrow-box_02 .arrow-next { right: 9%; } 
.main-content03 h3, .main-content04 h3 { font-size: 26px; } 
.main-content03 p, .main-content04 p { margin-top: 20px; font-size: 16px; } 
.main-content03 .img-wrap img { margin-right: 20px; max-width: 100px; object-fit: contain; height: auto; height: 20px; } 
.main-content04 ul li dl { margin-top: 50px; } 
.main-content04 ul li dt { font-size: 20px; } 
.main-content06 .flex { flex-direction: column; } 
.main-content06 .flex .title { margin-bottom: 20px; } 
.main-content06 p { font-size: 15px; } 
.main-content07 .flex { flex-direction: column; justify-content: flex-start; } 
.main-content07 .flex .title { margin-bottom: 20px; } 
.footer-logo { max-width: 100%; width: 240px; } 
.footer-bottom { flex-wrap: wrap; } 
.footer-bottom li { width: 100% !important; } 
.footer-bottom .footer-nav { flex-wrap: wrap; } 
.footer-bottom .footer-nav .footer-nav-col { width: 50%; } 
.footer-bottom .footer-nav .footer-nav-col:nth-child(n+3) { margin-top: 20px; } 
.copy-right { flex-direction: column; margin-top: 20px; } 
.copy-right a svg { width:45px; height:45px; } 
.footer-top .top-btn { width: 60px; height: 60px; } 
.company04-content01 { padding: 80px 0; } 
.company04-content01 h3 { font-size: 32px; } 
.arrow { position: static; margin-top: 20px; margin-right: 30px; text-align: right; } 
.swiper.type01 { margin-left: 15px; margin-right: 15px; } 
.swiper.type01 .wrap img { width: 100%; } 
.swiper.type01 .wrap .text-wrap { width: 100%; padding:15px } 
.company06-content01 .flex .left p { font-size: 20px; } 
.company07-content01 p { font-size: 18px; } 
.company07-content01 .swiper-slide { padding: 30px 15px 30px; } 
.company07-content01 .swiper-slide img { max-width: 100%; } 
.company07-content01 .swiper-slide h3 { margin-top: 20px; font-size: 16px; height: 50px; } 
.company07-content01 .swiper-slide h4 { font-size: 14px; } 
.company07-content01 .slide-prev, .company07-content01 .slide-next { position: static; margin-top: 0; margin-bottom: 20px; display: inline-block; vertical-align: top; } 
.company07-content01 .bg { transform: translateY(-100%); } 
.business01-content01 ul li:first-child { margin-top: 60px; padding-right: 20px; } 
.business01-content03 .flex li { width: 100%; margin-right: 0; margin-top: 20px; } 
.business02-content01 ul { flex-wrap: wrap; } 
.business02-content01 ul li { width: 100%; } 
.business02-content01 ul li:first-child { padding: 80px 50px; } 
.business02-content01 ul li:last-child { padding: 0; margin-top: 30px; } 
.business02-content01 ul li h3 { margin-bottom: 30px; } 
.business02-content05 .flex { flex-wrap: wrap; } 
.business02-content05 .flex li { width: 100%; margin-right: 0px; margin-bottom: 30px; } 
.business02-content04 .wrap span { display: block; } 
.business09-content02 .txt-wrap .btn-box { position: static; margin-top: 50px; } 
.business09-content03 .flex .box { width: 100%; margin-right: 0; margin-top: 30px; } 
.business-banner .text-wrap p { margin-top: 10px } 
.long-section { scroll-margin-top: 60px; } 
.business08-content02 .flex .box { flex-direction: column; } 
.business08-content03 .flex { flex-wrap: wrap; } 
.business08-content03 .flex .box { width: 100%; margin-right: 0; margin-bottom: 30px; padding-bottom: 30px; } 
.business08-content04 .flex .text-box .box-wrap .box-row { flex-wrap: wrap; } 
.business08-content04 .flex .text-box .box-wrap .box-row .img-box { width: 100%; } 
.business08-content04 .flex .text-box .box-wrap .box-row .txt-box { width: 100%; margin-top: 30px; } 
.product-content01 { height: 600px; padding-top: 90px; } 
.product-content01 .title-box h3 { font-size: 38px; } 
.product-content02 { margin-top: 80px; margin-bottom: 100px; } 
.product-content03 { margin-bottom: 60px; } 
.product-content04 .box { padding: 30px; } 
.product-content04 .box .btn-box { position: static; width: 50px; height: 50px; margin-left: auto; } 
.product-content03 .box .btn-box { width:50px; height:50px; top:30px; right: 30px; } 
.prd-popup .inner { width: 85%; padding: 50px; padding-top: 90px; } 
.prd-popup .inner .close-btn { right:20px; top:20px; } 
.prd-popup .inner .contents .flex { flex-wrap: wrap; } 
.prd-popup .inner .contents .img-box { width: 100%; padding-bottom: 100%; } 
.prd-popup .inner .contents .txt-box { width: 100%; padding-left: 0; margin-top: 30px; } 
.news-content01 .flex { flex-wrap: wrap; } 
.news-content01 .flex .box { width: 100%; margin-right: 0; } 
.news-view-content02 .list-box ul li .left-box { width: 120px; } 
.news-view-content02 .list-box ul li .left-box span { margin-right: 10px; } 
.news-view-content02 .list-box ul li .right-box { width: calc(100% - 120px); } 
.contact-content02 .form-wrap .form-row { flex-wrap: wrap; } 
.contact-content02 .form-wrap .form-row .input-title { width: 100%; padding-right: 0; border-bottom: 1px solid #eee; padding-left: 0; margin: 0 25px; } 
.contact-content02 .form-wrap .form-row .input-title p { font-size: 14px; line-height: 60px; } 
.contact-content02 .form-wrap .form-row .input-box { width: 100%; padding-left: 15px; padding-right: 15px; } 
.contact-content02 .form-wrap .form-row .input-box input { font-size: 16px; height: 60px; line-height: 60px; padding: 10px; } 
.contact-content02 .form-wrap .form-row .input-box input::placeholder { font-size: 16px; } 
.contact-content02 .form-wrap .form-row .input-box textarea { font-size: 16px; padding: 10px; } 
.contact-content02 .form-wrap .form-row .input-box textarea::placeholder { font-size: 16px; } 
.main-content02 .swiper-slide .slide-wrap { background-size: 60px; } 
.contact-content02 .bottom-box { flex-wrap: wrap; } 
.contact-content02 .bottom-box .chk-box { width: 100%; } 
.contact-content02 .bottom-box .chk-box label { font-size: 16px; padding-left: 30px; } 
.contact-content02 .bottom-box .chk-box label:before { width: 18px; height: 18px; background-size: 18px; top: 4px; } 
.contact-content02 .bottom-box .send-box { margin:0 auto; margin-left: auto; margin-top: 30px; } 
.contact-content03 .map-wrap .right-box { padding: 30px; } 
.contact-content03 .map-wrap .right-box .text-box h3 { margin-bottom: 20px; } 
.contact-content03 .map-wrap .right-box .text-box { margin-bottom: 30px; } 
.news-view-content01 .title-box { padding-bottom: 20px; } 
.news-view-content01 .info-box { margin-top: 40px; } 
.news-view-content01 .info-box ul { flex-wrap: wrap; } 
.news-view-content01 .info-box ul li { width: 100%; margin-right: 0; margin-bottom: 10px; } 
.product-content05 .flex .box p { font-size: 14px; } 
}

@media screen and (max-width:640px) {
.broad ul { margin-bottom: 10px; } 
.broad ul li { font-size: 9px; } 
.company02-content01 ul li p { font-size: 16px } 
.business08-content02 .flex .box { width: 100%; margin-right: 0; margin-bottom: 30px !important; } 
}

@media screen and (max-width:480px) {
.main-content01 h3 { font-size: 24px } 
.main-content07 p { font-size: 20px } 
.business-banner .text-wrap h3 { display: none } 
.business-banner .text-wrap p { margin-top: 0 } 
}