@charset "utf-8";
/* CSS Document */

/* トップページ
---------------------------------------------*/

/*メイントピック*/
#main_menu #aboutnedo a {background-image: url("/common2/img/topic5.svg");} /* img/topic5.svg */

/*What's News*/
html[lang="en"] .tab_list ul.outline {
	grid-template-columns: repeat(4,1fr);
}

#tab_panel1 li {
    grid-template-columns: 9em 1fr;
}

@media screen and (max-width: 767px){
	html[lang="en"] #news .tab_list ul.outline li:first-child {
		grid-column: 1;
	}
}

/*Overseas Offices*/
#Offices{
    background: var(--gray-color1);
    padding: 2rem;
}

#Offices img.Offices_img{
    max-width: 100%;
    margin-bottom: 1rem;
}

@media screen and (max-width: 767px){	
    #Offices{
        padding: 1rem;
    }
}

/* グローバルナビゲーション
---------------------------------------------*/

html[lang="en"] #glnav {
    grid-template-columns: repeat(4,1fr);
}

html[lang="en"] #glnav li:nth-child(1) a:before{content: url("/common2/img/gl1_en.svg");width: 35px;} /* img/gl1_en.svg */
html[lang="en"] #glnav li:nth-child(2) a:before{content: url("/common2/img/gl2.svg");width: 45px;} /* img/gl2.svg */
html[lang="en"] #glnav li:nth-child(3) a:before{content: url("/common2/img/gl3_en.svg");width: 35px;} /* img/gl3_en.svg */
html[lang="en"] #glnav li:nth-child(4) a:before{content: url("/common2/img/gl4_en.svg");} /* img/gl4_en.svg */


html[lang="en"] dialog#search button:before,
html[lang="en"] dialog#search button:after {
    content: "";
    display: block;
    background-color: var(--white-color);
    width: 1rem;
    height: 2px;
    left: 2rem;
    top: 1.7rem;
    position: absolute;
}

html[lang="en"] dialog#search button:after {
    transform: rotate(-45deg);
}

@media screen and (max-width: 767px){
    html[lang="en"] header .header_menu ul.top a {
		padding: 1.4rem 1rem 0.7rem 2.5rem;
    }
    html[lang="en"] dialog#search button:before,
    html[lang="en"] dialog#search button:after {
        top: 1.5rem;
    }

    html[lang="en"] header .header_menu .top > li:first-child > a{
		background-position: left 0 top 65%!important;
    }
    
    html[lang="en"] #glnav li:nth-child(1) a:before{
   		margin-left: 5px;
		margin-right: 15px;
    }
    html[lang="en"] #glnav li:nth-child(3) a:before{
   		margin-left: 5px;
		margin-right: 15px;
    }
    html[lang="en"] #glnav li:nth-child(4) a:before{
   		margin-left: 3.5px;
		margin-right: 13.5px;
    }

}



/* News List */

ul.table-style li{
    list-style: none;
}

.content .main-container ul.table-style li {
    border-bottom: dotted 1.5px #CCC;
    padding: 1rem;
}

div.jigyo-name {
  color:#fff !important;}
div.jigyo-name a{
  color:#fff;}
dl.field_list {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0; }
dl.field_list dt > a{
  color:#fff !important;}
.field_list .jigyo-name > a{
  color:#fff !important;}
dl.field_list dt.jigyo-name a{
  color:#007bff;}
.field_list .jigyo-name a{
  color:#007bff;}
  
  dl.field_list dt, .jigyo-name {
    border: 1px solid #6c757d;
    background: #6c757d;
    text-align: center;
    color: #333;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.red dt, .red .jigyo-name {
    border: 1px solid #C4131D;
    background: #C4131D;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.red dd {
    border: 1px solid #C4131D;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.green dt, .green .jigyo-name {
    border: 1px solid #2D7D59;
    background: #2D7D59;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.green dd {
    border: 1px solid #2D7D59;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.black dt, .black .jigyo-name {
    border: 1px solid #242E34;
    background: #242E34;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.black dd {
    border: 1px solid #242E34;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.blue dt, .blue .jigyo-name {
    border: 1px solid #2F4791;
    background: #2F4791;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.blue dd {
    border: 1px solid #2F4791;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.light-blue dt, .light-blue .jigyo-name {
    border: 1px solid #007A86;
    background: #007A86;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.light-blue dd {
    border: 1px solid #007A86;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.light-green dt, .light-green .jigyo-name {
    border: 1px solid #88CB5A;
    background: #88CB5A;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.light-green dd {
    border: 1px solid #88CB5A;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.orange dt, .orange .jigyo-name {
    border: 1px solid #D14800;
    background: #D14800;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.orange dd {
    border: 1px solid #D14800;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.pink dt, .pink .jigyo-name {
    border: 1px solid #CD3170;
    background: #CD3170;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.pink dd {
    border: 1px solid #CD3170;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.purple dt, .purple .jigyo-name {
    border: 1px solid #401C77;
    background: #401C77;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.purple dd {
    border: 1px solid #401C77;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.brown dt, .brown .jigyo-name {
    border: 1px solid #3B1A08;
    background: #3B1A08;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.brown dd {
    border: 1px solid #3B1A08;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.gray dt, .gray .jigyo-name {
    border: 1px solid #6D7076;
    background: #6D7076;
    text-align: center;
    color: white;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list.gray dd {
    border: 1px solid #6D7076;
    background: white;
    text-align: center;
    color: black;
    font-size: 84%;
    white-space: normal; }
  dl.field_list.etc dt, .etc .jigyo-name {
    border: 1px solid #333;
    background: #fff;
    text-align: center;
    color: #333;
    font-size: 84%;
    font-weight: normal; }
  dl.field_list dd {
    padding: 0 5px; }
    
    
/* 英語一覧用 */
.col-cate-en {
	-ms-flex: 0 0 7rem;
	flex: 0 0 7rem;
	max-width: 7rem;
	font-size: 66% !important;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-date-en {
	-ms-flex: 0 0 7rem;
	flex: 0 0 7rem;
	max-width: 7rem;
	text-align:right !important;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	justify-content: flex-end;
}
@media (max-width: 768px) {
	.col-date-en {
		-ms-flex: 0 0 6rem;
		flex: 0 0 6rem;
		max-width: 6rem;
	}
}
@media (max-width: 576px) {
	.col-cate-en {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.col-date-en {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
		padding:4px 0;
		text-align:left !important;
		justify-content: flex-start;
	}
}
.tab-content{
    padding-bottom: 3em;}
.tab-content a {
  color: #1A1311 !important;
}
.tab-content dt {
  text-align:left !important;
  font-weight:normal !important;
}
.tab-content dd {
  text-align:left !important;
}
@media (min-width: 992px) {
  .content .main-link .row .col-lg-b {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
  }
}
ul.nav-tabs li a {
color: #1A1311 !important;
text-decoration: none !important;
}
.content .main-container .nav-item a.active {
    color: white !important;
}