@charset "UTF-8";
/* base0003.css                 */
/* created t.uemura 2017.02.28  */

/* body & container   */
body{
  background-color: #ffffff;
}
.container{
  background: transparent;
}

/* topicpath  */
.topicPath {
  width: 996px;
  margin: 0px auto;
  text-align: left;
  padding: 15px 0px 25px 0px;
}

/* ISO26262 list */
.layout1 li {
  float: left;
  /*width: 285px;*/
  width: 220px;
  background-color: #B9E8FF;
  /*margin: 0px 25px 25px 0px;*/
  margin: 10px 12px 0px 0px;
  /*padding: 15px 15px 15px 15px;*/
  padding: 10px 10px 10px 10px;
  transition: background 0.5s,color 0.5s;
  border-top: none;
}
.layout1 li:nth-child(4n) {
  margin-right: 0px;
}
.firstlayout1 li{
  min-height: 410px;
}
.layout1 li:hover{
  background-color: #9fd9f6;
}
.layout1 li:last-child {
  margin-right: 0px;
}
.layout1 .thumbnail{
  background: none;
  margin: 0px auto;
  text-align: center;
  float: none;
  padding: 0px;
}
.layout1 .thumbnail img {
  border: none;
  width:  100%;
}
.layout1 .contents{
  text-align: center;
}
.layout1-2nd .contents{
  height: 70px;
}
.layout1 h3{
  display:  block;
  margin: 10px 0px 0px 0px;
}
.layout1 .contents h3 a{
  text-decoration:  none;
}
.layout1 .summary{
  font-size: 14px;
  text-align: left;
  /*height:     470px;*/
  height:     200px;
}

/* layout youtube */
/* detail-link button */
.grid-full .detail-link {
  clear:          both;
  margin-bottom:  15px;
  list-style:     none;
  padding:        0px 0px 0px 0px;
  font-size:      1.4rem;
  line-height:    1;
  float:          right;
}
.grid-full .detail-link a {
  display:          block;
  padding:          0.714em 2em;
  background-color: #3f9c35;
  border-radius:    4px;
  box-shadow:       0 0 0 1px #fff, 0 0 0 2px #3f9c35;
  text-decoration:  none;
  color:            #fff;
  transition:       background-color 0.5s;
}
.grid-full .detail-link a:hover,
.grid-full .detail-link a:focus {
  background-color: #2e7026;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #2e7026;
}


.layoutyt {
  overflow: hidden;
  /*margin: 0px -40px 0px;*/
}
.layoutyt li {
  float:  left;
  width:  305px;
  height: 320px;
  /*background-color: #F8faff;*/
  margin: 10px 15px 45px 25px;
  /*margin: 10px 15px 45px 45px;*/
  /*padding:    0px 0px 0px 0px;*/
  padding:    0px 0px 0px 0px;
  transition: background 0.5s,color 0.5s;
  border-top: none;
  /*box-shadow: rgba(0, 10, 23, 0.1) 0px 5px 30px 0px;*/
  transition: transform 0.3s ease 0s, box-shadow 0.3s linear 0s;
}
.layoutyt.layout1-2nd li{
  margin-left: 10px;
}
/*
.layoutyt li:nth-child(3n+1),
.layoutyt li:nth-child(1){
  margin-left:  40px;
}
 */
/*
.layoutyt li{
  margin-left:  40px;
}
 */
.layoutyt li:nth-child(3n) {
  margin-right: 0px;
}

.layoutyt li:hover{
  /*background-color: #9fd9f6;*/
  /*box-shadow: rgba(0, 10, 23, 0.2) 0px 5px 40px 0px;*/
  box-shadow: rgba(0, 10, 23, 0.2) 0px 0px 10px 0px;
  transform: scale(1.02);
}
.layoutyt li:last-child {
  margin-right: 0px;
}
/*
.layoutyt .thumbnail{
  background: none;
  margin: 0px auto;
  text-align: center;
  float: none;
  padding: 0px;
}
.layoutyt .thumbnail img {
  border: none;
  width:  100%;
}
 */
.layoutyt li .contents {
  /*box-shadow: rgba(0, 10, 23, 0.1) 0px 5px 30px 0px;*/
  box-shadow: rgba(0, 10, 23, 0.1) 0px 0px 3px 0px;
  background-color: #F8faff;
}
.layoutyt .desc{
  /*text-align: center;*/
  padding:  1rem;
}
.layoutyt .date{
  color: rgba(0, 10, 23, 0.4);
  font-size:  16px;
}
.layoutyt h3{
/*  display:  block;*/
  color: rgb(0, 10, 23);
  font-weight: bold;
  font-size:  18px;
  line-height: 1.4;
  height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 5px 0px 0px;
  overflow-wrap: break-word;
}
.layoutyt .explain{
  color: rgba(0, 10, 23, 0.5);
  font-size: 16px;
  line-height: 1.4;
  height: 2.8em;
  display: -webkit-box;
  /*

   */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 5px 0px 0px;
}
.layoutyt .contents h3 a{
  text-decoration:  none;
}


#container-1-fs,
#container-1{
  background-color: #ECEBEB;
  margin: 30px 0px 0px 0px;
  padding:  3px 0px 0px 0px;
  position: relative;
}
#container-1-fs .thispagearrow{
  /*left:   115px;*/
  /*left:   92px;*/
  left:   71px;
  top: 29px;
  color: #509148;
  font-size: 30px;
  transform: scale( 1 , 0.5 );
  position: absolute;
}
#container-1-fs .thispagearrow-sotif{
  /*left:   351px;*/
  /*left:   284px;*/
  left:   235px;
  color:  #ff8c00;
}
#container-1-fs .thispagearrow-as{
  /*left:   351px;*/
  /*left:   482px;*/
  left:   401px;
  color:  #302cb3;
}
#container-1-fs .thispagearrow-iatf16949{
  /*left:   599px;*/
  /*left:   681px;*/
  left:   565px;
  color:  #98213F;
}
#container-1-fs .thispagearrow-ac{
  /*left:   847px;*/
  /*left:   881px;*/
  left:   732px;
  color:  #2e7ace;
}
#container-1-fs .thispagearrow-sumaturity{
  left:   898px;
  color:  #8C94BC;
}
#container-1-fs .thispagearrow-4{
  left: 461px;
  color:  #b3500b;
}
#container-1-fs .thispagearrow-5{
  left: 596px;
  color:  #007B79;
}
#container-1-fs .thispagearrow-6{
  left: 731px;
  color: #9db305;
}
#container-1-fs .thispagearrow-7{
  left: 866px;
  color: #E26926;
}

/* h2 */
.main h2:before, .main h2:after{
  background: none;
}
.main h2 {
  clear:  both;
  font-size: 24px;
  padding: 20px 0px 20px 0px;
  border: none;
  color: #0f4c01;
  font-weight: bold;
  position: relative;
}
.main h2:before{
  border-top: 1px solid;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color:  #c5c1c1;
}
.main h2 span.h2title{
  background-color: white;
  display: inline-block;
  padding: 0px 10px 0px 0px; /*ラインとテキストの間を調整*/
  position: relative; /*水平ラインが突き抜けないように*/
}
.seminer-description{
  font-size:  14px;
}
.seminer-description-yt{
  font-size:  16px;
}


.ui-tabs-panel{
  /* background:       transparent; */
  background-color: #ECEBEB;
  border-top: none;
  padding: 30px 8px 1px 8px;
}

.ui-tabs-nav{
  padding: 0px 0px 0px 0px;
}
.ui-tabs-nav li {
  /*width:          24%;*/
  /*width:          19%;*/
  width:          16%;
  font-size:      14px;
  font-family: "Arial Black";
  background:     #f6f6f6;
  letter-spacing: 4px;
  margin:         0px 3px 0px 3px;
  cursor: pointer;
}
.ui-tabs-nav li a:link{
  /*background: #8D8D91;*/
  background: transparent;
}
.ui-tabs-nav li a:link:hover{
  background: #c3c3c3;
}

.ui-tabs-nav .ui-tabs-active a{
  top:  0px;
  margin: 0px 0px 0px 0px;
}
.ui-tabs-nav li.ui-tabs-active a:link{
  background: transparent;
}
.ui-tabs-nav li a{
  margin: 0px 0px 0px 0px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  width:          100%;
  padding-left:   0px;
  padding-right:  0px;
  font-weight:    bold;
}
.ui-tabs-nav .ui-tabs-active a span,
.ui-tabs-nav a span{
  background: transparent;
}
/*.ui-tabs-nav li a span,*/
.ui-tabs-nav li a div{
  color:      #515963;
  background: transparent;
  padding:    5px 0px 0px 5px;
}
.ui-tabs-nav li.ui-tabs-active,
.ui-tabs-nav li:nth-child(1).ui-tabs-active{
  background: #52954A;
}
.ui-tabs-nav li.ui-tabs-selected-sotif,
.ui-tabs-nav li:nth-child(2).ui-tabs-active {
  background: #ff8c00;
}
.ui-tabs-nav li.ui-tabs-selected-as,
.ui-tabs-nav li:nth-child(3).ui-tabs-active {
  background: #302cb3;
}
.ui-tabs-nav li.ui-tabs-selected-iatf16949,
.ui-tabs-nav li:nth-child(4).ui-tabs-active {
  background: #98213F;
}
.ui-tabs-nav li.ui-tabs-selected-ac,
.ui-tabs-nav li:nth-child(5).ui-tabs-active {
  background: #2e7ace;
}
.ui-tabs-nav li.ui-tabs-selected-sumaturity,
.ui-tabs-nav li:nth-child(6).ui-tabs-active {
  background: #8C94BC;
}

.ui-tabs-nav li.ui-tabs-selected-4 {
  background: #b3500b;
}
.ui-tabs-nav li.ui-tabs-selected-5 {
  background: #007B79;
}
.ui-tabs-nav li.ui-tabs-selected-6 {
  background: #9db305;
}
.ui-tabs-nav .ui-tabs-active a span{
  padding-bottom: 0px;
}

/* 20210703 ASPICEui-tabs-selected-as sub  */
#fragment-2-as .fragment-2-as-subtab{
  margin: 0px 0px 50px 0px;
  position: relative;
}
#fragment-2-as .fragment-2-as-subtab ul{
  display:  flex;
  justify-content: center;
}

#fragment-2-as .fragment-2-as-subtab ul li{
  width: 21%;
  font-size: 15px;
  background-color: #302cb3;
  margin: 10px;
  color: #fff;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  line-height:  1.2em;
}
#fragment-2-as .fragment-2-as-subtab ul li:hover{
  background-color: #9EA6C8;
}
#fragment-2-as .fragment-2-as-subtab ul li a{
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
#fragment-2-as .fragment-2-as-subtab .thispagearrow.thispagearrow-as-sub{
  top:    29px;
  color: #302cb3;
  font-size: 38px;
  transform: scale( 1 , 0.5 );
  position: absolute;
  left: 105px;
}


/* 1つめSUBタブ */
#fragment-2-as #fragment-2-as-subtab1 .fragment-2-as-subtab ul li:nth-child(1){
  background-color: #9EA6C8;
}
#fragment-2-as #fragment-2-as-subtab1 .fragment-2-as-subtab ul li:nth-child(1) a{
  color:  #000;
  font-weight: bold;
}
#fragment-2-as #fragment-2-as-subtab1 .fragment-2-as-subtab .thispagearrow.thispagearrow-as-sub{
  left: 349px;
}

/* 2つめSUBタブ */
#fragment-2-as #fragment-2-as-subtab2 .fragment-2-as-subtab ul li:nth-child(2){
  background-color: #9EA6C8;
}
#fragment-2-as #fragment-2-as-subtab2 .fragment-2-as-subtab ul li:nth-child(2) a{
  color:  #000;
  font-weight: bold;
}
#fragment-2-as #fragment-2-as-subtab2 .fragment-2-as-subtab .thispagearrow.thispagearrow-as-sub{
  /*left: 470px;*/
  left: 600px;
}

/* 3つめSUBタブ */
#fragment-2-as #fragment-2-as-subtab3 .fragment-2-as-subtab ul li:nth-child(3){
  background-color: #9EA6C8;
}
#fragment-2-as #fragment-2-as-subtab3 .fragment-2-as-subtab ul li:nth-child(3) a{
  color:  #000;
  font-weight: bold;
}
#fragment-2-as #fragment-2-as-subtab3 .fragment-2-as-subtab .thispagearrow.thispagearrow-as-sub{
  left:   720px;
}



/* list */
.dg-chart-stackedbox-chart-related-item{
  margin: 40px 0px 0px 0px;
}
.main_list h4{
  font-size: 20px;
  display: block;
  background: linear-gradient(90deg, #31612a, #5d9c59);
  padding:   8px 0px 8px 15px;
  position: relative;
  white-space: nowrap;
}
#fragment-2-sotif .main_list h4{
  background: linear-gradient(90deg, #ff8c00, #efb56e);
}
#fragment-2-as .main_list h4{
  background: linear-gradient(90deg, #302cb3, #6c76e8);
}
#fragment-3-iatf16949 .main_list h4{
  background: linear-gradient(90deg, #98213F, #E5583D);
}
#fragment-4-ac .main_list h4{
  background: linear-gradient(90deg, #2e7ace, #7b85f7);
}
.main_list h4 div.h4title{
  width:  600px;
}

.main_list h4 a{
  color: #ffffff;
  text-decoration: none;
}

.main_list h4 a:hover{
  color: #4f65de
}

.main_list h4 a.linktodetail{
  font-size: 10px;
  width: 170px;
  background: #ffffff;
  color: #6da575;
  vertical-align: middle;
  margin: auto;
  text-align: center;
  padding: 5px 0px 5px 0px;
  position: absolute;
  right: 10px;
  top: 13px;
}
#fragment-2-as .main_list h4 a.linktodetail{
  color: #302cb3;
}
#fragment-3-iatf16949 .main_list h4 a.linktodetail{
  color: #98213F;
}
#fragment-4-ac .main_list h4 a.linktodetail{
  color: #2e7ace;
}

.main_list h4 a.linktodetail:hover,
#fragment-2-as .main_list h4 a.linktodetail:hover,
#fragment-3-iatf16949 .main_list h4 a.linktodetail:hover
#fragment-4-ac .main_list h4 a.linktodetail:hover{
  color:  #b5b4b4;
}

.main_list{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 35px 0px;
  background-color: #E8F4E8;
}
#fragment-2-as .main_list{
  background-color: #f7ecf5;
}
#fragment-3-iatf16949 .main_list{
  background-color: #e5e5f5;
}
#fragment-4-ac .main_list{
  background-color: #f0f0f9;
}

.main_list p,
.main_list p.summary{
  width: 550px;
  font-size: 14px;
  padding: 25px 20px 5px 15px;
}
.main_list:hover {
  background-color: #E8F4E8;
}
.main_list .tag{
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 10px;
  padding: 3px 5px 3px 5px;
}
.main_list .tag-open{
  background-color: #f15b5b;
}
.main_list table.seminar-info{
  width: 555px;
  font-size: 16px;
  margin: 20px 0px 0px 15px;
}
.main_list table.seminar-info th{
  background-color: #DAEDDC;
  height: 30px;
  text-align: center;
  padding: 10px;
  border: 2px solid #E6F2E6;
}
.main_list table.seminar-info td{
  border-top: 1px solid #989898;
  padding: 0px 0px 0px 10px;
}

table.riatable {
  width: 350px;
  border: none;
  margin: 10px 10px 0px 0px;
  clear:  both;
  line-height:  1.2;
}
table.riatable th{
  background-color: #e4e4e4;
}
table.riatable td {
  font-size: 12px;
}
table.riatable th, table.riatable td {
  border: none;
  border-bottom: 2px solid #e4e4e4;
  text-align: center;
  font-size: 15px;
  padding:  3px 0px 3px 0px;
}
table.riatable td.dg-event-open {
  background-color: #fdf8db;
}
table.riatable td.dg-event-open-el{
  background-color: #f9eaea;
}


table.riatable tr:first-child th:first-child {
  font-size:  8px;
}
table.riatable tr th:first-child {
  width: 80px;
  font-weight: bold;
  color: #4a4a4a;
}
table.riatable tr:not(:first-child) th{
  font-size: 14px;
  height: 30px;
}

#fragment-2-as,
#fragment-3-iatf16949{
  padding-top:  40px;
}
#fragment-2-as .main_list .seminar-info,
#fragment-3-iatf16949 .main_list .seminar-info,
#fragment-4-ac .main_list .seminar-info,
#container-1 .main_list .seminar-info{
  display:  none;
}
#fragment-2-as .main_list h4{
  font-size:  16px;
  white-space:  normal;
}

#fragment-2-as .tag-important,
#fragment-2-as h7{
  font-size: 22px;
  text-align: start;
  color: #535353;
  margin: 10px 0px 10px 10px;
  color:  #31582c;
}

#fragment-3-iatf16949 .iatf16949-chart{
  margin-bottom: 40px;
}


/* sidebar */
.sidebar {
  font-size:  14px;
}
.sidebar h2 {
  font-size:  14px;
}
.seminarinfo h3 {
  font-size:  14px;
}

.dnvtraining-tab1   .main_list{ background-color: #f5fff0;}
.dnvtraining-tab2   .main_list{ background-color: #E8F4E8;}
.dnvtraining-tab2-1 .main_list{ background-color: #E8F4E8;}
.dnvtraining-tab2-2 .main_list{ background-color: #F7ECF5;}
.dnvtraining-tab2-3 .main_list{ background-color: #fff0f5;}
.dnvtraining-tab2-4 .main_list{ background-color: #f0f0f9;}
.dnvtraining-tab3   .main_list{ background-color: #eaeaff;}
.dnvtraining-tab4   .main_list{ background-color: #fff6e9;}
.dnvtraining-tab5   .main_list{ background-color: #efefef;}
.dnvtraining-tab6   .main_list{ background-color: #fff6e9;} /* SU成熟度モデル  */

.dnvtraining .main_list h4 {
    font-size:    16px;
    white-space:  normal;
}

.dnvtraining-tab1   .main_list h4{  background: linear-gradient(90deg, #156923, #3e8a40);}
.dnvtraining-tab2   .main_list h4{  background: linear-gradient(90deg, #31612a, #5d9c59);}
.dnvtraining-tab2-1 .main_list h4{  background: linear-gradient(90deg, #31612a, #5d9c59);}
.dnvtraining-tab2-2 .main_list h4{  background: linear-gradient(90deg, #302cb3, #6c76e8);}
.dnvtraining-tab2-3 .main_list h4{  background: linear-gradient(90deg, #302cb3, #E5583D);}
.dnvtraining-tab2-4 .main_list h4{  background: linear-gradient(90deg, #2e7ace, #7b85f7);}
.dnvtraining-tab3   .main_list h4{  background: linear-gradient(90deg, #000fc1, #4452f7);}
.dnvtraining-tab4   .main_list h4{  background: linear-gradient(90deg, #a54b1a, #bd6c24);}
.dnvtraining-tab5   .main_list h4{  background: linear-gradient(90deg, #363636, #616361);}
.dnvtraining-tab6   .main_list h4{  background: linear-gradient(90deg, #fda041, #fdbe7d);}  /* リスクマネジメント  */

.dnvtraining-tab1   .main_list h4 a.linktodetail{ color: #156923;}
.dnvtraining-tab2   .main_list h4 a.linktodetail{ color: #31612a;}
.dnvtraining-tab2-1 .main_list h4 a.linktodetail{ color: #31612a;}
.dnvtraining-tab2-2 .main_list h4 a.linktodetail{ color: #302cb3;}
.dnvtraining-tab2-3 .main_list h4 a.linktodetail{ color: #98213F;}
.dnvtraining-tab2-4 .main_list h4 a.linktodetail{ color: #2e7ace;}
.dnvtraining-tab3   .main_list h4 a.linktodetail{ color: #000fc1;}
.dnvtraining-tab4   .main_list h4 a.linktodetail{ color: #a54b1a;}
.dnvtraining-tab5   .main_list h4 a.linktodetail{ color: #363636;}
.dnvtraining-tab6   .main_list h4 a.linktodetail{ color: #fda041;}  /* リスクマネジメント  */
.dnvtraining        .main_list h4 a.linktodetail:hover{  color:  #b5b4b4;}

.dnvtraining .ui-tabs-nav li{
  width:          164px;
  margin:         0px 1px 0px 0px;
  letter-spacing: 2px;
}
.dnvtraining .ui-tabs-nav li:nth-child(6){
  margin-right: 0px;
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li{
  background-repeat:  no-repeat;
  background-position: 50% 25%;
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(1){
  background-image: url(/content/images/top/submenu_environment.png);
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(2){
  background-image: url(/content/images/top/submenu_automobile.png);
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(3){
  background-image: url(/content/images/top/submenu_aircraft.png);
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(4){
  background-image: url(/content/images/top/submenu_food.png);
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(5){
  background-image: url(/content/images/top/submenu_ict.png);
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:nth-child(6){
  background-image: url(/content/images/top/submenu_riskmanagement.png);
}

.dnvtraining .dnvtraining-ul .ui-tabs-nav li {
  height:       130px;
  border-right: 1px solid #B9B9B9
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li:hover {
  background-color: #FAFAFA;
}
.dnvtraining .ui-tabs-nav li a div {
  padding:      0px 0px 0px 0px;
  margin-top:   93px;
  font-size:    12px;
  font-weight:  bold;
}
.dnvtraining .dnvtraining-ul .ui-tabs-nav li a:link {
  background: transparent;
  height:   130px;
  position: absolute;
  width:    165px;
  margin:   0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
}

.dnvtraining-tab1     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(1){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_environment_active.png);
}
.dnvtraining-tab2     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(2){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_automobile_active.png);
}
.dnvtraining-tab2-1   .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(2){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_automobile_active.png);
}
.dnvtraining-tab2-2   .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(2){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_automobile_active.png);
}
.dnvtraining-tab2-3   .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(2){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_automobile_active.png);
}
.dnvtraining-tab2-4   .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(2){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_automobile_active.png);
}
.dnvtraining-tab3     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(3){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_aircraft_active.png);
}
.dnvtraining-tab4     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(4){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_food_active.png);
}
.dnvtraining-tab5     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(5){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_ict_active.png);
}
.dnvtraining-tab6     .dnvtraining-ul     ul.ui-tabs-nav li:nth-child(6){
  background-color:   #ffffff;
  background-image:   url(/content/images/top/submenu_riskmanagement_active.png);
}  /* リスクマネジメント  */
.dnvtraining ul.ui-tabs-nav a:hover div{
  color:    #31612a;
}
.dnvtraining ul.ui-tabs-nav a div div.navtitle{
  display:  inline;
  margin:   0px;
}
.dnvtraining ul.ui-tabs-nav a div span{
  padding:    0px 0px 0px 15px;
  position:   relative;
  margin:     0px auto;
  background: transparent;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(1) a div span{
  width:        130px;
  padding-left: 15px;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(2) a div span{
  width:        65px;
  padding-left: 7px;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(3) a div span{
  width:        64px;
  padding-left: 15px;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(4) a div span{
  width:        66px;
  padding-left: 15px;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(5) a div span{
  width:        68px;
  padding-left: 0px;
}
.dnvtraining ul.ui-tabs-nav li:nth-child(6) a div span{
  width:        134px;
  padding-left: 15px;
}

.dnvtraining ul.ui-tabs-nav a div div.arrowicon{
  display:                  block;
  content:                  "";
  position:                 absolute;
  top:                      48%;
  left:                     5px;
  width:                    5px;
  height:                   5px;
  margin:                   -4px 0 0 0;
  border-bottom:            solid 2px #2C333D;
  border-right:             solid 2px #2C333D;
  -webkit-transform:        rotate(45deg);
  -ms-transform:            rotate(45deg);
  transform:                rotate(45deg);
  -webkit-transform-origin: 50% 50% 0px;
  -ms-transform-origin:     50% 50% 0px;
  transform-origin:         50% 50% 0px;
}
.dnvtraining ul.ui-tabs-nav li:hover a div div.arrowicon{
  border-bottom:            solid 2px #6FAC42;
  border-right:             solid 2px #6FAC42;
}
.dnvtraining.dnvtraining-tab1   ul.ui-tabs-nav li:nth-child(1) a div div.arrowicon,
.dnvtraining.dnvtraining-tab2   ul.ui-tabs-nav li:nth-child(2) a div div.arrowicon,
.dnvtraining.dnvtraining-tab2-1 ul.ui-tabs-nav li:nth-child(2) a div div.arrowicon,
.dnvtraining.dnvtraining-tab2-2 ul.ui-tabs-nav li:nth-child(2) a div div.arrowicon,
.dnvtraining.dnvtraining-tab2-3 ul.ui-tabs-nav li:nth-child(2) a div div.arrowicon,
.dnvtraining.dnvtraining-tab2-4 ul.ui-tabs-nav li:nth-child(2) a div div.arrowicon,
.dnvtraining.dnvtraining-tab3   ul.ui-tabs-nav li:nth-child(3) a div div.arrowicon,
.dnvtraining.dnvtraining-tab4   ul.ui-tabs-nav li:nth-child(4) a div div.arrowicon,
.dnvtraining.dnvtraining-tab5   ul.ui-tabs-nav li:nth-child(5) a div div.arrowicon,
.dnvtraining.dnvtraining-tab6   ul.ui-tabs-nav li:nth-child(6) a div div.arrowicon{
  border-top:     solid 2px #31612a;
  border-left:    solid 2px #31612a;
  border-bottom:  none;
  border-right:   none;
  top:            55%;
}
.dnvtraining.dnvtraining-tab1 ul.ui-tabs-nav li:nth-child(1) a div div.arrowicon{
  border-top:   solid 2px #156923;
  border-left:  solid 2px #156923;
}
.dnvtraining.dnvtraining-tab3 ul.ui-tabs-nav li:nth-child(3) a div div.arrowicon{
  border-top:   solid 2px #000fc1;
  border-left:  solid 2px #000fc1;
}
.dnvtraining.dnvtraining-tab4 ul.ui-tabs-nav li:nth-child(4) a div div.arrowicon{
  border-top:   solid 2px #a54b1a;
  border-left:  solid 2px #a54b1a;
}
.dnvtraining.dnvtraining-tab5 ul.ui-tabs-nav li:nth-child(5) a div div.arrowicon{
  border-top:   solid 2px #515963;
  border-left:  solid 2px #515963;
}
.dnvtraining.dnvtraining-tab6 ul.ui-tabs-nav li:nth-child(6) a div div.arrowicon{
  border-top:   solid 2px #fda041;
  border-left:  solid 2px #fda041;
}

.dnvtraining.dnvtraining-tab1 .ui-tabs-nav li:nth-child(1) a div{
  color:  #156923;
}
.dnvtraining.dnvtraining-tab2   .ui-tabs-nav li:nth-child(2) a div,
.dnvtraining.dnvtraining-tab2-1 .ui-tabs-nav li:nth-child(2) a div,
.dnvtraining.dnvtraining-tab2-2 .ui-tabs-nav li:nth-child(2) a div,
.dnvtraining.dnvtraining-tab2-3 .ui-tabs-nav li:nth-child(2) a div,
.dnvtraining.dnvtraining-tab2-4 .ui-tabs-nav li:nth-child(2) a div{
  color:  #31612a;
}
.dnvtraining.dnvtraining-tab3 .ui-tabs-nav li:nth-child(3) a div{
  color:  #000fc1;
}
.dnvtraining.dnvtraining-tab4 .ui-tabs-nav li:nth-child(4) a div{
  color:  #a54b1a;
}
.dnvtraining.dnvtraining-tab5 .ui-tabs-nav li:nth-child(5) a div{
  color:  #363636;
}
.dnvtraining.dnvtraining-tab6 .ui-tabs-nav li:nth-child(6) a div{
  color:  #fda041;
}


.dnvtraining-ul{
  position: relative;
}
.dnvtraining-ul-sub{
  /*margin: 0 15px 15px 15px;*/
  padding:  0px 0px 0px 0px;
  /*width:  964px;*/
  width:  994px;
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #B9B9B9;
}
.dnvtraining-ul-sub2{
  /*padding:  18px;*/
  padding:  18px 6px 18px 11px;
  background: #F0F0F0;
  border-top: 1px solid #CACACA;
  height: 48px;
}
.dnvtraining-ul-sub .ui-tabs-nav li{
  /*border-right: 1px solid #CACACA;*/
  /*border-left: 1px solid #CACACA;*/
  background:   #f0f0f0;
  /*padding-left:  15px;*/
  /*padding-left:  11px;*/
  padding-left:  0px;
  /*width:  214px;*/
  /*width:  175px;*/
  width:  162px;
  height: 48px;
}
.dnvtraining-ul-sub.dnvtraining-ul-sub-1 .ui-tabs-nav li{
  width:  570px;
}
.dnvtraining-ul-sub.dnvtraining-ul-sub-1 .ui-tabs-nav a span{
  padding-top:  8px;
  line-height:  1.1em;
}
.dnvtraining-ul-sub.dnvtraining-ul-sub-1 .ui-tabs-nav a span span.description{
  font-size: 11px;
  margin:     0;
  padding:    0;
}
.ui-tabs-nav a, .ui-tabs-nav a span{
  padding:  0 3px;
}

.dnvtraining-ul-sub .ui-tabs-nav li:nth-child(1){
  padding-left:  0px;
  border-left:  none;
}
.dnvtraining-ul-sub .ui-tabs-nav li a{
  padding:  5px 0px 0px 20px;
  background: #fff;
  /*margin-right: 15px;*/
  margin-right: 8px;
  height: 40px;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #8B8B8B;
  background-image: url(/content/images/top/submenu_allow_purpose_link.png);
  background-repeat:  no-repeat;
  /*background-position: 12px;*/
  background-position: 8px;
}
.dnvtraining-ul-sub .ui-tabs-nav li a:hover,
.dnvtraining-tab2-1 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(1) a,
.dnvtraining-tab2-2 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(2) a,
.dnvtraining-tab2-3 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(3) a,
.dnvtraining-tab2-4 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(4) a,
.dnvtraining-tab2-5 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(5) a,
.dnvtraining-tab2-6 .dnvtraining-ul-sub .ui-tabs-nav li:nth-child(6) a{
  color:                #58A466;
  background-color:     #FAFAFA;
  background-image:     url(/content/images/top/submenu_allow_purpose_link.png);
  background-repeat:    no-repeat;
  background-position: 12px;
}
.dnvtraining-ul-sub .ui-tabs-nav a span{
  background-image: none;
  text-align:       left;
}

.dnvtraining .thispagearrow{
  position: absolute;
  top:      116px;
  z-index:  1;
}

.dnvtraining-tab1   .thispagearrow{  left:  72px; } /* 品質/環境/労安         */
.dnvtraining-tab2   .thispagearrow{  left: 238px; } /* 自動車                */
.dnvtraining-tab2-1 .thispagearrow{  left: 238px; } /* 自動車 ISO26262       */
.dnvtraining-tab2-2 .thispagearrow{  left: 238px; } /* 自動車 SOTIF          */
.dnvtraining-tab2-3 .thispagearrow{  left: 238px; } /* 自動車 A-SPICE        */
.dnvtraining-tab2-4 .thispagearrow{  left: 238px; } /* 自動車 IATF           */
.dnvtraining-tab2-5 .thispagearrow{  left: 238px; } /* 自動車 車載セキュリティ  */
.dnvtraining-tab2-6 .thispagearrow{  left: 238px; } /* 自動車 SE成熟度        */
.dnvtraining-tab3   .thispagearrow{  left: 404px; color: #000fc1; } /* 航空宇宙              */
.dnvtraining-tab4   .thispagearrow{  left: 570px; color: #a54b1a; } /* 食品安全              */
.dnvtraining-tab5   .thispagearrow{  left: 734px; color: #363636; } /* ICT                  */
.dnvtraining-tab6   .thispagearrow{  left: 900px; color: #fda041; } /* リスクマネジメント     */

.dnvtraining #fragment-2{ margin: 30px 0px 0px 0px; }
.dnvtraining #fragment-3{ margin: 30px 0px 0px 0px; }
.dnvtraining #fragment-4{ margin: 30px 0px 0px 0px; }
.dnvtraining #fragment-5{ margin: 30px 0px 0px 0px; }
.dnvtraining #fragment-6{ margin: 30px 0px 0px 0px; }
.dnvtraining #fragment-7{ margin: 30px 0px 0px 0px; }

.dnvtraining-tab1   .main_list .seminar-info{  display:  none;}
.dnvtraining-tab2   .main_list .seminar-info{  display:  none;}
.dnvtraining-tab2-1 .main_list .seminar-info{  display:  none;}
.dnvtraining-tab2-2 .main_list .seminar-info{  display:  none;}
.dnvtraining-tab2-3 .main_list .seminar-info{  display:  none;}
.dnvtraining-tab2-4 .main_list .seminar-info{  display:  none;}
.dnvtraining-tab3   .main_list .seminar-info{  display:  none;}
.dnvtraining-tab4   .main_list .seminar-info{  display:  none;}
.dnvtraining-tab5   .main_list .seminar-info{  display:  none;}
.dnvtraining-tab6   .main_list .seminar-info{  display:  none;}


/* A-SPICE submenu  20210703 */
.dnvtraining-ul-sub ul.ui-tabs-nav-sub{
  display:  flex;
  justify-content: center;
  margin: 10px 0px 10px 0px;
}
.dnvtraining-ul-sub .ui-tabs-nav-sub li{
  padding:  6px 0px 0px 0px;
  background: #fff;
  margin-right: 8px;
  height: 48px;
  border-right: 1px solid #CACACA;
  border-bottom: 1px solid #8B8B8B;
  /*background-image: url(/content/images/top/submenu_allow_purpose_link.png);*/
  /*background-repeat:  no-repeat;*/
  /*background-position: 12px;*/
  background-color: #302cb3;
  color:  #fff;
  width: 24%;
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  cursor: pointer;
}
.dnvtraining-ul-sub .ui-tabs-nav-sub li a{
  width:  100%;
  height: 100%;
  display:  block;
}
.dnvtraining-tab2-3 .dnvtraining-ul-sub2{
  height: 108px;
}

.dnvtraining-ul-sub .ui-tabs-nav-sub li a{
  padding:  12px 0px 0px 0px;
  margin-right: 8px;
  height: 48px;
  color:  #fff;
  text-decoration: none;
}
.dnvtraining-ul-sub .ui-tabs-nav-sub li:hover{
  background-color: #9EA6C8;
}
.dnvtraining-tab2-1 .dnvtraining-ul-sub .ui-tabs-nav-sub li:nth-child(1) a,
.dnvtraining-tab2-2 .dnvtraining-ul-sub .ui-tabs-nav-sub li:nth-child(2) a,
.dnvtraining-tab2-3 .dnvtraining-ul-sub .ui-tabs-nav-sub li:nth-child(3) a,
.dnvtraining-tab2-4 .dnvtraining-ul-sub .ui-tabs-nav-sub li:nth-child(4) a,
.dnvtraining-tab2-5 .dnvtraining-ul-sub .ui-tabs-nav-sub li:nth-child(5) a{
  /*color:                #58A466;*/
  /*background-color:     #FAFAFA;*/
  /*background-image:     url(/content/images/top/submenu_allow_purpose_link.png);*/
  /*background-repeat:    no-repeat;*/
  /*background-position: 12px;*/
  /*background-color: #9EA6C8;*/
}
.dnvtraining-tab2-3.dnvtraining-subtab1 .ui-tabs-nav-sub li:nth-child(1),
.dnvtraining-tab2-3.dnvtraining-subtab2 .ui-tabs-nav-sub li:nth-child(2),
.dnvtraining-tab2-3.dnvtraining-subtab3 .ui-tabs-nav-sub li:nth-child(3){
  background-color: #9EA6C8;
}
.dnvtraining-tab2-3.dnvtraining-subtab1 .ui-tabs-nav-sub li:nth-child(1) a,
.dnvtraining-tab2-3.dnvtraining-subtab2 .ui-tabs-nav-sub li:nth-child(2) a,
.dnvtraining-tab2-3.dnvtraining-subtab3 .ui-tabs-nav-sub li:nth-child(3) a{
  color:  #000;
  font-weight: bold;
}
.dnvtraining:not(.dnvtraining-tab2-3) .ui-tabs-nav-sub {
  display:  none;
}


/* t.uemura 20180219 submenu  */
.dnvtraining-ul-sub{
  position: relative;
}

/* interview  */
.interview #costomerVoice ul li{
	padding: 7px 10px;
}

.interview .interviewContents p{
	margin: 25px 0;
	line-height: 1.9em;
}

.interview .interviewContents h3{
	margin: 5px 0 14px;
	padding: 10px 4px;
	font-weight: bold;
	font-size: 1.3em;
	background: transparent url(img/bg_voice_h3.png) 0 100% repeat-x;
	zoom: 1;
}
.interview .interviewContents{
	margin: 10px 5px 0;
}

.interview #costomerVoice ul li a{
	position: relative;
	left: 12px;
	padding-right: 12px;
}

/* safety & cybersecurity movie tab css  20200625 */
.ss-movies {
  /*
  margin: 0px;
  padding: 0px;
  width: 100%;
  height:100%;
  text-align: center;
   */
}

.ss-movies #wrap {
  /*width: 400px;*/
  width: 100%;
  margin: 0 auto;
  margin-top: 50px;
}

.ss-movies #wrap .tabwrap{
  border-bottom: 4px solid #565555;
}
.ss-movies #wrap .tab {
  height:           40px;
  width:            185px;
  /*border-bottom: 4px solid black;*/
  /*border-bottom: 4px solid #565555;*/
  line-height:      40px;
  text-align:       center;
  font-size:        15pt;
  float:            left;
  cursor:           pointer;
  background-color: #f4f0ef;
  margin-right:     10px;
}
.ss-movies #wrap .selected {
  /*background-color: black;*/
  background-color: #033692;
  color: white;
  /*border: none;*/
}
.ss-movies #wrap #container {
  position: relative;
  /*width: 400px;*/
  width:  100%;
  width:  996px;
  margin: 0px 0px 0px 0px;
  padding:  25px 0px 0px 0px;
  /*height: 200px;*/
  overflow: hidden;
  clear: left;
}
.ss-movies #wrap #container h4{
  font-size:  24px;
}
.ss-movies #wrap .box {
  display: inline-block;
  /*white-space: nowrap;*/
  position: absolute;
  /*width: 400px;*/
  /*width:  996px;*/
  width:  1076px;
  /*height: 200px;*/
  /*line-height: 200px;*/
  /*text-align: center;*/
  font-size: 28pt;
  cursor: pointer;
  /* uemura add */
  width: 100%;
  height: 100%;
}
div#slide:before{
  content: "";
  display: block;
  /*padding-top: 100%;*/
  padding-top:  1500px;
}

.ss-movies #wrap #fs {
  top: 0px;
  left: 0px;
}
.ss-movies #wrap #cs {
  top: 0px;
  left: 996px;
}
.ss-movies #wrap #aspice {
  top: 0px;
  left: 1992px;
}
.ss-movies #wrap #special {
  top: 0px;
  left: 2988px;
}
.ss-movies #wrap #whitepaper {
  top: 0px;
  left: 3984px;
}
.ss-movies #wrap #slide {
  transition: transform 0.5s ease-in-out 0s;
  -moz-transition: -moz-transform 0.5s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
}
.ss-movies #wrap .move-to-second {
  transform: translateX(-996px);
  -moz-transform: translateX(-996px);
  -webkit-transform: translateX(-996px);
  transition-duration: 3s;
  -webkit-transition-duration: 3s;
}
.ss-movies #wrap .move-to-third {
  transform: translateX(-1992px);
  -moz-transform: translateX(-1992px);
  -webkit-transform: translateX(-1992px);
}
.ss-movies #wrap .move-to-first {
  transform: translateX(0px);
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
.ss-movies #wrap .move-to-four {
  transform: translateX(-2988px);
  -moz-transform: translateX(-2988px);
  -webkit-transform: translateX(-2988px);
}
.ss-movies #wrap .move-to-five {
  transform: translateX(-3984px);
  -moz-transform: translateX(-3984px);
  -webkit-transform: translateX(-3984px);
}
.ss-movies .slick-dots{
  position:         static;
  margin:           0px auto;
  width:            200px;
  display:          flex;
  justify-content:  center;
}

.ss-movies .slick-dots li{
  background-color: #d0d1d4;
  padding:  10px 10px 10px 10px;
}
.ss-movies .slick-dots li.slick-active {
  background-color: #043793;
}
.ss-movies .slick-dots li button:before{
  font-size:  20px;
  content:  "";
}

.ss-movies .slick-dots li button{
  font-size:  20px;
  color:      #ffffff;
}