/* header */
@media screen and (min-width:1140px){
	.area_main .grid.introduce .card-wrap .card h4 br {display:none;}

}



@media screen and (max-width:1140px){
	.header {height:64px; line-height:64px;}
	.header .nav .menu {height:64px; font-size:16px;}
	.area_main .grid.introduce .card-wrap .card p {font-size:14px; line-height:24px;}
	.area_main .area_banner .slider-btn {width:110px;}
	.area_main .area_banner .swiper-slide .txt {left:0px;}
	.area_main .grid.customer .left {padding-left:40px;}
	.area_main .grid.customer .right {width:calc(100% - 500px); padding:60px 40px;}
	.container {padding-top:64px;}
	.content_wrap .content, .sub_header .sub_nav ul {width:100%; padding:0 20px;}
	.sub_header .sub_nav {height:56px; line-height:56px;}
	.sub_header .sub_nav ul .menu {font-size:16px;}
	.sub_header .sub_visual .title {font-size:40px;}
	.sub_header .sub_visual .s-title {font-size:18px;}
	.list_portfolio .box .name {font-size:18px; padding-top:16px;}
	.content_wrap {padding:60px 0;}
	.content_wrap .sub_title .title {font-size:30px;}
	.area_company .grid.main {padding:48px 40px;}
	.area_company .grid.main .box {left:0; margin:auto; padding:60px 70px;}
	.area_company .grid.sub {padding:80px 0;}
	.area_company .grid.sub .s-title {margin-bottom:80px;}
	.area_company .grid.sub .card-wrap {gap:20px;}
	.area_history .img {width:100%;}
	.area_history .column, .area_solution .div02 {margin-bottom:80px;}
	.area_history .column .list {padding-left:30px;}
	.area_solution .title {font-size:26px;}
	.area_solution .div02 {gap:20px;}
	.area_solution .div02 .div .tit {font-size:18px;}
	.area_solution .div02 .div .cont {padding:20px 15px;}
}


@media screen and (max-width:980px){
	.area_main .grid.introduce .card-wrap {gap:10px;}	
	.area_main .grid.customer .left {width:450px;}
	.area_main .grid.portfolio {padding:100px 20px;}
	.area_main .grid.customer .right {width:calc(100% - 450px); padding:60px 30px;}
	.list_portfolio .box {width:calc(25% - 15px); margin-right:20px;}
	.list_portfolio .box .name {font-size:16px; line-height:1.4;}
	.sub_header .sub_visual {height:auto; padding:70px 0;}
	.sub_header .sub_visual .title {font-size:32px; margin-bottom:24px;}
	.sub_header .sub_visual .s-title {font-size:16px;}
	.sub_header .sub_nav ul .menu {width:auto; padding:0 40px;}
	.sub_header .sub_nav ul .menu:first-child {padding-left:0;}
	.sub_header .sub_nav ul .menu:last-child {padding-right:0;}
	.content_wrap .sub_title .title {font-size:28px;}
	.area_midas h3 {font-size:18px; padding:13px 0;}
	.area_midas p {font-size:14px;}
	.area_midas .article {margin-bottom:60px;}
	.area_company .grid.main {height:auto;}
	.area_company .grid.main .box  {width:100%; height:auto; padding:60px;}
	.area_company .grid.main .box h4 {font-size:24px; line-height:32px; margin-bottom:24px;}
	.area_company .grid.main .box p {font-size:16px;}
	.area_company .grid.sub .title {font-size:28px;}
	.area_company .grid.sub .s-title {margin-bottom:60px;}
	.area_history .column, .area_solution .div02 {margin-bottom:60px;}
	.area_history .column .title h4 {font-size:20px; height:50px; line-height:50px; width:160px;}
	.area_history .column .list {padding:30px 0px 0px 30px;}
	.area_history .column .list li, .area_solution .div03 li {font-size:16px;}
	.area_solution .div01 {margin-bottom:40px;}
	.area_solution .div03 li {margin-bottom:12px;}
	.area_solution .div03 li em {top:0px;}
	.area_history .top_history {padding:80px 0; font-size:32px;}
	
}
@media screen and (min-width:769px){
	.header .nav {display:block !important;}
}
@media screen and (max-width:768px){
	.header .nav {display:none; position:fixed; top:64px; background:#fff; width:100%; left:0; padding:0px 0; border-top:1px solid #eee; box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
	.header .nav .menu {display:block; height:auto; text-align:left; margin-left:0; font-size:16px; line-height:1; border-bottom:1px solid #eee;}
	.header .nav .menu a {padding:20px; display:block;}
	.header .nav .menu:last-child {border-bottom:0;}
	.btn_menu {display:block;}
	.area_main .area_banner .slider-btn {bottom:50px;}
	.area_main .area_banner .swiper-slide .txt {position:relative; top:0;display:table; height:100%; vertical-align:middle;}
	.area_main .area_banner .swiper-slide .txt .table {display:table-cell; height:100%; vertical-align:middle;}
	.area_main .area_banner .swiper-slide .txt img {width:500px}
	.area_main .area_banner .swiper-slide .txt p {width:420px; padding-left:60px;}
	.area_main .grid.introduce {padding:50px 20px;}
	.area_main .grid .title {font-size:28px; margin-bottom:24px;}
	.area_main .grid .s-title {word-break:keep-all; font-weight:400; padding:0 20px; margin-bottom:30px;}
	.area_main .grid.introduce .card-wrap {gap:10px;}
	.area_main .grid.introduce .card-wrap  {grid-template-columns: repeat(2, 1fr);}
	.area_main .grid.introduce .card-wrap {margin-bottom:30px;}
	.area_main .grid.introduce .card-wrap .card {margin:0; padding:25px 15px 22px;}
	.area_main .grid.introduce .card-wrap .card h4 br {display:block;}
	.area_main .grid.introduce .card-wrap .card p {line-height:22px; font-weight:400;}
	.area_main .grid.introduce .card-wrap .card br {display:none;}
	.area_main .grid.portfolio {padding:50px 0;}
	.list_portfolio {margin-bottom:10px;}
	.list_portfolio .box {width:50%; margin-right:0;}
	.list_portfolio .box .site-overlay {width:100%; height:100%;}
	.list_portfolio .box .img-wrap {width:100%; height:100%;}
	.list_portfolio .box .img-wrap img {width:100%; height:100%;}
	.area_main .grid .more {width:180px;}
	.area_main .grid.banner {height:auto; padding:40px 20px;}
	.area_main .grid.banner br {display:none;}
	.area_main .grid.banner .title {padding-top:0; font-weight:400; line-height:26px; font-size:16px; word-break:keep-all;}
	.area_main .grid.banner .title:after {display:none;}
	.area_main .grid.portfolio .list_portfolio {height:auto; margin-bottom:20px;}
	.area_main .grid.portfolio .list_portfolio .box {margin-bottom:0;}
	.area_main .grid.customer {font-weight:400;}
	.area_main .grid.customer .left {width:100%; padding:40px 20px;}
	.area_main .grid.customer .left .title {margin-bottom:20px;}
	.area_main .grid.customer .left .contact li .link {left:auto; right:auto; position:relative; display:block;}
	.area_main .grid.customer .left em {font-weight:600;}
	.area_main .grid.customer .left p {font-size:14px; line-height:20px; margin-bottom:15px;}
	.area_main .grid.customer .left .contact li {margin-bottom:11px; padding-left:27px; font-size:14px;}
	.area_main .grid.customer .left .contact li:last-child {margin-bottom:0;}
	.area_main .grid.customer .right {width:100%; height:auto; padding:20px;}
	.area_main .grid.customer .right .more {margin-bottom:0;}
	.footer {padding:20px;}
	.footer .footer_info li {line-height:1.5; margin-right:0; display:block; float:none; font-size:14px;d}
	.footer .footer_info li:before {display:none;}
	.list_portfolio .box .name  {font-size:14px;}
	.sub_header .sub_visual .title {font-size:28px; margin-bottom:15px;}
	.sub_header .sub_visual .s-title {font-size:14px;}
	.sub_header .sub_nav {height:49px; line-height:49px;}
	.content_wrap .sub_title {margin-bottom:50px;}
	.content_wrap .sub_title .site_location li {font-size:14px;}
	.content_wrap .sub_title .title {font-size:24px;}
	.content_wrap .sub_title .site_location li:after {top:6px;}
	.area_company .grid.main {padding:40px 20px;} 
	.area_company .grid.main .box h4:after {height:2px;}
	.area_company .grid.main .box {padding:50px 30px; word-break:keep-all;}
	.area_company .grid.sub {padding:60px 0;}
	.area_company .grid.sub .title  {font-size:24px; margin-bottom:30px;}
	.area_company .grid.sub .s-title {font-size:16px;}
	.area_company .grid.sub .card-wrap {gap:10px; grid-template-columns: repeat(2, 1fr);}
	.area_company .grid.sub .card-wrap .card p {font-size:14px; line-height:22px;}
	.area_contact .contact .title {font-size:24px; margin-bottom:25px; padding-top:20px;}
	.area_contact .contact .contact_list li .th, .area_contact .contact .contact_list li .td {font-size:16px;}
	.area_history .column, .area_solution .div02 {margin-bottom:50px;}
	.area_history .column .title h4 {font-size:18px; height:46px; line-height:46px;}
	.area_history .column .list {padding:20px 20px;}
	.area_history .column .list li {margin-bottom:8px;}
	.area_solution .title {font-size:24px;}
	.area_solution .div01 {margin-bottom:30px;}
	.area_solution .div02 {gap:15px;}
	.area_solution .div02 .div .cont {padding:20px 10px;}
	.area_solution .div02 .div .tit {font-size:16px; min-height:70px; padding:0;}
	.area_solution .div02 .div .cont ul li, .area_solution .div03 li {font-size:15px;}
	.area_solution .div03 li {margin-bottom:10px; padding-left:32px;}
	.area_history .top_history {padding:60px 0; font-size:30px; margin-bottom:40px;}
}

@media screen and (max-width:640px){
	.area_main .area_banner {height:600px;}
	.area_main .grid .more {font-size:14px;}
	.area_main .area_banner .swiper-slide .txt img {width:440px}
	.area_main .area_banner .swiper-slide .txt p {width:360px; padding-left:50px;}
	.area_company .grid.main {background:transparent; padding:20px 0 0; overflow:visible;}
	.area_company .grid.main .box {box-shadow:0px 3px 15px rgba(0,0,0,0.1); border:1px solid #f3f3f3; padding:40px 20px;}

	.area_company .grid.main .box h4 {font-size:20px; line-height:26px; padding-top:16px;}
	.sub_header .sub_nav ul .menu {font-size:14px;}
	.area_solution .div02 .div .tit {min-height:55px;}
	
}

@media screen and (max-width:480px){
	.area_main .grid .title {font-size:26px; margin-bottom:20px;}
	.area_main .area_banner  {height:504px;}
	.area_main .area_banner .swiper-slide .txt img {width:360px} 
	.area_main .area_banner .swiper-slide .txt p {width:240px; padding-left:40px;}
	.area_main .grid.introduce .card-wrap  {grid-template-columns: repeat(1, 1fr);}
	.sub_header .sub_nav ul .menu {width:auto; padding:0 30px;}
	.sub_header .sub_visual {padding:50px 20px; word-break:keep-all; line-height:1.4;}
	.sub_header .sub_visual .title {font-size:26px;}
	.area_company .grid.sub .card-wrap {grid-template-columns: repeat(1, 1fr);}
	.area_contact .contact .title {font-size:20px;}
	.area_contact .contact .contact_list li .th, .area_contact .contact .contact_list li .td {font-size:14px;}
	.area_history .column {margin-bottom:30px;}
	.area_history .column .title h4 {width:130px; font-size:16px; height:40px; line-height:40px;}
	.area_history .column .list {padding:20px 0;}
	.area_history .column .list li {font-size:14px; margin-bottom:6px;}
	.area_solution .title {font-size:20px;} 
	.area_history .top_history {font-size:24px; padding:60px 0;}
}

/* main */
@media screen and (max-width:1100px){
	.area_main {padding-top:64px;}
	.area_main .area_banner .swiper-slide.banner2 {background-position:center;}
}




/* attribute */
@media screen and (max-width:768px){
	.text_contact {height:48px; line-height:48px; font-weight:400; font-size:14px; margin-bottom:15px;}
}