@charset "UTF-8";
@-webkit-keyframes bgSlideIn {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes bgSlideIn {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes imgScaleIn {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes imgScaleIn {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes textUpFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes textUpFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.blank_title {
  font-size: min(1.143vw, 16px);
  line-height: 1.6;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (max-width: 767px) {
  .blank_title {
    font-size: 3.865vw;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .dpc {
    display: none !important;
  }
}
.blank_title .dsp {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .blank_title .dsp {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .pc_br {
    display: none;
  }
}
.blank_title .sp_br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .blank_title .sp_br {
    display: inline;
  }
}
.blank_title img {
  width: 100%;
}
.blank_title a {
  text-decoration: none;
  color: #000;
}
.blank_title .thumbnail {
  padding: 0;
  border: 0;
  background: none;
}
@media screen and (min-width: 768px) {
  .blank_title .page_index a, .blank_title .link a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .blank_title .page_index a:hover, .blank_title .link a:hover {
    opacity: 0.5;
  }
}
.blank_title button {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .blank_title button img {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: transform 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: transform 0.3s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .blank_title button:hover img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
.blank_title .anim {
  opacity: 0;
}
.blank_title .anim.anim-fade.visible {
  -webkit-animation: fadeIn 0.5s ease-in-out forwards;
          animation: fadeIn 0.5s ease-in-out forwards;
}
.blank_title .anim.anim-fade.visible img {
  -webkit-animation: imgScaleIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: imgScaleIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.blank_title .anim.anim-show.visible {
  -webkit-animation: fadeIn 0.5s ease-in-out forwards;
          animation: fadeIn 0.5s ease-in-out forwards;
}
.blank_title .anim.anim-up.visible {
  -webkit-animation: textUpFadeIn 0.5s ease-in-out forwards;
          animation: textUpFadeIn 0.5s ease-in-out forwards;
}
.blank_title .anim.anim-slide-left.visible {
  -webkit-animation: slideInLeft 0.5s ease-in-out forwards;
          animation: slideInLeft 0.5s ease-in-out forwards;
}
@media only screen and (max-width: 767px) {
  .blank_title .anim.anim-slide-left.visible {
    -webkit-animation: fadeIn 0.5s ease-in-out forwards;
            animation: fadeIn 0.5s ease-in-out forwards;
  }
}
.blank_title .anim.anim-slide-right.visible {
  -webkit-animation: slideInRight 0.5s ease-in-out forwards;
          animation: slideInRight 0.5s ease-in-out forwards;
}
@media only screen and (max-width: 767px) {
  .blank_title .anim.anim-slide-right.visible {
    -webkit-animation: fadeIn 0.5s ease-in-out forwards;
            animation: fadeIn 0.5s ease-in-out forwards;
  }
}
.blank_title .anim.anim-title.visible {
  opacity: 1;
}
.blank_title .anim.anim-title.visible .bg::before {
  -webkit-animation: bgSlideIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: bgSlideIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.blank_title .anim.anim-title.visible .anim-text {
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out 0.3s forwards;
          animation: fadeIn 0.5s ease-in-out 0.3s forwards;
}
.blank_title .key_visual {
  overflow: hidden;
}
.blank_title .overview > .top {
  padding: min(5vw, 70px) 0 min(7.143vw, 100px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .top {
    padding: 12.077vw 4.831vw 12.077vw;
  }
}
.blank_title .overview .overview_title {
  margin-bottom: min(5vw, 70px);
  text-align: center;
  font-size: min(3.714vw, 52px);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .overview_title {
    margin-bottom: 14.493vw;
    font-size: 8.454vw;
    line-height: 1.4;
  }
}
.blank_title .overview .text_wrapper {
  margin: 0 auto min(7.857vw, 110px);
  width: min(68.571vw, 960px);
  font-size: min(1.286vw, 18px);
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .text_wrapper {
    margin: 0 0 12.077vw;
    width: auto;
    font-size: 4.348vw;
  }
}
.blank_title .overview .text_wrapper > .text {
  margin-bottom: 1.8em;
}
.blank_title .overview .text_wrapper > .text:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index {
    font-size: 3.382vw;
  }
}
.blank_title .overview .page_index .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: min(3.571vw, 50px) 0;
  margin: 0 auto;
  width: min(57.143vw, 800px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex {
    display: block;
    width: auto;
    height: auto;
    text-align: left;
  }
}
.blank_title .overview .page_index .flex li a {
  background-position: left top max(-0.714vw, -10px);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li a {
    background-position: left center;
    background-size: 14.493vw auto;
  }
}
.blank_title .overview .page_index .flex li:nth-child(1) a {
  background-position: left top max(-0.143vw, -2px);
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-movie.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(1) a {
    background-position: left center;
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-movie-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(2) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-01.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(2) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-01-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(3) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-02.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(3) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-02-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(4) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-03.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(4) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-03-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(5) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-04.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(5) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-04-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(6) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-05.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(6) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-05-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(7) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-06.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(7) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-06-sp.png");
  }
}
.blank_title .overview .page_index .flex li:nth-child(8) a {
  background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-07.png");
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(8) a {
    background-image: url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/pageindex/pageindex-07-sp.png");
  }
}
.blank_title .overview .page_index .flex li .anchor {
  display: block;
  position: relative;
  padding-top: min(2.857vw, 40px);
  width: min(14.286vw, 200px);
  height: min(8.071vw, 113px);
  border-left: 1px dashed #999;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li .anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    padding: 0 0 0 21.739vw;
    width: auto;
    height: 15.942vw;
    border-left: 0;
    border-top: 1px dashed #999;
  }
}
.blank_title .overview .page_index .flex li .anchor::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  display: block;
  width: min(1.286vw, 18px);
  height: min(0.571vw, 8px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(0.571vw, 8px) min(0.643vw, 9px) 0 min(0.643vw, 9px);
  border-color: #999 transparent transparent transparent;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li .anchor::after {
    top: 0;
    right: 2.415vw;
    left: auto;
    margin: auto 0;
    width: 4.348vw;
    height: 1.932vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.932vw 2.174vw 0 2.174vw;
    border-color: #999 transparent transparent transparent;
  }
}
.blank_title .overview .page_index .flex li:nth-child(4) .anchor, .blank_title .overview .page_index .flex li:nth-child(8) .anchor {
  border-right: 1px dashed #999;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:nth-child(4) .anchor, .blank_title .overview .page_index .flex li:nth-child(8) .anchor {
    border-right: none;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .overview .page_index .flex li:first-child .anchor {
    border-top: 0;
  }
}
.blank_title .overview > .bottom {
  padding: min(5vw, 70px) 0;
  background-color: #A2B3BB;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom {
    padding: 16.908vw 0;
  }
}
.blank_title .overview > .bottom .inner {
  margin: 0 auto;
  width: min(68.571vw, 960px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner {
    padding: 0 4.831vw;
    width: auto;
  }
}
.blank_title .overview > .bottom .thumbnail.large {
  margin-bottom: min(5vw, 70px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .thumbnail.large {
    margin-bottom: 8.213vw;
  }
}
.blank_title .overview > .bottom .thumbnail.small {
  margin: 0 auto min(5vw, 70px);
  width: min(51.071vw, 715px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .thumbnail.small {
    width: auto;
    margin: 0 auto 16.908vw;
  }
}
.blank_title .overview > .bottom .inner-section .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex {
    display: block;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex {
    margin-bottom: 16.908vw;
  }
}
.blank_title .overview > .bottom .inner-section .flex .left {
  width: min(34.286vw, 480px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex .left {
    margin: 0 auto 11.111vw;
    width: 65.7vw;
  }
}
.blank_title .overview > .bottom .inner-section .flex .text_wrapper {
  width: min(31.429vw, 440px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex .text_wrapper {
    width: auto;
    margin: 0 auto;
  }
}
.blank_title .overview > .bottom .inner-section .flex .title {
  margin-bottom: min(1.429vw, 20px);
  font-size: min(2vw, 28px);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex .title {
    margin-bottom: 4.831vw;
    font-size: 5.314vw;
    text-align: center;
  }
}
.blank_title .overview > .bottom .inner-section .flex .text {
  margin-bottom: 1.88em;
  font-size: min(1.286vw, 18px);
  line-height: 1.88;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .inner-section .flex .text {
    font-size: 4.348vw;
  }
}
.blank_title .overview > .bottom .profile_wrapper .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  gap: 0 min(2.143vw, 30px);
  margin-bottom: min(2.143vw, 30px);
  padding: min(1.786vw, 25px) min(1.929vw, 27px);
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .profile_wrapper .profile {
    display: block;
    padding: 6.039vw;
    margin-bottom: 8.454vw;
  }
}
.blank_title .overview > .bottom .profile_wrapper .profile:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .profile_wrapper .profile .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8.937vw;
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    margin-bottom: 3.623vw;
  }
}
.blank_title .overview > .bottom .profile_wrapper .profile .top .image {
  width: min(14.571vw, 204px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .profile_wrapper .profile .top .image {
    width: 39.338vw;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .profile_wrapper .profile .top .name {
    margin-bottom: 2.415vw;
    font-size: 5.072vw;
  }
}
.blank_title .overview > .bottom .profile_wrapper .profile .bottom {
  padding-top: min(1.071vw, 15px);
}
@media only screen and (max-width: 767px) {
  .blank_title .overview > .bottom .profile_wrapper .profile .bottom {
    padding-top: 0;
  }
}
.blank_title .overview > .bottom .profile_wrapper .profile .bottom .name {
  margin-bottom: min(1.429vw, 20px);
  font-size: min(1.5vw, 21px);
  line-height: 1;
}
.blank_title .section {
  position: relative;
  padding: min(10vw, 140px) 0 min(5vw, 70px);
  /** ------------------------------
   * 各sectionのスタイル
   * ------------------------------ */
}
@media only screen and (max-width: 767px) {
  .blank_title .section {
    padding: 57.971vw 0 29.469vw 0;
  }
}
.blank_title .section::before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  margin: auto 0;
  width: calc(50% - min(12.857vw, 180px));
  height: calc(100% - min(10vw, 140px));
}
@media only screen and (max-width: 767px) {
  .blank_title .section::before {
    width: calc(50% - 13.768vw);
    height: calc(100% - 28.986vw);
  }
}
.blank_title .section.section01::before, .blank_title .section.section03::before, .blank_title .section.section05::before, .blank_title .section.section07::before {
  left: 0;
  border-radius: 0 min(2.857vw, 40px) min(2.857vw, 40px) 0;
  background-color: #B9DDFF;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section01::before, .blank_title .section.section03::before, .blank_title .section.section05::before, .blank_title .section.section07::before {
    border-radius: 0 9.662vw 9.662vw 0;
  }
}
.blank_title .section.section01 .inner::before, .blank_title .section.section03 .inner::before, .blank_title .section.section05 .inner::before, .blank_title .section.section07 .inner::before {
  left: 0;
}
.blank_title .section.section01 .inner::after, .blank_title .section.section03 .inner::after, .blank_title .section.section05 .inner::after, .blank_title .section.section07 .inner::after {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section01 .inner::after, .blank_title .section.section03 .inner::after, .blank_title .section.section05 .inner::after, .blank_title .section.section07 .inner::after {
    right: 4.831vw;
  }
}
.blank_title .section.section02::before, .blank_title .section.section04::before, .blank_title .section.section06::before {
  right: 0;
  border-radius: min(2.857vw, 40px) 0 0 min(2.857vw, 40px);
  background-color: #E1EFFD;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section02::before, .blank_title .section.section04::before, .blank_title .section.section06::before {
    border-radius: 9.662vw 0 0 9.662vw;
  }
}
.blank_title .section.section02 .inner::before, .blank_title .section.section04 .inner::before, .blank_title .section.section06 .inner::before {
  right: 0;
}
.blank_title .section.section02 .inner::after, .blank_title .section.section04 .inner::after, .blank_title .section.section06 .inner::after {
  left: 0;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section02 .inner::after, .blank_title .section.section04 .inner::after, .blank_title .section.section06 .inner::after {
    left: 4.831vw;
  }
}
.blank_title .section .inner {
  position: relative;
  margin: 0 auto;
  width: min(68.571vw, 960px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .inner {
    padding: 0 4.831vw;
    width: auto;
  }
}
.blank_title .section .inner::before {
  position: absolute;
  content: "";
  top: max(-5vw, -70px);
  display: block;
  width: min(14.286vw, 200px);
  height: min(14.286vw, 200px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .inner::before {
    top: -37.198vw;
    width: 36.232vw;
    height: 36.232vw;
  }
}
.blank_title .section .inner::after {
  position: absolute;
  content: "";
  top: max(-2.857vw, -40px);
  display: block;
  width: min(6.286vw, 88px);
  height: min(9.5vw, 133px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .inner::after {
    top: -35.024vw;
    width: 21.256vw;
    height: 32.126vw;
  }
}
.blank_title .section .text_wrapper {
  margin-bottom: min(3.214vw, 45px);
}
.blank_title .section .text_wrapper > * {
  margin-bottom: 1.6em;
}
.blank_title .section .text_wrapper > *:last-child {
  margin-bottom: 0;
}
.blank_title .section .section_title {
  margin-bottom: min(5vw, 70px);
  font-size: min(2.643vw, 37px);
  line-height: min(3.357vw, 47px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .section_title {
    font-size: 8.696vw;
    line-height: 12.077vw;
  }
}
.blank_title .section .section_title .bg {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding: 0 min(0.357vw, 5px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .section_title .bg {
    padding: 0 1.208vw;
  }
}
.blank_title .section .section_title .bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.blank_title .section .section_title .bg .anim-text {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .blank_title .section .section_title .pc {
    display: none;
  }
}
.blank_title .section .section_title .sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .blank_title .section .section_title .sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    gap: 3.623vw 0;
  }
}
.blank_title .section .text {
  font-size: min(1.286vw, 18px);
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .blank_title .section .text {
    font-size: 4.348vw;
  }
}
.blank_title .section .second_title {
  font-size: min(1.714vw, 24px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .second_title {
    font-size: 5.797vw;
    line-height: 1.25;
  }
}
.blank_title .section .images {
  margin-bottom: min(3.214vw, 45px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .images {
    margin: 7.246vw 0 7.246vw;
  }
}
.blank_title .section .images > * {
  margin-bottom: min(3vw, 42px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .images > * {
    margin-bottom: 7.246vw;
  }
}
.blank_title .section .images > *:last-child {
  margin-bottom: 0;
}
.blank_title .section .images.right {
  width: min(51.071vw, 715px);
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .blank_title .section .images.right {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .section .images.end {
    margin-bottom: 0;
  }
}
.blank_title .section .images .caption {
  margin-top: max(-1.429vw, -20px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .images .caption {
    margin-top: -4.831vw;
  }
}
.blank_title .section .image, .blank_title .section .thumbnail {
  width: min(51.071vw, 715px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .image, .blank_title .section .thumbnail {
    width: auto;
  }
}
.blank_title .section .caption {
  padding: 0;
  margin-top: min(1.429vw, 20px);
  font-size: min(1.5vw, 21px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .caption {
    margin-top: 4.831vw;
    font-size: 3.623vw;
  }
}
.blank_title .section .link {
  margin: min(4.286vw, 60px) 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .blank_title .section .link {
    margin: 9.662vw 0 0 auto;
  }
}
.blank_title .section .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blank_title .section .wide_margin {
  margin-bottom: min(5vw, 70px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .wide_margin {
    margin-bottom: 16.908vw;
  }
}
.blank_title .section .lists .li {
  margin-bottom: 1.6em;
  font-size: min(1.286vw, 18px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .lists .li {
    font-size: 4.348vw;
  }
}
.blank_title .section .lists .head {
  display: block;
  font-size: min(1.429vw, 20px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .lists .head {
    font-size: 4.831vw;
  }
}
.blank_title .section .note {
  font-size: min(1.286vw, 18px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section .note {
    font-size: 4.348vw;
  }
}
.blank_title .section.section01 {
  background-color: #E1EFFD;
}
.blank_title .section.section01::before {
  background-color: #B9DDFF;
}
.blank_title .section.section01 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section01-icon.svg");
}
.blank_title .section.section01 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section01-no.png");
}
.blank_title .section.section01 .section_title {
  margin-left: min(15.571vw, 218px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section01 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section01 .link {
  width: min(30.714vw, 430px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section01 .link {
    width: 81.147vw;
  }
}
.blank_title .section.section02 {
  background-color: #E4F2F8;
}
.blank_title .section.section02::before {
  background-color: #BFE3F2;
}
.blank_title .section.section02 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section02-icon.svg");
}
.blank_title .section.section02 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section02-no.png");
}
.blank_title .section.section02 .section_title .pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  gap: min(0.714vw, 10px) 0;
  margin-right: min(15.357vw, 215px);
  margin-bottom: min(2.857vw, 40px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section02 .section_title .pc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section02 .section_title .sp {
    align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    gap: 2.415vw 0;
    margin-bottom: 9.662vw;
  }
  .blank_title .section.section02 .section_title .sp .bg {
    padding: 0;
  }
}
.blank_title .section.section02 .link {
  width: min(30.714vw, 430px);
}
.blank_title .section.section03 {
  background-color: #E6F4F4;
}
.blank_title .section.section03::before {
  background-color: #C4E9E6;
}
.blank_title .section.section03 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section03-icon.svg");
}
.blank_title .section.section03 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section03-no.png");
}
.blank_title .section.section03 .section_title {
  margin-left: min(15.571vw, 218px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section03 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section03 .link {
  width: min(23.643vw, 331px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section03 .link {
    width: 79.94vw;
  }
}
.blank_title .section.section04 {
  padding-bottom: min(10vw, 140px);
  background-color: #E9F7EE;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section04 {
    padding-bottom: 28.986vw;
  }
}
.blank_title .section.section04::before {
  background-color: #CAEFD8;
}
.blank_title .section.section04 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section04-icon.svg");
}
.blank_title .section.section04 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section04-no.png");
}
.blank_title .section.section04 .section_title {
  margin-left: min(15.571vw, 218px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section04 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section04 .section_title .sp {
  align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
}
.blank_title .section.section04 .link {
  width: min(56.086vw, 785.2px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section04 .link {
    width: 84.783vw;
  }
}
.blank_title .section.section05 {
  background-color: #F0F6E9;
}
.blank_title .section.section05::before {
  background-color: #DCE8C8;
}
.blank_title .section.section05 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section05-icon.svg");
}
.blank_title .section.section05 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section05-no.png");
}
.blank_title .section.section05 .section_title {
  margin-left: min(15.571vw, 218px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section05 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section06 {
  background-color: #F7F5E3;
}
.blank_title .section.section06::before {
  background-color: #F2EEB7;
}
.blank_title .section.section06 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section06-icon.svg");
}
.blank_title .section.section06 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section06-no.png");
}
.blank_title .section.section06 .section_title {
  margin-left: min(10vw, 140px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section06 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section06 .section_title .sp {
  align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section06 .section_title span {
    padding: 0;
  }
}
.blank_title .section.section07 {
  padding-bottom: min(10vw, 140px);
  background-color: #FFF3DE;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 {
    padding-bottom: 28.986vw;
  }
}
.blank_title .section.section07::before {
  background-color: #FEE4A4;
}
.blank_title .section.section07 .inner::before {
  background: left top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section07-icon.svg");
}
.blank_title .section.section07 .inner::after {
  background: right top/100% auto no-repeat url("/-/media/Project/Canon/CanonJP/Personal/articles/tips/movie-tech/blank-title/image/section/section07-no.png");
}
.blank_title .section.section07 .section_title {
  -webkit-transform: translateY(max(-2.143vw, -30px));
          transform: translateY(max(-2.143vw, -30px));
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .section_title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.blank_title .section.section07 .section_title .pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  gap: min(0.714vw, 10px) 0;
  margin-left: min(15.571vw, 218px);
  margin-bottom: min(2.857vw, 40px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .section_title .pc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .section_title {
    margin-left: 0;
  }
}
.blank_title .section.section07 .images.flex {
  justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .images.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.623vw 0;
  }
}
.blank_title .section.section07 .images.flex .image {
  width: min(32.143vw, 450px);
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .images.flex .image {
    margin: 0 auto;
    width: 72.464vw;
  }
}
@media only screen and (max-width: 767px) {
  .blank_title .section.section07 .caption {
    margin-top: 2.415vw;
  }
}
.blank_title .visual {
  margin: min(5vw, 70px) 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .blank_title .visual {
    margin: 7.246vw 0;
  }
}
.blank_title .bts {
  margin-bottom: min(4.643vw, 65px);
  padding: min(3.429vw, 48px) 0 min(4.286vw, 60px);
  background-color: #A2B3BB;
}
@media only screen and (max-width: 767px) {
  .blank_title .bts {
    margin-bottom: 14.493vw;
    padding: 4.831vw 0 9.662vw;
  }
}
.blank_title .bts .section_title {
  width: min(24.786vw, 347px);
  margin: 0 auto min(0.714vw, 10px);
}
@media only screen and (max-width: 767px) {
  .blank_title .bts .section_title {
    margin-bottom: 2.415vw;
    width: 44.686vw;
  }
}
.blank_title .bts .main_slider {
  position: relative;
  margin: 0 auto min(4.286vw, 60px);
  width: min(68.571vw, 960px);
}
@media only screen and (max-width: 767px) {
  .blank_title .bts .main_slider {
    margin-bottom: 7.246vw;
    width: 77.295vw;
  }
}
.blank_title .bts .main_slider img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .blank_title .bts .main_slider .custom_arrows {
    display: none;
  }
}
.blank_title .bts .main_slider .custom_arrows button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(2.143vw, 30px) min(3.786vw, 53px) min(2.143vw, 30px) 0;
  border-color: transparent #4D5C64 transparent transparent;
}
.blank_title .bts .main_slider .custom_arrows button.custom-arrow--prev {
  left: max(-6.429vw, -90px);
}
.blank_title .bts .main_slider .custom_arrows button.custom-arrow--next {
  right: max(-6.429vw, -90px);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.blank_title .bts .thumbnail_slider {
  margin: 0 auto;
  width: min(81.429vw, 1140px);
}
@media only screen and (max-width: 767px) {
  .blank_title .bts .thumbnail_slider {
    width: 90.338vw;
  }
}
.blank_title .bts .thumbnail_slider .splide__list {
  position: relative;
  left: max(-5.714vw, -80px);
}
@media only screen and (max-width: 767px) {
  .blank_title .bts .thumbnail_slider .splide__list {
    left: -2.415vw;
    gap: 2.415vw;
  }
}
.blank_title .bts .thumbnail_slider .splide__slide {
  border: 0;
}
.blank_title .bts .thumbnail_slider .splide__slide.is-active {
  border: 0;
}
.blank_title .modal-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.blank_title .modal-wrapper .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: min(68.571vw, 960px);
  height: min(38.571vw, 540px);
}
@media only screen and (max-width: 767px) {
  .blank_title .modal-wrapper .inner {
    width: 90.338vw;
    height: 50.725vw;
  }
}
.blank_title .modal-wrapper .inner .page_modal {
  width: 100%;
  height: 100%;
}
.blank_title .modal-wrapper .inner iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .blank_title .modal-wrapper .inner {
    width: 84.541vw;
    height: 47.585vw;
  }
}
.blank_title .modal-wrapper .close_modal {
  position: absolute;
  top: max(-3.714vw, -52px);
  right: 0;
}
@media only screen and (max-width: 767px) {
  .blank_title .modal-wrapper .close_modal {
    top: -10.386vw;
    width: 5.797vw;
    height: 5.797vw;
  }
  .blank_title .modal-wrapper .close_modal img {
    width: 100%;
  }
}