@charset "UTF-8";
/****************************************
*	world industry theme top  pc only
****************************************/

/* -.worldTopHead
----------------------------------------------------------- */
.worldTopHead {
  background: -moz-linear-gradient(50% 0% -90deg,rgb(0,70,170) 0%,rgb(59,129,214) 100%);
  background: -webkit-gradient(linear,50% 0%,50% 102%,color-stop(0, rgb(0,70,170)),color-stop(1, rgb(59,129,214)));
  background: -webkit-linear-gradient(-90deg,rgb(0,70,170) 0%,rgb(59,129,214) 100%);
  background: -o-linear-gradient(-90deg,rgb(0,70,170) 0%,rgb(59,129,214) 100%);
  background: -ms-linear-gradient(-90deg,rgb(0,70,170) 0%,rgb(59,129,214) 100%);
  background: linear-gradient(180deg,rgb(0,70,170) 0%,rgb(59,129,214) 100%);
}
.worldTopHeadBg {
  width: 1040px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  height: 425px;
  background-image: url(/library/world/top_img.png);
}
.varTheme .worldTopHeadBg {
  height: 265px;
}
.worldTopHeadBox {
  display: flex;
  padding-top: 60px;
}
.worldTopHeadBoxTtl {
  flex-shrink: 0;
  padding: 0;
  color: #FFF;
  text-shadow: 1px 1px 0px #0033a8, -1px 1px 0px #0033a8, 1px -1px 0px #0033a8, -1px -1px 0px #0033a8;
}
.varTheme .worldTopHeadBoxTtl {
  padding-top: 0;
}
@media screen and (max-width: 640px) {
 .worldTopHead {
    margin: 0 -12px;
 }
 .worldTopHeadBg {
    width: 100%;
    height: 245px;
    background-position: 80% 50%;
 }
 .varTheme .worldTopHeadBg {
    background-position: center top;
    height: 245px;
 }
 .worldTopHeadBox {
    padding: 60px 20px 0;
 }
 .worldTopHeadBoxTtl {
    width: 100%;
 }
}

.worldTopHeadTtl #elem_heading_lv1 h1{
  position: relative;
  display: block;
  margin-left: 90px;
  padding: 5px 20px;
  vertical-align: middle;
  color: #FFF;
  font-size: 2.5714em;
  text-shadow: 1px 1px 0px #0033a8, -1px 1px 0px #0033a8, 1px -1px 0px #0033a8, -1px -1px 0px #0033a8;
}

.worldTopHeadTtl #elem_heading_lv1 h1 img {
    position: absolute;
    top: 50%;
    left: -90px;
    margin-top: -23px;
}

.worldTopHeadTtl #elem_heading_lv1 .sub_text { 
   font-size: 1.4285rem; 
   color: #fff; 
   padding :5px 0 0;
   text-shadow: 1px 1px 0px #0033a8, -1px 1px 0px #0033a8, 1px -1px 0px #0033a8, -1px -1px 0px #0033a8;
}

.worldTopHeadTtl #elem_heading_lv1 {
  padding-top: 17px;
  padding-bottom: 2px;
}

/* -.elem_mainvisual_map.var_01 for world
----------------------------------------------------------- */
.elem_mainvisual_map.var_01 {
  position: relative;
  width: 100%;
}
.elem_mainvisual_map.var_01 ul li { position:absolute; }
.elem_mainvisual_map.var_01 ul li span,
.elem_mainvisual_map.var_01 ul li a {
  display: block;
  padding: 5px 12px 4px;
  text-decoration: none;
  color: #006ec8;
  background: #fff;
}
.elem_mainvisual_map.var_01 ul li > span,
.elem_mainvisual_map.var_01 ul li > a { min-width: 55px; }
.elem_mainvisual_map.var_01 ul li .jtrModalWindowBtn:hover { opacity:1; }
.elem_mainvisual_map.var_01 ul li span.text {
  display: block;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.elem_mainvisual_map.var_01 ul li.map_01 {
  top: 99px;
  right: 400px;
}
.elem_mainvisual_map.var_01 ul li.map_01 a {
  padding-left : 0;
}
.elem_mainvisual_map.var_01 ul li.map_01 a .text {
   background: url(/library/new/common/content_images/arrow/arrow_right.png) 100% 0.3em no-repeat;
}
.elem_mainvisual_map.var_01 ul li.map_02 {
  top: 145px;
  right: 435px;
}
.elem_mainvisual_map.var_01 ul li.map_03 {
  top: 223px;
  right: 360px;
}
.elem_mainvisual_map.var_01 ul li.map_04 {
  top: 98px;
  right: 200px;
}
.elem_mainvisual_map.var_01 ul li.map_05 {
  top: 223px;
  right: 121px;
}
.elem_mainvisual_map.var_01 ul li.map_06 {
  top: 69px;
  right: 592px;
}
.elem_mainvisual_map.var_01 ul li.map_07 {
  top: 44px;
  right: 376px;
}
.elem_mainvisual_map.var_01 ul li.map_08 {
  top: 125px;
  right: 569px;
}
.elem_mainvisual_map.var_01 ul li.map_09 {
  top: 190px;
  right: 587px;
}
.elem_mainvisual_map ul > li img {
   padding-bottom: 5px;
}

@media screen and (max-width: 640px) {
  .elem_mainvisual_map {
    display: none;
  }
}
/* -.worldTopHead  for theme & industry
----------------------------------------------------------- */



.worldTopHeadBoxTtl #elem_heading_lv1 {
  padding-top: 17px;
  padding-bottom: 2px;
}

/* -.worldTopMenu
----------------------------------------------------------- */
.worldTopMenu {
  position: relative;
  min-height: 60px;
  margin-top: -75px;
}
.worldTopMenuBox { padding-top: 6px; }
div.elem_content_divide_box .elem_column_block:first-child { padding-top: 6px; }
.worldTopMenuBox .elem_column_block_pad {
  padding-top: 0;
  padding-bottom: 0;
}
.worldTopMenuBox .color_gray.elem_column_block_pad .elem_heading_lv2:first-child {
    padding-top: 0;
    margin-top: 0;
}

.worldTopMenuBox .color_gray.elem_column_block_pad .elem_heading_lv2 h2 {
  display: block;
  width: fit-content;
  padding: 13px 16px;
  text-align: center;
  color: #FFF;
  font-weight: normal;
  font-size: 1.2857em;
  background-color: #434343;
  margin-left: -30px;
}
@media screen and (max-width: 640px) {
 .worldTopMenuBox .color_gray.elem_column_block_pad .elem_heading_lv2:first-child {
   padding:8px 15px;
 }
 .worldTopMenuBox .color_gray.elem_column_block_pad .elem_heading_lv2:first-child {
   margin: 0 -15px;
 }
 .worldTopMenuBox .color_gray.elem_column_block_pad .elem_heading_lv2:first-child h2 {
   padding: 10px 0;
   margin-left: 0;
 }
}

/* -MENU for theme (pc&sp)
----------------------------------------------------------- */
.bmenu_title {
  background-color : #434343;
  color : #FFFFFF;
  padding : 20px 5px 16px;
}
.bmenu_title h2 {
  text-align : center;
  font-size : 1.25em;
  line-height : 1.2;
}

.bmenu_title h2 a,
.bmenu_title h2 a:hover,
.bmenu_title h2 a:visited,
.bmenu_title h2 a:active{
  color : #FFFFFF;
}

.bmenu_items{
  padding:10px;
  background-color: #F0F0F0;
}
.bmenu_items .elem_text_list ul li {
    margin: 0 0 5px;
    background: url(/library/new/common/img/ico_dotted.png) no-repeat left 0.4em;
    padding: 0 0 0 15px;
    line-height: 1.5;
}
.bmenu_items .elem_text_list ul.var_border_bottom li {
    padding-bottom: 7px;
    padding-top: 7px;
    background: url(/library/new/common/img/ico_dotted.png) no-repeat left 1.0em;
}

.bmenu_items .elem_list_news ul > li {
    padding-bottom: 0;
    padding-top: 0;}

@media screen and (max-width: 640px) {
	.bmenu_items .elem_list_news ul > li {
		display: flex;
	}
	.bmenu_items[style*="height"] {
        height: auto !important;
}
}