@charset "utf-8";
@media screen and (max-width: 1600px){
/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
.gnb_nav {padding-right:100px;}


/*¸ÞÀν½¶óÀ̵å*/
.swiper-slider .ttl_box {width:100%; padding:0 40px;}

.swiper-slider .swiper-pagination-bullets {width:auto; bottom:40px;}
.swiper-button-prev, .swiper-button-next {top:auto; bottom:28px; margin-top:0;}
}

@media screen and (max-width: 1300px){
/*°øÅë*/
.main_wrap {width:100%; padding:0 20px;}

/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
#header #gnb_contain {padding-top:20px;}
#header #gnb_contain .logo_box img {width:160px;}

/*¸ÞÀν½¶óÀ̵å*/
.swiper-slider {height:600px;}
.swiper-slider .swiper-button-prev {left:40px;}
.swiper-slider .swiper-button-next {right:40px;}
.swiper-slider .img_box {height:600px;}
.swiper-slider .ttl_box h2 {font-size:4rem; line-height:1.2;}
.swiper-slider .ttl_box p {font-size:1.8rem; line-height:1.6;}


/*¸ÞÀÎ*/
#sec02 {padding:60px 0;}
#sec02 .main_wrap {display:flex; flex-direction:column; align-items: center;}
#sec02 .ttl_box {max-width:700px; width:100%;}
#sec02 ul {max-width:700px;  width:100%; flex-wrap:wrap;}
#sec02 .what-box {width:calc(50% - 10px); padding-bottom:calc(50% - 10px); background-size:100% !important;}

#sec03 {padding:60px 0;}

/*what we do*/
#what-we-do {padding:40px 0;}

/*¼Ò°³ ¿µ¿ª*/
#introduce {padding:120px 0 200px;}
#introduce p {padding-bottom:0px;}

/*what we show*/

#product > div {padding:0px}
#product::before {width:260px; height:220px; right:0px; bottom:45px;}
#product::after {width:300px; height:200px; background-position: center; background-size: cover; bottom:45px;}

#customer {margin-top:60px;}

/*°í°´¼¾ÅÍ ¿µ¿ª*/
.sub_footer .cs-notice img {width:80%;}


/*»ç¾÷¼Ò°³*/
.business02 .bot_box ul li  {flex-direction: column;}
.business02 .bot_box ul li:nth-child(2n) {flex-direction: column;}
.business02 .bot_box .txt_box {width:100%; text-align:center;}

/*Á¦Ç°¼Ò°³*/
.board_gallery img {width: 100%; height: auto !important;}

}
@media screen and (max-width: 1100px){
/*¸ÞÀÎ*/
.swiper-slider .video_box iframe {width:290%; min-width:none;}

#sec03 .info_box .right_box li {overflow:hidden;}
#sec03 .info_box .right_box .img_box {bottom:-100px; right:-50px;}


/* Ç°Áú/ȯ°æ/¾ÈÀü */
.qes_box .info_box02 .info_box2 ul {flex-wrap:wrap; justify-content: space-evenly; gap:20px;}
.qes_box .info_box02 .info_box2 ul li:nth-child(3) {width:100%;}

}
@media screen and (max-width: 1024px){
/*°øÅë*/
html{font-size: 60%;}

/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
#header #gnb_contain .gnb_nav > ul {gap:20px;}
#header #gnb_contain .gnb_nav > ul > li > a {}
.gnb_nav {padding-right:90px;} 

/*°í°´¼¾ÅÍ ¿µ¿ª*/
#customer > div {padding:40px 20px;}

/*°øÅëÇÏ´Ü¿µ¿ª(ǪÅÍ)*/
#footer .info_box {flex-wrap:wrap;}
#footer .info_box ul:nth-child(1) {width:100%; padding-bottom:40px;}
#footer .info_box ul {width:50%;}


}

@media screen and (max-width:900px){
/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
#header #gnb_contain .gnb_nav {display:none;}

/*¸ÞÀÎ*/
#sec03 .main_wrap {display:flex; flex-direction:column; align-items: center;}
#sec03 .ttl_box {width:100%; max-width:700px;}
#sec03 .info_box {flex-direction:column; width:100%; max-width:700px;}
#sec03 .info_box .left_box {width:100%;}
#sec03 .info_box .right_box {width:100%;}
#sec03 .info_box .right_box li {position:relative; padding-bottom:40.25%;}
#sec03 .info_box .right_box li .txt_box {padding:25px; position:absolute; top:0; left:0; width:100%; height:100%;}
#sec03 .info_box .right_box a {position:absolute; top:0; left:0; background:transparent; width:100%; height:100%; text-indent:-999px; margin-top:0; border-radius:0; border:0;}
#sec03 .info_box .right_box a:hover {color: inherit; background-color:inherit; border:0;}
#sec03 .info_box .right_box .img_box {width:50%; bottom:0; right:0;}
#sec03 .info_box .right_box .img_box img {width:100%;}

/* Á¶Á÷µµ */
.org_box ul {gap:20px;}


/* Ç°Áú/ȯ°æ/¾ÈÀü */
.qes_box .info_box01 .info_box ul li {width:calc(50% - 10px);}


}

@media screen and (max-width: 768px){
/*°øÅë*/
html{font-size: 56%;}

/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
#header #gnb_contain .logo_box img {width:120px;}
.mo_logo {width:120px;}

/*¸ÞÀν½¶óÀ̵å*/
.swiper-slider .pc_img {display:none;}
.swiper-slider .mo_img {display:block; background-position:right !important;}
.swiper-slider .ttl_box h3 {text-shadow:3px 3px 3px rgba(0,0,0,0.3);}

/*¼­ºñ½º ¿µ¿ª*/
#our-service {padding:40px 0;}
#our-service ul {gap:15px;}
#our-service ul li {width:calc(33% - 10px); height:auto; padding-bottom:calc(33% - 10px);}

/*what we do*/
#what-we-do .what-box {width:calc(50% - 10px);}
#what-we-do ul {flex-wrap: wrap;}
#what-we-do .what-box .in-box {padding: 20px; text-align: center;}
#what-we-do .what-box .in-box h4 {}

/*¼Ò°³ ¿µ¿ª*/
#introduce {padding:120px 0 0;}

/*what we show*/
#product::before {display:none;}
#product::after {display:none;}

/*°í°´¼¾ÅÍ ¿µ¿ª*/
#customer > div {flex-wrap: wrap;}
#customer .cs-notice {width:100%; padding-right:0;}
#customer .cs-center {border-left:0; width:100%; padding:20px 0 0;}
.sub_footer #customer .cs-center {padding:0;}
.sub_footer .cs-notice img {bottom:40px;}
.sub_customer {padding-top:20%;}

/*¼­ºê °øÅë*/
.slogan-box {padding:100px 0 20px;}
.sub_page .ttl_box {padding:20px 0; margin-bottom:40px;}
.submenu li a {padding:6px 20px;}
.sub_page .ttl_box h3 {font-size:3rem;}

/*ȸ»ç¼Ò°³*/
.company .sec02 {padding-top:60px;}
.company .sec02 ul {gap:20px; flex-wrap:wrap;}
.company .sec02 li {width:calc(50% - 10px); padding-bottom:calc(50% - 10px); }
.company .sec03 {padding-top:60px;}
.company .sec03 ul {padding-top:40px; flex-direction: column; align-items: center}
.company .sec03 .txt_box {padding-top:20px;}

/*¿¬Çõ*/
.his-txt .his-year {font-size:2rem;}
.his-list ul li p {font-size:1.4rem;}


/*ÆÄÆ®³Ê*/
.partner li {width:32%;}

/*¿À½Ã´Â ±æ*/
.address li {flex-wrap:wrap;}
.address li .ttl2 {width:100%; font-size:2rem;}
.map .map_img {height:350px;}

/* ÀÎÁõ¼­ */
.certificate li {width:49%;}
.certificate li p {font-size:1.4rem;}

/* Á¶Á÷µµ */
.org_box img {width:100%;}
.org_box .top::before {bottom:-70px;}
.org_box .mid p {min-width:150px; min-height:60px;}
.org_box ul {flex-wrap: wrap;}
.org_box ul li {width:calc(50% - 10px);}



/*»ç¾÷¼Ò°³*/
.business .top_box .ttl_box2 {height:200px;}
.business .top_box .ttl_box2 .box {bottom:20px;}
.business .top_box .ttl_box2 .box h4 {font-size:2.8rem;}
.business .top_box .ttl_box2 .box h5 {font-size:2rem;}
.business .bot_box h4 {font-size:2.8rem;}


.business .bus01_top ul {gap:10px;}
.business .bot_box ul li .img_box {height:300px;}
.pt60 {padding-top:40px;}
.three_box .bus01_top {padding:20px 0 40px;}
.three_box .bus01_top ul { flex-wrap:wrap;}
.three_box .bus01_top ul li {width:calc(50% - 5px);}

.business02 .top_box ul li {width:100%;}

.business02 .bot_box ul {gap:60px;}
.business02 .bot_box ul li {gap:20px;}
.business02 .bot_box .img_box {width:95%; height:280px;}

/*Á¦Ç°¼Ò°³*/
.board_view img {width:100% !important; height:auto !important;}
.sul_menu a {padding:5px 12px; border-radius:10px;}
.sul_menu a font, .sul_menu a b {font-size:1.6rem !important;}

.bo_left_btn_box {display: flex; width:100%; height:auto; }
.bo_left_btn_box tr td {width:100%; height:auto; display:flex; justify-content: space-between;}
.bo_right_btn_box {width:100%; display:flex; height:auto; gap:10px;}


/*°Ô½ÃÆÇ °øÅë*/
.board_list tbody tr {height: 60px; display: flex; padding:0 10px;}
.board_list tr.ttl td:nth-last-child(4) {display:none;}
.board_list tr.ttl td:nth-last-child(3) {width:auto;}
.board_list tr.ttl td:nth-last-child(2) {width:auto;}
.board_list tr.ttl td:nth-last-child(1) {width:auto;}


.board_list tr td:nth-last-child(4) {top:10px;}

.board_list tr td:nth-last-child(3) {width:auto;}
.board_list tr td:nth-last-child(2) {width:auto;}
.board_list tr td:nth-last-child(1) {width:auto;}


}


@media screen and (max-width: 600px){
/*°øÅë*/
html{font-size: 54%;}

/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
.mo_gnb .mo_box {width:100%; padding:20px;}

/*¸ÞÀν½¶óÀ̵å*/
.swiper-slider .swiper-button-prev {left:20px;}
.swiper-slider .swiper-button-next {right:20px;}
.swiper-slider .ttl_box {padding:0 20px;}
.swiper-slider .ttl_box h3 {padding-bottom:20px;}
.swiper-slider .ttl_box p {font-size:1.6rem;}


/*¸ÞÀÎ*/
#sec02 .what-box a {padding:20px;}
#sec02 .what-box p {font-size:2rem;}

/*¼­ºñ½º ¿µ¿ª*/
#our-service h3 {font-size:1.4rem; line-height:1.2;}
#our-service img {width:60%; margin-top:0;}

/* Ç°Áú/ȯ°æ/¾ÈÀü */
.qes_box .info_box01 .info_box ul li {width:100%; padding:20px;}
.qes_box .info_box01 .info_box > p {font-size:2.4rem;}
.qes_box .info_box02 .info_box ul li {width:100%; padding:20px;}

/*°øÅëÇÏ´Ü¿µ¿ª(ǪÅÍ)*/
#footer {padding:0 0 80px;}
#footer .info_box ul:nth-child(1) {padding-bottom:20px;}
#footer .info_box ul li:first-child {padding-bottom:0;}
#footer .info_box ul {padding-bottom:20px; width:100%;}
#footer .copyright {padding-top:0;}
}

@media screen and (max-width: 480px){
/*°øÅë*/
html{font-size: 45%;}

/*°øÅë»ó´Ü¿µ¿ª(Çì´õ)*/
#header.scrollDown #gnb_contain {height:60px;}
.m_btn_box {width:60px; height:60px;}

/*ÆÄÆ®³Ê*/
.partner li {width:49%;}


/*»ç¾÷¼Ò°³*/

.business02 .bot_box .img_box { height:200px;}
}
  
@media screen and (max-width: 320px){
/*°øÅë*/
html{font-size: 42%;}


/*¼­ºñ½º ¿µ¿ª*/
#our-service h3 {font-size:1.2rem;}
#our-service img {width:50%;}
}