@charset "UTF-8";

/****************************************
*	/biz 
****************************************/

.biztop_main {
    position: relative;
}
.biztop_main .title {
    position: absolute;
    top: 0;
    width: 540px;
    padding: 20px 10px 0 8px;
}

.biztop_main .title h2 {
    font-weight: bold;
    padding-top: 30px;
    color: #000;
    text-shadow:
    #fff 3px 0px,  #fff -3px 0px,
    #fff 0px -3px, #fff 0px 3px,
    #fff 3px 3px , #fff -3px 3px,
    #fff 3px -3px, #fff -3px -3px,
    #fff 1px 3px,  #fff -1px 3px,
    #fff 1px -3px, #fff -1px -3px,
    #fff 3px 1px,  #fff -3px 1px,
    #fff 3px -1px, #fff -3px -1px;
}
.biztop_main .elem_heading_lv2 {
   padding: 0 0 0 5px;
}
.biztop_main .title h2 .main {
    color: #000;
    font-size: 1.375em;
    display: block;
    padding-top: 15px;
    line-height: 1.375em;
    /*background-color: rgba(255,255,255,.8);*/
}
.biztop_main .title h2 em {
    color: #CF0000;
}
.biztop_main .title h2 .main span {
    font-size: 0.8em;
}
.biztop_main .elem_heading_lv2 h2 .type {
    width: fit-content;
    display: block;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-left: -15px;
    padding: 8px 30px;
    background-color: #000;
    color: #fff;
    font-size: 0.65em;
    text-shadow: none;
}
.biztop_main  a:hover .elem_heading_lv2 h2 .type,
.biztop_main2 a:hover .elem_heading_lv2 h2 .type {
    background-color: #0033a8;
}
.biztop_main .title p {
    font-size: 1.25em;  
    font-weight: bold;
    letter-spacing: normal;
    padding: 40px 15px 15px 15px;
    color: #000;
    /*text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;*/
   line-height: 1.3em;
}
.biztop_main .title .sub {
    padding:15px;
    margin: 30px;
    background-color: rgba(255, 255, 255, 0.5);
}
.biztop_main .link {
   position: absolute;
   bottom: 15px;
   right: 15px;
   width: 150px;
}
/* right side */

.elem_heading_lv2 h2 .type {
    width: 150px;
    display: block;
    margin-top: -20px;
    padding: 8px 5px;
    background-color: #000;
    color: #fff;
    margin-left: -10px;
    font-size: 0.875em;
}
.elem_heading_lv2 h2 .title {
    display: block;
    padding: 15px 0 0 0;
    line-height: 1.5em;
    font-size: 0.95em;
}
.biztop_main a img,
.biztop_main2 a img {
    opacity: 1 !important;
}

.elem_list_news li .catelabel span {
    background: #000 none repeat scroll 0 0 !important;
    font-size: 0.85em;
    min-width: 135px !important;
    padding: 2px 2px 3px !important;
}

@media screen and (max-width: 640px) {
   .mainv {
       padding-bottom:10px;
   }
  .biztop_main .elem_heading_lv2 h2 .type {
    width: 100px;
    margin-left: -15px;
    padding: 3px 10px;
    text-align: center;
   }
   .biztop_main .elem_heading_lv2 {
       padding-left: 5px;
   }
   .biztop_main .title h2 .main {
    font-size: 7vw;
    display: inline-block;
    padding: 10px;
    line-height: 1.4em;
  } 
   .biztop_main .title p {
    font-size: 1.2em;
    line-height: 1.2em;
    padding-top: 30px;
    padding-left: 0px;
   }
   .biztop_main .title {     
        width: 100%;
   }
   .biztop_main .title h2 em.main {
    font-size: 1.0em !important;
}
    .biztop_main .title h2  .sub {
        font-size: 1.0rem !important;
   }

   .elem_heading_lv2 h2 .type.font16, 
   .elem_heading_lv2 h2.font16 .type{
      padding: 3px 3px;
      font-size: 0.875rem !important;
   }
   .biztop_main .link {
     width: 120px;
   }
}
@media print{
  .elem_heading_lv2 h2 .title{
     line-height: 1.3em;
     font-size: 0.85em;
  }
 .elem_heading_lv2 h2 .type {
     font-size: 0.75em;
  }
}

/* -MENU for theme & industry (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;
}
}