@charset "utf-8";

@media screen and (min-width:1341px){
	.r_nav1 a,.r_nav2_li a{padding:12px;}
}

@media screen and (max-width:1340px){
	.r_nav1 a,.r_nav2_li a{padding:6px;}	
}

@media screen and (max-width:1249px){
	.main3_num4{color:#003894;}
}
@media screen and (min-width:1141px){
	.header {z-index: 1000;}

	.openbtn{display:none;}
	#g-nav-list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: center; grid-column-gap: 0.5rem;
	}
	
	.r_top{display:flex; align-items: center; grid-column-gap: 0.5rem;}
	.r_nav1{display:flex; align-items: center;}
	.r_nav2{display:flex; align-items: center; grid-column-gap: 0.5rem;}

}

@media screen and (max-width:1140px){
	.r_top h1{z-index:9999;}
/******************************** hamburger *************************************/
	#g-nav{
		position:fixed;
		z-index:-1;
		opacity:0;
		transition:all 0.6s;
		top:-120%;
		right:0;
		visibility: hidden;
	}

	#g-nav.panelactive {
        opacity: 1;
        z-index: 999;
        background: #fff;
        width: 100%;
        height: auto;
        visibility: visible;
        right: 0;
		top:0;
    }	

	.openbtn{
		position: relative;
		z-index:9999;
		cursor: pointer;
		width:50px;
		height:50px;
	}

	.openbtn span{
		display:inline-block;
		transition:all .4s;
		position:absolute;
		left:14px;
		height:3px;
		border-radius: 2px;
		background-color:#666;
		width:45%;		
	}

	
	.openbtn span:nth-of-type(1){top:13px;}
	.openbtn span:nth-of-type(2){top:19px;}
	.openbtn span:nth-of-type(3){top:25px;}
	.openbtn span:nth-of-type(3)::after {
	  content:"MENU";
	  position: absolute;
	  top:5px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
	  color: #000;
	  font-size: 0.47rem;
	  text-transform: uppercase;
	  white-space: nowrap;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 14px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
		top: 26px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	.openbtn.active span:nth-of-type(3)::after {
	  content:"CLOSE";
	  transform: translateY(0) rotate(-45deg);
	  top:5px;
	  left:4px;
	}
	#g-nav #g-nav-list{opacity:0; visibility: hidden;}
	#g-nav.panelactive #g-nav-list {
        position: fixed;
        z-index: 999;
        width: 100%;
        padding: 2rem;
        height: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
		opacity:1;
		visibility: visible;
		
		display: flex;
        flex-direction: column;
 		grid-row-gap: 1rem;
		padding-top:6rem;
    }	

	#g-nav.panelactive ul{display:block;}
	#g-nav li{list-style:none; text-align:center;}

	#g-nav.panelactive li a{display:inline-block; text-decoration: none; padding:1rem 2.5%; width:100%;}
	.r_nav1.panelactive li+li{border-left:1px solid #fff;}
	#g-nav.panelactive .con{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index:-1; background: rgba(0,0,0,.5); display: block;}
	.r_nav1 a{text-align:left; position: relative;}
	
	.r_nav1 a::before{content:""; position: absolute;
	right: 3px; top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-top: 2px solid #353434;
	border-right: 2px solid #353434;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}	
	.r_nav1 li+li{border-top:1px solid #cdcdcd;}
	.r_top{align-items: center; padding: 0 1.5%;}
	
	.r_nav1 li:last-child{margin-top:1.5rem; border-top:none;}
	.r_nav1 li:last-child a{text-align: center;}
	.main1,.main1_bg img{height:50vh;}
	.main1_h2 {line-height: 55px;}
	.main-text-box {left: 5%; bottom: 12%;}
	.main3_box2-1 {max-width: 340px;}
	.main2_box {padding: 3rem 0 3.5rem;}
}

@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-170px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}	



@media screen and (max-width:970px){
	.main6_div1_l{width:40%;}
	.main6_div1 {grid-column-gap: 2rem;}
	.main6::before {height: 35vh;}
	
}
@media screen and (min-width:951px){
	.main9_p3 br{display:none;}
}

@media screen and (max-width:900px){
	.main7_d2-1{width:100%; max-width:inherit;}
}
@media screen and (min-width:801px){
	.main2_p1 br{display:none;}
}
@media screen and (max-width:800px){
	.main6_div1{flex-wrap: wrap; justify-content: center; grid-row-gap: 1.5rem;}
	.main6_div1_l {width: 80%;}
	.main6_div2{flex-wrap: wrap; justify-content: center; grid-row-gap: 1.5rem; padding: 0 0 5rem;}
	.howimg {object-fit: cover; height: 230px; margin:0 auto;}
	.main6_div1_r{width:100%;}	
	.main6_div1 {padding: 2rem 0 2rem;}
	.main3_box2 {grid-column-gap: 40px;}
	.main6_movie{padding:0;}
	.main7_div2{justify-content: center;}
	.main7_d2-1{max-width:inherit;}
	.main7_div3-l,.main7_div3-r {padding: 0 1.8rem;}
	.main7_div2 {grid-row-gap: 1.3rem;}
	.main7_div3 {padding: 2rem 1.5rem;}
	.main2_p1 span{display:none;}
	.main2_p1{text-align: center;}
	.main2_logo{width:60vw;}
	.main2_box {padding: 2.5rem 0;}
	.main1,.main1_bg img{height:60vh;}
}
@media screen and (max-width:770px){
	.main3_num3{color:#003894;}
	.main8_p1 .q1 {max-width: 50px; height: 50px; background-size: cover;}
	.main8_p2 .a1 {max-width: 50px; height: 50px; background-size: cover;}
	.main8_p2{align-items: flex-start;}
	.main9_d2_p1{font-size:14px;}
	.main6_btn {padding: 2.5rem 0 0;}
	.main9_p3{font-size:16px;font-weight: bold;}
	.fot_div{flex-wrap: wrap; grid-row-gap: 1.5rem; justify-content: center;}
	.fot_div1{flex-wrap: wrap; grid-row-gap: 1rem; justify-content: center;}
	.fot_p1{width:100%; text-align: center;}
	.main6_btn a{width:96%;}
	.p1 {padding: 2rem 0 3rem;}
	.p2 {padding: 1.5rem 0;}
	.main5_box3{flex-wrap: wrap; width:90%;}
	.main5_l {width:100%; padding: 1rem;}
	.main5_l br{display:none;}
	.main6_h2 {line-height: 39px;}
	.main1,.main1_bg img{height:50vh;}
	.main1_h2 {line-height: 40px;}
	.main1_bg {width: 75vw;}
	.m7_d2-1-l{width:25vw;}
	.main9{padding:3rem 0;}
	
}

@media screen and (max-width:560px){
	.main7_div3{flex-wrap: wrap;}
	.main7_div3-l,.main7_div3-r{width:100%;}
	.main7_div3-l{border-right:none; border-bottom:1px solid #ABB0B9; padding-bottom:1rem;}
	.main7_div3-r{padding:1rem 0 0;}
	.main8_d2_box {padding: 2rem 1.5rem;}
	.main8_p1, .main8_p2 {grid-column-gap: 1rem;}
	.main8_p1 .q1 {max-width: 38px; height: 38px;}
	.main8_p2 .a1 {max-width: 38px; height: 38px;}
	.main9_div2{width:100%;}
	.main3::before,.main6::before {width: 100vw;}
	.main2_box2{font-size:16px;}
	.main6_div2_r{font-size:16px !important;}
}