@charset "UTF-8";




.wd_flex{
  display: flex ;
  justify-content: space-between ;
  flex-wrap: wrap ;
}

.wd_const_map_superbox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width : 100% ;
  max-width: 1920px ;
  margin : 0px auto ;
  aspect-ratio: 96 / 35 ;
}

.wd_const_map_superbox_ol{
  position: absolute;
  top : 0% ;
  left: 0% ;
  width: 100% ;
  height: 100% ;
  z-index: 18 ;
  background-color: #FFFFFF ;
}

.wd_const_map_stage{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  overflow: hidden !important ;
}


.wd_const_map_illust{
  display: block ;
  width: 100% ;
  z-index: 1 ;
}


.wd_const_category_flex{
  position: relative ;
  display: flex ;
  flex-wrap: wrap ;
  justify-content: space-between ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  margin: 190px auto 0px ;
}

.wd_const_category_col{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 49% ;
  max-width: 470px ;
}

.wd_const_category_superbox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  margin-bottom : 78px ;
}

.wd_const_category_title{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  padding: 30px 10px ;
  text-align: center ;
  color: #FFFFFF ;
  font-size: 24px ;
  font-weight: 700 ;
  background-color: #0B253E ;
}

.wd_const_category_size{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  height: 40px ;
  line-height: 40px ;
  text-align: center ;
  font-size: 20px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  background-color: #295E96 ;
}

.wd_const_category_innerflex{
  position: relative;
  display: flex ;
  flex-wrap: wrap ;
  justify-content: center ;
  gap: 20px ;
  box-sizing: border-box ;
  background-color: #EFEFEF ;
  padding: 36px ;
}

.wd_const_category_item_wrap{
  position: relative;
  display: block ;
  width: 100% ;
  box-sizing: border-box ;
  background-color: #FFFFFF ;
}

.wd_const_category_itembox{
  position: relative;
  display: block ;
  width: 100% ;
  padding: 20px 30px ;
  line-height: 20px ;
  font-size: 16px ;
  color: #000000 ;
  text-align: center ;
  z-index: 4 ;
}
.wd_const_category_item_arrow{
  display: block ;
  position: absolute ;
  top : 50% ;
  right: 10px ;
  width: 20px ;
  transform: translate(0%,-50%);
  z-index: 2 ;
}

.wd_const_category_item_illustbox{
  display: block ;
  position: absolute ;
  top : 50% ;
  left: 0px;
  transform: translate(0%,-50%);
  width: 80px ;
  height: 100% ;
  padding: 10px 10px ;
  z-index: 3 ;
}
.wd_const_category_item_illust{
  position: relative ;
  display: block ;
  width: 100% ;
  height: 100% ;
  object-fit: contain ;
}

.wd_const_category_item_back{
  position: absolute ;
  display: block ;
  top : 0% ;
  left: 0% ;
  width: 0% ;
  height: 100% ;
  background-color: #DDDDDD ;
  z-index: 1 ;
}

.wd_const_category_item_wrap.wd_na{
  background-color: #DDDDDD !important;
  opacity : 0.4 ; 
}

.wd_const_category_item_wrap a,
.wd_const_category_item_wrap a:link,
.wd_const_category_item_wrap a:visited{
  text-decoration: none ;
}






/** const ul ==================================== **/


.wd_constul_cateflex{
  position: relative ;
  display: flex ;
  box-sizing: border-box ;
  flex-wrap: wrap ;
  justify-content: center ;
  gap : 12px ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  margin : 72px auto 0px ;
}

.wd_constul_cate_big{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: fit-content ;
  min-width: 160px ;
  height: 40px ;
  line-height: 40px ;
  padding: 0px 60px ;
  font-size: 20px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  text-align: center ;
  background-color: #0B253E ;
}

.wd_constul_cate_small{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: fit-content ;
  min-width: 160px ;
  height: 40px ;
  line-height: 40px ;
  padding: 0px 60px ;
  font-size: 20px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  text-align: center ;
  background-color: #295E96 ;
}

.wd_constul_titlebox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  margin : 60px auto 0px ;
}

.wd_constul_title_bar{
  display: block ;
  box-sizing: border-box ;
  position: absolute ;
  top : 50% ;
  left: 0% ;
  width: 100% ;
  height: 1px ;
  background-color: #000000 ;
  z-index: 1 ;
}

.wd_constul_title_inner{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: fit-content ;
  height: 40px ;
  line-height: 40px ;
  padding: 0px 40px ;
  background-color: #FFFFFF ;
  text-align: center ;
  margin : 0px auto ;
  z-index: 4 ;
  font-size: 38px ;
  color: #000000 ;
}

.wd_constul_imagebox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  margin : 100px auto 40px ;
}

.wd_constul_imagebox_back{
  position: absolute ;
  top : 60% ;
  left: 0% ;
  width: 100% ;
  height: calc( 40% + 4px );
  background-color: #EDE5D8 ;
  z-index: 1 ;
}

.wd_constul_imagebox img{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  width: auto ;
  max-width: 100% ;
  margin : 0px auto ;
  z-index: 4 ;
}

.wd_constul_method_superbox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  padding: 60px 0px 78px ;
  background-color: #EDE5D8 ;
  margin-bottom : 0px ;
}

.wd_constul_mothod_story{
  width: calc( 100% - 30px );
  max-width: 1000px ;
  text-align: center ;
  margin: 24px auto 24px ;

}

.wd_constul_method_inner{
  position: relative ;
  box-sizing: border-box ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  margin: 0px auto ;
  padding: 24px 0px 44px ;
  background-color: #FFFFFF ;
}

.wd_constul_method_inner a,
.wd_constul_method_inner a:link,
.wd_constul_method_inner a:visited{
  text-decoration: none ;
}

.wd_constul_methodtitle{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  height: 62px ;
  line-height: 62px ;
  margin: 0px auto ;
  text-align: center ;
  font-size: 20px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  background-color: #0B253E ;
}

.wd_constul_method_item{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  max-width: 552px ;
  height: 60px ;
  line-height: 60px ;
  text-align: center ;
  padding: 0px 30px ;
  background-color: #E2E8EF ;
  color: #000000 ;
  font-size: 16px ;
  margin : 20px auto 0px ;
}
.wd_constul_method_item.wd_na{
  opacity: 0.3 ;
}

.wd_constul_method_item_back{
  position: absolute ;
  display: block ;
  box-sizing: border-box ;
  top : 0% ;
  left: 0% ;
  width: 0% ;
  height: 100% ;
  background-color: #EFEFEF ;
  z-index: 1 ;
}

.wd_constul_method_item img{
  display: block ;
  position: absolute ;
  top : 50% ;
  right: 10px ;
  width: 20px ;
  transform: translate(0%,-50%);
  z-index: 2 ;
}

.wd_constul_method_item_inner{
  position: relative ;
  display: block ;
  box-sizing: border-box;
  width: 100% ;
  height: 60px ;
  z-index: 4 ;
}









/** const 4th ==================================== **/


.wd_const4th_submenu_superbox_wrap{
  position: relative ;
  display: block ;
}

.wd_const4th_submenu_superbox{
  align-items: flex-start;
  width: calc( 100% - 30px );
  max-width: 1140px ;
  margin : 72px auto 0px ;
  gap: 2px ;
}

.wd_const4th_submenu_superbox_title{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  height: 40px ;
  line-height: 40px ;
  background-color: #0B253E ;
  text-align: center ;
  font-size: 16px ;
  font-weight: 700 ;
  color: #FFFFFF ;
}
.wd_const4th_submenu_superbox_title_sp{
  position: relative ;
  display: none ;
  box-sizing: border-box ;
  width: calc( 100% - 30px );
  max-width: 1140px ;
  height: 40px ;
  line-height: 40px ;
  background-color: #0B253E ;
  text-align: center ;
  font-size: 16px ;
  font-weight: 700 ;
  color: #FFFFFF ;
}

.wd_const4th_submenu_methodcol01{
  width: calc( 50% - 1px );
  gap: 2px ;
}
.wd_const4th_submenu_methodcol02{
  width: calc( 50% - 1px );
  gap: 2px ;
}

.wd_const4th_submenu_methodcol_title{
  width: 100% ;
  height: 40px ;
  line-height: 40px ;
  background-color: #949496 ;
  color: #FFFFFF ;
  font-size: 16px ;
  font-weight: 700 ;
  text-align: center ;
}

.wd_const4th_submenu_method_item_wrap_na{
  width: calc( 33.33% - 1.5px );
  height: 40px ;
  line-height: 40px ;
  background-color: #EFEFEF ;
  color: #000000 ;
  font-size: 14px ;
  text-align: center ;
  opacity: 0.4 ;
}

.wd_const4th_submenu_method_item_wrap{
  width: calc( 33.33% - 1.5px );
  height: 40px ;
  line-height: 40px ;
  background-color: #EFEFEF ;
  color: #000000 ;
  font-size: 14px ;
  text-align: center ;
}
.wd_const4th_submenu_methodcol02 .wd_const4th_submenu_method_item_wrap{
  
}
.wd_const4th_submenu_method_item_double_wrap:hover a .wd_const4th_submenu_method_item_double,
.wd_const4th_submenu_method_item_double_wrap:hover a:link .wd_const4th_submenu_method_item_double,
.wd_const4th_submenu_method_item_double_wrap:hover a:visited .wd_const4th_submenu_method_item_double,
.wd_const4th_submenu_method_item_wrap_long:hover a .wd_const4th_submenu_method_item_long,
.wd_const4th_submenu_method_item_wrap_long:hover a:link .wd_const4th_submenu_method_item_long,
.wd_const4th_submenu_method_item_wrap_long:hover a:visited .wd_const4th_submenu_method_item_long,
.wd_const4th_submenu_method_item_wrap:hover a .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap:hover a:link .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap:hover a:visited .wd_const4th_submenu_method_item{
  background-color: #FF7700 ;
  color: #FFFFFF ;
}
.wd_const4th_submenu_method_item_double_wrap a,
.wd_const4th_submenu_method_item_double_wrap a:link,
.wd_const4th_submenu_method_item_double_wrap a:visited,
.wd_const4th_submenu_method_item_wrap a,
.wd_const4th_submenu_method_item_wrap a:link,
.wd_const4th_submenu_method_item_wrap a:visited{
  text-decoration: none ;
  color: #000000 ;
}

.wd_const4th_submenu_method_item_double_wrap.wd_active a .wd_const4th_submenu_method_item_double,
.wd_const4th_submenu_method_item_double_wrap.wd_active a .wd_const4th_submenu_method_item_double:link,
.wd_const4th_submenu_method_item_double_wrap.wd_active a .wd_const4th_submenu_method_item_double:visited,
.wd_const4th_submenu_method_item_wrap_long.wd_active a .wd_const4th_submenu_method_item_long,
.wd_const4th_submenu_method_item_wrap_long.wd_active a .wd_const4th_submenu_method_item_long:link,
.wd_const4th_submenu_method_item_wrap_long.wd_active a .wd_const4th_submenu_method_item_long:visited,
.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item:link,
.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item:visited{
  background-color: #FF7700 ;
  color: #FFFFFF ;
}






.wd_const4th_submenu_method_item_wrap_long{
  position: relative; 
  width: 100% ;
  height: 82px ;
  font-size: 14px ;
  text-align: center ;
}
.wd_const4th_submenu_method_item_long{
  position: relative; 
  width: 100%;
  height: 82px ;
  background-color: #EFEFEF ;
  color: #000000 ;
}
.wd_const4th_submenu_method_item_long_inner{
  position: absolute;
  top : 50% ;
  left: 0% ;
  width: 100% ;
  line-height: 22px ;
  transform: translate(0%,-50%);
}


.wd_const4th_submenu_method_item_wrap_double{
  width: calc( 66.66% - 1px );
  gap: 2px ;
}

.wd_const4th_submenu_method_item_double_wrap{
  width: calc( 50% - 1px );
  height: 40px ;
  line-height: 40px ;
  background-color: #EFEFEF ;
  color: #000000 ;
  font-size: 14px ;
  text-align: center ;
}

.wd_const4th_submenu_method_item_double{

}


.wd_const4th_submenu_method_item_double_wrap_na{
  width: calc( 50% - 1px );
  height: 40px ;
  line-height: 40px ;
  background-color: #EFEFEF ;
  color: #000000 ;
  font-size: 14px ;
  text-align: center ;
  opacity: 0.4 ;
}
















.wd_const4th_inner{
  position: relative ;
  display: block ;
  width: calc( 100% - 30px );
  max-width: 1140px ;
  margin: 120px auto 240px ;
}

.wd_const4th_name{
  font-size: 32px ;
  font-weight: 700 ;
}

.wd_const4th_subname{
  font-size: 18px ;
  margin-top : 10px ;
}

.wd_const4th_methoddesc{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  margin: 50px auto 0px ;
  font-size: 16px ;
  font-weight: 700 ;
}

.wd_const4th_chara_titlebox{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  height: 39px ;
  border-bottom: 1px solid #0B253E ;
  margin : 100px auto 0px ;
}

.wd_const4th_chara_titleinner{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 122px ;
  height: 38px ;
  line-height: 38px ;
  text-align: center ;
  font-size: 18px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  background-color: #0B253E ;
}

.wd_const4th_chara_title{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  padding-left: 34px ;
  font-size: 18px ;
  font-weight: 700 ;
  color: #295E96 ;
  line-height: 24px ;
  margin-top : 44px ;
}

.wd_const4th_chara_title_square{
  position: absolute ;
  top : 0% ;
  left: 0% ;
  display: block ;
  box-sizing: border-box ;
  width: 24px ;
  height: 24px ;
  background-color: #295E96 ;
}

.wd_const4th_chara_story{
  font-size: 14px ;
  padding-left: 34px ;
}


.wd_const4th_chara_image_flex01,
.wd_const4th_chara_image_flex02,
.wd_const4th_chara_image_flex03,
.wd_const4th_chara_image_flex04,
.wd_const4th_chara_image_flex05,
.wd_const4th_chara_image_flex06,
.wd_const4th_chara_image_flex07,
.wd_const4th_chara_image_flex08,
.wd_const4th_chara_image_flex09,
.wd_const4th_chara_image_flex10{
  position: relative;
  box-sizing: border-box ;
  width: 100% ;
  max-width: 1100px ;
  margin: 54px auto 0px ;
  gap : 24px ;
  font-size: 14px ;
  justify-content: center ;
}
.wd_const4th_chara_image_flex01{
  justify-content: left !important ;
}

.wd_const4th_chara_image_flex01 .wd_const4th_chara_image_wrap{
  width : 100% ;
}
.wd_const4th_chara_image_flex01 .wd_const4th_chara_image_wrap.wd_single{
  /** width : 50% ; **/ 
  width: calc( 50% - 12px );
}
.wd_const4th_chara_image_flex02 .wd_const4th_chara_image_wrap{
  width: calc( 50% - 12px );
}
.wd_const4th_chara_image_flex03 .wd_const4th_chara_image_wrap{
  width: calc( 33% - 16px );
}
.wd_const4th_chara_image_flex04 .wd_const4th_chara_image_wrap{
  width: calc( 25% - 24px );
}
.wd_const4th_chara_image_flex05 .wd_const4th_chara_image_wrap{
  width: calc( 33% - 16px );
}
.wd_const4th_chara_image_flex06 .wd_const4th_chara_image_wrap{
  width: calc( 33% - 16px );
}
.wd_const4th_chara_image_flex07 .wd_const4th_chara_image_wrap{
  width: calc( 25% - 24px );
}
.wd_const4th_chara_image_flex08 .wd_const4th_chara_image_wrap{
  width: calc( 25% - 24px );
}
.wd_const4th_chara_image_flex09 .wd_const4th_chara_image_wrap{
  width: calc( 33% - 16px );
}
.wd_const4th_chara_image_flex10 .wd_const4th_chara_image_wrap{
  width: calc( 25% - 24px );
}


.wd_const4th_chara_image_wrap img{
  width: 100% ;
  margin-bottom : 4px ;
}



.wd_const4th_methodflow_title{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  padding-left: 34px ;
  font-size: 18px ;
  font-weight: 700 ;
  color: #295E96 ;
  line-height: 24px ;
  margin-top : 44px ;
}

.wd_const4th_methodflow_titlenum{
  position: absolute ;
  top : 0% ;
  left: 0% ;
  display: block ;
  box-sizing: border-box ;
  width: 24px ;
  height: 24px ;
  line-height: 24px ;
  text-align: center ;
  font-size: 14px ;
  font-weight: 700 ;
  color: #FFFFFF ;
  background-color: #295E96 ;
}

.wd_const4th_mothodflow_image{
  position: relative;
  display: block ;
  width: 100% ;
  max-width: 1100px ;
  margin: 44px auto 0px ;
}
.wd_const4th_mothodflow_image.wd_portrate{
  max-width: 640px ;
}

.wd_const4th_inner a,
.wd_const4th_inner a:link,
.wd_const4th_inner a:visited{
  text-decoration: none ;
}

.wd_const4th_leaflet{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: fit-content ;
  padding: 10px 40px ;
  background-color: #295E96 ;
  margin: 40px 0px 0px ;
  color: #FFFFFF ;
  font-weight: 700 ;
}

.wd_const4th_leaflet_back{
  position: absolute ;
  top : 0% ;
  left: 0% ;
  width: 0% ;
  height: 100% ;
  background-color: #0B253E ;
  z-index: 1 ;
}

.wd_const4th_leaflet_arrow{
  position: absolute;
  top : 50% ;
  right: 16px ;
  width: 10px ;
  height: 10px ;
  margin-top : -5px ;
  transform: rotate(135deg);
  border-top : 1px solid #FFFFFF ;
  border-left : 1px solid #FFFFFF ;
  z-index: 2 ;
}

.wd_const4th_leaflet_text{
  position: relative ;
  display: block ;
  z-index: 3 ;
  text-decoration: none ;
}






/** map ================================================ **/

.wd_const_map_base{
  position: relative ;
  display: block ;
  width: 100% ;
  z-index: 1 ;
}

.wd_const_map_highway{
  display: block ;
  position: absolute;
  top : 0% ;
  left: 0% ;
  width: 100% ;
  z-index: 3 ;
}


/** 3832 1398**/
/** cars +++++++++++++++++++++++++ **/
.wd_const_map_car_cy{
  display: block ;
  position: absolute ;
  z-index: 2 ;
  top : 45.5% ;  left: 64% ;  width: 2% ;
}

.wd_const_map_car_gr{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 35.6% ;  left: 91% ;  width: 1.6% ;
}

.wd_const_map_car_lu{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 50% ;  left: 13% ;  width: 1.6% ;
}

.wd_const_map_car_or{
  display: block ;
  position: absolute ;
  z-index: 2 ;
  top : 57% ;  left: 81% ;  width: 2% ;
}

.wd_const_map_car_rd{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 31% ;  left: 75% ;  width: 1.6% ;
}

.wd_const_map_car_track_lu{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 36% ;  left: 37% ;  width: 1.7% ;
}

.wd_const_map_car_track_rd{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 44% ;  left: 26% ;  width: 1.7% ;
}

.wd_const_map_car_yl{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 33% ;  left: 45% ;  width: 1.6% ;
}

.wd_const_map_express{
  display: block ;
  position: absolute ;
  z-index: 2 ;
  top : 51% ;  left: 53% ;  width: 31.3% ;
}

.wd_const_map_express02{
  display: block ;
  position: absolute ;
  z-index: 2 ;
  top : 5% ;  left: -14% ;  width: 25% ;
}

.wd_const_map_tanker{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 16% ;  left: 64% ;  width: 9.6% ;
}

.wd_const_map_train{
  display: block ;
  position: absolute ;
  z-index: 4 ;
  top : 70% ;  left: 18% ;  width: 10% ;
}

.wd_const_map_airplane{
  display: block ;
  position: absolute ;
  z-index: 9 ;
  top : 25% ;  left: 90% ;  width: 6% ;
}

/** cars +++++++++++++++++++++++++ **/





.wd_const_map_over{
  display: block ;
  position: absolute;
  top : 0% ;
  left: 0% ;
  width: 100% ;
  z-index: 8 ;
}


.wd_const_map_switch_superbox{
  position: absolute ;
  bottom : 20px ;
  right: 40px ;
  width: 62px ;
  height: 30px ;
  border-radius: 15px ;
  background: linear-gradient( 210deg , #669900 , #339900 );
  z-index: 16 ;
  cursor: pointer ;
}
.wd_const_map_switch_circle{
  position: absolute ;
  top : 4px ;
  left: 4px ;
  right: auto  ;
  width: 22px ;
  height: 22px ;
  background-color: #FFFFFF ;
  border-radius: 50% ;
  box-sizing: 0px 0px 2px rgba(0,0,0,0.25);
}

.wd_const_map_switch_on{
  position: absolute ;
  top : 50% ;
  right: 14px ;
  transform: translate(0%,-50%);
  width: 16px ;
}
.wd_const_map_switch_off{
  position: absolute ;
  top : 50% ;
  left: 14px ;
  transform: translate(0%,-50%);
  width: 16px ;
  display: none ;
}


.wd_const_map_navi_superbox{
  position: relative ;
  box-sizing: border-box ;
  width: calc( 100% - 30px );
  max-width: 996px ;
  margin: 40px auto 0px ;
  justify-content: center ;
  gap: 12px 12px 
}

.wd_const_map_navi_itembox{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 240px ;
  height: 40px ;
  line-height: 40px ;
  text-align: center ;
  font-size: 14px ;
  background-color: #EFEFEF ;
  border-radius: 20px ;
}

.wd_const_map_navi_itembox_dummy{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 240px ;
  height: 1px ;
}


.wd_const_map_navi_itembox a,
.wd_const_map_navi_itembox a:link,
.wd_const_map_navi_itembox a:visited{
  text-decoration: none !important ;
  color : #555555 !important 
}

.wd_const_map_navi_itembox_wrap{
  position: relative ;
  display: block ;
  box-sizing: border-box ;
  width: 240px ;
  height: 40px ;
}

.wd_const_map_navi_itembox:hover{
  /** background-color: #FFDD00 ; **/
}

.wd_const_map_navi_itembox img{
  display: block ;
  position: absolute ;
  top : 50% ;
  right: 8px ;
  transform: translate(0%,-50%);
  width: 16px ;
  opacity: 0.5 ;
}


.wd_const_map_replay{
  position: absolute; 
  bottom : 20px ;
  left: 20px ;
  width: fit-content;
  height: 40px ;
  line-height: 40px ;
  font-size: 14px ;
  background-color: #FFDD00 ;
  z-index: 15 ;
  cursor: pointer ;
  border-radius: 20px ;
  padding: 0px 20px ;
  cursor: pointer ;
  display: none ;
}
.wd_const_map_replay:hover{
  opacity: 0.5 ;
}


.wd_const_map_mapnavi_wrap{
  position: absolute; 
  transform: translate(-50%,-50%);
  width: fit-content;
  height: 40px ;
  line-height: 40px ;
  font-size: 14px ;
  z-index: 14 ;
}
.wd_const_map_mapnavi_wrap a,
.wd_const_map_mapnavi_wrap a:link,
.wd_const_map_mapnavi_wrap a:visited{
  color :#000000 ;
  text-decoration: none ;
}

.wd_const_map_mapnavi{
  position: relative ;
  width: fit-content ;
  height: 40px ;
  border-radius: 20px ;
  padding : 0px 20px ;
  background-color: rgba(255,255,255,0.7);
}


/** 3832 / 1398 **/

.wd_const_map_mapnavi_wrap.wd_navi_detachedhouse{
  top : 92% ;
  left : 69% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_supermarket{
  top : 40% ;
  left : 57% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_school{
  top : 92% ;
  left : 82% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_factory{
  top : 8% ;
  left : 42% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_airport{
  top : 14% ;
  left : 87% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_stadium{
  top : 43% ;
  left : 14% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_station{
  top : 56% ;
  left : 43% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_apartment{
  top : 29% ;
  left : 72% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_datacenter{
  top : 27% ;
  left : 30% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_officebuilding{
  top : 88% ;
  left : 56% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_warehouse{
  top : 17% ;
  left : 58% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_shoppingmall{
  top : 40% ;
  left : 39% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_hospital{
  top : 47% ;
  left : 77% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_pedestriandeck{
  top : 76% ;
  left : 45% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_embankment{
  top : 89% ;
  left : 22% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_retainingwall{
  top : 94% ;
  left : 48% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_roadpier{
  top : 62% ;
  left : 11% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_trestle{
  top : 61% ;
  left : 62% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_abutment{
  top : 85% ;
  left : 36% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_waterandsewagefacilities{
  top : 13% ;
  left : 22% ;
}

.wd_const_map_mapnavi_wrap.wd_navi_liquefaction{
  top : 50% ;
  left : 50% ;
}


.wd_const_hilight{
  position: absolute;
  top : 0% ;
  left: 0% ;
  width: 100% ;
  z-index: 10;
  opacity: 0 ;
}



.wd_map_hilight_abutment_hitbox{
  position: absolute ;
  top : 86% ;
  left: 34% ;
  width: 5% ;
  height: 10% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_airport_hitbox{
  position: absolute ;
  top : 14% ;
  left: 78% ;
  width: 14% ;
  height: 15% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_apartment_hitbox{
  position: absolute ;
  top : 28% ;
  left: 62% ;
  width: 11% ;
  height: 17% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_datacenter_hitbox{
  position: absolute ;
  top : 19% ;
  left: 33% ;
  width: 10% ;
  height: 8% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_detachedhouse_hitbox{
  position: absolute ;
  top : 80% ;
  left: 67% ;
  width: 5% ;
  height: 12% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_embankment_hitbox{
  position: absolute ;
  top : 82% ;
  left: 11% ;
  width: 16% ;
  height: 15% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_factory_hitbox{
  position: absolute ;
  top : 2% ;
  left: 42% ;
  width: 15% ;
  height: 13% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_hospital_hitbox{
  position: absolute ;
  top : 30% ;
  left: 79% ;
  width: 11% ;
  height: 23% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_officebuilding_hitbox{
  position: absolute ;
  top : 71% ;
  left: 58% ;
  width: 8% ;
  height: 22% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_pedestriandeck_hitbox{
  position: absolute ;
  top : 67% ;
  left: 40% ;
  width: 17% ;
  height: 14% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_roadpier_hitbox{
  position: absolute ;
  top : 55% ;
  left: 14% ;
  width: 5% ;
  height: 8% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}
.wd_map_hilight_roadpier_hitbox02{
  position: absolute ;
  top : 59% ;
  left: 7% ;
  width: 5% ;
  height: 8% ;
  cursor: pointer ;
  z-index: 11 ;
}
.wd_map_hilight_roadpier_hitbox03{
  position: absolute ;
  top : 63% ;
  left: 0% ;
  width: 5% ;
  height: 8% ;
  cursor: pointer ;
  z-index: 11 ;
}


.wd_map_hilight_school_hitbox{
  position: absolute ;
  top : 76% ;
  left: 75% ;
  width: 15% ;
  height: 18% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_shoppingmall_hitbox{
  position: absolute ;
  top : 42% ;
  left: 22% ;
  width: 20% ;
  height: 10% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_stadium_hitbox{
  position: absolute ;
  top : 26% ;
  left: 7% ;
  width: 20% ;
  height: 15% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_station_hitbox{
  position: absolute ;
  top : 53% ;
  left: 33% ;
  width: 15% ;
  height: 11% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_supermarket_hitbox{
  position: absolute ;
  top : 28% ;
  left: 50% ;
  width: 11% ;
  height: 11% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_warehouse_hitbox{
  position: absolute ;
  top : 18% ;
  left: 44% ;
  width: 14% ;
  height: 7% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_waterandsewagefacilities_hitbox{
  position: absolute ;
  top : 10% ;
  left: 23% ;
  width: 10% ;
  height: 11% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_trestle_hitbox{
  position: absolute ;
  top : 51% ;
  left: 55% ;
  width: 3% ;
  height: 9% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}
.wd_map_hilight_trestle_hitbox02{
  position: absolute ;
  top : 60% ;
  left: 66% ;
  width: 3% ;
  height: 9% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}

.wd_map_hilight_retainingwall_hitbox{
  position: absolute ;
  top : 87% ;
  left: 41% ;
  width: 9% ;
  height: 12% ;
  /** background-color: #00FFFF ; **/
  cursor: pointer ;
  z-index: 11 ;
}







.wd_const_cate4th_superbox{
  position: relative ;
  width: calc( 100% - 30px );
  max-width: 1000px ;
  margin: 90px auto 0px ;
}

.wd_const_cate4th_flex{
  position: relative;
  display: flex ;
  flex-wrap: wrap ;
  justify-content: space-between ;
  align-items: flex-start ;
  box-sizing: border-box ;
  padding: 20px 36px 36px ;
  background-color: #EFEFEF ;
}

.wd_const_cate4th_col{
  position: relative;
  display: flex ;
  flex-wrap: wrap ;
  justify-content: center ;
  gap: 8px ;
  box-sizing: border-box ;
  width: 49% ;
  max-width: 440px ;
}

.wd_const_cate4th_col_title{
  position: relative;
  display: block ;
  box-sizing: border-box ;
  width: 100% ;
  height: 60px ;
  height: 60px ;
  line-height: 60px ;
  text-align: center ;
  background-color: #295E96 ;
  color: #FFFFFF ;
  font-size: 20px ;
  font-weight: 700 ;
}



































/** ================================================================================================ **/
/** ================================================================================================ **/
/** ================================================================================================ **/
@media (max-width: 1000px) {











.wd_const_map_superbox{
  max-width: 620px ;
 overflow-x: scroll ;
}
.wd_const_map_stage{
  width: 620px ;
  height: 230px ;
}
.wd_const_map_illust{
  width: 620px ;
}


.wd_const_category_flex{
  max-width: 620px ;
  margin: 24px auto 0px ;
  justify-content: center ;
}

.wd_const_category_col{
  width: 100% ;
  max-width: 470px ;
}

.wd_const_category_superbox{
  margin-bottom : 30px ;
}

.wd_const_category_title{
  padding: 10px 10px ;
  font-size: 20px ;
}

.wd_const_category_size{
  font-size: 16px ;
}

.wd_const_category_innerflex{
  gap: 15px ;
  padding: 15px ;
}

.wd_const_category_item_wrap{
}

.wd_const_category_itembox{
  padding: 20px 30px ;
  line-height: 20px ;
  font-size: 14px ;
}
.wd_const_category_item_arrow{
}

.wd_const_category_item_illustbox{
  width: 60px ;
}

.wd_const_category_item_back{
}

.wd_const_category_item_wrap a,
.wd_const_category_item_wrap a:link,
.wd_const_category_item_wrap a:visited{
  text-decoration: none ;
}











/** const ul ==================================== **/


.wd_constul_cateflex{
  margin : 24px auto 0px ;
  gap : 0px ;
}

.wd_constul_cate_big{
  width: 100%  ;
  height: 58px ;
  line-height: 58px ;
  padding: 0px 0px ;
}

.wd_constul_cate_small{
  width: 100% ;
  padding: 0px 0px ;
  font-size: 16px ;
}

.wd_constul_titlebox{
  margin : 26px auto 0px ;
}

.wd_constul_title_bar{
}

.wd_constul_title_inner{
  padding: 0px 30px ;
  font-size: 22px ;
}

.wd_constul_imagebox{
  margin : 60px auto 40px ;
  padding : 0px 15px ;
}

.wd_constul_imagebox img{
  max-width: 80% ;
}

.wd_constul_method_superbox{
  padding: 15px 0px 15px ;
  margin-bottom : 80px ;
}

.wd_constul_mothod_story{
  text-align: left ;

}

.wd_constul_method_inner{
  padding: 1px 0px 16px ;
  background-color: #FFFFFF ;
}

.wd_constul_method_inner a,
.wd_constul_method_inner a:link,
.wd_constul_method_inner a:visited{
}

.wd_constul_methodtitle{
}

.wd_constul_method_item{
  width: calc( 100% - 30px );
  margin : 16px auto 0px ;
}

.wd_constul_method_item_back{
}

.wd_constul_method_item img{
}

.wd_constul_method_item_inner{
}

















/** const 4th ==================================== **/


.wd_const4th_submenu_superbox_wrap{
  display: none ;
}

.wd_const4th_submenu_superbox{
  max-width: 620px ;
  margin : 0px auto 0px ;
}

.wd_const4th_submenu_superbox_title{
  display: none ;
}
.wd_const4th_submenu_superbox_title_sp{
  display: block ;
  cursor: pointer ;
  margin : 40px auto 2px ;
  max-width: 620px ;
}

.wd_const4th_submenu_superbox_title_sp_arrow{
  position: absolute;
  top : 50% ;
  right: 20px ;
  width: 10px ;
  height: 10px ;
  margin-top : -5px ;
  border-top: 1px solid #FFFFFF ;
  border-left: 1px solid #FFFFFF ;
  transform: rotate(45deg );
}

.wd_const4th_submenu_methodcol01{
  width: calc( 50% - 1px );
  gap: 2px ;
}
.wd_const4th_submenu_methodcol02{
  width: calc( 50% - 1px );
  gap: 2px ;
}

.wd_const4th_submenu_methodcol_title{
  font-size: 15px ;
}

.wd_const4th_submenu_method_item_wrap_na{
  width: 100% ;
}

.wd_const4th_submenu_method_item_wrap{
  width: 100% ;
}
.wd_const4th_submenu_methodcol02 .wd_const4th_submenu_method_item_wrap{
  width: 100% ;
}


.wd_const4th_submenu_method_item_wrap:hover a .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap:hover a:link .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap:hover a:visited .wd_const4th_submenu_method_item{
}

.wd_const4th_submenu_method_item_wrap a,
.wd_const4th_submenu_method_item_wrap a:link,
.wd_const4th_submenu_method_item_wrap a:visited{
}

.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item,
.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item:link,
.wd_const4th_submenu_method_item_wrap.wd_active a .wd_const4th_submenu_method_item:visited{
}







.wd_const4th_submenu_method_item_wrap_long{
  width: 100% ;
}
.wd_const4th_submenu_method_item_long{
}
.wd_const4th_submenu_method_item_long_inner{
  
}


.wd_const4th_submenu_method_item_wrap_double{
  width: 100% ;
}

.wd_const4th_submenu_method_item_double_wrap{
  width: 100% ;
}

.wd_const4th_submenu_method_item_double{

}

.wd_const4th_submenu_method_item_double_wrap_na{
  width: 100% ;
}















.wd_const4th_inner{
  max-width: 620px ;
  margin: 40px auto 100px ;
}

.wd_const4th_name{
}

.wd_const4th_subname{
}

.wd_const4th_methoddesc{
}

.wd_const4th_chara_titlebox{
}

.wd_const4th_chara_titleinner{
}

.wd_const4th_chara_title{
}

.wd_const4th_chara_title_square{
}

.wd_const4th_chara_story{
}


.wd_const4th_chara_image_flex01,
.wd_const4th_chara_image_flex02,
.wd_const4th_chara_image_flex03,
.wd_const4th_chara_image_flex04{
  font-size: 12px ;
  text-align: center ;
}

.wd_const4th_chara_image_flex01 .wd_const4th_chara_image_wrap{
}
.wd_const4th_chara_image_flex02 .wd_const4th_chara_image_wrap{
  width: 100% ;
}
.wd_const4th_chara_image_flex03 .wd_const4th_chara_image_wrap{
  width: 100%;
}
.wd_const4th_chara_image_flex04 .wd_const4th_chara_image_wrap{
  width: 100% ;
}


.wd_const4th_chara_image_wrap img{
}



.wd_const4th_methodflow_title{
}

.wd_const4th_methodflow_titlenum{
}

.wd_const4th_mothodflow_image{
}





.wd_const_map_navi_superbox{
  display: none ;
}







.wd_const_map_switch_superbox{
  bottom : 10px ;
  right: auto ;
  left: 10px ;
  width: 62px ;
  height: 30px ;
  border-radius: 15px ;
  display: none ;
}
.wd_const_map_switch_circle{
  position: absolute ;
  top : 4px ;
  left: 4px ;
  right: auto  ;
  width: 22px ;
  height: 22px ;
  background-color: #FFFFFF ;
  border-radius: 50% ;
  box-sizing: 0px 0px 2px rgba(0,0,0,0.25);
}

.wd_const_map_switch_on{
  position: absolute ;
  top : 50% ;
  right: 14px ;
  transform: translate(0%,-50%);
  width: 16px ;
}
.wd_const_map_switch_off{
  position: absolute ;
  top : 50% ;
  left: 14px ;
  transform: translate(0%,-50%);
  width: 16px ;
  display: none ;
}


.wd_const_map_navi_superbox{
}

.wd_const_map_navi_itembox{
}

.wd_const_map_navi_itembox_dummy{
}


.wd_const_map_navi_itembox a,
.wd_const_map_navi_itembox a:link,
.wd_const_map_navi_itembox a:visited{
}

.wd_const_map_navi_itembox_wrap{
}

.wd_const_map_navi_itembox:hover{
}

.wd_const_map_navi_itembox img{
}



.wd_const_map_mapnavi_wrap{
  height: 20px ;
  line-height: 20px ;
  font-size: 10px ;
}
.wd_const_map_mapnavi_wrap a,
.wd_const_map_mapnavi_wrap a:link,
.wd_const_map_mapnavi_wrap a:visited{
}

.wd_const_map_mapnavi{
  height: 20px ;
  border-radius: 10px ;
  padding : 0px 10px ;
}






/** map ================================================ **/

.wd_const_map_base{
  position: absolute;
  top : 0% ;
  left: 0% ;
  width : 620px ;
}

.wd_const_map_highway{
  width : 620px ;
}




.wd_const_map_over{
  width : 620px ;
}


















.wd_const_cate4th_superbox{
  max-width: 470px ;
  margin: 60px auto 0px ;
  justify-content: center ;
}

.wd_const_cate4th_flex{
  padding: 15px ;
  gap : 40px ;
}

.wd_const_cate4th_col{
  width: 100% ;
  max-width: 640px ;
}

.wd_const_cate4th_col_title{
  height: 40px ;
  line-height: 40px ;
  font-size: 16px ;
}






















} /** 768 ============================ **/