/*****************************

kiken taikan CSS

*****************************/
.kiken .line_ttl {
  margin-bottom: 40px;
}
.kiken_f .inner {
  max-width: 1000px;
}
.kiken_f .head {
  font-size: 3rem;
  font-weight: 600;
  color: #002c76;
  margin-bottom: 30px;
}
.kiken_f .sec_comm {
  width: 100%;
  line-height: 2;
  margin-bottom: 40px;
}

.kiken_f .taikan_img {
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 78%;
  overflow: hidden;
  margin-bottom: 60px;
}
.kiken_f .taikan_img svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
}

@media all and (max-width: 600px) {
  .kiken_f .head {
    font-size: 2.6rem;
    text-align: center;
  }
  /* .kiken_f .taikan_img {
    overflow: scroll;
    border: 2px solid #000;
  }
  .kiken_f .taikan_img svg {
    height: 180%;
    width: 180%;
    bottom: inherit;
    right: inherit;
  } */
}
/* svg anim */
.kiken_f .taikan_img .js-no_click {
  cursor: pointer;
  transition: 0.3s ease-in;
}
@media all and (min-width: 901px) {
  .kiken_f .taikan_img .js-no_click:hover {
    opacity: 0.5;
  }
}
.kiken_f .taikan_img .js-no_click.is_select {
  animation: pomTaiken 0.5s ease-in-out forwards;
}
.kiken_f .taikan_img .js-no_click.is_select .trans_path {
  stroke-width: 5;
  stroke: #ff0000;
}
.kiken_f .taikan_img #no01 {
  transform-origin: 57.7% 40%;
}
.kiken_f .taikan_img #no02 {
  transform-origin: 66.5% 25%;
}
.kiken_f .taikan_img #no03 {
  transform-origin: 57.5% 20.7%;
}
.kiken_f .taikan_img #no04 {
  transform-origin: 42.6% 10.6%;
}
.kiken_f .taikan_img #no05 {
  transform-origin: 35.6% 17.4%;
}
.kiken_f .taikan_img #no06 {
  transform-origin: 24.6% 22%;
}
.kiken_f .taikan_img #no07 {
  transform-origin: 10.7% 26%;
}
.kiken_f .taikan_img #no08 {
  transform-origin: 32.7% 37.5%;
}
.kiken_f .taikan_img #no09 {
  transform-origin: 40.8% 35.4%;
}
.kiken_f .taikan_img #no10 {
  transform-origin: 80.2% 32.5%;
}

@media all and (max-width: 600px) {
  .kiken_f .taikan_img .js-no_click {
    transform: scale(1.3);
  }
  /* .kiken_f .taikan_img #no04 {
    transform: translate(1%, 4%) scale(1.3);
  } */
}
/* slider */
#item_slider * {
  min-height: 0;
  min-width: 0;
}
#item_slider {
  width: 100%;
}
#item_slider .item_block {
  width: 100%;
}
#item_slider .item_block_in {
  width: 100%;
  border: 5px solid #323232;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 25px;
}
#item_slider .txt {
  width: 45%;
}
#item_slider .blo_ttl {
  color: #002c76;
  font-weight: 600;
  position: relative;
  font-size: 3rem;
  padding-top: 0.2em;
  padding-left: 1em;
  margin-bottom: 0.5em;
}
#item_slider .blo_ttl .no {
  display: block;
  width: 2.5em;
  position: absolute;
  top: -2.1em;
  left: -1.3em;
  margin: auto;
  overflow: hidden;
}

#item_slider .blo_ttl .no-in {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 148%;
  position: relative;
}
#item_slider .blo_ttl .no img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#item_slider .item_comm {
  padding-left: 0.5em;
  line-height: 2;
  margin-bottom: 1em;
}
#item_slider .item_comm .bigger {
  font-weight: 600;
  display: block;
  font-size: 1.8rem;
}
#item_slider .item_comm .bigger::before {
  content: "●";
  font-size: 0.8em;
  margin-right: 0.5em;
}
#item_slider .movie_smn {
  width: 51%;
  cursor: pointer;
  transition: 0.3s ease-in;
}
@media all and (min-width: 901px) {
  #item_slider .movie_smn:hover {
    opacity: 0.7;
    transition: 0.3s ease-in-out;
  }
}

#item_slider .slick-slide > div {
  width: 95%;
  margin: 0 auto;
  padding-top: 60px;
}
#item_slider .slick-next,
#item_slider .slick-prev {
  top: 250px;
}
#item_slider .slick-next {
  left: 100%;
}
#item_slider .slick-prev {
  right: 100%;
}
@media all and (max-width: 1200px) {
  #item_slider {
    width: 90%;
    margin: 0 auto;
  }
}
@media all and (max-width: 900px) {
  #item_slider .item_block_in {
    display: block;
  }

  #item_slider .txt {
    width: 100%;
  }

  #item_slider .movie_smn {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  #item_slider {
    width: 90%;
  }
  #item_slider .blo_ttl {
    font-size: 2.4rem;
    padding-left: 1.5em;
    padding-top: 0;
  }
  #item_slider .item_block_in {
    padding: 20px;
  }
  #item_slider .blo_ttl .no {
    width: 2em;
    top: -1.4em;
    left: -0.9em;
  }
  #item_slider .slick-slide > div {
    width: 100%;
    padding-top: 15px;
  }
  #item_slider .slick-next,
  #item_slider .slick-prev {
    top: 120px;
    z-index: 5;
  }
  #item_slider .slick-next::before,
  #item_slider .slick-prev::before {
    background-color: #e49a1b;
  }
  #item_slider .slick-next {
    left: calc(100% - 15px);
  }
  #item_slider .slick-prev {
    right: calc(100% - 15px);
  }
}
/* modal */
.kiken .video-wr {
  display: none;
  color: #fff;
}
.kiken .video-wr video {
  z-index: 0;
}
.kiken .video-wr.is_select {
  display: block;
}

.kiken .video-wr video {
  z-index: 1;
}