header {
  border-bottom: 1px solid #e4e4e4 !important;
  background-color: #fff !important;
}
.header_menu_1{
  color: #000 !important;
}
.header_logo_w{
  display: none;
}
/* .header_menu_1:nth-child(1){
  border-bottom: 2px solid #000;
} */
.hamburger_line {
  background-color: #000;
}
.header_menu_1_drop a{
  color: #fff;
}
.header_menu_1.line::after{
  background-color: #000 !important;
}
.header_menu_1:nth-child(1)::after{
  background-color: #000 !important;
  width: 100% !important;
}





.bcon_01{
  width: 32.287%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.bcon01{
  flex-direction: row;
  height: 59.3vw;
}
.bcon01_left{
  width: 50%;
  height: 100%;
  background: url("/images/bcon_02.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.bcon01_left_col {
  width: 13.9583vw;
  display: flex;
  flex-direction: column;
  gap: 4vw;
  left: 10%;
  top: 18%;
}
.bcon01_left_col_box{
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bcon01_right{
  width: 50%;
  display: flex;
  align-items: center;
  padding-top: 2vw;
  box-sizing: border-box;
}
.bcon01_right_in{
  width: 65%;
  margin: 0 auto;
}
.bcon_04{
  width: 90.17%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5.5vw;
  z-index: 0;
}
.bcon_04 img{
  opacity: 0.3;
}
.bcon_04 img.absol{
  opacity: 1;
  z-index: 2;
}
.bcon_04_line{
  width: 5vw;
  height: 3px;
  background-color: #000;
  left: 1%;
  bottom: -50%;
}
.bcon01_right_tt01{
  font-size: 2.8vw;
  display: flex;
  font-weight: 400;
  overflow: hidden;
}
.bcon01_right_tt01_center{
  margin: 0 1vw;
}
.bcon01_right_tt01 b{
  font-weight: 600;
}
.bcon01_right_tt01.item1{
  margin-bottom: 0.5vw;
}
.bcon01_right_tt01.item2{
  margin-bottom: 3vw;
}
.bcon01_right_tt02{
  font-size: 1.3vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-bottom: 2.5vw;
}
.bcon01_right_tt02 p{
  width: fit-content;
  border-bottom: 2px solid #000;
}
.bcon01_right_tt03{
  font-size: 0.98vw;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 8vw;
}
.bcon01_right_tt03 b{
  font-size: 1.2vw;
}
.bcon_05{
  width: 44.924%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5vw;
}
.bcon01_right_row{
  width: 100%;
  display: flex;
  gap: 1px;
  transition: 0.3s;
}
.bcon01_right_line{
  width: 100%;
  height: 1px;
  background-color: #000;
  top: 67%;
}
.bcon01_right_row_box{
  width: 8.3854vw;
  transition: 0.3s;
}
.bcon01_right_row:hover .bcon01_right_row_box {
  filter: brightness(0.5);
}
.bcon01_right_row:hover .bcon01_right_row_box:hover {
  filter: brightness(1);
}





.bcon02{
  height: 46vw;
  background: url("/images/bcon_07.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.bcon02_video{
  width: 100%;
  height: 100%;
}
.bcon02_video iframe{
  scale: 1.25;
}

.bcon_08 {
  width: 65.4594%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 48%;
  overflow: hidden;
}
.bcon_08a {
  width: 65.4594%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 57%;
  overflow: hidden;
}






.bcon04 {
  background-color: var(--main-blue);
  padding-top: 7.5vw;
}
.bcon04_top_tt {
  font-size: 1.2vw;
  border-bottom: 2px solid #fff;
  margin-bottom: 3vw;
  font-weight: 700;
}
.bcon04_title {
  margin-bottom: 4.5vw;
  font-weight: 300;
}
div.bcon4_sd {
    width: 104.987%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.bcon4_video_wrap {
    width: 88%;
    height: 32vw;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-image: url(/images/bcon4_01.png);
    background-size: 103%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}
.bcon4_video {
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bcon4_video iframe {
  pointer-events: all;
}
.bcon04_mid {
    width: 50.0262%;
    display: flex;
    justify-content: center;
    align-items: center;  
  margin-top: 2vw;
  margin-bottom: 6vw;
  z-index: 0;
}
.bcon4_04a {
    width: 103.358%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon4_03 {
  width: 7.86988%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3vw;
}
.mini_title{
  color: var(--main-blue);
  font-weight: 800;
  font-size: 1.1vw;
}
.bcon04_mid_center_tt00{
  margin-bottom: 2.5vw;
  font-weight: 600;
}
.bcon04_mid_center_tt01 {
    font-size: 2.2vw;
    font-weight: 700;
    margin-bottom: 2vw;
    line-height: 1.2;
}
.bcon04_mid_center_tt02 {
  font-size: 1vw;
  line-height: 1.3;
}
.bcon04_mid_cover {
  height: 100%;
  z-index: -1;
}
.bcon04_mid_circle_wrap {
  display: flex;
  justify-content: center;
  align-items: center; 
  flex-direction: column;
  white-space: nowrap;
  gap: 0.7vw;
}
.bcon04_mid_circle {
  width: 5vw;
  height: 5vw;
  background-color: #060612;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;  
  transition: background 0.3s;
}
.bcon04_mid_circle.bcon04_change {
  background-color: #fff;
}
.bcon04_mid_circle_tt {
    font-size: 1vw;
    position: absolute;
    top: 113%;
    overflow: hidden;
}
.bcon04_mid_circle_wrap01 {
    left: 2%;
    top: 37%;
}
.bcon04_mid_circle_wrap02 {
    left: 3%;
    top: 57%;
}
.bcon04_mid_circle_wrap03 {
    left: 15%;
    top: 75%;
}
.bcon04_mid_circle_wrap04 {
    left: 34%;
    top: 84%;
}
.bcon04_mid_circle_wrap05 {
    right: 34%;
    top: 84%;      
}
.bcon04_mid_circle_wrap06 {
  right: 15%;
  top: 75%;  
}
.bcon04_mid_circle_wrap07 {
  right: 3%;
  top: 57%;  
}
.bcon04_mid_circle_wrap08 {
    right: 2%;
    top: 37%;    
}
.bcon4_05 {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05a {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05b {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05c {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05d {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05e {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05f {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_05g {
    width: 57.2917%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon04_bot {
  width: 55%;
  height: 15.6250vw;
  background-color: #060612;
  border-radius: 4vw 4vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  gap: 3vw;
  padding-top: 4vw;
  padding-bottom: 3vw;
}
.bcon4_06 {
    width: 14.4153%;
    display: flex;
    justify-content: center;
    align-items: center;
  margin-top: 1vw;
}
.bcon04_bot_right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5vw;
}
.bcon04_bot_right_bot {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3vw;
  font-size: 1.05vw;
  overflow: hidden;
}
.bcon4_08 {
    width: 42.5573%;
    display: flex;
    justify-content: center;
    align-items: center;  
    overflow: hidden;
}
.bcon4_09 {
    width: 17.7481%;
    display: flex;
    justify-content: center;
    align-items: center;  
    cursor: pointer;
    overflow: hidden;
}
.bcon4_07 {
    width: 400%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25%;
    margin-top: 94%;
}







.bcon05{
  padding: 15vw 0 12vw 0;
  overflow: visible;
  overflow-x: clip;
}
.bcon05_ttwrap{
  width: 65%;
  margin-bottom: 18vw;
}
.bcon05_tt01{
  margin-bottom: 2vw;
}
.bcon05_tt02 {
  text-align: start;
  overflow: hidden;
}
.bcon05_col_box_tt{
  font-size: 1.6vw;
  font-weight: 400;
  color: #ddd;
  line-height: 1.4;
}
.bcon05_col_box_tt.absol{
  top: 0;
  color: #000;
}
.swiper_bcon05 {
  width: 49.7917vw;
  right: 0;
  top: 12vw;
}
.swiper_bcon05_slide{
  width: 100.315%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bcon05_col {
  left: 38%;
  top: 25vw;
}
.bcon05_col_line{
  width: 5vw;
  height: 3px;
  background-color: #000;
  margin-top: 1vw;
}
.bcon05_con{
  width: 100%;
}
.bcon05_con_in{
  width: 50%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.bcon05_con_row{
  width: 100%;
  display: flex;
  align-items: end;
  padding: 1vw 0;
  position: relative;
}
.bcon05_con_tt01{
  width: 12vw;
  font-weight: 900;
  font-size: 3.4vw;
  letter-spacing: -0.1vw;
  line-height: 0.8;
}
.bcon05_con_tt02{
  font-size: 1vw;
  color: #646464;
  font-weight: 400;
}
.bcon05_con_row.long::after{
  content: "";
  position: absolute;
  width: 80vw;
  height: 1px;
  background-color: #ddd;
  right: 0;
  bottom: 0;
}
.bcon05_con_row.short::after{
  content: "";
  position: absolute;
  width: 38vw;
  height: 1px;
  background-color: #ddd;
  right: 0;
  bottom: 0;
}
.bcon_10 {
  width: 100.315%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 10vw;
}
.bcon_10_track{
  width: 38.9063vw;
  height: 140vw;
  left: -1.5%;
  top: 40vw;
}




















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


  .bcon04 {
    background-color: #3236CD;
    padding-top: 15vw;
}
.bcon04_top_tt {
    font-size: 3.7vw;
    margin-bottom: 4vw;
}
.bcon04_title {
    font-size: 7.7vw;
    line-height: 1.1;
    margin-bottom: 6vw;
}
div.bcon4_sd.image_sd_wrap {
    width: 154.987%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.bcon4_video {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_video_wrap {
    width: 91.8845%;
    height: 51.7vw;
    border-radius: 4vw;
    margin-top: 0;
    background: none;
}
.bcon04_mid {
  width: 113.0262%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20vw;
  margin-bottom: 10vw;
}
.bcon4_03 {
    width: 17.86988%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4vw;
}
.bcon04_mid_center_tt00 {
  font-size: 3.5vw;
  margin-bottom: 3vw;
}
.bcon04_mid_center_tt01 {
    font-size: 5.1vw;
    font-weight: 600;
    margin-bottom: 4vw;
}
.bcon04_mid_center_tt02 {
    font-size: 3.5vw;
    line-height: 1.3;
}
.bcon04_mid_circle {
    width: 15vw;
    height: 15vw;
    background-color: #060612;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s;
}
.bcon04_mid_circle_wrap01 {
    left: 32%;
    bottom: 81%;
    top: auto;
}
.bcon04_mid_circle_wrap02 {
    left: 11%;
    bottom: 65%;
    top: auto;
}
.bcon04_mid_circle_wrap03 {
    left: 11%;
    top: 65%;
}
.bcon04_mid_circle_wrap04 {
    left: 32%;
    top: 81%;
}
.bcon04_mid_circle_wrap05 {
    right: 32%;
    top: 81%;      
}
.bcon04_mid_circle_wrap06 {
  right: 11%;
  top: 65%;  
}
.bcon04_mid_circle_wrap07 {
  right: 11%;
  bottom: 65%; 
  top: auto;
}
.bcon04_mid_circle_wrap08 {
    right: 32%;
    bottom: 81%;    
    top: auto;
}
.bcon04_mid_circle_tt {
    font-size: 3.2vw;
    position: absolute;
    top: 113%;
    text-align: center;
}
.bcon04_mid_circle_wrap_top .bcon04_mid_circle_tt {
  top: auto;
  bottom: 113%;
}
.bcon04_bot {
    width: 83.999%;
    height: 76.625vw;
    background-color: #060612;
    border-radius: 4vw 4vw 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5vw;
    padding-top: 0;
    padding-bottom: 0;
}
.bcon4_08 {
    width: 68.5573%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bcon4_06 {
    width: 29.4153%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
    margin-left: 7vw;
}
.bcon04_bot_right_bot {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6vw;
    font-size: 3.5vw;
    flex-direction: column;
    text-align: center;
}
.bcon04_bot_right {
    width: 59%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
}
.bcon4_07 {
    width: 400%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-top: 0;
}
.bcon4_09 {
    width: 47.7481%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.bcon_08 {
  width: 96%;
  top: 40%;
  opacity: 0.8;
}
.bcon_08a {
  width: 97%;
  top: 47%;
  opacity: 0.8;
}








/*  */

.bcon_01 {
  width: 50%;
}




.bcon01 {
  flex-direction: column;
  height: auto;
}
.bcon01_left {
  width: 100%;
  height: 123vw;
}
.bcon01_left_col {
  width: 39vw;
  gap: 6vw;
  left: 5%;
  top: 13%;
}

.bcon01_right {
  width: 100%;
  padding: 15vw 0;
  align-items: center;
}
.bcon01_right_in {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bcon_04 {
  width: 83%;
  margin-bottom: 8vw;
}
.bcon_04_line {
  width: 13vw;
  height: 2px;
  left: 0%;
  bottom: -30%;
}
.bcon01_right_tt01.item1 {
  margin-bottom: 3vw;
}
.bcon01_right_tt01.item2 {
  margin-bottom: 8vw;
}
.bcon01_right_tt01 {
  font-size: 5.8vw;
}
.bcon01_right_tt02 {
  font-size: 4vw;
  align-items: center;
  gap: 2vw;
  margin-bottom: 6vw;
}
.bcon01_right_tt03 {
  font-size: 3.8vw;
  margin-bottom: 25vw;
  text-align: center;
  line-height: 1.5;
}
.bcon01_right_tt03 b {
  font-size: 4vw;
}
.bcon_05 {
  width: 52%;
  margin-bottom: 6vw;
}
.bcon01_right_row {
  justify-content: center;
}
.bcon01_right_row_box {
  width: 28vw;
}
.bcon01_right_line {
  top: 59%;
}




.bcon02 {
  height: 70vw;
}






.bcon05 {
  padding: 15vw 0;
}
.bcon05_ttwrap {
  width: 100%;
  margin-bottom: 4vw;
}
.bcon05_ttwrap p{
  text-align: center;
}
.mini_title {
  font-size: 3.5vw;
}
.bcon05_tt02{
  font-size: 7vw;
}
.swiper_bcon05 {
  position: static !important;
  width: 88vw;
  height: 48vw;
}
.swiper_bcon05_slide {
  height: 48vw;
}
.swiper_bcon05_slide img{
  height: 100%;
   object-fit: cover;
}
.bcon05_col{
  position: static !important;
  margin-bottom: 6vw;
  margin-right: 35vw;
}
.bcon05_col_box_tt {
  font-size: 4.2vw;
  line-height: 1.5;
}
.bcon05_col_line {
  width: 13vw;
  height: 2px;
  margin-top: 2vw;
}
.bcon_10_track {
  width: 45vw;
  height: 475vw;
  left: auto;
  right: -3%;
  top: 36vw;
  z-index: -1;
}
.bcon_10 {
  top: 45vw;
}
.bcon05_con {
  margin-top: 10vw;
}
.bcon05_con_in {
  width: 93%;
  gap: 6vw;
}
.bcon05_con_row {
  padding: 3vw 0;
}
.bcon05_con_tt01 {
  width: 20vw;
  font-size: 6.4vw;
}
.bcon05_con_tt02 {
  font-size: 3.5vw;
}
.bcon05_con_row.long::after {
  width: 93vw;
  z-index: -2;
}
.bcon05_con_row.short::after {
  width: 75vw;
  z-index: -2;
}









}