.main_wrap h2 {font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 700; padding: 0 10px;}
.main_visual	{width: 100%; height: 950px; position:relative; min-width:1000px; margin:0 auto;}
.main_visual .swiper-pagination {display: none;}
.main_visual .mv_btn {position: absolute; display: block; bottom: 35%; color: #fff; z-index: 99; width: 200px; padding: 17px 0; font-size: 14px; left:50%; margin-left: -100px; border: 1px solid #fff; text-align: center; box-sizing:border-box;}

.main_visual .scroll {position: absolute; bottom: 5%; left: 50%; margin-left: -15px; z-index: 99; animation: msc 1.5s infinite;}
@keyframes msc {
0% {bottom: 4%;}
50% {bottom: 5%;}
100% {bottom: 4%;}
}

.main_visual .swiper-button-prev {width: 111px; height: 10px; background: url('./img/m_v_prev.png') no-repeat center; left: 3%; top: 52%;}
.main_visual .swiper-button-next {width: 111px; height: 10px; background: url('./img/m_v_next.png') no-repeat center; right: 3%; top: 52%;}


/* title */
.title {display: flex; align-items: center; justify-content: center;}
.title span {border-radius:50%; opacity: 0.7; display: inline-block;}
.cir_01 {width: 13px; height: 13px; background: #18a348; margin: 0 3px;}
.cir_02 {width: 9px; height: 9px; background: #0e7629; margin: 2px 3px;}
.cir_03 {width: 7px; height: 7px; background: #146121; margin: 3px 3px;}


.m01 {width: 100%; margin: 0 auto; text-align: center; padding: 5% 0;}
.m01 ul {width: 100%; display: flex; justify-content: space-between; padding-top: 5%;}
.m01 ul a {width: 100%; height: 100%; display: block;}
.m01 ul h3 {font-size: 16px; color: #343434; font-weight: 700; padding-top: 5%;}
.m01 ul h3::after {content:''; width: 25px; height: 2px; background: #18a348; display: block; margin: 4% 0; position: relative; left: 50%; margin-left: -12px;}
.m01 ul p {font-size: 14px; color: #585858; line-height: 1.6;}


.m02 {width: 100%; padding: 3% 0 7%; background: url('./img/main_company_bg.jpg') no-repeat center; color: #fff; text-align: center;}
.m02 .title .white span {background: #fff;}
.m02 h3 {padding-top: 3%; font-size: 24px; font-weight: 400;}
.m02 h3 span {font-size: 36px; font-weight: 700;}
.m02 h3 + p {font-size: 16px; padding: 2% 0 5%; line-height: 1.6;}
.m02 .inner {width: 515px; display: flex; justify-content: space-between;}
.m02 .inner a {width: 100%; height: 100%; display: block;}
.m02 li {position: relative;}
.m02 li .bg_icon {position: absolute; left: 50%; margin-left: -55px; top: 0; z-index: 5; width: 110px; height: 110px; border-radius: 50%; transition: all 0.6s;}
.m02 li .bg_color {position: relative; left: 50%; margin-left: -55px; width: 110px; height: 110px; border-radius: 50%; background: rgba(255,255,255,0.7);  transition: all 0.6s;}
.m02 li:hover .bg_color {background: linear-gradient(45deg, #146121 0%, #0E7629 38%, #18A348 100%); transition: all 0.6s;}

.m02 li:first-child .bg_icon {background: url('./img/company_ico_01.png') no-repeat center;}
.m02 li:first-child:hover .bg_icon {background: url('./img/company_ico_on_01.png') no-repeat center;}

.m02 li:nth-child(2) .bg_icon {background: url('./img/company_ico_02.png') no-repeat center;}
.m02 li:nth-child(2):hover .bg_icon {background: url('./img/company_ico_on_02.png') no-repeat center;}

.m02 li:last-child .bg_icon {background: url('./img/company_ico_03.png') no-repeat center;}
.m02 li:last-child:hover .bg_icon {background: url('./img/company_ico_on_03.png') no-repeat center;}

.m02 li a p {padding-top: 20px; font-size: 16px; color: #fff;}


.m03 {width: 100%; margin: 0 auto; padding: 5% 0;}

.m03 .inner {display: flex; justify-content:space-between; align-items:center;}
.m03 .txt h2 {font-size: 18px; padding: 0; color: #131313;}
.m03 .txt .bold {font-size: 36px; color: #131313; font-weight: 700; line-height: 1.2; padding: 3% 0 5%;}
.m03 .txt p {font-size: 16px; color: #585858; line-height: 1.6;}
.m03 .txt p:last-child {padding-top: 30px;}
.m03 .box {width: 365px;}
.m03 .box a {width: 100%; padding: 35% 0 80%; display: block; color: #fff; text-align: center; transition: all 0.3s ease;}
.m03 .box a:hover {box-shadow: 5px 10px 8px #888888;}
.m03 .box a p {font-size: 18px;}
.m03 .box a h3 {font-size: 36px; font-weight: 700;}
.m03 .bs01 {background: url('./img/business_01.jpg') no-repeat center; margin: 0 45px 0 20px;}
.m03 .bs02 {background: url('./img/business_02.jpg') no-repeat center; margin-top: 12%;}


.m04 {width: 100%; margin: 0 auto; text-align: center; background: url('./img/main04_bg.jpg') no-repeat center; padding: 3% 0; color: #fff;}
.m04 .title .white span {background: #fff;}
.m04 .inner > p {font-size: 20px; font-weight: 300; line-height: 1.8; padding: 3% 0;}
.m04 .inner > p span {font-weight: 700;}
.m04 .inner ul {width: 900px; margin: 0 auto; display: flex; justify-content:space-around; align-items:center;}
.m04 .inner ul span {font-size: 16px; font-weight: 400; padding-bottom: 100px; display: block;}
.m04 ul p {font-size: 16px; line-height: 1.8; font-weight: 300;}
.m04 .ino {background: url('./img/main04_innovation.png') no-repeat center top;}
.m04 .ino h3 {padding-top: 95px; font-size: 22px; font-weight: 700;}
.m04 .bss {background: url('./img/main04_business.png') no-repeat center top;}
.m04 .bss h3 {padding-top: 70px; font-size: 22px; font-weight: 700;}