@media only screen and (max-width:1660px) {
	
	#road_cnt .bb{ display:none;}
	
	   #banner { 
        min-height: 700px;
        height: 100vh; 
		margin-bottom:3rem;
		position: relative;
    }
	
 
    #banner .bar { height:140px; 
	}
    #banner .container_2{width:100%;
		
    height: calc(90vh - 140px);
	min-height:700px;
	}
    #banner .homepart_full {
    
    width: auto;
    height: calc(90vh - 140px);
	min-height:700px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	}
  
}
@media only screen and (max-width:1500px) {
    #swiper .box-container .bg-element {
        top: -4rem;
        left: 92%;
    }
}

@media only screen and (max-width:1400px) {
	.box-wrapper .box h3{ font-size:1.3em; }
	.mms_item h2{ font-size:13px;  }	
	
	.mms_item p{ font-size:12px; line-height:15px;   }
	/*
	.mms_item.m1{padding:10% 0 50% 0}
	.mms_item.m3{padding:0 0 0 0}
	.mms_item.m2{padding:10% 0 10% 0}
	.mms_item.m4{padding:0 0 20% 0}
	.mms_item.m5{padding:0 0 0 0}
	.mms_item p img{ max-width:120px; }
			
			
	.lg2 .mms_item.m1{padding:10% 0 70% 0}
	.lg2 .mms_item.m3{padding:0 0 0 0}
	.lg2 .mms_item.m2{padding:15% 0 10% 0}
	.lg2 .mms_item.m4{padding:0 0 20% 0}
	.lg2 .mms_item.m5{padding:0 0 0% 0}
*/
.mms_item.mb p img {
  max-width: 100px; 
}  
 
/*
.road_inn_pc_bg{ 
margin:60px 0 0 0;
    width: 100%;
    height: auto;  
}.road_inn_pc_bg img{   
    width: 100%;
    height: auto;  
} 
 */	
 .road_inn_pc_bg{  
  
	width:100%; 
}
 
	.ms1 .mms_item.m1{padding:0rem 0 1rem 0}
	.ms1 .mms_item.m2{padding:0rem 0 1rem 0}
	
	.ms1 .mms_item.m4{padding:0 0 0.5rem 0;}
	
	.ms1 .mms_item.m5{margin:1rem 0 0 0;padding:0 0 0.5rem 30px;}
	.ms1 .mms_item.m6{padding:0 0 0.5rem 70px;}
	.ms1 .mms_item.m7{margin:0; padding:0 0 0.5rem 20px;} 

.mms_item.pc.m3   b.ms_line{  height:180px;}

.mms_item.pc.m4  .ms_year{ left:-34%;}
.mms_item.pc.m4   b.ms_line{ left:-24%; top:5%; height:140px;}
	
.mms_item.pc.m5   b.ms_line{ left:-24%; top:-3%; height:40px; 
         transform: rotate(-75deg);}
		 
.mms_item.pc.m7   b.ms_line{  height:180px;}
		 
		 
.lg2 .ms1 .mms_item.m1,
.lg3 .ms1 .mms_item.m1{padding:2rem 0 1rem 0}
.lg2 .ms1 .mms_item.m2,
.lg3 .ms1 .mms_item.m2{padding:0rem 0 2.5rem 0}

 .mms_item.pc.m3  .ms_year,
.lg2  .mms_item.pc.m3  .ms_year,
.lg3  .mms_item.pc.m3  .ms_year{ right:-25%;}

.lg2 .ms1 .mms_item.m3,
.lg3 .ms1 .mms_item.m3{ }
 .mms_item.pc.m3   b.ms_line,
.lg2 .mms_item.pc.m3   b.ms_line,
.lg3 .mms_item.pc.m3   b.ms_line{ right:-15%; height:120px;}

.lg2 .ms1 .mms_item.m4,
.lg3 .ms1 .mms_item.m4{padding:0 0 2rem 30px;}
.lg2 .ms1 .mms_item.m5,
.lg3 .ms1 .mms_item.m5{padding:0 0 1rem 30px;}
.lg2 .ms1 .mms_item.m6,
.lg3 .ms1 .mms_item.m6{padding:0 0 2rem 30px;}
.lg2 .ms1 .mms_item.m7,
.lg3 .ms1 .mms_item.m7{padding:0 0 0.5rem 10px;} 

.mms_item.pc.m1   b.ms_line{ height:110px;}
	/*
.lg2 .mms_item.pc.m3   b.ms_line,
.lg3 .mms_item.pc.m3   b.ms_line{  height:280px;}
*/
 .mms_item.pc.m7   b.ms_line,
.lg2 .mms_item.pc.m7   b.ms_line,
.lg3 .mms_item.pc.m7   b.ms_line{  height:180px;}
	
	#road_item_inner .ri_left{ width:30%; margin-right:0%;}
	#road_item_inner .ri_center{ width:40%;	}
	#road_item_inner .ri_right{ width:30%;  margin-left:0%;}
	/*
	  .mms_item p{ margin:0;}
	.ms1 .mms_item.m1{padding:2rem 0 2rem 0}
	.ms1  .mms_item.m4{padding:0rem 0 1rem 0px;}
	.ms1  .mms_item.m5{padding:0 0 1rem 30px;}
	.ms1  .mms_item.m6{padding:0 0 1rem 90px;}
	
	.ms2 .mms_item.m1{padding:2rem 0 2rem 0}
	.ms2 .mms_item.m3{padding:4rem 0 0rem 0}
	.ms2  .mms_item.m4{padding:0 0 1rem 20px;}
	.ms2  .mms_item.m5{padding:0 0 1rem 40px;}
	.ms2  .mms_item.m6{padding:0 0 1rem 80px;}
	.ms2  .mms_item.m7{padding:0 0 5rem 80px;}
	.swiper-slide.ms_slide_item {padding:0 0 3rem 0;}
	*/
	
	#swiper .sd_cover1_cnt{
  	display: flex;
        align-items: center;
	justify-content:center;}
	#swiper .sd_cover1_cnt .sv_ccc {
  height: 100%;
  bottom: 0;
  right: 0%;
  
}

    #menu .header,
    footer .container {
        width: 90%;
    }
    #menu .logo {
        margin-left: 10px;
        width: 480px;
        height: 143px;
    }
    .container {
        width: 80%;
    }
    #swiper .colorbar {
        left: calc(100% - 2rem);
    }
    #swiper .summary .dot {
        margin-left: 1.5rem;
    } 
    #blue-box .case .bg-color,
    #green-box .case .bg-color {
        bottom: 1.2rem;
    }
	
	  #esg .left .img-wrapper {
    margin-top:1rem;
    width:110%;
    margin-left:-10%
  }
  #esg .left .img-wrapper,
  #esg .img-bg {
    min-height:auto
  }
  #esg .left .img-wrapper svg {
    margin-bottom:0
  }
  #esg .right {
    padding-top:3rem; 
  }
  #esg .bg-color-1,
  #esg .bg-color-2 {
    padding:1.5rem
  }
  #esg .bg-color {
    width:135vw;
    left:50%;
    transform:translateX(-50%)
  }
  #esg .colorbar {
    display:none
  }
  #esg .bottom-box .bg-color {
    width:100vw
  }
  #esg .bottom-box .box {
    width:110%;
    margin-left:-5%
  }
	
	  #members ul.member-list li.ceo::before {
    left: auto;
    right: 0;
    width: 115%;
  } 
	    
	
    #banner .bg-image .banner_base_ah { 
	width:100%; height: auto;
	
	} 
	#banner { 
	  min-height: 400px;
	  height: auto;
	  position: relative
	}
	#banner .bg-image .banner_base{
		height: 100%;
	  max-height: 75vh;
	  min-height: 400px;
	}
	
	#banner .br,
	#banner .bl{ display:none;}
	
	#banner .container{ padding:0; width:96%} 
	#banner {  
			background-size: cover;
			background-position: 50% 0%;
			background-repeat: no-repeat; 
    }
	#banner .homepart_main{ width:90%; margin: 0 auto 0 auto; height:auto; max-height:200vh; margin-top:120px;  }
}
@media only screen and (max-width:1299px) {
    #public .data.border-bottom {
        margin-top: -1.7rem;
    }
    #message .box-wrapper {
        right: -15%;
        width: 48%;
    }


		 .mms_item.pc.m7  .ms_year,
		.lg2 .mms_item.pc.m7  .ms_year,
		.lg3 .mms_item.pc.m7  .ms_year{ top:0;}
		 .mms_item.pc.m7   b.ms_line,
		.lg2 .mms_item.pc.m7   b.ms_line,
		.lg3 .mms_item.pc.m7   b.ms_line{ left:-20%; top:calc(5% + 0px); height:170px;}
}

@media only screen and (max-width:1252px) {
    #swiper .desktop {
        display: inline;
    }
		 
.mms_item.pc.m2   b.ms_line{  height:60px;}		 
.mms_item.pc.m7   b.ms_line{  height:80px;}
	/*
.lg2 .mms_item.pc.m3   b.ms_line,
.lg3 .mms_item.pc.m3   b.ms_line{  height:220px;}
*/ 
	
	
}

@media only screen and (max-width:1199px) {
	
	
  .mms_item.pc.m3   b.ms_line{  height:70px;}
.lg2 .mms_item.pc.m3   b.ms_line,
.lg3 .mms_item.pc.m3   b.ms_line{  height:150px;}

 

#banner .homepart_full {
  width: auto;
  height: 540px;
  min-height: 540px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#banner .bar {
  height: 100px;
  
}#banner .container_2 {
  width: 100%;
  height: 540px;
  min-height: 540px;
}

  #banner {  margin-bottom: 2rem;
    min-height: 640px;
    height: 640px; 
  }
  
  
  
    #members ul.member-list li {
        padding: 0;
    }
    h3 {
        font-size: 1.50rem;
    }
    h4 {
        font-size: 1.25rem;
    }
	#road_cnt .container {max-width:100vw; width:90%;}
 
	#swiper .sd_cover1_cnt .sv_ccc {
	  height: 80%;
	  bottom: 10%;
	  right: -5%;
	}
	#future .desc{ margin:10rem 0 0 0; width:170%;}
 
 
.mms_item.pc.m2   b.ms_line{  height:90px;}		 
.mms_item.pc.m7   b.ms_line{  height:160px;}
	
}
@media only screen and (max-width:1100px) {
.lg2 .mms_item.pc.m3   b.ms_line,
.lg3 .mms_item.pc.m3   b.ms_line{  height:160px;}

.lg2 .mms_item.pc.m7   b.ms_line,
.lg3 .mms_item.pc.m7   b.ms_line{  height:130px;}

.mms_item.pc.m2   b.ms_line{  height:70px;}		 
.mms_item.pc.m7   b.ms_line{  height:90px;}

}

@media only screen and (max-width:1024px) {

	#road_cnt .container {max-width:100vw; width:97%;} 
}
@media only screen and (max-width:991px) {
	#swiper .smm_box .box-container{  border-radius: 0 90px 0 0;}
#banner { 
  margin-bottom: 2rem;
}

	#road_cnt .container {max-width:100vw; width:100%; padding-right:0}
	
	/*
#road_item_cnt_mb	.col-12 { padding-right:0}
.mms_item.mb{}
.mms_item.mb   img {
  max-width: 25%; padding:0 1rem 0 0;
float:none;  
}  
.mms_item.mb h2{ position: relative;width:80%; z-index:100;}
.mms_item.mb { padding:0 0 3rem 0;}
.mms_item.mb .mb_cnt  { 
  	display: flex;
        align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:nowrap;
	width:100%; position: relative;z-index:100;
} 
.mms_item p.ms_p{ width:50%;padding:0 2rem 0 0 }

.mms_item.mb .ms_year{ margin-top:-20px;
	width:25%; 
height:100px;
	display: flex; 
	background-image:url(../images/ms_year.png);
background-position: 0% 50%;   z-index:100;
}
.mms_item.mb .line{ position: absolute; top:60px; right:16%;
	width:1px ;
height:30px; border-left:3px dotted #f7941d; display:block;
   transform: rotate(-45deg);
  }
  
.mms_item.mb .line.line1{ display:none;}
.mms_item.mb .line.line5,
.mms_item.mb .line.line6{ 		width:1px ;
height:160px;  transform: rotate(-45deg); right:9%;top:40px; }
.mms_item.mb .ms_year span{ z-index:1;
	width:100px; 
height:100px;
	display: flex;
        align-items: center;
	justify-content: center;
	font-weight:bold; font-size:1em;
	flex-wrap:nowrap;
 
}
#mb_ms_road{ position: absolute; left:0; top:0;
	width:80%; 
height:100%;
	display: flex; 
	background-image:url(../images/road_bg2.jpg);
background-position: 0% 0%;  
}
*/  

.mms_item.mb img {
  max-width: 100%
}   
.mms_item.mb.mbs7 img {  max-width: 160px; }

.mms_item.mb .ms_year{ margin:0 auto;
	width:70px; 
height:70px;
	display: flex; 
	background-image:url(../images/ms_year.png);
background-position: 0% 50%;   z-index:100;
}.mms_item.mb .ms_year span{ z-index:1;
	width:70px; 
height:70px;
	display: flex;
        align-items: center;
	justify-content: center;
	font-weight:bold; font-size:1em;
	flex-wrap:nowrap;
 
}
.mms_item.mb h2{ position: relative;width:100%; z-index:100;}
.mms_item.mb { position: absolute;z-index:100;padding:0; width:60%;max-width:260px;}
.mms_item p.ms_p{ margin:0; padding:0.5rem 0 0 0 }
.mms_item.mb .mb_cnt  {   background :rgba(255,255,255,0.8); border:2px solid rgba(215,215,215,0.8) ;
  	display: flex;  border-radius:0 20px  0 20px;
        align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width:100%; padding:10px; 
} 
#mb_ms_road{ position: absolute; left:50%; top:20px;
	width:750px; 
height:1900px;
margin-left:-375px;
	display: flex; 
	/*background-image:url(../images/road_bg2.jpg);*/
	background-image:url(../images/road_ipad.jpg);
background-position: 0% 0%;  
}
#road_content_mb .readmore_btn{ position: absolute; transform: translateX(-50%);  left:50%; bottom:60px;}

.mms_item.mb.mbs1{ margin-left:0; left:10%;    transform: translateX(0%);  }

.mms_item.mb.mbs2{ margin-left:0;top:500px; left:10%;   transform: translateX(0%);  } 

.mms_item.mb.mbs3{ margin-left:0; top:1480px; left:10%;    transform: translateX(0%);  }

.mms_item.mb.mbs4{ margin-left:0;top:180px; left:auto;    right:16%;   transform: translateX(0%);  } 
.mms_item.mb.mbs5{ margin-left:0;top:630px; left:auto;   right:10%;    transform: translateX(0%);  } 
.mms_item.mb.mbs6{ margin-left:0;top:1030px; left:36%;     transform: translateX(0%);  } 
.mms_item.mb.mbs7{ margin-left:0;top:1650px; left:auto; right:10%;     transform: translateX(0%);  } 

#road_item_cnt{display:none; }
#road_item_cnt_mb{ display:block ; padding:1rem 0 0 0; height:2220px;}

#swiper .smm_box .smm_text{ flex-wrap:wrap}
#swiper .smm_box .ps_txt{ position: static; text-align:center; width:100%; font-size:0.8em; margin:20px 0 0 0;}
#swiper .smm_box .ps_txt::before{ content:"( "}
#swiper .smm_box .ps_txt::after{ content:" )"}

	.readmore_btn{ max-width:160px;}
	#slogan .readmore_btn{ max-width:260px;}
    h3 {
        font-size: 1.25rem;
    }
    #menu {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    header .menu-all {
        padding-top: 70px;
    }
    header .menu-all .colorbar-short {
        left: 1rem;
    }
    header .menu-all .colorbar-long {
        right: 1rem;
    }
    #menu .header,
    footer .container,
    .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #menu .logo {
        width: 360px;
        height: 126px;
        margin-left: 0;
    }
    #menu.sticky .logo {
        width: 360px;
        height: 126px;
    }
    #menu.sticky {
        padding-top: 15px;
        padding-bottom: 10px;
    }
	header .share_btn{ width:20px; }
	#menu ul li {
	padding-right: 8px;}
    #menu ul li.lang a {
        font-size: 1rem;
    }
    #swiper .box-container .bg-element {
        left: auto;
        right: -30px;
    }
    #swiper .box-container .text .bg-element {
        top: -15%;
        left: -30px;
        right: auto;
    }
    #swiper .box-container .image .sc_cover {
        width: 90%;
    }
    #swiper .col-12 {
		/*
        padding-left: 45px;
        padding-right: 45px;*/
      
    }
	#swiper .col-12 .box-container.position-relative{  padding:0  20px 0 20px;}
    #swiper .arrow-prev {
        /* right: calc(100% - 30px); */
        right: 100%;
		margin-right: -15px;
    animation: none;
    }
    #swiper .arrow-next {
        /* left: calc(100% - 30px); */
        left: 100%;
		margin-left: -35px;
    animation: none;
    }
	
    #swiper .arrow-prev:hover,
    #swiper .arrow-next:hover{    animation: none;
    }
	
	/*
    #swiper .arrow-prev {   
  border-top-width: 10px ;
  border-bottom-width: 10px ;   
  border-right-width:15px  ;  
    }
    
    #swiper .arrow-next {        
  border-top-width: 10px ;
  border-bottom-width: 10px ;  
  border-left-width: 15px  ;	
    
    }*/
	#swiper .sd_cover1_cnt .sv_ccc{ 
	position: relative; z-index:100; height:auto; width:320px; bottom:0; left:auto; right:auto;
	
		display: flex;
        align-items: center;
	justify-content:center;
	}
	#swiper .smm_box .smm_text{height:auto; padding:30px 30px  0 0;}
	#swiper .smm_box .pt_bg.cntImg{ background:0}
    #members .bg-element-1,
    #members .bg-element-2 {
        display: none;
    }
    .big-num {
        font-size: 2rem;
       /* margin-bottom: 2rem;*/
    }
	#swiper .smm_text p.big-num, #swiper .smm_text span.big-num {
  font-size: 2.5em; 
}
#swiper .smm_text p.big-num2, #swiper .smm_text span.big-num2{font-size: 2.5em; }
 #swiper .smm_box .box_tt {
  color: #fff;
  font-size: 2em;
  padding: 30px 0 0  0px;
}
 #swiper{ padding-top:2rem   !important;}
 #swiper .container{ padding-right:0;}
	 #swiper .as1{ 
		display: flex;
        align-items: center;
        justify-content: center; padding-bottom:15px;
		flex-wrap:wrap;
		min-height:55px;
		}
	 #swiper .as1 .mb_bk{ clear:both; height:1px; display:block; width:100%;}
	 #swiper .as1 p{ text-align:center; margin:0 0 10px 0; clear:both; display:block; width:100%; }
	#swiper .as1.sbar{ display:none !important;}
	
		#swiper .as1.col-12.df_middle span:nth-child(3){ border:0px solid #f0f; width:100%; display:dlock}
	
	#swiper .smm_box .box-4  .text{ text-align:left;}
	#swiper .smm_box  .box-4 .smm_text{  /*padding:30px 30px  0 30px;*/}
	
#swiper .df_middle {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.as1_line2 .text-start{
	text-align:center !important;
	
}

    #message .desc::after {
        left: 36%;
        max-width: 272px;
        max-height: 141px;
    }

#ceo_msg, #chairman_msg{ padding:2rem 0 1rem 0;}
    #message .left .desc::after {
        left: 34%;
    }
    #message .box p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    #message .box-wrapper {
        left: auto;
        right: 0;
        width: 55%;
    }
    #message .title {
        margin-bottom: 0; padding:0;
    }
	#message .cb_photo{ padding:0;}
	#message .cb_photo{ padding:0;}
	#message .container{ padding-right:0}
	
    #message .box-wrapper .box {
        min-height: initial;
        height: 100%;
    }
    #message .left .box-wrapper {
        left: 5%;
        bottom: -12%;
    }
    #message .left .bg-color::before {
        left: 514px;
    }
    #message .left .bg-color::after {
        width: 66%;
        max-width: 500px;
    }
	 #message .cm_cnt{ max-width:360px;}
	.box-wrapper .box h3 {
    font-size: 1.2em;
	}
  
  
    #public #select .row {
        margin-right: 0;
        margin-left: 0;
        width: calc(100% - 2px);
    }
    #public .top p.desc {
        width: 100%; 
        font-size: 1rem;
        line-height: 1.3rem; 
    }
    #public #select .sticky-btn {
        top: 0;
    }
    #public .list .box-wrapper .box {
        padding: 20px 5px;
    }
    #public #select .sticky-btn .list .box-wrapper .box {
        padding: 0.5rem 5px;
    }
	.sticky-btn  .box-wrapper .box h3 {
    font-size: 0.8em;
	}
	 #esg .right {
    padding: 0 0 2rem 0;
  }
	  
	  #report {
			padding: 2rem 0 2rem 0;
	  }
	 
    .data .img {
        margin-bottom: 1rem;
    }
    .case .name {
        padding-left: 0!important;
        padding-bottom: 0rem!important;
        padding-top: 1rem!important;
    }
    #public .qr-code {
        position: relative;
        left: auto;
        bottom: auto;
    }
    #public .qr-code,
    #public .img-human {
        max-height: 350px;
    }
    .case .intro .wrapper {
        max-width: none;
    }
    #public .case.container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    #public .bg-color {
        height: 100%;
        min-height: auto;
    }
    #public #green-box .data.border-bottom {
        margin-top: 0rem;
    }
    #green-box .case .bg-color {
        bottom: 0;
    }
    #public .case .wrapper-text::before {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    #public .data .swiper-container {
        width: 90%;
        margin: 0 auto;
    }
    .case .intro p {
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .data .swiper-slide .num h4 {
        margin-top: 1.4rem;
    }
    #esg .esg-img {
        padding: 2rem;
    }
    #esg .icons {
        position: relative;
    }
    #esg .right {
        padding-left: 15px;
    }
    #report {
        padding-bottom: 2rem;
    }
    #report .bg-color {
        height: 80%;
        right: -2rem;
    }
    #report .left {
        padding-top: 0rem;
        padding-right: 1rem;
    }
    #report .row {
        margin-left: auto;
        margin-right: auto;
    }
    #report .left h3,
    #report .left p {
        position: relative;
    }
    #report .left .desc {/*
        padding-top: 2rem;
        padding-bottom: 2rem;*/
    }
    #report .bg-color::before {
        bottom: 98%;
        left: 70%;
    }
	#future{ padding:2rem 0 2rem 0;}
	#future .container{ padding:0;}
	#future .fbox1{ width:90%; margin:0 10% 0 0 ;
		display:flex ;
        align-items: flex-start;
        justify-content: flex-end; 
	}
	#future .fbox2{ width:100%; margin:0 0 0 0 ;
		display:flex ;
        align-items: flex-start;
        justify-content: flex-end; 
	}
	#future .desc{ margin:-4rem 0 0 0; width:90%;}
	/*
    #future {
        padding-top: 0;
    }
    #future::before {
        top: 0;
        height: 100%;
    }
    #future h2 span {
        display: inline-block;
    }
    #future h2 {
        text-align: center;
        margin-bottom: 9rem;
    }
    #future .row {
        margin-left: 0;
        margin-right: 0;
    }
    #future .left {
        padding-left: 15px;
    }
    #future .future_img {
        width: 100%;
        margin-left: -10%;
    }
    #future .future_img_wrapper {
        position: relative;
    }
    #future .left .future_img_wrapper .line_img {
        max-width: 347px;
        max-height: 180px;
        bottom: auto;
        right: -20px;
        left: auto;
        top: -110px;
    }
    #future .white-box::after {
        right: 0;
        left: auto;
        bottom: 120%;
    }
    #future .white-box {
        margin-top: 2rem;
    }
    #future .left .line_img {
        left: 15px;
    }*/
	
    #slogan .colorbar {
        left: 90%;
    }
    #public {
        padding-bottom: 1rem;
    }
    footer .footer-list ul {
        flex-wrap: wrap;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    footer .footer-list ul li {
        padding: 0.25rem 0.5rem 0.25rem;
    }
    footer .footer-bottom p {
        font-size: 0.875em;
    }
}



@media only screen and (max-width:767px) {
	
	#mb_smenu{ display:block;}
	
	.mb_bk{ overflow:hidden; height:1px; width:100%; display:block;}
	
.mms_item.mb img {
  max-width: 160px;  
}  
.mms_item.mb.mbs7 img {  max-width: 100px; }
.mms_item.mb {   width:40%;max-width:180px;}
	
#mb_ms_road{ position: absolute; left:50%; top:20px;
 background-image:url(../images/road_bg2.jpg); 
} 

.mms_item.mb.mbs1{ margin-left:30px; top:60px; left:50%;  right:auto;  transform: translateX(-50%);  }
.mms_item.mb.mbs1   {  max-width:360px; width:80%;}
.mms_item.mb.mbs1 .img-fluid{ float:left;width:40%;}
.mms_item.mb.mbs1 .ms_p{ float:right; width:calc(60% - 12px); padding-left:10px;}
.mms_item.mb.mbs1 .ms_year {position: absolute; left:0; top:-60px; } 
.mms_item.mb.mbs1 .mb_cnt{ align-items:flex-start}
.mms_item.mb.mbs2{ margin-left:-100px;top:500px; left:50%;   right:auto;  transform: translateX(-50%);  } 

.mms_item.mb.mbs3{ margin-left:-100px; top:1480px; left:50%;  right:auto;   transform: translateX(-50%);  }

.mms_item.mb.mbs4{ margin-left:-10px;top:250px; left:50%;   right:auto;  transform: translateX(-50%);  } 

.mms_item.mb.mbs5{ margin-left:110px;top:730px; left:50%;   right:auto;  transform: translateX(-50%);  } 
.mms_item.mb.mbs5 .ms_year { margin-right:20%; } 

.mms_item.mb.mbs6{ margin-left:-40px;top:1150px; left:50%;  right:auto;   transform: translateX(-50%);  } 
.mms_item.mb.mbs7{ margin-left:100px;top:1650px; left:50%;  right:auto;   transform: translateX(-50%);  } 

 
.mms_item.mb.mbs6 .animated{ position: relative}
.mms_item.mb.mbs6 .ms_year {position: absolute; left:-60px; top:10px; } 
.mms_item.mb.mbs7   {  max-width:250px;}
.mms_item.mb.mbs7 	.mb_cnt{  }
.lg3 .mms_item.mb.mbs7 h2,
.lg2 .mms_item.mb.mbs7 h2{ white-space: nowrap  }

	header .menu-all #mb_smenu ul{ 
  display: flex;
  flex-wrap: nowrap;
  justify-content:center;
  align-items:  center;
  align-content:  center;
  width: auto;
  height: auto;
  padding:0;
  margin:0 auto;
  padding:20px;
}
	header .menu-all #mb_smenu  .share_btn {
  width: 30px;
  width: 30px; 
}

    header .menu-all #mb_smenu  li{width:30px; margin:0 5px 0 5px; text-align:center; display:inline;}
    header .menu-all #mb_smenu  li a:after {
        background: 0;
		
	}

	.nav-menu{transform: scale(0.7);}
  #menu .logo {
    width: 200px;  top:32px; left:5px;
    margin-left: 0;
  }
  
	main section h2.underline {
  padding: 0 0 1rem 0;
	}
	  #banner {
    margin-bottom: 1rem;
  }
  .ms_inner{ /*justify-content: space-between;*/}
  #ms_ai{ max-width:200px;}
 
	#road_content_mb .col-6{ padding:0;}
	
 #menu ul li.lang {padding: 0 0.4rem 0 1rem;    }    
    #menu ul li.lang.last {padding: 0 1rem 0 0.4rem;    }
	    #menu .header,
    footer .container,
    .container { 
        padding-left: 15px;
        padding-right: 15px;
    }
	
.sticky-btn .container {
    padding-left: 0;
    padding-right: 0;
}
.sticky-btn .container .col-3{ padding:0 3px 0 3px}

/*
.mms_item.mb h2{  width:70%}
.mms_item p.ms_p{ width:40%;  }
.mms_item.mb .ms_year{   	width:35%; }
#mb_ms_road{  top:0%;
	width:35%;  
}
.mms_item.mb .line{  visibility: hidden}
.mms_item.mb .line.line3,
.mms_item.mb .line.line6,
.mms_item.mb .line.line5{ width:1px ;   visibility: visible;
height:110px;  transform: rotate(-45deg); right:5%;top:20px; }
*/

#banner .homepart_full {
  width: auto;
  height: 340px;
  min-height: 340px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#banner .bar {
  height: 80px;
  
}#banner .container_2 {
  width: 100%;
  height: 340px;
  min-height: 340px;
}

  #banner {
    min-height: 420px;
    height: 420px; 
  }
 
	 #menu.sticky {
    padding-top: 8px;
    padding-bottom: 5px;
  }
    h2 {
        font-size: 1.4rem;
    }
	 
  #swiper .smm_box .smm_text { 
    padding: 10px 10px 0 0;
 }
#swiper .smm_text p, #swiper .smm_text span {
  font-size: 1em;  line-height:1.2em;
}  
#swiper .smm_box .box_tt {
    font-size: 1.5em;
    padding: 20px 0 0 0px;
  }
  #swiper .smm_text p.big-num, #swiper .smm_text span.big-num {
    font-size: 1.8em;
  }
   #swiper .smm_text p.big-num2, #swiper .smm_text span.big-num2 {
    font-size: 1.6em;
  } 
    #swiper .sbar{ font-size:1px; overflow:hidden; height:10px; border:0px solid #f0f;}
  #swiper .as1 {
    padding-bottom: 5px;
    min-height: 35px;
  }
    #swiper .smm_box .ps_txt { 
    margin: 10px 0 0 0;
  }
   #swiper .smm_text p{ margin:0 0 5px 0;}
 	#swiper .sd_cover1_cnt .sv_ccc{   width:240px; 	 
	}
 	#swiper .sd_cover1_cnt .img-fluid{max-width:90%; 	 
	}
	 .mms_item p {
    font-size: 12px;
    line-height: 14px;
  }
	   .mms_item h2 {
    font-size: 13px;
    line-height: 15px;
  }
  .mms_item.mb img {
    max-width: 140px; 

  }   
  .mms_item.mb .ms_year { 
    width: 60px;
    height: 60px;
  }
  .mms_item.mb .ms_year span {
    width: 60px;
    height: 60px;
  }
#swpager_cnt .swiper-pagination-bullet { 
  width: 10%;  
}
.swiper-pagination{ width:90%;
 
  display: flex;
  justify-content: center;
  align-items: flex-end;
  white-space: nowrap;}

#ceo_msg .title, #chairman_msg .title{ padding:0 15px 0 15px;}

 
#message .cmsg_box {
  max-width: 100%; 
  margin: 0 auto;
}
#message .cb_msg { 
  padding: 1rem 1.3rem 1rem 1.3rem; 
  border-radius: 0 0 0 40px;
}
.msgbox_cnt .round_cnt.top .round {
  left: -10px;
  width: 25px;
  height: 25px;
  border-radius: 20px 0 0 0;
  border-top: 3px solid #00a1e0;
  border-left: 3px solid #00a1e0;
}
.msgbox_cnt .round_cnt.bottom .round { 
  right: -10px;
  width: 25px;
  height: 25px;
  border-radius: 0 0 20px 0;
  border-bottom: 3px solid #00a1e0;
  border-right: 3px solid #00a1e0;
}.msgbox_cnt .round_cnt .ball { 
  top: 10px;
  left: -11.5px;
  display: block; 
  border: 2px solid #00a1e0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
} 
.msgbox_cnt .round_cnt.bottom .ball {
  bottom: 10px;
  right: -12px;
} 
#message .box p {
    font-size:0.8rem;
    line-height: 1.1rem;
  }
 .box-wrapper .box h3 {
    font-size: 1em;
  }
#public .top {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
 
#public .top p,
#public .top p.desc {
  font-size: 0.8rem;
    line-height: 1.1rem; 
  margin: 0rem auto 2rem auto;
}
#future p,
#esg ol ,
#esg ol li,
#report p,
#esg p{
    font-size:0.8rem;
    line-height: 1.1rem; }

/*
	#esg_p2_ani_pc{display:none;}
	#esg_p2_ani_mb{ display:block; max-width:500px;}
	*/
	#esg_p2_ani_pc{}
	#esg_p2_ani_mb{ display:none;}
	
    #menu ul li:first-child,
    #menu ul li:nth-child(2),
    #menu ul li:nth-child(3),
    #menu ul li:nth-child(4),
    #menu ul li:nth-child(5),
    #menu ul li:nth-child(6) {
        display: none;
    }
    #menu.sticky .logo {
        margin-left: 0;
        width: 200px;
        height: 60px;
    }
    #swiper .text {
        width: 100%;
        text-align: center;
    }
    #swiper .text {
        padding-top: 4rem;
    }
    #swiper .box-container .text .bg-element {
        top: 50%;
    }
    .big-num {/*
        margin-bottom: 3rem;
        margin-top: 1rem;*/
    }
    #swiper .box-container .bg-element {
        top: 0rem;
    }
    #swiper .image {
        width: 100%;
        padding-top: 1rem;
    }
    #swiper .box-container .image .sc_cover {
        width: 100%;
    }
	#swiper .sd_cover1_cnt .sv_ccc{  height:auto; }
	
	#esg .box_content { margin:0;}
	 #report .box_content{ padding:30px 30px 30px 0; margin:0;}
	 
	 #report .container{ padding-right:0;}

 #report .right { display:none}
	 #report #mb_cgr_ani,
	 #esg #mb_esg_ani{ display: block;}
	 #esg .box_content{ padding:30px 0 30px 30px}
	  #esg  .right .text-start{ text-align:right  !important}

	#members{ padding: 2rem 0 1rem 0;}
  #members .swiper .member {
    width:80%;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    position:relative
  }
  #members .swiper .member .photo {
    position:relative
  }
  #members .swiper .member img {
    max-width:100%;
    height:auto
  }
  #members .swiper .member p {
    text-align:center
  }
  #members .swiper .swiper-button-next:after,
  #members .swiper .swiper-button-prev:after {
    content:'';
    background-image:url(../images/arrow3.svg);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    width:48px;
    height:42px
  }
  #members .swiper .swiper-button-prev:after {
    transform:rotateZ(-180deg)
  }
  #members .swiper .member::before {
    content:'';
    position:absolute;
    width:91vw;
    height:5px;
    background-color:#72c5f1;
    left:50%;
    transform:translateX(-50%);
    bottom:3rem
  }
  #members .swiper .member.chairman::before {
    background-color:#cdd846
  }
  #members .swiper .member.last::before {
    background-color:#1b52a2
  }
   #public .list .box-wrapper .box {
    padding:5px 10px 5px 10px;
	height:80px; margin:0 0 10px 0;
  }
   #public .sticky-btn  .box-wrapper .box { height:125px;}
    footer .footer-list ul a {
    font-size: 0.75rem;
    line-height: 1;
  }  footer .footer-bottom p {
    font-size: 0.875em;
  }  footer .footer-list ul li {
    padding: 5px 0.5rem;
    line-height: 1;
  }
   
}
  
  
@media only screen and (max-width:500px) {
b.lg23_br{ display: block; overflow:hidden; height:3px; width:100%;}
/*
 .mms_item.mb .ms_year span{   font-size:0.8em;}
.mms_item.mb { max-width:250px; width:45%;
}
.mms_item.mb.mbs1{ margin-left:-100px;   }

.mms_item.mb.mbs2{ margin-left:-110px;top:440px;   } 

.mms_item.mb.mbs3{ margin-left:-110px; top:1100px;      }

.mms_item.mb.mbs4{ margin-left:110px;top:120px;      } 
.mms_item.mb.mbs5{ margin-left:120px;top:580px;     } 
.mms_item.mb.mbs6{ margin-left:100px;top:940px;     } 
.mms_item.mb.mbs7{ margin-left:110px;bottom:210px;  } 

*/
}