:root{
  --content_width: 100vw;
  --content_view_width: 100vw;
  
  --news_min_height: auto;
  --news_max_height: auto;
}
* {
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
img{
  width: 100%;
}
html, body{
  position: relative;
  width: 100%;
  height: 100%;
  
  font-size: 16px;
  line-height: 1.5em;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
}
@media screen and (max-width: 999px) {
  html, body{
    font-size: 3.5vw;
    line-height: 1.5em;
  }
}
main{
  overflow-x: hidden;
  padding-top: 70px;
  opacity: 0;
}
@media screen and (max-width: 999px) {
  main{
	padding-top: calc((80 * var(--content_width)) / 750); 
  }
}
.bold{
  font-weight: 600;
}

.en_only,
.en_only_inline,
.en .jp_only,
.en .jp_only_inline{
  display: none;
}
.en .en_only,
body:not(.en) .jp_only{
  display: block;
}

.en .en_only_inline,
body:not(.en) .jp_only_inline{
  display: inline-block;
}

.sp_only,
.sp_only_inline{
  display: none;
}
.pc_only_inline{
  display: inline-block;
}
@media screen and (max-width: 999px) {
  .sp_only{
    display: block;
  }
  .sp_only_inline{
    display: inline-block;
  }
  .pc_only_inline{
    display: none;
  }
}

h1, h2{
  margin: 0;
  padding: 0;
}

header{
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 70px;
  
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(160, 160, 160, .3);
  align-items: center;
  z-index: 100;
  opacity: 0;
}
header .header_menu{
  width: 70px;
  height: 70px;
}
header.opened .header_menu .btn_menu,
header .header_menu .btn_menu_close{
  display: none;
}
header.opened .header_menu .btn_menu_close{
  display: block;	
}
header .header_isuzu{
  margin-left: 15px;
  width: 106px;
  line-height: 0;
}
header .header_udtrucks{
  margin-left: 25px;
  width: 161px;
  line-height: 0;
}
header .header_title{
  margin-left: 30px;
  width: 295px; 
    line-height: 0;
}
header .header_btn_language{
  margin-left: auto;
  margin-right: 30px;
  width: 200px;
}
header .header_btn_language .btn_language{
  display: block;
  line-height: 0;	
}
.en header .header_btn_language .btn_language{
  display: block;
  width: 100%;
  height: 40px;
  background-image: url(../images/en/btn_lang.png);
  background-size: 100% 100%;
}
.en header .header_btn_language .btn_language img{
  display: none;	
}

@media screen and (max-width: 999px) {
    header{
      height: calc((80 * var(--content_width)) / 750); 
      
      box-shadow: 0 0 calc((20 * var(--content_width)) / 750) 0 rgba(160, 160, 160, .3);
      align-items: center;
    }
    header .header_menu{
      position: absolute;
      top: 0;
      right: calc((8 * var(--content_width)) / 750);
      width: calc((80 * var(--content_width)) / 750);
      height: calc((80 * var(--content_width)) / 750);
    }
    header .header_isuzu,
    header .header_udtrucks,
    header .header_title{
      background-size: 100% 100%;
    }
    header .header_isuzu img,
    header .header_udtrucks img,
    header .header_title img{
      display: none;
    }
    header .header_isuzu{
      margin-left: calc((30 * var(--content_width)) / 750);
      width: calc((100 * var(--content_width)) / 750);
      height: calc((18 * var(--content_width)) / 750);
      background-image: url(../images/header_isuzu.png);
    }
    header .header_udtrucks{
      margin-left: calc((25 * var(--content_width)) / 750);
      width: calc((151 * var(--content_width)) / 750);
      height: calc((27 * var(--content_width)) / 750);
      background-image: url(../images/header_ud_trucks.png);
    }
    header .header_title{
      margin-left: calc((22 * var(--content_width)) / 750);
      width: calc((295 * var(--content_width)) / 750);
      height: calc((15 * var(--content_width)) / 750);
      background-image: url(../images/header_title.png);
    }
    header .header_btn_language{
      display: none;
    }
}

footer{
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 170px;
  background-color: #000;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.privacy_wrapper{
  display: table;
  flex-flow: column;
  width: 800px;
  justify-content: center;
  padding-bottom: 25px;
}
.privacy_inner{
  display:table-row;
}
.privacy_block{
  display:table-cell;
  padding: 0 35px;
}
.privacy_link{
  position: relative;
  line-height: 1em;
  margin: 0.7em 0;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.privacy_link::before{
  position: absolute;
  content: "";
  left: -20px;
  top: 0;
  bottom: 0;  
  margin: auto 0;
  
  width: 10px;
  height: 12px;

  background-color: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.copyright{
  font-size: 10px;
  line-height: 2em;
  text-align: center;
}

@media screen and (max-width: 999px) {
  footer{
    height: calc((280 * var(--content_width)) / 750);
  }
  .privacy_wrapper{
    display: flex;
    justify-content: start;
    padding-bottom: calc((20 * var(--content_width)) / 750);
    width: 100%;
  }
  .privacy_inner{
    display: flex;
    flex-flow: column;
    justify-content: start;
  }
  .privacy_block{
    display: block;
    padding: 0 0 0 calc((70 * var(--content_width)) / 750);
  }
  .privacy_link{
    line-height: 1em;
    margin: 0.5em 0;
    font-size: 2.2vw;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
  .privacy_link::before{
    left: calc((-20 * var(--content_width)) / 750);
  
    width: calc((10 * var(--content_width)) / 750);
    height: calc((12 * var(--content_width)) / 750);
  }
  .copyright{
    width: 100%;
    font-size: 2vw;
    line-height: 2em;
    text-align: right;
    padding-right: calc((50 * var(--content_width)) / 750)
  }
}
.section1{
  width: 100%;
}
.section1 .header_video{
  width: 100%;
  height: calc((700 * 100vw) / 1920);
  line-height: 0;
}
.section1 .header_video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section1 .header_logo{
  display: flex;
  height: 382px;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding-bottom: 130px;
  
  background-image: url(../images/kv_bg_1019.jpg);
  background-size: calc(50% + 110px) 268px;
  background-position: right bottom; 
}
.section1 h1{
  width: 378px;
  height: 133px;
}
.en .section1 h1{
  height: 133px;
  background-image: url(../images/en/kv.png);
  background-size: 100% 100%;
}
.en .section1 h1 img{
  display: none;
}

@media screen and (max-width: 999px) {
  .section1 .header_logo{
    height: calc((506 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/kv_bg_1019.jpg);
    background-size: calc((493 * var(--content_width)) / 750) calc((293 * var(--content_width)) / 750);
    background-position: right bottom calc((25 * var(--content_width)) / 750); 
    padding-bottom: calc((252 * var(--content_width)) / 750);
  }
  .section1 h1{
    width: calc((414 * var(--content_width)) / 750);
    height: calc((145 * var(--content_width)) / 750);
  }   
  .en .section1 h1{
    height: calc((145 * var(--content_width)) / 750);
	background-image: url(../images/en/sp/kv.png);
	background-size: 100% 100%;
  }
}

.section2{
  height: 270px;
  background-color: #1d1d1d;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  
  background-image: url(../images/countdown_bg.png);
  background-size: 1400px 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.section2 .countdown_block{
  display: flex;
  color: #fff;
}
.section2 .countdown_text th{
  line-height: 2em;
  font-size: 24px;
}
.section2 .countdown_text td{
  line-height: 1em;
  text-shadow: 0 0 30px #ffffff;
  font-size: 60px;  
  text-align: center;
}
.section2 .countdown_text td.countdown_sep{
  width: 0.8em;
}
.section2 .countdown_text .countdown_number{
  width: 2em;
}
@media screen and (max-width: 999px) {
  .section2{
    height: calc((440 * var(--content_width)) / 750);
    
    justify-content: center;
    align-items: start;
    padding-top: calc((50 * var(--content_width)) / 750);
  
    background-image: url(../images/sp/countdown_bg.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .section2 .countdown_text th{
    line-height: 2em;
    font-size: 2.8vw;
  }
  .section2 .countdown_text td{
    line-height: 1em;
    text-shadow: 0 0 calc((30 * var(--content_width)) / 750) #ffffff;
    font-size: 8.4vw;  
    text-align: center;
  }
  .section2 .countdown_text td.countdown_sep{
    width: 0.5em;
  }
  .section2 .countdown_text .countdown_number{
    width: 1.8em;
  }
}

.section3{
  position: relative;
  width: 100%;
}
.section3 .section3_bg{
  position: absolute;
  top: 105px;
  left: 0;
  width: 100%;
  height: calc(100% - 105px);
  background-color: #f5f5f5;
  background-image: url(../images/theme_bg_left.png), url(../images/theme_bg_right.png);
  background-size: calc(50% + 153px) 539px, calc(50% - 141px) 338px;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom -70px right;
  
  z-index: -1;
}
.section3_inner{
  width: 1000px;
  
  background-color: #000000;
  padding: 30px 40px 50px;
  margin: -105px auto 20px;
}
.section3_inner .section_header{
  display: flex;
  position: relative;
  justify-content: start;
  align-items: end;
  color: #fff;
  padding-bottom: 30px;
  border-bottom: 2px solid #ffffff;
}
.section3_inner h2{
  width: 94px;
  line-height: 0;
}
.section3_inner .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section3_inner .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #ffffff;
}
.section3_inner .section_body{
  padding-top: 20px;
  color: #fff;
  
}
.section3_inner .section_body .news_block{
  margin-bottom: 30px;
}
.section3_inner .section_body .news_block:last-child{
  margin-bottom: 0;
}
.section3_inner .news_date{
  position: relative;
  margin-left: 80px;
  margin-bottom: 15px;
}
.section3_inner .news_date::before{
  content: "";
  position: absolute;
  left: -80px;
  top: 0;
  bottom: 0;
  width: 60px;
  height: 20px;
  margin: auto 0;
  
  background-image: url(../images/label_news_tags.png);
  background-size: 100% 100%;
}

.section3 .news_section_body{
  transition: max-height ease 0.5s 0s;
  max-height: var(--news_max_height);
  overflow: hidden;
}
.section3.news_closed .news_section_body{
  max-height: var(--news_min_height);
}
.section3 .btn_news_open{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 190px;
  height: 40px;
  padding-right: 15px;
  line-height: 40px;
  
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  color: #fff;  
  font-size: 16px;
}
.section3 .btn_news_open::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto 0;
  width: 12px;
  height: 2px;
  background-color: #fff;
}
.section3 .btn_news_open.btn_news_closed::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto 0;
  width: 2px;
  height: 12px;
  background-color: #fff;
}
.section3.news_opened .btn_news_opened,
.section3.news_closed .btn_news_closed{
  display: block;
}

@media screen and (max-width: 999px) {
  .section3 .section3_bg{
    top: calc((235 * var(--content_width)) / 750);
    height: calc(100% - ((235 * var(--content_width)) / 750));
    background-image: url(../images/sp/theme_bg_left.png), url(../images/theme_bg_right.png);
    background-size: calc((643 * var(--content_width)) / 750) calc((534 * var(--content_width)) / 750), calc((511 * var(--content_width)) / 750) calc((321 * var(--content_width)) / 750);
    background-position: top left, top calc((950 * var(--content_width)) / 750) right;
  }
  .section3_inner{
    width: calc((690 * var(--content_width)) / 750);
  
    padding: calc((35 * var(--content_width)) / 750) calc((20 * var(--content_width)) / 750) calc((50 * var(--content_width)) / 750);
    margin: calc((-235 * var(--content_width)) / 750) auto calc((60 * var(--content_width)) / 750);
  }
  .section3_inner .section_header{

    padding-bottom: calc((30 * var(--content_width)) / 750);
    border-bottom: calc((3 * var(--content_width)) / 750) solid #ffffff;
  }
  .section3_inner h2{
    width: calc((124 * var(--content_width)) / 750);
    margin-left: calc((8 * var(--content_width)) / 750);
  }
  .section3_inner .sub_title{
    font-size: 3.5vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    margin-bottom: calc((5 * var(--content_width)) / 750);
  }
  .section3_inner .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
  .section3_inner .section_body{
    padding-top: calc((30 * var(--content_width)) / 750);
    font-size: 3.5vw;
  }
  .section3_inner .section_body .news_block{
	margin-bottom: calc((40 * var(--content_width)) / 750);
  }
  .section3_inner .section_body .news_block:last-child{
    margin-bottom: 0;
  }
  .section3_inner .news_date{
    margin-left: calc((110 * var(--content_width)) / 750);
    margin-bottom: calc((20 * var(--content_width)) / 750);
  }
  .section3_inner .news_date::before{
    position: absolute;
    left: calc((-110 * var(--content_width)) / 750);
    width: calc((90 * var(--content_width)) / 750);
    height: calc((40 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/label_news_tags.png);
  }
  
  .section3 .btn_news_open{
    width: calc((190 * var(--content_width)) / 750); 
    height: calc((50 * var(--content_width)) / 750);
    line-height: calc(((50 * var(--content_width)) / 750) - 2px);
    padding-right: calc((15 * var(--content_width)) / 750);
  
    border: 1px solid #fff;
    border-radius: calc((25 * var(--content_width)) / 750);
    font-size: 3vw;
  }
  .section3 .btn_news_open::before{
    right: calc((10 * var(--content_width)) / 750);
    width: calc((12 * var(--content_width)) / 750);
    height: calc((2 * var(--content_width)) / 750);
  }
  .section3 .btn_news_open.btn_news_closed::after{
    right: calc((15 * var(--content_width)) / 750);
    width: calc((2 * var(--content_width)) / 750);
    height: calc((12 * var(--content_width)) / 750);
  }
}



.section4{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 120px;
}
.section4 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 50px;
}
.section4 h2{
  width: 119px;
  line-height: 0;
  margin-left: 20px;
}
.section4 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section4 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section4 h3{
  width: 769px;
  margin: 0 auto 50px;
}
.en .section4 h3{
  width: 870px;
  height: 32px;
  background-image: url(../images/en/theme_copy.png);
  background-size: 100% 100%;
}
.en .section4 h3 img{
  display: none;
}
.section4 .section_body{
  width: 100%;
  line-height: 2.5em;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px;
  text-align: center;
}

@media screen and (max-width: 999px) {
  .section4{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((80 * var(--content_width)) / 750);
  }
  
  .section4 .section_header{
    padding-bottom: calc((100 * var(--content_width)) / 750);
  }
  .section4 h2 img{
    display: none;
  }
  .section4 h2{
    width: calc((157 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((20 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_theme.png);
    background-size: 100% 100%;
  }
  .section4 .sub_title{
    font-size: 4vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section4 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }

  .section4 h3 img{
    display: none;
  }
  .section4 h3{
    width: calc((627 * var(--content_width)) / 750);
    height: calc((111 * var(--content_width)) / 750);
    margin: 0 auto calc((45 * var(--content_width)) / 750);
    background-image: url(../images/sp/theme_copy.png);
    background-size: 100% 100%;
  }
  .en .section4 h3{
    width: calc((627 * var(--content_width)) / 750);
    height: calc((113 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/theme_copy.png);
  }
  .section4 .section_body{
    padding: calc((50 * var(--content_width)) / 750) calc((20 * var(--content_width)) / 750);
    font-size: 3.2vw;
  }
}


.section4 .movie_area{
  position: relative;
  margin-top: 60px;
  width: 1000px;
  height: calc(1000px * 9 / 16);
}
.section4 .movie_area .movie_outer{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section4 .movie_inner{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section4 .movie_inner iframe {
  width: 100%;
  height: 100%;
}

.movie_control_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 63px;
  height: 63px;
  margin: auto 0;
}
.movie_control_left{
  left: -17px;
}
.movie_control_right{
  right: -17px;
}

.movie_pager{
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.movie_pager_obj{
  width: 14px;
  height: 14px;
  margin: 0 15px;
  line-height: 0;
}
.movie_pager_obj.active{
  background-image: url(../images/movie_pager_on.png);
  background-size: 100% 100%;
}
.movie_pager_obj.active img{
  display: none;
}
@media screen and (max-width: 999px) {
  .section4 .movie_area{
    margin: calc((60 * var(--content_width)) / 750) auto 0;
    width: calc((650 * var(--content_width)) / 750);
    height: calc(((650 * var(--content_width)) / 750) * 9 / 16);
  }
  .movie_control_btn{
    width: calc((60 * var(--content_width)) / 750);
    height: calc((60 * var(--content_width)) / 750);
  }
  .movie_control_left{
    left: calc((-20 * var(--content_width)) / 750);
  }
  .movie_control_right{
    right: calc((-20 * var(--content_width)) / 750);
  }

  .movie_pager{
    bottom: calc((-35 * var(--content_width)) / 750);
  }
  .movie_pager_obj{
    width: calc((16 * var(--content_width)) / 750);
    height:calc((16 * var(--content_width)) / 750);
    margin: 0 calc((10 * var(--content_width)) / 750);
  }
}

.section5{
  position: relative;
  width: 100%;
  
  background-image: url(../images/information_bg.png), url(../images/booth_bg.png);
  background-size: 100% 1812px, calc(50% - 188px) 322px;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, top 470px right;
  margin-bottom: -1px;
}
.section5_inner{
  width: 1000px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 50px;
}
.section5_inner .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 55px;
}
.section5_inner h2{
  width: 99px;
  line-height: 0;
  margin-left: 20px;
}
.section5_inner .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section5_inner .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section5_inner .section_body{
  position: relative;
}
.section5_inner .booth_map{
  position: relative;
  margin: 0 -9px 60px;
  width: 1018px;
  height: 303px;
  background-image: url(../images/map_bg.png);
  background-size: 100% 100%;
}
.section5_inner .booth_map_btn{
  position: absolute;
  width: 52px;
  height: 64px;
}
.section5_inner .booth_map_btn1{
  top: 168px;
  left: 258px;
}
.section5_inner .booth_map_btn2{
  top: -4px;
  left: 412px;
}
.section5_inner .booth_map_btn3{
  top: 3px;
  left: 506px;
}
.section5_inner .booth_map_btn4{
  top: 184px;
  right: 171px;
}
.section5_inner .booth_map_btn5{
  top: 94px;
  right: 189px;
}
.section5_inner .booth_map_btn6{
  top: 162px;
  left: 532px;
}
.section5_inner .booth_map_btn7{
  top: 77px;
  left: 200px;
}
.section5_inner .booth_map_btn8{
  top: 15px;
  left: 304px;
}

.section5_inner .booth_links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.section5_inner .booth_link_btn{
  width: 220px;
  height: 70px;
  line-height: 0;
  margin: 0 10px 20px;
}
.en .section5_inner .booth_link_btn.booth_link_btn6{
  background-image: url(../images/en/btn_booth6.png);
  background-size: 100% 100%;
}
.en .section5_inner .booth_link_btn.booth_link_btn6 img{
  display: none;
}	

@media screen and (max-width: 999px) {
  .section5{
    background-image: url(../images/sp/information_bg.png), url(../images/sp/booth_bg.png);
    background-size: 100% auto, calc((512 * var(--content_width)) / 750) calc((322 * var(--content_width)) / 750);
    background-position: bottom right, top calc((955 * var(--content_width)) / 750) right;
    margin-bottom: -1px;
  }
  .section5_inner{
    width: 100%;
    padding-top: calc((90 * var(--content_width)) / 750);
    padding-bottom: calc((50 * var(--content_width)) / 750);
  }
  .section5_inner .section_header{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: end;
    color: #231815;
    padding-bottom: calc((50 * var(--content_width)) / 750);
  }
  .section5_inner h2 img{
    display: none;
  }
  .section5_inner h2{
    width: calc((130 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((50 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_booth.png);
    background-size: 100% 100%;
  }
  .section5_inner .sub_title{
    font-size: 3.5vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section5_inner .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }

  .section5_inner .booth_map{
    margin: 0 0 calc((40 * var(--content_width)) / 750);
    width: 100%;
    height: calc((237 * var(--content_width)) / 750);
    background-image: url(../images/sp/map_bg.png);
  }
  .section5_inner .booth_map_btn{
    position: absolute;
    width: calc((47 * var(--content_width)) / 750);
    height: calc((57 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn1{
    top: calc((124 * var(--content_width)) / 750);
    left: calc((171 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn2{
    top: calc((-7 * var(--content_width)) / 750);
    left: calc((304 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn3{
    top: calc((-3 * var(--content_width)) / 750);
    left: calc((379 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn4{
    top: calc((150 * var(--content_width)) / 750);
    right: calc((94 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn5{
    top: calc((66 * var(--content_width)) / 750);
    right: calc((114 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn6{
    top: calc((166 * var(--content_width)) / 750);
    left: calc((411 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn7{
    top: calc((53 * var(--content_width)) / 750);
    left: calc((121 * var(--content_width)) / 750);
  }
  .section5_inner .booth_map_btn8{
    top: calc((3 * var(--content_width)) / 750);
    left: calc((191 * var(--content_width)) / 750);
  }

  .section5_inner .booth_link_btn{
    width: calc((310 * var(--content_width)) / 750);
    height: calc((95 * var(--content_width)) / 750);
    line-height: 0;
    margin: 0 calc((15 * var(--content_width)) / 750) calc((40 * var(--content_width)) / 750);
    background-size: 100% 100%;
  }
  .section5_inner .booth_link_btn img{
    display: none;
  }
  .section5_inner .booth_link_btn.booth_link_btn1{
    background-image: url(../images/sp/btn_booth1.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn2{
    background-image: url(../images/sp/btn_booth2.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn3{
    background-image: url(../images/sp/btn_booth3.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn4{
    background-image: url(../images/sp/btn_booth4.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn5{
    background-image: url(../images/sp/btn_booth5.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn6{
    background-image: url(../images/sp/btn_booth6.png);
  }
  .en .section5_inner .booth_link_btn.booth_link_btn6{
    background-image: url(../images/en/sp/btn_booth6.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn7{
    background-image: url(../images/sp/btn_booth7.png);
  }
  .section5_inner .booth_link_btn.booth_link_btn8{
    background-image: url(../images/sp/btn_booth8.png);
  }
}


.section6{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
}
.section6 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 55px;
}
.section6 h2{
  width: 223px;
  line-height: 0;
  margin-left: 20px;
}
.section6 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section6 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section6 .section_body{
  position: relative;
  display: flex;
  justify-content: space-between;
}
.section6 .sns_group{
  position: relative;
  display: flex;
  padding: 50px 50px 45px;
  background-color: #ffffff;
  border: 1px solid #000000;
  justify-content: center;
  align-items: center;
}
.section6 .sns_group_isuzu{
  width: 460px;
}
.section6 .sns_group_udtrucks{
  width: 500px;
}

.section6 .sns_group::after{
  content: "";
  position: absolute;
  display: inline-block;
  height: 30px;
  top: -15px;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #fff;
  background-size: calc(100% - 40px) auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.section6 .sns_group_isuzu::after{
  width: 80px;
  background-image: url(../images/header_isuzu.png);
}
.section6 .sns_group_udtrucks::after{
  width: 124px;
  background-image: url(../images/header_ud_trucks.png);
}
.section6 .sns_btn{
  margin: 0 15px;
}
.section6 .sns_btn.sns_btn_youtube{
  width: 48px;
}
.section6 .sns_btn.sns_btn_insta{
  width: 38px;
}
.section6 .sns_btn.sns_btn_in{
  width: 38px;
}
.section6 .sns_btn.sns_btn_facebook{
  width: 41px;
}
.section6 .sns_btn.sns_btn_tiktok{
  width: 35px;
}

@media screen and (max-width: 999px) {
  .section6{
    width: calc((650 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((5 * var(--content_width)) / 750);
  }
  .section6 .section_header{
    padding-bottom: calc((85 * var(--content_width)) / 750);
  }
  .section6 h2 img{
    display: none;
  }
  .section6 h2{
    width: calc((293 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    margin-left: 0;
    background-image: url(../images/sp/label_social_media.png);
    background-size: 100% 100%;
  }
  .section6 .sub_title{
    font-size: 3vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section6 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
  .section6 .section_body{
    flex-flow: column;
  }
  .section6 .sns_group{
    padding: calc((70 * var(--content_width)) / 750) calc((20 * var(--content_width)) / 750) calc((60 * var(--content_width)) / 750);
  }
  .section6 .sns_group_isuzu{
    width: 100%;
    margin-bottom: calc((55 * var(--content_width)) / 750);
  }
  .section6 .sns_group_udtrucks{
    width: 100%;
  }

  .section6 .sns_group::after{
    height: calc((40 * var(--content_width)) / 750);
    top: calc((-20 * var(--content_width)) / 750);
  
    background-size: calc(100% - 40px) auto;
  }
  .section6 .sns_group_isuzu::after{
    width: calc((130 * var(--content_width)) / 750);
    padding: 0 calc((35 * var(--content_width)) / 750);
  
    background-size: calc(100% - ((70 * var(--content_width)) / 750)) auto;
  }
  .section6 .sns_group_udtrucks::after{
    width: calc((206 * var(--content_width)) / 750);
    padding: 0 calc((20 * var(--content_width)) / 750);
    background-image: url(../images/header_ud_trucks.png);
    background-size: calc(100% - ((40 * var(--content_width)) / 750)) auto;
  }
  .section6 .sns_btn{
    margin: 0 calc((25 * var(--content_width)) / 750);
  }
  
  .section6 .sns_btn.sns_btn_youtube{
    width: calc((80 * var(--content_width)) / 750);
  }
  .section6 .sns_btn.sns_btn_insta{
    width: calc((64 * var(--content_width)) / 750);
  }
  .section6 .sns_btn.sns_btn_in{
    width: calc((63 * var(--content_width)) / 750);
  }
  .section6 .sns_btn.sns_btn_facebook{
    width: calc((69 * var(--content_width)) / 750);
  }
  .section6 .sns_btn.sns_btn_tiktok{
    width: calc((59 * var(--content_width)) / 750);
  }
}


.section7{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 65px;
}
.section7 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 50px;
}
.section7 h2{
  width: 206px;
  line-height: 0;
  margin-left: 20px;
}
.section7 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section7 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}
.section7 .section_body{
  color: #fff;
}
.section7 .information_google_map{
  height: 360px;
  border: 1px solid #000;
  background-color: #fff;
  margin-bottom: 45px;
}
.section7 .information_google_map iframe{
  width: 100%;
  height: 100%;
}

.section7 .information_block_wrapper{
  background-color: rgba(0,0,0,0.6);
  padding: 20px 30px;
}

.section7 .information_block{
  margin-bottom: 35px;
}
.section7 .information_block:last-child{
	margin-bottom: 0;
}
.section7 .information_title{
  position: relative;
  margin-left: 35px;
  margin-bottom: 15px;
}
.section7 .information_title::before{
  content: "";
  position: absolute;
  left: -35px;
  top: 0;
  
  width: 22px;
  height: 25px;
  background-image: url(../images/icon_information.png);
  background-size: 100% 100%;
}
.section7 .information_text{
  line-height: 2em;
}
.section7 .information_text .information_notice{
  margin-left: 1em;
}
.section7 .information_block2 div.information_notice{
  margin-top: 10px;
}
.section7 .information_notice{
  font-size: 0.8em;
}
.section7 .information_notice .bold{
  margin-right: 15px;
}
.section7 .information_notice .pc_only_inline{
  margin-left: 30px;
}
.section7 .information_map{
  position: relative;
  margin-top: 80px;
  line-height: 0;
}
.en .section7 .information_map{
  height: 460px;
  background-image: url(../images/en/information_map.png);
  background-size: 100% 100%;
}
.en .section7 .information_map img{
  display: none;
}

@media screen and (max-width: 999px) {
  .section7{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((130 * var(--content_width)) / 750);
  }
  .section7 .section_header{
    padding-bottom: calc((60 * var(--content_width)) / 750);
  }
  .section7 h2 img{
    display: none;
  }
  .section7 h2{
    width: calc((272 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    margin-left: calc((20 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/label_information.png);
    background-size: 100% 100%;
  }
  .section7 .sub_title{
    font-size: 3vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section7 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
  .section7 .section_body{
    color: #fff;
    font-size: 3.4vw;
  }
  
  .section7 .information_google_map{
    height: calc((600 * var(--content_width)) / 750);
    margin: 0 calc((20 * var(--content_width)) / 750) calc((65 * var(--content_width)) / 750);
  }
  .section7 .information_block_wrapper{
    margin-bottom: calc((65 * var(--content_width)) / 750);
    padding: calc((30 * var(--content_width)) / 750) calc((20 * var(--content_width)) / 750);
  }
  .section7 .information_block{
    margin-bottom: calc((60 * var(--content_width)) / 750);
  }
  .section7 .information_title{
    margin-left: calc((45 * var(--content_width)) / 750);
    margin-bottom: calc((30 * var(--content_width)) / 750);
  }
  .section7 .information_title::before{
    left: calc((-45 * var(--content_width)) / 750);
  
    width: calc((30 * var(--content_width)) / 750);
    height: calc((36 * var(--content_width)) / 750);
    background-image: url(../images/sp/icon_information.png);
  }
  .section7 .information_text{
    line-height: 2em;
  }
  .section7 .information_text .information_notice{
    margin-left: 0;
  }
  .section7 .information_block2 div.information_notice{
    margin-top: calc((20 * var(--content_width)) / 750);
  }
  .section7 .information_notice{
    font-size: 0.9em;
  }
  .section7 .information_notice .bold{
    margin-right: calc((15 * var(--content_width)) / 750);
  }
  .section7 .information_map{
    margin: calc((80 * var(--content_width)) / 750) calc((20 * var(--content_width)) / 750) 0;
    width: calc((650 * var(--content_width)) / 750);
    height: calc((510 * var(--content_width)) / 750);
    background-image: url(../images/sp/information_map.png);
    background-size: 100% 100%;
  }
  .en .section7 .information_map{
    width: calc((650 * var(--content_width)) / 750);
    height: calc((510 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/information_map.png);
  }
  .section7 .information_map img{
    display :none;
  }
  
  .information_map_btn_zoom{
    position: absolute;
    top: calc((20 * var(--content_width)) / 750);
    right: calc((15 * var(--content_width)) / 750);
    width: calc((53 * var(--content_width)) / 750);
    height: calc((58 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/btn_zoom.png);
    background-size: 100% 100%;
  }
}


.section8{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
}
.section8 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 80px;
}
.section8 h2{
  width: 413px;
  line-height: 0;
  margin-left: 20px;
}
.section8 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section8 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section8 .activities_wrapper{
  width: 100%;
  margin: 0 auto;
}
.section8 .activities_header_btn{
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.section8 .activities_btn{
  display: block;
  width: 250px;
  height: 80px;
  line-height: 73px;
  text-align: center;
  margin: 0 20px;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #000000;
  border-bottom-width: 6px;
  background-color: #fff;
}
.section8 .activiteis_btn_inner{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.section8 .activities_experience .activities_btn_experience,
.section8 .activities_display .activities_btn_display,
.section8 .activities_stage .activities_btn_stage{
  margin-top: 10px;
  height: 70px;
  line-height: 64px;
  padding: 2px;
  color: #fff;
  border: 1px solid #000000;
  background-color: #fff;
  cursor: auto;
}
.section8 .activities_experience .activities_btn_experience .activiteis_btn_inner,
.section8 .activities_display .activities_btn_display .activiteis_btn_inner,
.section8 .activities_stage .activities_btn_stage .activiteis_btn_inner{
  background: linear-gradient(90deg, #111111, #7e7e7e);
}

.section8 .activities_main{
  position: relative;
  width: 100%;
  height: 720px;
  padding: 6px;
  background-image: url(../images/activities_bg.png);
  background-size: 100% 100%;
}
.section8 .activities_main_header{
  position: absolute;
  left: 6px;
  top: 6px;
  
  height: 39px;
  background-size: 100% 100%;
}
.section8 .activities_experience .activities_main_header{
  width: 317px;
  background-image: url(../images/label_activities_experience.png);
}
.section8 .activities_display .activities_main_header{
  width: 257px;
  background-image: url(../images/label_activities_display.png);
}
.section8 .activities_stage .activities_main_header{
  width: 277px;
  background-image: url(../images/label_activities_stage.png);
}
.en .section8 .activities_experience .activities_main_header{
  width: 177px;
  background-image: url(../images/en/label_activities_experience.png);
}
.en .section8 .activities_display .activities_main_header{
  width: 137px;
  background-image: url(../images/en/label_activities_display.png);
}
.en .section8 .activities_stage .activities_main_header{
  width: 117px;
  background-image: url(../images/en/label_activities_stage.png);
}

.section8 .activities_main_wrapper{
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section8 .activities_experience .activities_experience_wrapper,
.section8 .activities_display .activities_display_wrapper,
.section8 .activities_stage .activities_stage_wrapper{
  display: block;
}

.section8 .activities_block{
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
}
.section8 .activities_block .activities_block_inner{
  width: 740px;
  margin: 0 auto;
}

.section8 .activities_block .activities_block_title{
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 20px;
  text-align: center;
}
.section8 .activities_block .activities_block_image{
  line-height: 0;
  margin-bottom: 25px;
}
.section8 .activities_block .activities_block_text{
  margin: 0 10px;
  font-size: 18px;
}

.section8 .activities_control_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 63px;
  height: 63px;
  margin: auto 0;
}
.section8 .activities_control_left{
  left: -17px;
}
.section8 .activities_control_right{
  right: -17px;
}

.section8 .activities_pager{
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.section8 .activities_pager_obj{
  width: 14px;
  height: 14px;
  margin: 0 15px;
  line-height: 0;
}
.section8 .activities_pager_obj.active{
  background-image: url(../images/movie_pager_on.png);
  background-size: 100% 100%;
}
.section8 .activities_pager_obj.active img{
  display: none;
}


@media screen and (max-width: 999px) {
  .section8{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((80 * var(--content_width)) / 750);
  }
  
  .section8 .section_header{
    display: block;
    padding-bottom: calc((60 * var(--content_width)) / 750);
  }
  .section8 h2 img{
    display: none;
  }
  .section8 h2{
    width: calc((542 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((20 * var(--content_width)) / 750);
    margin-bottom: calc((35 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_activities.png);
    background-size: 100% 100%;
  }
  .section8 .sub_title{
    font-size: 4vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section8 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
    
  .section8 .activities_wrapper{
    width: calc((650 * var(--content_width)) / 750);
  }
  .section8 .activities_header_btn{
    
    margin: 0 calc((-5 * var(--content_width)) / 750) calc((60 * var(--content_width)) / 750);
  }
  .section8 .activities_btn{
    width: calc((210 * var(--content_width)) / 750);
    height: calc((115 * var(--content_width)) / 750);
    line-height: calc((108 * var(--content_width)) / 750);
    margin: 0 calc((5 * var(--content_width)) / 750);
    font-size: 4vw;
    border: calc((var(--content_width)) / 750) solid #000000;
    border-bottom-width: calc((6 * var(--content_width)) / 750);
  }
  .en .section8 .activities_btn{
    font-size: 3.4vw;
  }
  .section8 .activities_experience .activities_btn_experience,
  .section8 .activities_display .activities_btn_display,
  .section8 .activities_stage .activities_btn_stage{
    margin-top: calc((5 * var(--content_width)) / 750);
    height: calc((110 * var(--content_width)) / 750);
    line-height: calc((104 * var(--content_width)) / 750);
    padding: calc((2 * var(--content_width)) / 750);
    border: calc((var(--content_width)) / 750) solid #000000;
  }
    
  .section8 .activities_main{
    height: calc((780 * var(--content_width)) / 750);
    padding: calc((6 * var(--content_width)) / 750);
    background-image: url(../images/sp/activities_bg.jpg);
  }
  .section8 .activities_main_header{
    position: absolute;
    left: calc((6 * var(--content_width)) / 750);
    top: calc((6 * var(--content_width)) / 750);
      
    height: calc((48 * var(--content_width)) / 750);
  }
  .section8 .activities_experience .activities_main_header{
    width: calc((396 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_activities_experience.png);
  }
  .section8 .activities_display .activities_main_header{
    width: calc((336 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_activities_display.png);
  }
  .section8 .activities_stage .activities_main_header{
    width: calc((396 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_activities_stage.png);
  }
  .en .section8 .activities_experience .activities_main_header{
    width: calc((226 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/label_activities_experience.png);
  }
  .en .section8 .activities_display .activities_main_header{
    width: calc((176 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/label_activities_display.png);
  }
  .en .section8 .activities_stage .activities_main_header{
    width: calc((146 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/label_activities_stage.png);
  }
    
  .section8 .activities_block{
    top: calc((90 * var(--content_width)) / 750);
  }
  .section8 .activities_block .activities_block_inner{
    width: calc((500 * var(--content_width)) / 750);
  }
    
  .section8 .activities_block .activities_block_title{
    font-size: 3.6vw;
    line-height: 1.5em;
    margin: 0 calc((-60 * var(--content_width)) / 750) calc((40 * var(--content_width)) / 750);
  }
  .section8 .activities_block .activities_block_image{
    margin-bottom: calc((40 * var(--content_width)) / 750);
  }
  .section8 .activities_block .activities_block_text{
    margin: 0;
    font-size: 3.2vw;
  }
    
  .section8 .activities_control_btn{
    width: calc((60 * var(--content_width)) / 750);
    height: calc((60 * var(--content_width)) / 750);
  }
  .section8 .activities_control_left{
    left: calc((-20 * var(--content_width)) / 750);
  }
  .section8 .activities_control_right{
    right: calc((-20 * var(--content_width)) / 750);
  }
    
  .section8 .activities_pager{
    bottom: calc((50 * var(--content_width)) / 750);
  }
  .section8 .activities_pager_obj{
    width: calc((16 * var(--content_width)) / 750);
    height:calc((16 * var(--content_width)) / 750);
    margin: 0 calc((10 * var(--content_width)) / 750);
  }
}




.section9{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
}
.section9 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 80px;
}
.section9 h2{
  width: 268px;
  line-height: 0;
  margin-left: 20px;
}
.section9 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  line-height: 1em;
}
.section9 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section9 .products_block{
  width: 940px;
  margin: 0 auto;
}
.section9 .products_title,
.section9 .toratans_title{
  line-height: 1em;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
}
.section9 .products_link_block{
  display: flex;
  justify-content: space-between; 
}
.section9 .products_link{
  width: 450px;
  line-height: 0;
}
.en .section9 .products_link{
  height: 115px;
  background-size: 100% 100%;
}
.en .section9 .products_link img{
  display: none;
}
.en .section9 .products_link.products_link_isuzu{
  background-image: url(../images/en/btn_item_isuzu.png);
}
.en .section9 .products_link.products_link_udtrucks{
  background-image: url(../images/en/btn_item_udtrucks.png);
}

@media screen and (max-width: 999px) {
  .section9{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((80 * var(--content_width)) / 750);
  }
  
  .section9 .section_header{
    padding-bottom: calc((110 * var(--content_width)) / 750);
  }
  .section9 h2 img{
    display: none;
  }
  .section9 h2{
    width: calc((352 * var(--content_width)) / 750);
    height: calc((37 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((20 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_other.png?20231020);
    background-size: 100% 100%;
  }
  .section9 .sub_title{
    font-size: 4vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section9 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
  
  
  .section9 .products_block{
    width: calc((650 * var(--content_width)) / 750);
    margin: 0 auto;
  }
  .section9 .products_title,
  .section9 .toratans_title{
    line-height: 1em;
    margin-bottom: calc((50 * var(--content_width)) / 750);
    font-size: 3.5vw;
  }
  .section9 .products_link{
    width: calc((310 * var(--content_width)) / 750);
    height: calc((115 * var(--content_width)) / 750);
    background-size: 100% 100%;
  }
  .section9 .products_link img{
    display: none;
  }
  .section9 .products_link.products_link_isuzu{
    background-image: url(../images/sp/btn_item_isuzu.png);
  }
  .section9 .products_link.products_link_udtrucks{
    background-image: url(../images/sp/btn_item_udtrucks.png);
  }
  .en .section9 .products_link{
    height: calc((115 * var(--content_width)) / 750);
  }
  .en .section9 .products_link.products_link_isuzu{
    background-image: url(../images/en/sp/btn_item_isuzu.png);
  }
  .en .section9 .products_link.products_link_udtrucks{
    background-image: url(../images/en/sp/btn_item_udtrucks.png);
  }
}


.bg2_section{
  background-image: url(../images/activities_bg.jpg);
  background-size: 100% 1372px;
  background-position: top 1700px center;
}
@media screen and (max-width: 999px) {
  .bg2_section{
    background-image: url(../images/sp/activities_section_bg.jpg);
    background-size: 100% calc((1039 * var(--content_width)) / 750);
    background-position: top calc((2091 * var(--content_width)) / 750) center;
  }
}

.section9 .toratans_link_block{
  width: 942px;
  height: 375px;
  margin: 0 auto 60px;
  padding-top: 140px;
  background-image: url(../images/toratans_bg.png);
  background-size: 100% 100%;
}
.en .section9 .toratans_link_block{
  background-image: url(../images/en/toratans_bg.png); 
}
.section9 .toratans_link{
  display: block;
  width: 840px;
  line-height: 0;
  margin: 0 auto;
}
.en .section9 .toratans_link{
  height: 155px;
  background-image: url(../images/en/btn_toratans.png);
  background-size: 100% 100%;
}
.en .section9 .toratans_link img{
  display: none;
}
@media screen and (max-width: 999px) {
  .section9 .toratans_link_block{
    width: calc((690 * var(--content_width)) / 750);
    height: calc((610 * var(--content_width)) / 750);
    margin: 0 auto calc((65 * var(--content_width)) / 750);
    padding-top: calc((175 * var(--content_width)) / 750);
    background-image: url(../images/sp/toratans_bg.png);
  }
  .en .section9 .toratans_link_block{
    background-image: url(../images/en/sp/toratans_bg.png);
  }
  .section9 .toratans_link{
    width: calc((610 * var(--content_width)) / 750);
    height: calc((336 * var(--content_width)) / 750);
    background-image: url(../images/sp/btn_toratans.png);
    background-size: 100% 100%;
  }
  .en .section9 .toratans_link{
    height: calc((336 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/btn_toratans.png);
  }
  .section9 .toratans_link img{
    display: none;
  }
}
.section10{
  padding: 50px 0 80px;
}
.section10 .section10_inner{
  position: relative;
  width: 1000px;
  height: 506px;
  margin: 0 auto;
}
.section10 .section10_inner::after{
  content: "";
  position: absolute;
  bottom: 8px;
  right: 14px;
  width: 68px;
  height: 29px;
  background-image: url(../images/icon_360view.png);
  background-size: 100% 100%;
  pointer-events: none;
}
.section10 .panorama_link{
  position: absolute;
  left: 20px;

  bottom: 20px;
  width: 134px;
  height: 69px;
}
.section10 .panorama_btn{
  display: none;
}
.section10.v360_isuzu .panorama_btn_isuzu,
.section10.v360_udtrucks .panorama_btn_udtrucks{
  display: block;
}

@media screen and (max-width: 999px) {
  .section10{
    padding: 0 0 calc((70 * var(--content_width)) / 750);
  }
  .section10 .section10_inner{
    width: calc((650 * var(--content_width)) / 750);
    height: calc((328 * var(--content_width)) / 750);
  }
  .section10 .section10_inner::after{
    bottom: calc((8 * var(--content_width)) / 750);
    right: calc((14 * var(--content_width)) / 750);
    width: calc((68 * var(--content_width)) / 750);
    height: calc((29 * var(--content_width)) / 750);
  }
  .section10 .panorama_link{
    left: 5px;
    bottom: calc((10 * var(--content_width)) / 750);
    width: calc((104 * var(--content_width)) / 750);
    height: calc((54 * var(--content_width)) / 750);
  }

}

.section10 .panorama_label{
  position: absolute;
  top: 20px;
  left: 40px;
  line-height: 1em;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.section10 .panorama_label .panorama_isuzu,
.section10 .panorama_label .panorama_udtrucks{
  display: none;
}
.section10.v360_isuzu .panorama_label .panorama_isuzu,
.section10.v360_udtrucks .panorama_label .panorama_udtrucks{
  display: block;
}

@media screen and (max-width: 999px) {
  .section10 .panorama_label{
    font-size: 4vw;
    line-height: 1em;
    top: calc((20 * var(--content_width)) / 750);
  }
}

.section11{
  padding-bottom: 90px;
}
.section11 .section11_inner{
  width: 1000px;
  height: calc(1000px * 9 / 16);
  margin: 0 auto;
}
.section11 .booth_movie_frame{
  width: 100%;
  height: 100%;
  line-height: 0;
}

@media screen and (max-width: 999px) {
  .section11{
    padding-bottom: calc((55 * var(--content_width)) / 750);
  }
  .section11 .section11_inner{
    width: calc((690 * var(--content_width)) / 750);
    height: calc(((690 * var(--content_width)) / 750) * 9 / 16);
  }
}

.section12{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 100px;
}
.section12 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 80px;
}
.section12 h2{
  width: 173px;
  line-height: 0;
  margin-left: 20px;
}
.section12 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  margin-bottom: 7px;
  line-height: 1em;
}
.section12 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section12 .campaign_wrapper{
  width: 100%;
  margin: 0 auto;
}
.section12 .campaign_main{
  position: relative;
  width: 100%;
  height: 720px;
  padding: 6px;
  background-image: url(../images/activities_bg.png);
  background-size: 100% 100%;
}
.section12 .campaign_main_wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section12 .campaign_block{
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 580px;
}
.section12 .campaign_block .campaign_block_inner{
  width: 850px;
  margin: 0 auto;
  color: #333333;
}

.section12 .campaign_block_title{
  width: 320px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(90deg, #111111, #7e7e7e);
  margin: 0 auto 40px;
}
.en .section12 .campaign_block0 .campaign_block_title{
  width: 480px;
}
.section12 .campaign_block_text{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.section12 .campaign_block_text .black{
  color: #000;
  font-family: "hiragino-kaku-gothic-pron-W6", "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: bold;
}
.section12 .campaign_block_link{
  text-decoration: underline;
}
.section12 .campaign_block_arrow{
  width: 30px;
  height: 12px;
  background-color: #000;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: 0 auto 15px;
}

.section12 .campaign_block_image{
  height: 210px;
  margin: 0 auto 30px;
  text-align: center;
}
.en .section12 .campaign_block_image{
  margin-bottom: 20px;
}
.section12 .campaign_block_image img{
  width: auto;
  height: 100%;
}
.section12 .campaign_block_notice{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.en .section12 .campaign_block_notice{
  text-align: right;
  line-height: 1.5em;
}
.section12 .campaign_control_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 63px;
  height: 63px;
  margin: auto 0;
}
.section12 .campaign_control_left{
  left: -17px;
}
.section12 .campaign_control_right{
  right: -17px;
}

.section12 .campaign_pager{
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.section12 .campaign_pager_obj{
  width: 14px;
  height: 14px;
  margin: 0 15px;
  line-height: 0;
}
.section12 .campaign_pager_obj.active{
  background-image: url(../images/movie_pager_on.png);
  background-size: 100% 100%;
}
.section12 .campaign_pager_obj.active img{
  display: none;
}

@media screen and (max-width: 999px) {
  .section12{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((80 * var(--content_width)) / 750);
  }
  
  .section12 .section_header{
    padding-bottom: calc((60 * var(--content_width)) / 750);
  }
  .section12 h2 img{
    display: none;
  }
  .section12 h2{
    width: calc((227 * var(--content_width)) / 750);
    height: calc((46 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((20 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_campaign.png);
    background-size: 100% 100%;
  }
  .section12 .sub_title{
    font-size: 4vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    margin-bottom: calc((7 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section12 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
    
  .section12 .campaign_wrapper{
    width: calc((650 * var(--content_width)) / 750);
  }

  .section12 .campaign_main{
    height: calc((840 * var(--content_width)) / 750);
    padding: calc((6 * var(--content_width)) / 750);
    background-image: url(../images/sp/campaign_bg.png);
  }
    
  .section12 .campaign_block{
    top: calc((36 * var(--content_width)) / 750);
  }
  .section12 .campaign_block .campaign_block_inner{
    width: calc((597 * var(--content_width)) / 750);
  }
    
  .section12 .campaign_block_title{
    width: calc((380 * var(--content_width)) / 750);
    height: calc((60 * var(--content_width)) / 750);
    line-height: calc((60 * var(--content_width)) / 750);
    font-size: 3.8vw;
    margin: 0 auto calc((35 * var(--content_width)) / 750);
  }
  .en .section12 .campaign_block0 .campaign_block_title{
    width: calc((570 * var(--content_width)) / 750);
  }
  .section12 .campaign_block_text{
    font-size: 3vw;
    line-height: 1.2em;
    margin-bottom: calc((15 * var(--content_width)) / 750);
  }
  .section12 .campaign_block_arrow{
    width: calc((30 * var(--content_width)) / 750);
    height: calc((12 * var(--content_width)) / 750);
    margin: 0 auto calc((15 * var(--content_width)) / 750);
  }

  .section12 .campaign_block_image{
    height: calc((252 * var(--content_width)) / 750);
    margin: calc((20 * var(--content_width)) / 750) auto calc((40 * var(--content_width)) / 750);
  }
  .en .section12 .campaign_block_image{
    margin-bottom: calc((20 * var(--content_width)) / 750);
  }
  .section12 .campaign_block1 .campaign_block_image{
    height: calc((266 * var(--content_width)) / 750);
  }
  .section12 .campaign_block_notice{
    font-size: 1.6vw;
    line-height: 1.5em;
    text-align: right;
  }
  .section12 .campaign_control_btn{
    width: calc((60 * var(--content_width)) / 750);
    height: calc((60 * var(--content_width)) / 750);
  }
  .section12 .campaign_control_left{
    left: calc((-20 * var(--content_width)) / 750);
  }
  .section12 .campaign_control_right{
    right: calc((-20 * var(--content_width)) / 750);
  }
    
  .section12 .campaign_pager{
    bottom: calc((50 * var(--content_width)) / 750);
  }
  .section12 .campaign_pager_obj{
    width: calc((16 * var(--content_width)) / 750);
    height:calc((16 * var(--content_width)) / 750);
    margin: 0 calc((10 * var(--content_width)) / 750);
  }
}

.section13{
  width: 940px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.section13 .insta_wrapper{
  margin-bottom: 60px;
}
.section13 .insta_tag_name{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;

}
.section13 .insta_block_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section13 .insta_block{
  width: 295px;
  height: 295px;
  margin-bottom: 25px;
  background-color: #adadad;
}
.section13 .insta_block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 999px) {
  .section13{
    width: calc((650 * var(--content_width)) / 750); 
    padding-bottom: calc((45 * var(--content_width)) / 750); 
  }
  .section13 .insta_wrapper{
    margin-bottom: calc((15 * var(--content_width)) / 750); 
  }
  .section13 .insta_tag_name{
    font-size: 3.4vw;
    margin-bottom: calc((20 * var(--content_width)) / 750); 
  }
  .section13 .insta_block{
    width: calc((200 * var(--content_width)) / 750); 
    height: calc((200 * var(--content_width)) / 750); 
    margin-bottom: calc((30 * var(--content_width)) / 750); 
  }
}

.section14{
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 45px;
}
.section14 .section_header{
  display: flex;
  justify-content: start;
  align-items: end;
  color: #231815;
  padding-bottom: 80px;
}
.section14 h2{
  width: 230px;
  line-height: 0;
  margin-left: 20px;
}
.section14 .sub_title{
  position: relative;
  font-size: 20px;
  margin-left: 90px;
  margin-bottom: 7px;
  line-height: 1em;
}
.section14 .sub_title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  margin: auto 0;
  width: 50px;
  height: 1px;
  background-color: #231815;
}

.section14 .section14_inner{
  width: 1000px;
  height: calc(1000px * 9 / 16);
  margin: 0 auto;
}
.section14 .top_message_frame{
  width: 100%;
  height: 100%;
  line-height: 0;
}

@media screen and (max-width: 999px) {
  .section14{
    width: calc((690 * var(--content_width)) / 750);
    padding-top: calc((60 * var(--content_width)) / 750);
    padding-bottom: calc((60 * var(--content_width)) / 750);
  }
  
  .section14 .section_header{
    display: block;
    padding-bottom: calc((60 * var(--content_width)) / 750);
  }
  .section14 h2 img{
    display: none;
  }
  .section14 h2{
    width: calc((332 * var(--content_width)) / 750);
    height: calc((46 * var(--content_width)) / 750);
    line-height: 0;
    margin-left: calc((20 * var(--content_width)) / 750);
    margin-bottom: calc((26 * var(--content_width)) / 750);
    background-image: url(../images/sp/label_press.png);
    background-size: 100% 100%;
  }
  .section14 .sub_title{
    font-size: 4vw;
    margin-left: calc((90 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .section14 .sub_title::before{
    left: calc((-70 * var(--content_width)) / 750);
    width: calc((50 * var(--content_width)) / 750);
  }
  .section14 .section14_inner{
    width: calc((690 * var(--content_width)) / 750);
    height: calc(((690 * var(--content_width)) / 750) * 9 / 16);
  }
}

.modal_wrapper{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba( 90, 90, 90, 0.95 ); 
  overflow: auto;
}

.detail_modal .modal_inner{
  position: relative;
  width: 1000px;
  
  margin: 0 auto;
  padding-top: 120px;
}
.detail_modal .modal_main{
  position: relative;
  width: 100%;
  padding: 70px 50px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 20px;
  background-repeat: no-repeat;
  
  margin-bottom: 40px;
  box-shadow: 0 0 20px 0 rgba(160, 160, 160, 1); 
}
.detail_modal.booth1 .modal_main,
.detail_modal.booth2 .modal_main{
  background-image: url(../images/modal_title_innovation_earth.png), url(../images/header_isuzu.png);
  background-size: 317px 39px, 73px 13px;
  background-position: left top, left 322px top 18px;
}
.detail_modal.booth3 .modal_main{
  background-image: url(../images/modal_title_innovation_society.png), url(../images/header_isuzu.png);
  background-size: 316px 39px, 73px 13px;
  background-position: left top, left 322px top 18px;
}
.detail_modal.booth4 .modal_main,
.detail_modal.booth5 .modal_main,
.detail_modal.booth6 .modal_main{
  background-image: url(../images/modal_title_innovation_society.png), url(../images/header_ud_trucks.png);
  background-size: 316px 39px, 166px 30px;
  background-position: left top, left 322px top 10px;
}
.detail_modal.booth7 .modal_main,
.detail_modal.booth8 .modal_main{
  background-image: url(../images/modal_title_innovation_life.png), url(../images/header_isuzu.png);
  background-size: 316px 39px, 73px 13px;
  background-position: left top, left 322px top 18px;
}

.detail_modal .modal_main .modal_title_wrapper{
  display: flex;
  width: 440px;
  height: 80px;
  
  justify-content: center;
  align-items: center;
}
.detail_modal .modal_main .modal_title{
  background-size: 100% 100%;
}
.detail_modal.booth1 .modal_main .modal_title{
  width: 245px;
  height: 70px;
  background-image: url(../images/modal_label_booth1.png);
}
.detail_modal.booth2 .modal_main .modal_title{
  width: 257px;
  height: 28px;
  background-image: url(../images/modal_label_booth2.png);
}
.detail_modal.booth3 .modal_main .modal_title{
  width: 247px;
  height: 28px;
  background-image: url(../images/modal_label_booth3.png);
}
.detail_modal.booth4 .modal_main .modal_title{
  width: 220px;
  height: 31px;
  background-image: url(../images/modal_label_booth4.png);
}
.detail_modal.booth5 .modal_main .modal_title{
  width: 220px;
  height: 30px;
  background-image: url(../images/modal_label_booth5.png);
}
.detail_modal.booth6 .modal_main .modal_title{
  width: 207px;
  height: 47px;
  background-image: url(../images/modal_label_booth6.png);
}
.en .detail_modal.booth6 .modal_main .modal_title{
  width: 106px;
  height: 47px;
  background-image: url(../images/en/modal_label_booth6.png);
}
.detail_modal.booth7 .modal_main .modal_title{
  width: 362px;
  height: 70px;
  background-image: url(../images/modal_label_booth7.png);
}
.detail_modal.booth8 .modal_main .modal_title{
  width: 364px;
  height: 70px;
  background-image: url(../images/modal_label_booth8.png);
}


.detail_modal .modal_main .modal_info_block{
  display: flex;
  justify-content: space-between;
}
.detail_modal .modal_main .modal_image{
  width: 440px;
  height: 250px;
  background-size: 100% 100%;
}
.detail_modal.booth1 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth1.png);
}
.detail_modal.booth2 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth2.png);
}
.detail_modal.booth3 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth3.png);
}
.detail_modal.booth4 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth4.png);
}
.detail_modal.booth5 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth5.png);
}
.detail_modal.booth6 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth6.png);
}
.detail_modal.booth7 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth7.png);
}
.detail_modal.booth8 .modal_main .modal_image{
  background-image: url(../images/modal_image_booth8.png);
}

.detail_modal .modal_main .modal_detail{
  position: relative;
  width: 430px;
  font-size: 16px;
  
  padding-bottom: 2.5em;
}
.detail_modal .modal_main .modal_detail_movie_link{
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: underline;
  color: #0028d6;
  text-align: center;
}

.detail_modal .modal_main .modal_btn_close{
  position: absolute;
  top: 0px;
  right: 0px;
  
  width: 62px;
  height: 62px; 
}

.detail_modal .modal_link_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.detail_modal .modal_link_btn{
  display: block;
  width: 220px;
  height: 70px;
  line-height: 0;
  margin: 0 10px 20px;
  background-size: 100% 100%;
}
.en .detail_modal .modal_link_btn.modal_link_btn6{
  background-image: url(../images/en/btn_booth6.png);
  background-size: 100% 100%;
}
.en .detail_modal .modal_link_btn.modal_link_btn6 img{
  display: none;
}
.detail_modal.booth1 .modal_link_btn.modal_link_btn1{
  background-image: url(../images/btn_booth1_on.png);
}
.detail_modal.booth2 .modal_link_btn.modal_link_btn2{
  background-image: url(../images/btn_booth2_on.png);
}
.detail_modal.booth3 .modal_link_btn.modal_link_btn3{
  background-image: url(../images/btn_booth3_on.png);
}
.detail_modal.booth4 .modal_link_btn.modal_link_btn4{
  background-image: url(../images/btn_booth4_on.png);
}
.detail_modal.booth5 .modal_link_btn.modal_link_btn5{
  background-image: url(../images/btn_booth5_on.png);
}
.detail_modal.booth6 .modal_link_btn.modal_link_btn6{
  background-image: url(../images/btn_booth6_on.png);
}
.en .detail_modal.booth6 .modal_link_btn.modal_link_btn6{
  background-image: url(../images/en/btn_booth6_on.png);
}
.detail_modal.booth7 .modal_link_btn.modal_link_btn7{
  background-image: url(../images/btn_booth7_on.png);
}
.detail_modal.booth8 .modal_link_btn.modal_link_btn8{
  background-image: url(../images/btn_booth8_on.png);
}
.detail_modal.booth1 .modal_link_btn.modal_link_btn1 img,
.detail_modal.booth2 .modal_link_btn.modal_link_btn2 img,
.detail_modal.booth3 .modal_link_btn.modal_link_btn3 img,
.detail_modal.booth4 .modal_link_btn.modal_link_btn4 img,
.detail_modal.booth5 .modal_link_btn.modal_link_btn5 img,
.detail_modal.booth6 .modal_link_btn.modal_link_btn6 img,
.detail_modal.booth7 .modal_link_btn.modal_link_btn7 img,
.detail_modal.booth8 .modal_link_btn.modal_link_btn8 img{
  display: none;
}


@media screen and (max-width: 999px) {
  .detail_modal .modal_inner{
    width: calc((670 * var(--content_width)) / 750);
    margin: 0 auto;
    padding-top: calc((120 * var(--content_width)) / 750);
  }
  .detail_modal .modal_main{
    padding: calc((100 * var(--content_width)) / 750) calc((35 * var(--content_width)) / 750) calc((50 * var(--content_width)) / 750);
    border: calc((2 * var(--content_width)) / 750) solid #ffffff;
    border-radius: calc((20 * var(--content_width)) / 750);
  
    margin-bottom: calc((50 * var(--content_width)) / 750);
    box-shadow: 0 0 calc((20 * var(--content_width)) / 750) 0 rgba(160, 160, 160, 1); 
  }
  .detail_modal.booth1 .modal_main,
  .detail_modal.booth2 .modal_main{
    background-image: url(../images/sp/modal_title_innovation_earth.png), url(../images/sp/modal_label_isuzu.png);
    background-size: calc((396 * var(--content_width)) / 750) calc((49 * var(--content_width)) / 750), calc((98 * var(--content_width)) / 750) calc((18 * var(--content_width)) / 750);
    background-position: left top, left calc((403 * var(--content_width)) / 750) top calc((23 * var(--content_width)) / 750);
  }
  .detail_modal.booth3 .modal_main{
    background-image: url(../images/sp/modal_title_innovation_society.png), url(../images/sp/modal_label_isuzu.png);
    background-size: calc((396 * var(--content_width)) / 750) calc((49 * var(--content_width)) / 750), calc((98 * var(--content_width)) / 750) calc((18 * var(--content_width)) / 750);
    background-position: left top, left calc((403 * var(--content_width)) / 750) top calc((23 * var(--content_width)) / 750);
  }
  .detail_modal.booth4 .modal_main,
  .detail_modal.booth5 .modal_main,
  .detail_modal.booth6 .modal_main{
    background-image: url(../images/sp/modal_title_innovation_society.png), url(../images/sp/modal_label_ud_track.png);
    background-size: calc((396 * var(--content_width)) / 750) calc((49 * var(--content_width)) / 750), calc((166 * var(--content_width)) / 750) calc((30 * var(--content_width)) / 750);
    background-position: left top, left calc((390 * var(--content_width)) / 750) top calc((14 * var(--content_width)) / 750);
  }
  .detail_modal.booth7 .modal_main,
  .detail_modal.booth8 .modal_main{
    background-image: url(../images/sp/modal_title_innovation_life.png), url(../images/sp/modal_label_isuzu.png);
    background-size: calc((396 * var(--content_width)) / 750) calc((49 * var(--content_width)) / 750), calc((98 * var(--content_width)) / 750) calc((18 * var(--content_width)) / 750);
    background-position: left top, left calc((403 * var(--content_width)) / 750) top calc((23 * var(--content_width)) / 750);
  }
  .detail_modal .modal_main .modal_title_wrapper{
    display: flex;
    width: 100%;
    height: calc((80 * var(--content_width)) / 750);
    margin-bottom: calc((20 * var(--content_width)) / 750);
  
    justify-content: center;
    align-items: center;
  }
 
  .detail_modal.booth1 .modal_main .modal_title{
    width: calc((368 * var(--content_width)) / 750);
    height: calc((100 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth1.png);
  }
  .detail_modal.booth2 .modal_main .modal_title{
    width: calc((384 * var(--content_width)) / 750);
    height: calc((41 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth2.png);
  }
  .detail_modal.booth3 .modal_main .modal_title{
    width: calc((369 * var(--content_width)) / 750);
    height: calc((41 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth3.png);
  }
  .detail_modal.booth4 .modal_main .modal_title{
    width: calc((356 * var(--content_width)) / 750);
    height: calc((50 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth4.png);
  }
  .detail_modal.booth5 .modal_main .modal_title{
    width: calc((371 * var(--content_width)) / 750);
    height: calc((50 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth5.png);
  }
  .detail_modal.booth6 .modal_main .modal_title{
    width: calc((265 * var(--content_width)) / 750);
    height: calc((59 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth6.png);
  }
  .en .detail_modal.booth6 .modal_main .modal_title{
    width: calc((133 * var(--content_width)) / 750);
    height: calc((59 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/modal_label_booth6.png);
  }
  .detail_modal.booth7 .modal_main .modal_title{
    width: calc((520 * var(--content_width)) / 750);
    height: calc((100 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth7.png);
  }
  .detail_modal.booth8 .modal_main .modal_title{
    width: calc((594 * var(--content_width)) / 750);
    height: calc((112 * var(--content_width)) / 750);
    background-image: url(../images/sp/modal_label_booth8.png);
  }

  .detail_modal .modal_main .modal_info_block{
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .detail_modal .modal_main .modal_image{
    width: calc((600 * var(--content_width)) / 750);
    height: calc((320 * var(--content_width)) / 750);
    margin: 0 auto calc((55 * var(--content_width)) / 750);
  }
  .detail_modal.booth1 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth1.png);
  }
  .detail_modal.booth2 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth2.png);
  }
  .detail_modal.booth3 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth3.png);
  }
  .detail_modal.booth4 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth4.png);
  }
  .detail_modal.booth5 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth5.png);
  }
  .detail_modal.booth6 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth6.png);
  }
  .detail_modal.booth7 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth7.png);
  }
  .detail_modal.booth8 .modal_main .modal_image{
    background-image: url(../images/sp/modal_image_booth8.png);
  }

  .detail_modal .modal_main .modal_detail,
  .detail_modal.booth3 .modal_main .modal_detail,
  .detail_modal.booth4 .modal_main .modal_detail{
    width: calc((580 * var(--content_width)) / 750);
    font-size: 3.6vw;
    margin: 0 auto;
    padding-bottom: 2.5em;
  }
  .detail_modal .modal_main .modal_detail_movie_link{
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .detail_modal .modal_main .modal_btn_close{
    width: calc((88 * var(--content_width)) / 750);
    height: calc((88 * var(--content_width)) / 750);
  }

  .detail_modal .modal_link_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .detail_modal .modal_link_btn{
    width: calc((310 * var(--content_width)) / 750);
    height: calc((96 * var(--content_width)) / 750);
    margin: 0 calc((10 * var(--content_width)) / 750) calc((40 * var(--content_width)) / 750);
    background-size: 100% 100%;
  }
  .detail_modal .modal_link_btn img{
    display: none;
  }
  .detail_modal .modal_link_btn.modal_link_btn1{
    background-image: url(../images/sp/btn_booth1.png);
  } 
  .detail_modal .modal_link_btn.modal_link_btn2{
    background-image: url(../images/sp/btn_booth2.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn3{
    background-image: url(../images/sp/btn_booth3.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn4{
    background-image: url(../images/sp/btn_booth4.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn5{
    background-image: url(../images/sp/btn_booth5.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn6{
    background-image: url(../images/sp/btn_booth6.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn7{
    background-image: url(../images/sp/btn_booth7.png);
  }
  .detail_modal .modal_link_btn.modal_link_btn8{
    background-image: url(../images/sp/btn_booth8.png);
  }
  
  .detail_modal.booth1 .modal_link_btn.modal_link_btn1{
    background-image: url(../images/sp/btn_booth1_on.png);
  } 
  .detail_modal.booth2 .modal_link_btn.modal_link_btn2{
    background-image: url(../images/sp/btn_booth2_on.png);
  }
  .detail_modal.booth3 .modal_link_btn.modal_link_btn3{
    background-image: url(../images/sp/btn_booth3_on.png);
  }
  .detail_modal.booth4 .modal_link_btn.modal_link_btn4{
    background-image: url(../images/sp/btn_booth4_on.png);
  }
  .detail_modal.booth5 .modal_link_btn.modal_link_btn5{
    background-image: url(../images/sp/btn_booth5_on.png);
  }
  .detail_modal.booth6 .modal_link_btn.modal_link_btn6{
    background-image: url(../images/sp/btn_booth6_on.png);
  }
  .detail_modal.booth7 .modal_link_btn.modal_link_btn7{
    background-image: url(../images/sp/btn_booth7_on.png);
  }
  .detail_modal.booth8 .modal_link_btn.modal_link_btn8{
    background-image: url(../images/sp/btn_booth8_on.png);
  }
}
.coming_modal_wrapper{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.coming_modal .modal_inner{
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: center;
}

.coming_modal .modal_inner .modal_image{
  width: 670px;
  padding-top: 120px;
  margin-bottom: 60px;
}
.coming_modal_btn_close{
  display: block;
  width: 220px;
  line-height: 0;
}
.en .coming_modal_btn_close{
  height: 70px;
  background-image: url(../images/en/btn_back.png);
  background-size: 100% 100%;
}
.en .coming_modal_btn_close img{
  display: none;
}
@media screen and (max-width: 999px) {
  .coming_modal .modal_inner .modal_image{
    width: calc((670 * var(--content_width)) / 750);
    padding-top: calc((150 * var(--content_width)) / 750);
    margin-bottom: calc((60 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/modal_coming_soon.png);
    background-size: 100% 100%;
  }
  .coming_modal .modal_inner .modal_image img{
    display: none;
  }
  .coming_modal_btn_close{
    width: calc((340 * var(--content_width)) / 750);
    height: calc((95 * var(--content_width)) / 750);
    
    background-image: url(../images/sp/btn_close_coming_soon.png);
    background-size: 100% 100%;
  }
  .en .coming_modal_btn_close{
    width: calc((340 * var(--content_width)) / 750);
    height: calc((95 * var(--content_width)) / 750);
    background-image: url(../images/en/sp/btn_back.png);
  }
  .coming_modal_btn_close img{
    display: none;
  }
}

.loading{
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  
  z-index: 10000;
  overflow: hidden;
  background-color: #ffffff;
}
.loading_img{
  width: 452px;
  transform-origin: 40px 50%;
}
.en .loading_img{
  height: 159px;
  background-image: url(../images/en/kv.png);
  background-size: 100% 100%;
}
.en .loading_img img{
  display: none;
}

@media screen and (max-width: 999px) {
  .loading_img{
    width: calc((543 * var(--content_width)) / 750);
    height: calc((185 * var(--content_width)) / 750);
    transform-origin: calc((55 * var(--content_width)) / 750) 50%;
  }
  .en .loading_img{
    width: calc((527 * var(--content_width)) / 750);
    height: calc((185 * var(--content_width)) / 750);
    transform-origin: calc((55 * var(--content_width)) / 750) 50%;
  }
}

.loading_over{
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  z-index: 10001;
  overflow: hidden;
  background-color: #ffffff;
}


@media screen and (min-width: 999px) {
  .modal_wrapper.map_modal{
    display: none !important;
  }
}
@media screen and (max-width: 999px) {

  .modal_wrapper.map_modal{
    background-color: rgba( 0, 0, 0, 0.4 );
  }
  .map_modal_wrapper{
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: calc((80 * var(--content_width)) / 750);
  }
  .map_modal .map_image_block{
    position: relative;
    height: 80%;
    overflow-x: auto;
    overflow-y: hidden;
    
  }
  .map_modal .map_image{
    height: 100%;
    line-height: 0;
  }
  .map_modal .map_image img{
    width: auto;
    height: 100%;
  }

  .map_modal .map_modal_btn_close{
    position: absolute;
    top: calc(10% - ((10 * var(--content_width)) / 750));
    right: calc((25 * var(--content_width)) / 750);
    width: calc((69 * var(--content_width)) / 750);
    height: calc((69 * var(--content_width)) / 750);
    z-index: 200;
  }
}


.modal_wrapper.menu_modal{  
  background: linear-gradient(150deg, rgba(17,17,17,0.95), rgba(78,78,78,0.95) 100%);
  color: #fff;
}
.modal_wrapper.menu_modal header,
.modal_wrapper.menu_modal footer{
  z-index: 1000;
}
.menu_modal_wrapper{
  position: relative;
  display: flex;
  width: 100%;
  height: calc(100% - 170px);
  min-height: 820px;
  flex-flow: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
}
.menu_block{
  margin-bottom: 25px;
  text-align: center;
}
.en .menu_block{
  margin-bottom: 45px;
}
.menu_block:nth-child(9){
  margin-bottom: 0;
}
.menu_title,
.menu_subtitle{
  display: block;
  text-align: center;
  color: #fff;
}

.menu_title{
  font-size: 22px;
  margin-bottom: 15px;
  line-height: 1em;
}
.menu_subtitle{
  display: inline-block;
  font-size: 0.8em;
  padding: 0 1.2em;
  line-height: 20px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 999px) {
  
  .menu_modal_wrapper{
    height: calc(100% - ((140 * var(--content_width)) / 750));
    min-height: calc((1480 * var(--content_width)) / 750);
    padding-top: calc((80 * var(--content_width)) / 750);
    padding-bottom: calc((160 * var(--content_width)) / 750);
  }
  .menu_block{
    margin-bottom: calc((40 * var(--content_width)) / 750);
  }
  .en .menu_block{
    margin-bottom: calc((55 * var(--content_width)) / 750);
  }
  .menu_block:nth-child(9){
    margin-bottom: 0;
  }

  .menu_title{
    font-size: 5vw;
    margin-bottom: calc((25 * var(--content_width)) / 750);
    line-height: 1em;
  }
  .menu_subtitle{
    display: inline-block;
    font-size: 3vw;
    padding: 0 1.2em;
    line-height: 1.5em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  
  .menu_btn_language{
    position: absolute;
    bottom: calc((50 * var(--content_width)) / 750);
    left: 0;
    right: 0;
    width: calc((400 * var(--content_width)) / 750);
    height: calc((90 * var(--content_width)) / 750);
    margin: 0 auto;
  }
  .en .menu_btn_language .btn_language{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/en/sp/btn_lang.png);
    background-size: 100% 100%;
  }
  .en .menu_btn_language .btn_language img{
    display: none;
  }
}

.btn_pagetop{
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 999px) {
  .btn_pagetop{
    bottom: calc((30 * var(--content_width)) / 750);
    right: calc((30 * var(--content_width)) / 750);
    width: calc((80 * var(--content_width)) / 750);
    height: calc((80 * var(--content_width)) / 750);
  }
}