/* --------------------------------------------- */
#base .header .subsec {
  height: auto;
}

#base .fv_sv_hdr {
  position: relative;
}

#base .fv_sv_hdr .secbg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: url(../img/sv/bg.jpg);
  background-size: 600px 600px;
}

#base .fv_sv_hdr .secbg.abs {
  position: absolute;
  top: auto;
  bottom: 0;
}

#base .fv_sv {
  position: relative;
}

@media all and (max-width: 767px) {
  #base .header.del {
    z-index: 10;
  }

  #base .header .subsec {
    height: auto;
  }

  #base .fv_sv_hdr .secbg {
    display: none;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../img/sv/bg.jpg);
    background-size: 600px 600px;
  }

  #base .fv_sv_hdr .secbg.abs {
    position: absolute;
    top: auto;
    bottom: 0;
  }
}
/* fv --------------------------------------------- */
#base .fv {
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

#base .fv .bg {
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#base .fv .bg .sub {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../img/fv/bg.jpg) no-repeat 50% 50%;
  background-size: cover;
  transform: scale(1.2);
  transition: transform 4.0s ease-out;
}

#base .fv .bg.vw .sub {
  transform: scale(1);
}

#base .fv .whether {
  position: absolute;
  z-index: 30;
  left: 23px;
  top: 23px;
  top: 20px;
  transition: opacity .3s ease-out;
}

#base .fv.del .whether {
  opacity: 0;
}

#base .fv .whether .tbl .td img {
  height: 22px;
  height: 28px;
}

#base .fv .whether .tbl .td p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1.6em;
  letter-spacing: 0.08em;
  padding-right: 7px;
}

#base .fv .temperature {
  position: absolute;
  z-index: 30;
  right: 23px;
  top: 23px;
  transition: opacity .3s ease-out;
}

#base .fv.del .temperature {
  opacity: 0;
}

#base .fv .temperature .tbl {
  position: relative;
}

#base .fv .temperature .tbl .td p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1.6em;
  letter-spacing: 0.08em;
  padding-right: 5px;
}

#base .fv .temperature .tbl .td p.num {
  letter-spacing: 0.0em;
  padding-left: 5px;
  padding-right: 0;
}

#base .fv .scrl {
  position: absolute;
  z-index: 30;
  right: 45px;
  bottom: 49px;
  text-align: center;
  width: 71px;
  transition: opacity .3s ease-out;
}

#base .fv.del .scrl {
  opacity: 0;
}

#base .fv .scrl .subscrl {
  position: relative;
}

#base .fv .scrl .icn {
  position: relative;
  width: 19px;
  height: 77px;
  margin: 0 auto;
}

#base .fv .scrl .icn .msk {
  position: relative;
  width: 19px;
  height: 69px;
  overflow: hidden;
}

#base .fv .scrl .icn .icn1 {
  position: relative;
  width: 19px;
  height: 3px;
  animation-name: scrl_anime1;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}

#base .fv .scrl .icn .icn1 .ln {
  width: 1px;
  height: 100%;
  overflow: hidden;
  background: #FFFFFF;
  margin: 0 auto;
}

#base .fv .scrl .icn .icn1 .pnt {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  overflow: hidden;
  background: #FFFFFF;
  left: 0;
  right: 0;
  bottom: -2px;
  margin: auto;
}

#base .fv .scrl .icn .icn2 .sub {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 19px;
  height: 8px;
  overflow: hidden;
  opacity: 0;
}

#base .fv .scrl .icn .icn2 .sub:nth-child(1) {
  animation-name: scrl_anime2;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}

#base .fv .scrl .icn .icn2 .sub:nth-child(2) {
  animation-name: scrl_anime3;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}

#base .fv .scrl p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1.4em;
  letter-spacing: 0.08em;
  padding-top: 17px;
}

@keyframes scrl_anime1 {
  0% {
    height: 3px;
  }
  5% {
    height: 3px;
    animation-timing-function: ease-in-out;
  }
  25% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes scrl_anime2 {
  0% {
    opacity: 0;
  }
  18% {
    opacity: 0;
    animation-timing-function: linear;
  }
  30% {
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
  }
}
@keyframes scrl_anime3 {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
    animation-timing-function: linear;
  }
  33% {
    opacity: 1.0;
  }
  100% {
    opacity: 1.0;
  }
}
#base .fv .itr {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  background: white;
  width: 100%;
  height: 100vh;
}

#base .fv .ttl {
  position: fixed;
  z-index: 210;
  left: 50%;
  top: 50%;
  transition: top 1.2s cubic-bezier(0.76, 0, 0.24, 1), opacity 0.6s ease-out;
}

#base .fv .ttl.vw {
  top: 26.171875%;
  top: 25.39%;
}

#base .fv .ttl.del {
  opacity: 0;
}

#base .fv .ttl .subttl {
  position: relative;
}

#base .fv .ttl .logo img {
  position: absolute;
  left: calc(286px * -0.5);
  top: calc(286px * -0.5);
  width: 286px;
  height: 286px;
  transition: filter 1.2s ease-in-out;
}

#base .fv .ttl.vw .logo img {
  filter: brightness(0) invert(1);
}

#base .fv .ttl .pc_only img {
  position: absolute;
  left: calc(960px * -0.5);
  top: calc(110px * -0.5);
  width: 960px;
  height: 110px;
  opacity: 0;
  transition: opacity 1.1s ease-in-out 1.2s;
}

#base .fv .ttl.vw .pc_only img {
  opacity: 1.0;
}

@media all and (max-width: 767px) {
  #base .fv {
    position: relative;
  }

  #base .fv .bg .sub {
    background: url(../img/fv/bg_sp.jpg) no-repeat 50% 100%;
    background-size: cover;
  }

  #base .fv .whether {
    top: 22px;
  }

  #base .fv .whether .tbl .td p {
    font-size: 1.6em;
    padding-right: 7px;
    font-size: 1.4em;
    padding-right: 6px;
  }

  #base .fv .whether .tbl .td img {
    height: 28px;
    height: 22px;
    height: 19px;
    height: 25px;
  }

  #base .fv .temperature .tbl .td p {
    font-size: 1.6em;
    padding-right: 5px;
    font-size: 1.4em;
    padding-right: 4px;
  }

  #base .fv .temperature .tbl .td p.num {
    padding-left: 5px;
    padding-left: 4px;
  }

  #base .fv .scrl {
    right: 45px;
    bottom: 49px;
    width: 71px;
    left: 0;
    right: 0;
    bottom: 29px;
    margin: auto;
  }

  #base .fv .scrl p {
    font-weight: 600;
    font-size: 1.3em;
    padding-top: 17px;
    font-weight: 400;
    padding-top: 8px;
  }

  #base .fv .ttl {
    position: absolute;
  }

  #base .fv .ttl.vw {
    top: calc(100vw * 211 / 390);
    top: calc(187 * 100vw / 390);
  }

  #base .fv .ttl .logo img {
    left: calc((100vw * 216 / 390) * -0.5);
    top: calc((100vw * 216 / 390) * -0.5);
    width: calc(100vw * 216 / 390);
    height: calc(100vw * 216 / 390);
  }

  #base .fv .ttl .sp_only img {
    position: absolute;
    left: calc((100vw * 290 / 390) * -0.5);
    top: calc(122 * 100vw / 390);
    width: calc(100vw * 290 / 390);
    height: auto;
    opacity: 0;
    transition: opacity 1.1s ease-in-out 1.2s;
  }

  #base .fv .ttl.vw .sp_only img {
    opacity: 1.0;
  }
}
/* sv --------------------------------------------- */
#base .sv {
  position: absolute;
  position: fixed;
  z-index: auto;
  top: 0;
  /*width: calc(980px * 3);*/
  opacity: 0;
}

#base .sv.abs {
  position: absolute;
  top: auto;
  bottom: 0;
}

#base .sv .cont {
  position: relative;
  width: 100%;
  height: 100%;
}

#base .sv.abs .cont {
  position: static;
  width: auto;
  height: auto;
}

#base .sv .txt_all .txt {
  position: absolute;
  z-index: 30;
}

#base .sv .txt_all .txt:nth-child(1) {
  left: calc(980px - (661px / 2));
  top: calc(50% - (261px / 2));
}

#base .sv .txt_all .txt:nth-child(1) img {
  width: 661px;
  height: 261px;
}

#base .sv .txt_all .txt:nth-child(2) {
  left: calc(1960px - (494px / 2));
  top: calc(50% - (180px / 2));
}

#base .sv .txt_all .txt:nth-child(2) img {
  width: 494px;
  height: 180px;
}

#base .sv .parts_all .parts {
  position: absolute;
  z-index: 10;
}

#base .sv .parts_all .parts:nth-child(1) {
  left: calc(980px + 245px);
  bottom: calc(50% + 46px);
}

#base .sv .parts_all .parts:nth-child(1) img {
  width: 363px;
  height: 387px;
}

#base .sv .parts_all .parts:nth-child(2) {
  left: calc(980px - 145px - 672px);
  bottom: calc(50% + 191px);
}

#base .sv .parts_all .parts:nth-child(2) img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 672px;
  height: 149px;
  transform: rotate(-188deg);
}

#base .sv .parts_all .parts:nth-child(3) {
  left: calc(980px + 59px);
  bottom: calc(50% + 205px);
}

#base .sv .parts_all .parts:nth-child(3) img {
  width: 293px;
  height: 131px;
}

#base .sv .parts_all .parts:nth-child(4) {
  left: calc(980px - 145px - 305px);
  top: calc(50% + 241px);
}

#base .sv .parts_all .parts:nth-child(4) img {
  width: 305px;
  height: 191px;
  transform: rotate(-180deg);
}

#base .sv .parts_all .parts:nth-child(5) {
  left: calc(980px - 139px);
  top: calc(50% + 252px);
}

#base .sv .parts_all .parts:nth-child(5) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 638px;
  height: 141px;
}

#base .sv .parts_all .parts:nth-child(6) {
  left: calc(980px + 476px);
  top: calc(50% + 157px);
}

#base .sv .parts_all .parts:nth-child(6) img {
  width: 305px;
  height: 191px;
  transform: rotate(-180deg);
}

#base .sv .parts_all .parts:nth-child(7) {
  left: calc(1960px - 31px);
  bottom: calc(50% + 273px);
}

#base .sv .parts_all .parts:nth-child(7) img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 906px;
  height: 97px;
  transform: rotate(-180deg);
}

#base .sv .parts_all .parts:nth-child(8) {
  left: calc(1960px + 238px);
  bottom: calc(50% + 145px);
}

#base .sv .parts_all .parts:nth-child(8) img {
  width: 269px;
  height: 189px;
}

#base .sv .parts_all .parts:nth-child(9) {
  left: calc(1960px + 75px);
  top: calc(50% + 300px);
}

#base .sv .parts_all .parts:nth-child(9) img {
  width: 297px;
  height: 132px;
}

#base .sv .photo_all .photo {
  position: absolute;
  z-index: 20;
}

#base .sv .photo_all .photo:nth-child(1) {
  left: calc(980px - 183px - 171px);
  bottom: calc(50% + 145px);
}

#base .sv .photo_all .photo:nth-child(1) img {
  width: 171px;
  height: 169px;
}

#base .sv .photo_all .photo:nth-child(2) {
  left: calc(980px + 52px);
  bottom: calc(50% + 222px);
}

#base .sv .photo_all .photo:nth-child(2) img {
  width: 279px;
  height: 150px;
}

#base .sv .photo_all .photo:nth-child(3) {
  left: calc(980px + 476px);
  bottom: calc(50% + 116px);
}

#base .sv .photo_all .photo:nth-child(3) img {
  width: 268px;
  height: 178px;
}

#base .sv .photo_all .photo:nth-child(4) {
  left: calc(980px - 184px - 277px);
  top: calc(50% + 224px);
}

#base .sv .photo_all .photo:nth-child(4) img {
  width: 277px;
  height: 193px;
}

#base .sv .photo_all .photo:nth-child(5) {
  left: calc(980px + 191px);
  top: calc(50% + 259px);
}

#base .sv .photo_all .photo:nth-child(5) img {
  width: 206px;
  height: 176px;
}

#base .sv .photo_all .photo:nth-child(6) {
  left: calc(980px + 464px);
  top: calc(50% + 143px);
}

#base .sv .photo_all .photo:nth-child(6) img {
  width: 289px;
  height: 193px;
}

#base .sv .photo_all .photo:nth-child(7) {
  left: calc(980px + 680px);
  top: calc(50% + 270px);
}

#base .sv .photo_all .photo:nth-child(7) img {
  width: 152px;
  height: 155px;
}

#base .sv .photo_all .photo:nth-child(8) {
  left: calc(1960px + 238px);
  bottom: calc(50% + 163px);
}

#base .sv .photo_all .photo:nth-child(8) img {
  width: 251px;
  height: 209px;
}

#base .sv .photo_all .photo:nth-child(9) {
  left: calc(1960px + 430px);
  top: calc(50% - 243px);
}

#base .sv .photo_all .photo:nth-child(9) img {
  width: 368px;
  height: 555px;
}

#base .sv .photo_all .photo:nth-child(10) {
  left: calc(1960px + 63px);
  top: calc(50% + 277px);
}

#base .sv .photo_all .photo:nth-child(10) img {
  width: 292px;
  height: 140px;
}

@media all and (max-width: 767px) {
  #base .sv {
    position: relative;
    width: 100%;
  }

  #base .sv.abs {
    position: relative;
  }

  #base .sv .cont {
    position: relative;
    width: 390px;
    height: 2175px;
    transform-origin: top left;
  }

  #base .sv .txt_all .txt:nth-child(3) {
    left: calc(50%  - (332px / 2));
    top: 298.16px;
  }

  #base .sv .txt_all .txt:nth-child(3) img {
    width: 332px;
    height: 129px;
  }

  #base .sv .txt_all .txt:nth-child(4) {
    left: calc(50%  - (326px / 2));
    top: 704.56px;
  }

  #base .sv .txt_all .txt:nth-child(4) img {
    width: 326px;
    height: 205px;
  }

  #base .sv .txt_all .txt:nth-child(5) {
    left: calc(50%  - (324px / 2));
    top: 1347px;
  }

  #base .sv .txt_all .txt:nth-child(5) img {
    width: 324px;
    height: 226px;
  }

  #base .sv .parts_all .parts:nth-child(1) {
    left: calc(980px + 245px);
    bottom: calc(50% + 46px);
    left: 174.61px;
    top: 991.63px;
    bottom: auto;
  }

  #base .sv .parts_all .parts:nth-child(1) img {
    width: 363px;
    height: 387px;
    width: 259.71px;
    height: 276.74px;
  }

  #base .sv .parts_all .parts:nth-child(2) {
    left: calc(980px - 139px - 686px);
    bottom: calc(50% + 145px);
    left: -190.99px;
    top: 166.03px;
    bottom: auto;
  }

  #base .sv .parts_all .parts:nth-child(2) img {
    left: 0;
    top: 0;
    bottom: auto;
    width: 686px;
    height: 241px;
    width: 480.66px;
    height: 106.35px;
  }

  #base .sv .parts_all .parts:nth-child(3) {
    left: calc(980px + 59px);
    bottom: calc(50% + 205px);
    left: 199.65px;
    top: 153.59px;
    bottom: auto;
  }

  #base .sv .parts_all .parts:nth-child(3) img {
    width: 293px;
    height: 131px;
    width: 209.63px;
    height: 93.73px;
  }

  #base .sv .parts_all .parts:nth-child(4) {
    left: calc(980px - 145px - 305px);
    top: calc(50% + 241px);
    left: 164.9px;
    top: 963.57px;
  }

  #base .sv .parts_all .parts:nth-child(4) img {
    width: 305px;
    height: 191px;
    width: 218.22px;
    height: 136.65px;
  }

  #base .sv .parts_all .parts:nth-child(5) {
    left: calc(980px - 139px);
    top: calc(50% + 252px);
    left: -4.09px;
    top: 1202.31px;
  }

  #base .sv .parts_all .parts:nth-child(5) img {
    width: 638px;
    height: 141px;
    width: 398.19px;
    height: 88px;
    transform: rotate(22deg);
  }

  #base .sv .parts_all .parts:nth-child(6) {
    left: calc(980px + 476px);
    top: calc(50% + 157px);
    left: 34.66px;
    top: 481.02px;
  }

  #base .sv .parts_all .parts:nth-child(6) img {
    width: 305px;
    height: 191px;
    width: 260.08px;
    height: 162.87px;
  }

  #base .sv .parts_all .parts:nth-child(7) {
    left: calc(1960px - 31px);
    bottom: calc(50% + 273px);
    left: 74.92px;
    top: 1944.41px;
    bottom: auto;
  }

  #base .sv .parts_all .parts:nth-child(7) img {
    left: 0;
    top: 0;
    bottom: auto;
    width: 906px;
    height: 97px;
    width: 398.19px;
    height: 88px;
    transform: rotate(-11deg);
  }

  #base .sv .parts_all .parts:nth-child(8) {
    left: calc(1960px + 238px);
    bottom: calc(50% + 145px);
    left: 0;
    top: 1876.58px;
    bottom: auto;
  }

  #base .sv .parts_all .parts:nth-child(8) img {
    width: 269px;
    height: 189px;
    width: 175.11px;
    height: 123.24px;
  }

  #base .sv .parts_all .parts:nth-child(9) {
    left: calc(1960px + 75px);
    top: calc(50% + 300px);
    left: 153.83px;
    top: 2034.68px;
  }

  #base .sv .parts_all .parts:nth-child(9) img {
    width: 297px;
    height: 132px;
    width: 212.17px;
    height: 94.44px;
  }

  #base .sv .photo_all .photo:nth-child(1) {
    left: calc(980px - 183px - 171px);
    bottom: calc(50% + 145px);
    left: 24px;
    top: 57.36px;
    bottom: auto;
  }

  #base .sv .photo_all .photo:nth-child(1) img {
    width: 171px;
    height: 169px;
    width: 122.34px;
    height: 121.16px;
  }

  #base .sv .photo_all .photo:nth-child(2) {
    left: calc(980px + 52px);
    bottom: calc(50% + 222px);
    left: auto;
    right: 0;
    top: 128.33px;
    bottom: auto;
  }

  #base .sv .photo_all .photo:nth-child(2) img {
    width: 279px;
    height: 150px;
    width: 199.48px;
    height: 107.32px;
  }

  #base .sv .photo_all .photo:nth-child(3) {
    display: none;
  }

  #base .sv .photo_all .photo:nth-child(4) {
    left: calc(980px - 184px - 277px);
    top: calc(50% + 224px);
    left: 157.75px;
    top: 951.41px;
  }

  #base .sv .photo_all .photo:nth-child(4) img {
    width: 277px;
    height: 193px;
    width: 198.18px;
    height: 138.08px;
  }

  #base .sv .photo_all .photo:nth-child(5) {
    left: calc(980px + 191px);
    top: calc(50% + 259px);
    left: 24px;
    top: 1010.27px;
  }

  #base .sv .photo_all .photo:nth-child(5) img {
    width: 206px;
    height: 176px;
    width: 109.47px;
    height: 120.66px;
  }

  #base .sv .photo_all .photo:nth-child(6) {
    left: calc(980px + 464px);
    top: calc(50% + 143px);
    left: 24px;
    top: 469.09px;
  }

  #base .sv .photo_all .photo:nth-child(6) img {
    width: 289px;
    height: 193px;
    width: 246.43px;
    height: 164.57px;
  }

  #base .sv .photo_all .photo:nth-child(7) {
    left: calc(980px + 680px);
    top: calc(50% + 270px);
    left: auto;
    right: 0;
    top: 579.37px;
  }

  #base .sv .photo_all .photo:nth-child(7) img {
    width: 152px;
    height: 155px;
    width: 99.74px;
    height: 101.71px;
  }

  #base .sv .photo_all .photo:nth-child(8) {
    left: calc(1960px + 238px);
    bottom: calc(50% + 163px);
    z-index: 25;
    left: 0px;
    top: 1851.84px;
    bottom: auto;
  }

  #base .sv .photo_all .photo:nth-child(8) img {
    width: 251px;
    height: 209px;
    width: 164.17px;
    height: 136.57px;
  }

  #base .sv .photo_all .photo:nth-child(9) {
    left: calc(1960px + 430px);
    top: calc(50% - 243px);
    left: 24px;
    top: 1632.02px;
  }

  #base .sv .photo_all .photo:nth-child(9) img {
    width: 368px;
    height: 555px;
    width: 342px;
    height: 293.81px;
  }

  #base .sv .photo_all .photo:nth-child(10) {
    left: calc(1960px + 63px);
    top: calc(50% + 277px);
    left: 144.8px;
    top: 2018.23px;
  }

  #base .sv .photo_all .photo:nth-child(10) img {
    width: 292px;
    height: 140px;
    width: 208.87px;
    height: 100.16px;
  }
}
/* news --------------------------------------------- */
.news {
  position: relative;
  z-index: 15;
  background-image: url("../img/angler/05/bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 220px;
}
.news img {
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.news-pic-top {
  width: 100%;
}
.news-inner {
  position: relative;
  width: 1206px;
  margin: 0 auto;
}
.news-line {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  width: 1084px;
  position: absolute;
  right: -68px;
  top: 114px;
}
.news-line.active {
  animation-name: write;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes write {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.news-ttl {
  width: 435.38px;
  margin-top: -16px;
}
.news-text {
  z-index: 20;
  position: relative;
  margin-top: 51.8px;
  font-size: 1.8em;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: calc( 40 / 18 );
}

.article {
  margin-top: 93px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.article-content {
  width: 30.7%;
  margin-right: 3.95%;
  background-color: white;
}
.article-content:nth-child(3n) {
  margin-right: 0;
}
.article-logo {
  padding-top: 15.7px;
  width: 73.1px;
  margin: 0 20px;
}
.article-pic {
  width: 100%;
  height: 247px;
  overflow: hidden;
}
.article-pic img {
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  scale: 1;
  transition: 300ms ease-out;
}
.article-content:hover .article-pic img {
  scale: 1.05;
  transition: 300ms ease-out;
}
.article-ttl {
  margin: 19px 17px 0;
  font-size: 2.4em;
  font-weight: bold;
  letter-spacing: .08em;
  line-height: calc( 40 / 24 );
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.article-date {
  padding-bottom: 23px;
  margin: 33px 20px 0;
  font-size: 1.6em;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: calc( 36 / 16 );
  opacity: .5;
}
.article-more {
  transition: 300ms ease-out;
  transition: opacity .3s ease-out;
  display: inline-block;
  margin: 80px 0 0 91.5%;
  width: 103px;
  font-size: 1.6em;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: calc( 20 / 16 );
}
.article-more a {
  transition: 300ms ease-out;
  transition: opacity .3s ease-out;
  line-height: 2;
  background-image: linear-gradient(transparent 96%, #14374F 4%);
  background-size: 100%;
  padding-bottom: 6px;
}
.article-more:hover {
  opacity: 0.3;
  transition: 300ms ease-out;
  transition: opacity .3s ease-out;
}
.article-more:hover a {
  transition: 300ms ease-out;
  transition: opacity .3s ease-out;
  background-size: 0%;
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  .news-inner {
    width: 1120px;
  }
}
@media all and (max-width: 767px) {
  .news {
    position: relative;
    z-index: 15;
    background-color: #a4a4a4;
    padding-bottom: 220px;
  }
  .news img {
    -o-object-position: top;
       object-position: top;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .news-pic-top {
    width: 100%;
  }
  .news-inner {
    width: calc( 100% - 48px);
    margin: 0 auto;
  }
  .news-ttl {
    width: 63.6%;
    margin-top: -15px;
  }
  .news-line {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    width: 366px;
    position: absolute;
    right: 0;
    top: 115px;
  }
  .news-line.active {
    animation-name: write;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
  }
  @keyframes write {
    0% {
      -webkit-clip-path: inset(0 100% 0 0);
              clip-path: inset(0 100% 0 0);
    }
    100% {
      -webkit-clip-path: inset(0 0 0 0);
              clip-path: inset(0 0 0 0);
    }
  }
  .news-text {
    margin-top: 32.4px;
    font-size: 1.6em;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: calc(35 / 16);
  }

  .article {
    margin-top: 99px;
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    width: 100%;
  }
  .article-content {
    width: 100%;
    background-color: white;
  }
  .article-content:nth-child(n+2) {
    margin-top: 40px;
  }
  .article-logo {
    width: 73.1px;
    height: 15.82px;
    margin: 0 20px;
  }
  .article-pic {
    width: 100%;
    height: 228px;
    overflow: hidden;
  }
  .article-pic img {
    -o-object-position: top;
       object-position: top;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    scale: 1;
    transition: 500ms ease-out;
  }
  .article-ttl {
    margin: 22px 17px 0;
    font-size: 2.4em;
    letter-spacing: 0.08em;
  }
  .article-date {
    margin: 15px 20px 0;
    font-size: 1.6em;
    letter-spacing: calc( 80 / 1000 * 1em );
  }
  .article-more {
    margin-top: 78px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin: 78px 0 0 0;
    width: auto;
  }
  .article-more a {
    line-height: 2;
    background-image: linear-gradient(transparent 96%, #143750 4%);
  }
  .article-more:hover {
    opacity: 1;
    transition: none;
  }
  .article-more:hover a {
    transition: none;
    background-size: 100%;
  }
}
/* angler --------------------------------------------- */
#base .angler {
  z-index: 15;
}

#base .angler .cont {
  position: relative;
}

#base .angler .cont:nth-child(1) {
  background: url(../img/angler/01/bg.jpg);
  background-size: 600px 600px;
  padding-bottom: 120px;
}

#base .angler .cont:nth-child(2) {
  background: url(../img/angler/02/bg.jpg);
  background-size: 600px 600px;
  padding-bottom: 148px;
}

#base .angler .cont:nth-child(3) {
  background: url(../img/angler/03/bg.jpg);
  background-size: 600px 600px;
  padding-bottom: 137px;
}

#base .angler .cont:nth-child(4) {
  background: url(../img/angler/04/bg.jpg);
  background-size: 600px 600px;
  padding-bottom: 313px;
}

@media all and (max-width: 767px) {
  #base .angler .cont:nth-child(1) {
    padding-bottom: 120px;
    padding-bottom: 160px;
  }

  #base .angler .cont:nth-child(2) {
    padding-bottom: 148px;
    padding-bottom: 160px;
  }

  #base .angler .cont:nth-child(3) {
    padding-bottom: 137px;
    padding-bottom: 160px;
  }

  #base .angler .cont:nth-child(4) {
    padding-bottom: 313px;
    padding-bottom: 170px;
  }
}
/* - */
#base .angler .cont .mv {
  position: relative;
}

#base .angler .cont .mv .photo img {
  width: 100%;
  height: auto;
}

#base .angler .cont .mv .copy {
  position: absolute;
}

#base .angler .cont:nth-child(1) .mv .copy {
  right: 101px;
  top: 86px;
}

#base .angler .cont:nth-child(1) .mv .copy img {
  width: 250px;
  height: 475px;
}

#base .angler .cont:nth-child(2) .mv .copy {
  right: 80px;
  top: 44px;
}

#base .angler .cont:nth-child(2) .mv .copy img {
  width: 360px;
  height: 586px;
}

#base .angler .cont:nth-child(3) .mv .copy {
  right: 80px;
  top: 45px;
  right: -34px;
  top: -5px;
  right: 110px;
  top: 32px;
}

#base .angler .cont:nth-child(3) .mv .copy img {
  width: 255px;
  height: 435px;
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  #base .angler .cont:nth-child(1) .mv .copy {
    right: 61px;
    top: 46px;
  }

  #base .angler .cont:nth-child(2) .mv .copy {
    right: 40px;
    top: 24px;
  }

  #base .angler .cont:nth-child(3) .mv .copy {
    right: 40px;
    top: 25px;
  }
}
@media all and (max-width: 767px) {
  #base .angler .cont:nth-child(1) .mv .copy {
    right: 101px;
    top: 86px;
    right: auto;
    left: 8vw;
    top: -82px;
    overflow: hidden;
  }

  #base .angler .cont:nth-child(1) .mv .copy.sp_only {
    height: 82px;
  }

  #base .angler .cont:nth-child(1) .mv .copy img {
    width: 250px;
    height: 475px;
    width: auto;
    height: 300px;
  }

  #base .angler .cont:nth-child(2) .mv .copy {
    right: 80px;
    top: 44px;
    right: 0;
    top: 13px;
  }

  #base .angler .cont:nth-child(2) .mv .copy img {
    width: 360px;
    height: 586px;
    width: auto;
    height: 367px;
  }

  #base .angler .cont:nth-child(3) .mv .copy {
    right: 80px;
    top: 45px;
    right: 10px;
    top: -74px;
  }

  #base .angler .cont:nth-child(3) .mv .copy img {
    width: 255px;
    height: 435px;
    width: auto;
    height: 275px;
  }
}
/* - */
#base .angler .cont .conttl {
  position: relative;
  width: 1206px;
  margin: -26px auto 0;
}

#base .angler .cont:nth-child(1) .conttl {
  z-index: 10;
}

#base .angler .cont:nth-child(3) .conttl {
  margin-top: calc(-26px - 4px);
}

#base .angler .cont:nth-child(4) .conttl {
  margin-top: calc(-26px + 5px);
}

#base .angler .cont .conttl .ttl {
  position: relative;
}

#base .angler .cont .conttl .txt {
  position: relative;
  font-size: 1.8em;
  line-height: 2.22222;
  letter-spacing: 0.08em;
  padding-top: 41px;
  padding-bottom: 83px;
}

#base .angler .cont:nth-child(3) .conttl .txt {
  padding-top: calc(41px + 119px);
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  #base .angler .cont .conttl {
    width: 1120px;
  }
}
@media all and (max-width: 767px) {
  #base .angler .cont .conttl {
    width: 1206px;
    margin: -26px auto 0;
    width: calc(100% - 48px);
    margin-top: -21px;
  }

  #base .angler .cont:nth-child(3) .conttl {
    margin-top: calc(-21px - 80px);
  }

  #base .angler .cont:nth-child(4) .conttl {
    margin-top: calc(-21px + 1px);
  }

  #base .angler .cont .conttl .ttl img {
    width: 100%;
    height: auto;
  }

  #base .angler .cont .conttl .txt {
    font-size: 1.8em;
    line-height: 2.22222;
    letter-spacing: 0.08em;
    padding-top: 41px;
    padding-bottom: 83px;
    font-size: 1.6em;
    line-height: 2.1875;
    padding-top: 26px;
    padding-bottom: 52px;
  }

  #base .angler .cont:nth-child(3) .conttl .txt {
    padding-top: calc(41px + 119px);
    padding-top: 70px;
  }
}
/* - */
#base .angler .cont .interview {
  position: relative;
  display: table;
  margin: 0 auto;
}

#base .angler .cont .interview .ttl {
  position: relative;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 3.4em;
  letter-spacing: 0.06em;
  padding-bottom: 16px;
}

#base .angler .cont .interview ul {
  position: relative;
  display: table;
}

#base .angler .cont .interview ul li {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  width: 563px;
}

#base .angler .cont .interview ul li:nth-child(1) {
  padding-right: 80px;
}

#base .angler .cont .interview ul li .nmb {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 1.6em;
  letter-spacing: 0.08em;
  text-align: right;
  padding-bottom: 2px;
}

#base .angler .cont .interview ul li .photo {
  position: relative;
}

#base .angler .cont .interview ul li .photo img {
  width: 100%;
  height: auto;
}

#base .angler .cont .interview ul li .photo img.hvr {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#base.no_tch .angler .cont .interview ul li .photo img.hvr {
  transition: opacity .4s ease-out;
}

#base.no_tch .angler .cont .interview ul li a:hover .photo img.hvr {
  opacity: 1.0;
}

#base.tch .angler .cont .interview ul li .photo img.hvr {
  animation-name: interview_anime;
  animation-duration: 6.0s;
  animation-iteration-count: infinite;
}

#base.tch .angler .cont .interview ul li:nth-child(2) .photo img.hvr {
  animation-delay: 0.75s;
}

@keyframes interview_anime {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1.0;
  }
  75% {
    opacity: 1.0;
  }
  100% {
    opacity: 0;
  }
}
#base .angler .cont .interview ul li .txt {
  font-weight: 700;
  font-size: 1.6em;
  line-height: 2.0;
  letter-spacing: 0.08em;
  padding-top: 20px;
  padding-bottom: 18px;
}

#base .angler .cont .interview ul li .tbl {
  width: 100%;
  margin-top: 27px;
}

#base .angler .cont .interview ul li .txt2 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 2.4em;
  letter-spacing: 0.08em;
}

#base .angler .cont .interview ul li .more {
  display: table;
  margin-left: auto;
  border-bottom: solid 1px #143750;
  box-sizing: border-box;
  padding-bottom: 9px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  letter-spacing: 0.08em;
  transition: opacity .2s ease-out, border-bottom .2s ease-out;
}

#base.no_tch .angler .cont .interview ul li a:hover .more {
  border-bottom: solid 1px rgba(20, 55, 80, 0);
  opacity: 0.3;
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  #base .angler .cont .interview ul li {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: 523px;
  }

  #base .angler .cont .interview ul li:nth-child(1) {
    padding-right: 74px;
  }
}
@media all and (max-width: 767px) {
  #base .angler .cont .interview {
    width: calc(100% - 48px);
  }

  #base .angler .cont .interview .ttl {
    font-size: 3.4em;
    padding-bottom: 16px;
    font-size: 2.8em;
  }

  #base .angler .cont .interview ul {
    display: table;
    width: 100%;
  }

  #base .angler .cont .interview ul li {
    display: table-cell;
    width: 563px;
    display: block;
    width: 100%;
    padding-top: 40px;
  }

  #base .angler .cont .interview ul li:nth-child(1) {
    padding-right: 80px;
    padding-right: 0;
    padding-top: 0;
  }

  #base .angler .cont .interview ul li .nmb {
    font-size: 1.6em;
    padding-bottom: 2px;
  }

  #base .angler .cont .interview ul li .txt {
    font-size: 1.6em;
    padding-top: 20px;
    padding-bottom: 18px;
    font-size: 1.4em;
  }

  #base .angler .cont .interview ul li .tbl {
    margin-top: 27px;
  }

  #base .angler .cont .interview ul li .txt2 {
    font-size: 2.4em;
    letter-spacing: 0.08em;
  }

  #base .angler .cont .interview ul li .more {
    padding-bottom: 9px;
    font-size: 1.5em;
  }
}
/* - */
#base .angler .cont:nth-child(2) .apply .tbl {
  width: calc(100% - 60px - 51px);
  margin-left: 60px;
  height: 188px;
}

#base .angler .cont:nth-child(3) .apply .tbl {
  width: calc(100% - 123px - 123px);
  margin-left: 123px;
  height: 190px;
}

#base .angler .cont:nth-child(2) .apply .tbl .td:nth-child(1) {
  width: auto;
}

#base .angler .cont:nth-child(2) .apply .tbl .td:nth-child(2) {
  width: 313px;
}

#base .angler .cont:nth-child(3) .apply .tbl .td:nth-child(1) {
  width: auto;
}

#base .angler .cont:nth-child(3) .apply .tbl .td:nth-child(2) {
  width: 342px;
}

#base .angler .cont:nth-child(2) .apply .txt1 {
  font-size: 2.4em;
  line-height: 1.75;
  letter-spacing: 0.08em;
}

#base .angler .cont:nth-child(2) .apply .txt2 {
  font-size: 1.6em;
  line-height: 1.75;
  letter-spacing: 0.08em;
  padding-top: 7px;
}

#base .angler .cont:nth-child(3) .apply .txt1 {
  font-size: 3.0em;
  letter-spacing: 0.08em;
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  #base .angler .cont:nth-child(2) .apply .tbl {
    width: calc(100% - 50px - 41px);
    margin-left: 50px;
  }

  #base .angler .cont:nth-child(3) .apply .tbl {
    width: calc(100% - 80px - 80px);
    margin-left: 80px;
    height: 190px;
  }

  #base .angler .cont:nth-child(3) .apply .tbl .td:nth-child(1) {
    width: auto;
  }

  #base .angler .cont:nth-child(3) .apply .tbl .td:nth-child(2) {
    width: 342px;
  }
}
@media all and (max-width: 767px) {
  #base .angler .cont:nth-child(2) .apply .txt1 {
    font-size: 2.4em;
    line-height: 1.75;
    font-size: 1.8em;
    line-height: 1.944444;
    text-align: center;
  }

  #base .angler .cont:nth-child(2) .apply .txt2 {
    font-size: 1.6em;
    line-height: 1.75;
    letter-spacing: 0.08em;
    font-size: 1.4em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 6px;
  }

  #base .angler .cont:nth-child(3) .apply .txt1 {
    font-size: 3.0em;
    letter-spacing: 0.08em;
    font-size: 2.0em;
    line-height: 1.7;
    text-align: center;
  }
}
/* - */
#base .angler .cont .flow {
  padding-top: 12px;
}

#base .angler .cont .flow .tbl {
  width: 100%;
}

#base .angler .cont .flow .tbl:nth-child(2) {
  margin-top: 104px;
}

#base .angler .cont .flow .tbl .td {
  width: 50%;
}

#base .angler .cont .flow .tbl .td .sub {
  width: 603px;
}

#base .angler .cont .flow .tbl:nth-child(1) .td .sub {
  margin-left: auto;
}

#base .angler .cont .flow .tbl:nth-child(1) .td .sub:nth-child(2) {
  margin-top: 93px;
}

#base .angler .cont .flow .tbl .td .nmb {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 4.6em;
  letter-spacing: 0.08em;
}

#base .angler .cont .flow .tbl .td .ttl {
  font-weight: 700;
  font-size: 2.4em;
  letter-spacing: 0.08em;
  line-height: 1.9;
  padding-top: 34px;
}

#base .angler .cont .flow .tbl .td .txt {
  font-size: 1.6em;
  letter-spacing: 0.08em;
  line-height: 2.375;
  padding-top: 13px;
}

#base .angler .cont .flow .tbl:nth-child(1) .td .contpht {
  padding-left: 73px;
}

#base .angler .cont .flow .tbl:nth-child(2) .td .contpht {
  padding-right: 83px;
}

#base .angler .cont .flow .tbl .td .contpht .photo {
  position: relative;
}

#base .angler .cont .flow .tbl .td .contpht .photo img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 768px) and (max-width: 1286px) {
  #base .angler .cont .flow .tbl .td .sub {
    width: 560px;
  }

  #base .angler .cont .flow .tbl:nth-child(1) .td .contpht {
    padding-left: 63px;
  }

  #base .angler .cont .flow .tbl:nth-child(2) .td .contpht {
    padding-right: 73px;
  }
}
@media all and (max-width: 767px) {
  #base .angler .cont .flow {
    padding-top: 12px;
    padding-top: 0;
  }

  #base .angler .cont .flow .tbl {
    position: relative;
  }

  #base .angler .cont .flow .tbl:nth-child(2) {
    margin-top: 104px;
    margin-top: 0;
  }

  #base .angler .cont .flow .tbl .td {
    width: 50%;
    width: 100%;
    display: block;
  }

  #base .angler .cont .flow .tbl .td .sub {
    width: 603px;
    width: calc(100% - 48px);
    margin: 0 auto;
  }

  #base .angler .cont .flow .tbl:nth-child(1) .td .sub:nth-child(2) {
    margin-top: 93px;
    margin-top: 53px;
    margin-bottom: 50px;
  }

  #base .angler .cont .flow .tbl .td .nmb {
    font-size: 4.6em;
    font-size: 3.8em;
  }

  #base .angler .cont .flow .tbl .td .ttl {
    font-size: 2.4em;
    line-height: 1.9;
    padding-top: 34px;
    font-size: 2.2em;
    line-height: 1.9;
    padding-top: 23px;
  }

  #base .angler .cont .flow .tbl .td .txt {
    font-size: 1.6em;
    line-height: 2.375;
    padding-top: 13px;
    font-size: 1.4em;
    line-height: 2.2857;
    padding-top: 9px;
  }

  #base .angler .cont .flow .tbl:nth-child(1) .td .contpht {
    padding-left: 73px;
    padding-left: 87px;
    padding-left: 22.3vw;
  }

  #base .angler .cont .flow .tbl:nth-child(2) .td .contpht {
    padding-right: 83px;
    padding-right: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  #base .angler .cont .flow .tbl:nth-child(2) .td .sub {
    padding-top: 54px;
    padding-bottom: calc((100vw - 24px) * 560 / 810 + 50px);
  }
}
/* - */
#base .angler .cont .media .tbl {
  width: 960px;
  margin: 55px auto 0;
}

#base .angler .cont .media .tbl .td {
  vertical-align: top;
  position: relative;
}

#base .angler .cont .media .tbl .td .contxt {
  width: 313px;
}

#base .angler .cont .media .tbl .td .contxt .txt {
  font-size: 1.6em;
  line-height: 2.375;
  letter-spacing: 0.08em;
  padding-bottom: 20px;
  padding-bottom: 7px;
  color: #FFFFFF;
}

#base .angler .cont .media .tbl .td .contxt .btn {
  padding-top: 24px;
}

#base .angler .cont .media .tbl .td .contxt .btn {
  width: 313px;
}

#base .angler .cont .media .tbl .td .contxt .btn .btnsub {
  border: solid 1px white;
}

#base.no_tch .angler .cont .media .tbl .td .contxt .btn a:hover .btnsub {
  background: white;
}

#base .angler .cont .media .tbl .td .contxt .btn .btnsub p {
  color: #FFFFFF;
}

#base.no_tch .angler .cont .media .tbl .td .contxt .btn a:hover .btnsub p {
  color: #143750;
}

#base .angler .cont .media .tbl .td .contxt .btn .btnsub .icn {
  background: white;
}

#base.no_tch .angler .cont .media .tbl .td .contxt .btn a:hover .btnsub .icn {
  background: #143750;
}

#base .angler .cont .media .tbl .td .photo {
  width: 579px;
  margin-left: auto;
}

#base .angler .cont .media .tbl .td .photo img {
  width: 100%;
  height: auto;
}

#base .angler .cont .media .tbl .td .copy {
  position: absolute;
  right: -107px;
  top: -208px;
}

#base .angler .cont .media .tbl .td .copy img {
  width: 350px;
  height: 543px;
}

@media all and (max-width: 767px) {
  #base .angler .cont .media .tbl {
    width: 960px;
    margin: 55px auto 0;
    width: calc(100% - 48px);
    margin-top: 46px;
    position: relative;
  }

  #base .angler .cont .media .tbl .td {
    display: block;
    width: 100%;
  }

  #base .angler .cont .media .tbl .td .contxt {
    width: 313px;
    width: 100%;
  }

  #base .angler .cont .media .tbl .td .contxt .txt {
    font-size: 1.6em;
    line-height: 2.375;
    padding-bottom: 20px;
    padding-bottom: 7px;
    padding-bottom: calc((100vw - 48px) * 650 / 800 - 21px + 39px + 48px);
  }

  #base .angler .cont .media .tbl .td .contxt .btn {
    padding-top: 24px;
    padding-top: 21px;
  }

  #base .angler .cont .media .tbl .td .contxt .btn {
    width: 313px;
    width: 100%;
  }

  #base .angler .cont .media .tbl .td:nth-child(2) {
    position: absolute;
    left: 0;
    bottom: 172px;
    bottom: calc(172px - 77px);
  }

  #base .angler .cont .media .tbl .td .photo {
    width: 579px;
    margin-left: auto;
    width: 100%;
  }

  #base .angler .cont .media .tbl .td .copy {
    right: -107px;
    top: -208px;
    right: -16px;
    top: -65px;
  }

  #base .angler .cont .media .tbl .td .copy img {
    width: 350px;
    height: 543px;
    width: auto;
    height: 350px;
  }
}
/* - */
#base .angler .cont .parts {
  position: absolute;
}

#base .angler .cont:nth-child(1) .interview .parts:nth-child(1) {
  left: 194px;
  top: 86px;
  left: 194px;
  top: -305px;
}

#base .angler .cont:nth-child(1) .interview .parts:nth-child(1) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 1239px;
  height: 627px;
}

#base .angler .cont:nth-child(2) .conttl .parts:nth-child(1) {
  left: 591px;
  top: -42px;
}

#base .angler .cont:nth-child(2) .conttl .parts:nth-child(1) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 631px;
  height: 213px;
}

#base .angler .cont:nth-child(2) .conttl .parts:nth-child(2) {
  left: 1012px;
  top: 134px;
}

#base .angler .cont:nth-child(2) .conttl .parts:nth-child(2) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 455px;
  height: 124px;
}

#base .angler .cont:nth-child(2) .apply .parts {
  left: -185px;
  bottom: -103px;
}

#base .angler .cont:nth-child(2) .apply .parts img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 560px;
  height: 189px;
}

#base .angler .cont:nth-child(3) .conttl .parts:nth-child(1) {
  left: 220px;
  top: 314px;
  top: 284px;
}

#base .angler .cont:nth-child(3) .conttl .parts:nth-child(1) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 1247px;
  height: 93px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(1) {
  left: -285px;
  top: -84px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(1) img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 467px;
  height: 158px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(2) {
  right: -78px;
  bottom: -116px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(2) img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  width: 560px;
  height: 189px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(2) .td .contpht .photo .parts {
  left: -114px;
  bottom: -55px;
}

#base .angler .cont:nth-child(3) .flow .tbl:nth-child(2) .td .contpht .photo .parts img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 337px;
  height: 92px;
  transform: rotate(5deg);
}

#base .angler .cont:nth-child(4) .parts:nth-child(1) {
  right: calc(50% - 55px);
  bottom: 105px;
}

#base .angler .cont:nth-child(4) .parts:nth-child(1) img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  width: 834px;
  height: 222px;
}

#base .angler .cont:nth-child(4) .parts:nth-child(2) {
  left: calc(50% + 59px);
  bottom: 51px;
}

#base .angler .cont:nth-child(4) .parts:nth-child(2) img {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 729px;
  height: 109px;
  transform: rotate(-6deg);
}

@media all and (max-width: 767px) {
  #base .angler .cont:nth-child(1) .interview .parts:nth-child(1) {
    left: 194px;
    top: 86px;
    left: calc(-44 / 390 * 100vw - 24px);
    top: -44px;
  }

  #base .angler .cont:nth-child(1) .interview .parts:nth-child(1) img {
    left: 0;
    top: 0;
    width: 1239px;
    height: 627px;
    width: calc(602 / 390 * 100vw);
    height: calc(305 / 390 * 100vw);
  }

  #base .angler .cont:nth-child(1) .interview .parts.sp_only {
    left: calc(-212 / 390 * 100vw - 24px);
    bottom: -36px;
  }

  #base .angler .cont:nth-child(1) .interview .parts.sp_only img {
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    width: calc(602 / 390 * 100vw);
    height: calc(305 / 390 * 100vw);
  }

  #base .angler .cont:nth-child(2) .conttl .parts:nth-child(1) {
    left: 591px;
    top: -42px;
    left: auto;
    right: calc(-24px + 17px);
    top: calc(35 / 390 * 100vw);
  }

  #base .angler .cont:nth-child(2) .conttl .parts:nth-child(1) img {
    left: auto;
    right: 0;
    top: 0;
    width: 631px;
    height: 213px;
    width: 255px;
    height: 86px;
  }

  #base .angler .cont:nth-child(2) .conttl .parts:nth-child(2) {
    left: 1012px;
    top: 134px;
    left: auto;
    right: calc(-24px - 74px);
    top: calc(35 / 390 * 100vw + 86px);
  }

  #base .angler .cont:nth-child(2) .conttl .parts:nth-child(2) img {
    left: auto;
    right: 0;
    top: 0;
    width: 455px;
    height: 124px;
    width: 183px;
    height: 50px;
  }

  #base .angler .cont:nth-child(2) .apply .parts {
    display: none;
  }

  #base .angler .cont:nth-child(3) .conttl .parts:nth-child(1) {
    left: 220px;
    top: 314px;
    top: 284px;
    left: -24px;
    top: calc(146 / 390 * 100vw);
  }

  #base .angler .cont:nth-child(3) .conttl .parts:nth-child(1) img {
    left: 0;
    top: 0;
    width: 1247px;
    height: 93px;
    width: calc(841.56 / 390 * 100vw);
    height: calc(64.73 / 390 * 100vw);
  }

  #base .angler .cont:nth-child(3) .conttl .parts.sp_only {
    right: calc(-24px - 90px);
    bottom: calc(52px - 95px);
  }

  #base .angler .cont:nth-child(3) .conttl .parts.sp_only img {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 385px;
    height: 130px;
  }

  #base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(1) {
    left: -285px;
    top: -84px;
    left: -160px;
    top: -45px;
  }

  #base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(1) img {
    left: 0;
    top: 0;
    width: 467px;
    height: 158px;
    width: 294px;
    height: 99px;
  }

  #base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(2) {
    right: -78px;
    bottom: -116px;
    right: -65px;
    bottom: -40px;
  }

  #base .angler .cont:nth-child(3) .flow .tbl:nth-child(1) .td .contpht .photo .parts_all .parts:nth-child(2) img {
    right: 0;
    bottom: 0;
    width: 560px;
    height: 189px;
    width: 353px;
    height: 119px;
  }

  #base .angler .cont:nth-child(3) .flow .tbl:nth-child(2) .td .contpht .photo .parts {
    display: none;
  }

  #base .angler .cont:nth-child(4) .parts:nth-child(1) {
    right: calc(50% - 55px);
    bottom: 105px;
    right: auto;
    left: -74px;
    bottom: calc(342px + (100vw - 48px) * 650 / 800 - 52px);
    bottom: calc(342px + (100vw - 48px) * 650 / 800 - 52px - 77px);
    z-index: 10;
  }

  #base .angler .cont:nth-child(4) .parts:nth-child(1) img {
    right: auto;
    left: 0;
    bottom: 0;
    width: 834px;
    height: 222px;
    width: 331px;
    height: 88px;
  }

  #base .angler .cont:nth-child(4) .parts:nth-child(2) {
    left: calc(50% + 55px);
    bottom: 13px;
    left: auto;
    right: -38px;
    bottom: 86px;
  }

  #base .angler .cont:nth-child(4) .parts:nth-child(2) img {
    left: auto;
    right: 0;
    bottom: 0;
    width: 737px;
    height: 185px;
    width: 301px;
    height: 45px;
  }
}