@charset "UTF-8";
@media screen and (max-width:1880px){
	.gnb{justify-content:flex-start}
	.gnb_wrap{width:95%}
	#section03 .sect03,
	#section04 .sect04{width:90%}
}
@media screen and (max-width:1301px){
	.inner{width:94%}
}
/*@media screen and (max-width:1025px){
	#section1.fp-section,
    #section1 .fp-tableCell{height:auto !important;}
	#section2.fp-section,
    #section2 .fp-tableCell{height:auto !important;}
	#section3.fp-section,
    #section3 .fp-tableCell{height:auto !important;}
	#section4.fp-section,
    #section4 .fp-tableCell{height:auto !important;}
	#section5.fp-section,
    #section5 .fp-tableCell{height:auto !important;}
	#section6.fp-section,
    #section6 .fp-tableCell{height:auto !important;}
}
@media screen and (max-width:767px){
	#section02, #section03, #section04, #section05{height:100vh}
}*/


/*section1*/
@media screen and (max-width:1880px){
	#section01 .main_visual .main_visual_txt{left:8%}
}
@media screen and (max-width:1025px){
	#section01 .main_visual .main_visual_txt{left:5%}
}
@media screen and (max-width:768px){
	#section01 .main_visual .main_visual_txt{top:68%; text-shadow:2px 1px 6px rgba(0,0,0,0.8)}
	#section01 .main_visual .main_visual_txt h2{width:auto;}
	#section01 .main_visual .main_visual_txt p.main_sub_txt{font-size:40px}
}
@media screen and (max-width:565px){
	#section01 .main_visual .main_visual_txt{top:73%}
	#section01 .main_visual .main_visual_txt p.main_sub_txt{font-size:34px}
	#section01 .main_visual .main_visual_txt p.main_sub_txt span{font-size:50px}
}
@media screen and (max-width:440px){
	#section01 .main_visual .main_visual_txt{top:76%}
	#section01 .main_visual .main_visual_txt p.main_sub_txt{font-size:28px}
	#section01 .main_visual .main_visual_txt p.main_sub_txt span{font-size:46px}
}
@media screen and (max-width:385px){
	#section01 .main_visual .main_visual_txt{top:80%}
	#section01 .main_visual .main_visual_txt h2{font-size:26px;}
	#section01 .main_visual .main_visual_txt p.main_sub_txt{font-size:22px}
	#section01 .main_visual .main_visual_txt p.main_sub_txt span{font-size:40px}
}

/*section2*/
@media screen and (max-width:1520px){
	#section02 .sect02 .right ul{left:-110px}
	#section02 .sect02 .right .title_sect02{padding-right:10%}
}
@media screen and (max-width:1380px){
	#section02 .sect02 .right .title_sect02 h3{font-size:32px}
	#section02 .sect02 .right .title_sect02 h3 span{font-size:42px}
	#section02 .sect02 .right .title_sect02 p{font-size:24px;}
	#section02 .sect02 .right li a p{font-size:30px;}
}
@media screen and (max-width:1200px){
	#section02 .sect02 .right ul{left:-170px}
}
@media screen and (max-width:1160px){
	#section02 .sect02 .right ul{left:-200px}
}

@media screen and (max-width:1025px){
	#section02 .sect02 .left{width:35%}
	#section02 .sect02 .right{width:65%}
	#section02 .sect02 .right ul{top:50%; left:-20%; transform:translateY(-50%)}
	#section02 .sect02 .right li{width:380px; height:110px; background-color:#F92828; border-radius:20px; box-shadow:7px 7px 10px rgba(0,0,0,0.25); line-height:75px; padding:0 30px; margin-bottom:20px;}
	#section02 .sect02 .right li a p{text-shadow:none}
	#section02 .sect02 .right li a span{display:block;}
	#section02 .sect02 .right li a:before{display:block; top:14px; left:-14px}
}
@media screen and (max-width:880px){
	#section02 .sect02 .left{width:30%}
	#section02 .sect02 .right{width:70%}
	#section02 .sect02 .right ul{left:-28%}
}
@media screen and (max-width:768px){
	#section02 .sect02 .right ul{left:-35%}
}
@media screen and (max-width:730px){
	#section02 .sect02 .right li{width:320px;}
	#section02 .sect02 .right li a span{font-size:17px}
}
@media screen and (max-width:641px){
	#section02 .sect02 .right ul{display:flex; flex-direction:column; justify-content:space-between; height:78%; gap:8px}
	#section02 .sect02 .right li{width:300px; height:92px; margin-bottom:0;}
	#section02 .sect02 .right li a p{font-size:26px;}
	#section02 .sect02 .right li a span{font-size:15px; bottom:-32px}
	#section02 .sect02 .right li a:before{width:64px; height:64px; background-size:100%;}
}
@media screen and (max-width:600px){
	#section02 .sect02 .right ul{left:-38%}
	#section02 .sect02 .right li{width:280px;}
	#section02 .sect02 .right li a p{font-size:21px;}
}
@media screen and (max-width:560px){
	#section02 .sect02 .right ul{left:-38%}
	#section02 .sect02 .right li{width:240px; padding:0 24px}
	#section02 .sect02 .right li a span{font-size:14px;}
	#section02 .sect02 .right li a:before{width:54px; height:54px; top:20px;}
}
@media screen and (max-width:520px){
	#section02 .sect02 .right ul{justify-content: space-evenly;}
	#section02 .sect02 .left{width:25%}
	#section02 .sect02 .right{width:75%}
	#section02 .sect02 .right li a:before{width:50px; height:50px; top:20px; left:2px}
}
@media screen and (max-width:481px){
	#section02 .sect02 .right .title_sect02 h2{font-size:21px;}
	#section02 .sect02 .right .title_sect02 h3{font-size:26px; margin-bottom:60px}
	#section02 .sect02 .right .title_sect02 h3 span{font-size:34px;}
	#section02 .sect02 .right .title_sect02 p{font-size:17px}
	.sect02 .right .title_sect02 p:before{top:-34px}
}
@media screen and (max-width:445px){
	#section02 .sect02 .right ul{left:-45%}
	#section02 .sect02 .right li{padding:0 15px}
	#section02 .sect02 .right li a:before{width:40px; height:40px; left:28px; top:25px}
}
@media screen and (max-width:423px){
	#section02 .sect02 .right ul{left:-45%}
	#section02 .sect02 .right li{width:200px;}
	#section02 .sect02 .right li a:before{display:none;}
}
@media screen and (max-width:386px){
	#section02 .sect02 .right ul{left:-48%}
}
@media screen and (max-width:366px){
	#section02 .sect02 .right ul{left:-53%}
	#section02 .sect02 .right li a p{font-size:17px;}
	#section02 .sect02 .right li a span{display:none}
	#section02 .sect02 .right .title_sect02 h3{font-size:23px}
	#section02 .sect02 .right .title_sect02 h3 span{font-size:28px}
}
@media screen and (max-width:331px){
	#section02 .sect02 .right li{width:176px; height:86px; line-height:86px;}
	#section02 .sect02 .right li a p{font-size:17px;}
}

/*section3*/
@media screen and (max-width:1880px){
	#section03 .sect03 .sect03__inner{width:90%}
	#section03 .sect03 ul li{width:calc(100% / 3); margin-right:0}
}
@media screen and (max-width:1380px){
	#section03 .sect03 .title_ h3{font-size:28px}
	#section03 .sect03 .title_ h3 span{font-size:38px}
}
@media screen and (max-width:1025px){
	#section03 .sect03{padding:18% 0;}
	#section03 .sect03 ul{display:flex;}
	#section03 .sect03 ul li > div p{font-size:18px;}
	#section03 .sect03 ul li > div .tit_{font-size:30px;}
	#section03 .sect03 .title_ h3{font-size:26px; line-height:1.32}
	#section03 .sect03 .title_ h3 br{display:none;}
	#section03 .sect03 .title_ h3 br.company_br{display:block;}
	#section03 .sect03 .title_ h3 span{font-size:36px;}
}
@media screen and (max-width:881px){
	#section03 .sect03 .sect03__inner{width:100%}
	#section03 .sect03 ul li span{width:110px; background-size:cover; background-position:0 10px}
	#section03 .sect03 ul li > div p{padding-bottom:8px}
	
	#section03 .sect03 ul li{height:auto;}
}
@media screen and (max-width:781px){
	#section03 .sect03 .title_ h3{font-size:24px}
	#section03 .sect03 .title_ h3 span{font-size:34px;}
	#section03 .sect03 ul{margin-top:16px}
}
@media screen and (max-width:768px){
	#section03 .sect03 ul li > div p{font-size:16px;}
	#section03 .sect03 ul li > div .tit_{font-size:26px}
}
@media screen and (max-width:668px){
	#section03 .sect03 ul li span{width:96px; background-position:0 18px}
	#section03 .sect03 ul li > div p{font-size:14px;}
}
@media screen and (max-width:581px){
	#section03 .sect03{padding:40% 0;}
	#section03 .sect03 .title_{margin-bottom:74px}
	#section03 .sect03 .title_ h3{font-size:20px}
	#section03 .sect03 .title_ h3 span{font-size:24px;}
	#section03 .sect03 ul li > div{padding:10px 0}
	#section03 .sect03 ul li > div p{display:none}
	#section03 .sect03 ul li > div .tit_{display:block}
}
@media screen and (max-width:481px){
	#section03 .sect03 .title_ h2{font-size:21px;}
	#section03 .sect03 .title_ h3 span{font-size:26px;}
}
@media screen and (max-width:415px){
	#section03 .sect03 .title_ h3 br.company_br{display:none;}
	#section03 .sect03 ul li > div .tit_{font-size:20px;}
}
@media screen and (max-width:385px){
	#section03 .sect03 ul li span{width:86px; background-position:0 30px}
	#section03 .sect03 .title_ h3 span{font-size:24px}
}

/*section4*/
@media screen and (max-width:1880px){
	#section04 .sect04 ul{display:flex; gap:20px}
	#section04 .sect04 li{width:calc(100% / 4); height:auto; margin-right:0}
	#section04 .sect04 li img{width:100%;}
}
@media screen and (max-width:1380px){
	#section04 .sect04 >.left03 h1{font-size:28px}
	#section04 .sect04 >.left03 h1 span{font-size:38px;}
}
@media screen and (max-width:1025px){
	#section04 .sect04{overflow:hidden;}
	#section04 .sect04 >.left03 h1{font-size:26px; line-height:1.32}
	#section04 .sect04 >.left03 h1 span{font-size:36px;}
}
@media screen and (max-width:781px){
	#section04 .sect04 >.left03 h1{font-size:24px}
	#section04 .sect04 >.left03 h1 span{font-size:34px;}
}
@media screen and (max-width:730px){
	#section04 .sect04 li{height:440px;}
	#section04 .sect04 li a{width:100%; height:100%;}
	#section04 .sect04 li img{height:100%; object-fit:cover;}
}
@media screen and (max-width:540px){
	#section04 .sect04{padding-top:42%}
	#section04 .sect04 ul{gap:8px}
}
@media screen and (max-width:481px){
	#section04 .sect04 >.left03 h1{font-size:21px;}
	#section04 .sect04 >.left03 h1 span{font-size:26px;}
}
@media screen and (max-width:385px){
	#section04 .sect04 >.left03 h1 span{font-size:24px}
}


/*section5*/
@media screen and (max-width:1920px){
	#section05 .sect05 .sect05_swiper .swiper-slide{padding:0 10px}
	#section05 .sect05 .sect05_swiper .swiper-slide img{width:100%; height:100%; object-fit: cover;}
}
@media screen and (max-width:1880px){
	#section05 .sect05_inner .sect05_title{padding:0 60px;}
	#section05 .sect05_inner .sect05_title h3{font-size:32px; line-height:1.3}
	#section05 .sect05_inner .sect05_title h3 span{font-size:42px}
	#section05 .sect05_inner .sect05_title p{font-size:24px;}
}
@media screen and (max-width:1450px){
	#section05 .sect05 .sect05_swiper{padding:138px 0;}
}
@media screen and (max-width:1350px){
	#section05 .sect05_inner .sect05_title{width:26%;}
	#section05 .sect05 .sect05_swiper{width:74%; padding:12% 0 0;}
	#section05 .sect05_inner .swiper-container-horizontal >.swiper-scrollbar{left:28%; width:74%}
}
@media screen and (max-width:1280px){
	#section05 .sect05 .sect05_swiper{padding:15% 0 0;}
}
@media screen and (max-width:1080px){
	#section05 .sect05 .sect05_swiper{padding:18% 0 0;}
	#section05 .sect05 .sect05_swiper .swiper-slide{padding:0 5px}
}

@media screen and (max-width:1025px){
	#section05 .sect05{padding-top:18%}
	#section05 .sect05_inner{flex-direction:column; align-items: flex-end; gap:6%}
	#section05 .sect05_inner .sect05_title{width:100%}
	#section05 .sect05 .sect05_swiper{padding:0; margin-right:2.5%}
	#section05 .sect05_inner .swiper-container-horizontal >.swiper-scrollbar{display:none;}
	#section05 .box_bg2{width:88%; height:36%}
	#section05 .sect05_inner .sect05_title{padding:0px; padding-left:5%}
}
@media screen and (max-width:581px){
	#section05 .sect05 .sect05_swiper{width:80%}
	#section05 .box_bg2{width:90%; height:40%}
}
@media screen and (max-width:541px){
	#section05 .sect05{padding-top:42%}
	#section05 .sect05_inner{gap:3%}
	#section05 .sect05 .sect05_swiper{width:86%; height:100%; margin-right:-6%}
	#section05 .sect05 .sect05_swiper .sec05_swiper{height:100%; padding:8% 0;}
	#section05 .sect05 .sect05_swiper .swiper-slide img{object-fit:contain}
}
@media screen and (max-width:481px){
	#section05 .sect05_inner .sect05_title h2{font-size:21px;}
	#section05 .sect05_inner .sect05_title h3{font-size:26px; margin-bottom:60px}
	#section05 .sect05_inner .sect05_title h3 span{font-size:34px;}
	#section05 .sect05_inner .sect05_title p{font-size:17px}
}
@media screen and (max-width:455px){
	#section05 .sect05 .sect05_swiper{margin-right:-3%}
}
@media screen and (max-width:424px){
	#section05 .sect05 .sect05_swiper{margin-right:0%}
	#section05 .sect05 .sect05_swiper .sec05_swiper{padding:10% 0;}
}
@media screen and (max-width:385px){
	#section05 .sect05{padding-top:20%}
	#section05 .sect05_inner .sect05_title h3 br.sec05_br{display:block;}
	#section05 .sect05 .sect05_swiper .sec05_swiper{padding:13% 0;}
	#section05 .box_bg2{width:95%; height:45%}
}
@media screen and (max-width:366px){
	#section05 .sect05 .sect05_swiper{margin-right:2.5%}
}

/*section6*/
@media screen and (max-width:1920px){
	#section06 .sect06 .right05{align-items:flex-start; padding-top:20%;}
}
@media screen and (max-width:1880px){
	#section06 .sect06 .left05{padding-left:5%}
	#section06 .sect06 .left05 .sec06_title h3{font-size:32px; line-height:1.3}
	#section06 .sect06 .left05 .sec06_title h3 span{font-size:42px}
	#section06 .sect06 .left05 .sec06_title p{font-size:24px;}
	#section06 .sect06 .right05 .notice .tit dt{font-size:32px;}
	#section06 .sect06 .right05 .notice .tit dd{font-size:20px;}
}
@media screen and (max-width:1500px){
	#section06 .sect06 .right05 .notice .list .date p b{font-size:18px;}
	#section06 .sect06 .right05 .notice .list .date span{font-size:15px;}
	#section06 .sect06 .right05 .notice .list .txt dt{font-size:18px;}
}
@media screen and (max-width:1024px){
	#section06 .sect06 .left05{padding:0 5%}
	#section06 .sect06 .left05 ul{width:100%;}
}
@media screen and (max-width:940px){
	#section06 .sect06 .left05 ul li{width:calc(100% / 2 - 13px);}
}
@media screen and (max-width:880px){
	#section06 .sect06 .left05 ul li{width:calc(100% / 2 - 6px); margin-right:6px}
}
@media screen and (max-width:769px){
	#section06 .sect06{flex-direction:column;}
	#section06 .sect06 > div{width:100%;}
	#section06 .sect06 > div.left05{align-items:center; flex-direction:row; gap:0; padding:12% 5% 0;}
	#section06 .sect06 > div.right05{padding-top:2%;}
	#section06 .sect06 .left05 ul{height:140px; transform:translate(0, 0)}
	#section06 .sect06 .left05 ul li{padding:24px 0;}
	#section06 .sect06 .left05 ul li span{margin:0 auto;}
	#section06 .sect06 .left05 ul li p{margin-bottom:0;}
	#section06 .sect06 .left05 ul li p.more_sec06{display:none;}
	#section06 .sect06 .left05 .sec06_title h2{font-size:21px;}
	#section06 .sect06 .left05 .sec06_title h3{font-size:26px; margin-bottom:20px}
	#section06 .sect06 .left05 .sec06_title h3 br{display:none}
	#section06 .sect06 .left05 .sec06_title h3 span{font-size:34px;}
	#section06 .sect06 .right05 .notice{width:90%}
}
@media screen and (max-width:541px){
	#section06 .sect06 .left05 ul{height:130px;}
	#section06 .sect06 .left05 ul li p{font-size:18px}
}
@media screen and (max-width:443px){
	#section06 .sect06 .left05 ul{display:none}
	#section06 .sect06 > div.left05{padding:30% 5% 0}
	#section06 .sect06 .right05 .notice .tit dd{font-size:16px;}
	#section06 .sect06 .right05 .notice .list .date{width:86px}
}
@media screen and (max-width:321px){
	#section06 .sect06 > div.left05{padding:17% 5% 0}
	#section06 .sect06 .left05 .sec06_title h3 span{font-size:30px;}
}

/*section7_footer
@media screen and (max-width:1025px){
	#section6 .footer p.etc b{position:relative; top:0px;}
}
@media screen and (max-width:731px){
	#section6 .footer{padding:50px 0;}
	#section6 .fam{bottom:50px;}
	#section6 .footer p{font-size:14px;}
}
@media screen and (max-width:626px){
	#section6 .footer p b{margin-top:14px;}

	#section6 .fam > div{width:140px;}
	#section6 .fam #site_slide p{padding:14px 0;}
	#section6 .fam #site_slide p > a{font-size:14px;}
}
@media screen and (max-width:591px){
	#section6 .footer h2,
	#section6 .footer p{text-align:center;}
	#section6 .fam{display:none;}
}
@media screen and (max-width:481px){
	#section6 .footer p{font-size:14px;}
}*/