:root {
  --red-delay: 0s;
  --red-duration: 1.2s;
  --fadein-duration: 2s;
  --wipe-duraion: 1s;
}
@media(max-width:780px) {
  :root {
    --red-delay: 0s;
    --red-duration: 1.2s;
    --fadein-duration: 2s;
    --wipe-duraion: 1.4s;
  }
}

.svg_enout {
  height: 10.5rem; 
  /*  width: 50%; */
    margin-top: 0rem;
    margin-bottom: 0rem; 
  filter: drop-shadow( 5px 5px 4px #fff ) drop-shadow( -5px -5px 4px #fff );
}


.svg_en_chance {
  margin: 0px;
  padding: 0px;
  font-size:9rem;
  height:10rem;
}

.svg_illness_pos {
  transform: translate(40px);
}


.svg_chance_pos {
  transform: translate(8px);
}

.svg_block {
/*	display: block; */
}

.svg_font {
  /* height: 60px;  */
  height:65px;
/*  width: 50%; */
  margin-top: 0.6rem;
  margin-bottom: 1.6rem; 
  fill: #474747;
  filter: drop-shadow( -4px -4px 2px #fff ) drop-shadow( 4px 4px 2px #fff );
/*  opacity: 0; */
}

.svg_shadow {
  filter: drop-shadow( 2px 2px 6px #fff ) drop-shadow( 0px -1px 6px #fff );
}

.svg_font4 {
  height: 50px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  margin-left: 0.7rem;
  }

.svg_wipe0 svg {
/*  position: relative; */
  height: 6.6rem; 
/*  width: auto; */
  line-height: 0;
}

.fv_english_column{ 
  position: relative;
  /* top: 0; */
  top:-6%;
  left: 0;
}

/*
.svg_action {
  position: relative;
  top: 0;
  left: -50px;
}
*/

/*
.svg_font1 {
  height: 78px; 
  max-width: 303px;
}

.svg_font2 {
  height: 78px;
  max-width: 763px;
}

.svg_font3 {
  height: 78px;
}

.svg_font4 {
  height: 78px;
}
*/

.first_nodisplay {
	opacity: 0;
}

.fv_text_box div:nth-of-type(2) {
  margin-left: 40px;
}
.fv_text_box div:nth-of-type(3) {
  margin-left: 80px;
}

.svg_font_red {
/*  transition: transform 1.4s; */
  animation-delay: var(--red-delay); /* 1s; */
  animation-name: colorchangesvg;
  animation-duration: var(--red-duration); /* 1.2s; */
  animation-timing-function: ease-out;
  animation-fill-mode: forwards; 
  }

@keyframes colorchangesvg {
  0% {
     fill: var(--black);
  }
  100% {
    fill: var(--red);
  }
}

.show_fadein {
  animation-name: showin;
  animation-duration: var(--fadein-duration); /* 2s; */
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
.show_fadein {
  /* animation-delay: 1s; */}

@keyframes showin {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

.second_nodisplay {
/*	opacity: 0; */
}

.fv_english {
  display: flex;
  justify-content: center; 
  /* transform: rotate(-10deg); */
  transform: rotate(0deg);
}

.fv_english_column {
  flex-flow: column;
}

.fv_english .svg_wrap {
  width:450px;
  display:flex;
  flex-flow:column;
  margin-left: auto;
  margin-right: auto;
}

.fv_english .svg_wipe  {
  overflow: hidden;  
  transform: translateX(-100%);
/*  transition: transform 1.4s; */
/*  margin-top: 10px;  /* -10px;  /* -90px; */
/*  background-color: aqua; */
}

.fv_english .show_wipe_move {
  animation-name: showwipe;
  animation-duration: var(--wipe-duraion); /* 1.4s; */
  animation-fill-mode: forwards;
}

.svg_wipe {
  display: block;
  margin-left: 0;
  margin-right: auto; 
  
  transform:  translateX(100%);
/*  transition: transform 1.4s; */
/*  padding-left: 10px; */
}

.svg_wipe > * {
  display: block;

  margin-left: 0;
  margin-right: auto; 
  
  transform:  translateX(100%);
/*  transition: transform 1.4s; */
/*  padding-left: 10px; */
}

.show_wipe_move, .show_wipe_move > *  {
  animation-name: showwipe_content;
  animation-duration: var(--wipe-duraion); /*1.4s;*/

  animation-fill-mode: forwards;
}

/*.svg_wipe2,
.svg_wipe2 > * {
  margin-top: -120px;
  z-index: 1000;
}
*/

/*
.fv_english_column {
  position: relative;
}

.svg_wipe0 svg {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}

.svg_wipe2 {
  position: absolute;
  margin-top: -120px;
  z-index: 10;
  top: 10;
  left: 0;
}
*/

.svg_wipe2 > * {
/*  margin-top: -100px; */
}


@keyframes showwipe {
  0% {
    opacity: 1;
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
    opacity: 1;

  }
}

@keyframes showwipe_content {
  0% {
    opacity: 1;
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
    opacity: 1;

  }
}

.svg_wipe {
  font-size: 65px;
}

@media screen and (max-width: 780px){

  .svg_enout {
    height: 14.5vw; 
    filter: drop-shadow( 5px 5px 5px #fff );
  }

  .svg_wipe {
/*    font-size: 37.5px;*/
  }

  .svg_wipe2 > * {
/*    margin-top: -110px; */
  }

  .svg_font {
    height: 10vw; 
  }

  .svg_font1 {
    height: 11.5vw;
  }

  .svg_font4 {
    height: 9vw;
    margin-top: 0;
    margin-bottom: 0.7rem;
    margin-left: 0.7rem;
    }

/*
  .svg_wipe0 {
    position: relative;
    width: 100%;
  }
*/

  .fv_english .svg_wipe  {
    /* margin-top: -55px; */
    /* -90px; */
  }

  .svg_wipe0 svg {
    /*  position: relative; */
      height: 10vw; 
    /*  width: auto; */
    /*  line-height: 1.15px; */
    }

  .fv_english {
/*    transform: translateX(-10px) rotate(-10deg); */
      transform: translateX(10px) rotate(-10deg);
  }

/*  .svg_wipe0, .svg_wipe0 svg {
    width: 450px; 
  }
*/

/*    .svg_wipe {
      font-size: 10vw;
    }
*/

/*
  .top_fv {
    padding-bottom: 0;
  }
*/

/*  .fv_text_box {
    margin-bottom: 0%;
  }
*/


.svg_en_chance {
  /*    font-size:13vw;*/
      height: 13vw;
  /*    min-width: 98.7%; */
    }
  
.svg_en_wrap {
    padding: 0.5px;
    max-width: 86.905vw;
}
  
.svg_illness_pos {
    transform: translate(20px);
}
  
.svg_chance_pos {
    transform: translate(20px);
}

}
@media(min-width:1450px) {
  .top_fv {
    /* height: 690px; */
    /* height:900px; */
    /* padding-top: 300px; */
    /* background: url(img/topfv_back.jpg) bottom / cover no-repeat; */
    /* background-position:bottom!important; */
    /* padding-bottom: 50px; */
    background-size:cover;
  }

  /* .fv_text_box {
    margin-bottom: 210px!important;
  } */
}
/* @media(min-width:769px) {
  .fv_english .svg_wrap {
    position:relative;
  }
  .fv_english .show_wipe_move.fv_english1 {
    position: absolute;
    top: -80px;
    padding-left:6px;
  }
  .fv_english .show_wipe_move.fv_english1 svg {
    height:145px;
    overflow: visible;
  }
} */


img.fv_english {
  filter: drop-shadow( 2px 2px 6px #fff ) drop-shadow( 0px -1px 6px #fff );
}
@media(max-width:780px) {
  img.fv_english {
    width:80%;
  }
}
img.fv_english.fv_english1 {
  position: relative;
    top: 0px;
    padding-bottom:7px;
}


.top_mv {
  position:relative;
  overflow: hidden;
}
.top_mv_cont {
  position:absolute;
  width:1200px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  top:0;
  height:100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}
.fv_english .svg_wrap {
  position:relative;
  transform: matrix(0.98, -0.19, 0.19, 0.98, 0, 0);
}
.fv_english .svg_wrap.svg_wrap_english {
  top:-30px;
}
.fv_english .svg_wipe {
  position:relative;
 
  /* padding-right: 10px; */
}
.fv_english .svg_wipe_move img {
  width: 100%;
}


@media(min-width:2560px) {
  .svg_font {
    height: 75px;
  }
  .fv_english {
    margin-top:11%;
  }

  .fv_english .svg_wrap.svg_wrap_english {
    top:-50px;
  } 
}

@media(min-width:781px) and (max-width:1200px) {
  .top_mv {
    height:685px;
  }
  .top_mv_cont {
    width:90%;
  }
}
@media(min-width:1201px) and (max-width:1300px) {
  .top_mv_cont {
    width:90%;
  }
}
@media(min-width:1201px) and (max-width:1500px) {
  .top_mv {
    height:685px;
  }
}
@media(max-width:780px) {
  .top_mv_cont {
    width: 90%;
    overflow: hidden;
  }
  .svg_font {
    margin-bottom:0.6rem;
  }
  .fv_english {
    transform: translateX(10px) rotate(-1deg);
  }
  img.fv_english.fv_english1 {
    top: 4px;
  }
  img.fv_english.fv_english1 {
    height:49px;
  }
  img.fv_english.fv_english2 {
    /* height:35px; */
    height:45px;
    padding-bottom:10px;
  }
  /* .fv_english .svg_wrap {
    margin-left: 14%;
  } */
  .fv_english_column {
    position: relative;
    top: -4%;
  }
  .fv_english .svg_wipe {
    left: -20%;
  }
  .fv_english .svg_wrap {
    width: 375px;
    display: block;
  }
  .fv_english .svg_wipe.svg_eng_1 {
    left: -13%;
  }
}
@media(min-width:300px) and (max-width:360px) {
  .fv_english .svg_wipe {
    left: -17%;
  }
  img.fv_english.fv_english1 {
    height:39px;
  }
  img.fv_english.fv_english2 {
    height: 37px;
  }
}
@media(min-width:700px) and (max-width:780px) {
  img.fv_english.fv_english1 {
    height:auto;
  }
  img.fv_english.fv_english2 {
    height:64px;
  }
  .fv_english .svg_wrap {
    width:100%;
  }
  .fv_english .svg_wipe {
    left: -50%;
  }
  .fv_english .svg_wipe.svg_eng_1 {
    left:-42%;
  }
}


.txt_eng_2 {
  position: relative;
  top: -30px;
}
@media(min-width:800px) and (max-width:1000px) {
  .fv_english .svg_wrap.svg_wrap_english {
    top:-76px;
  }
}