@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : wedding_anniversary.css
 author     : Ability Consultant
 style info : ハレクラニ沖縄ウエディング 5周年アニバーサリーキャンペーン
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_main_fv .box_main_fv, .con_main_fv .box_photo, .con_int, .wrp_point, .con_bottom_en .catch_base, .con_bottom_en .box_photo, .wrp_anniversary .con_contact {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* -----------------------------------------------------------
	setting
----------------------------------------------------------- */
.catch_base {
  text-align: center;
  color: #fff;
}
.catch_base .en {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: block;
  margin-bottom: .5em;
}
@media only screen and (min-width: 1025px) {
  .catch_base .en {
    font-size: 150%;
  }
}
@media print {
  .catch_base .en {
    font-size: 150%;
  }
}
.ie8 .catch_base .en {
  font-size: 150%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .catch_base .en {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .catch_base .en {
    font-size: 113%;
  }
}
.catch_base .jp {
  display: block;
  font-size: 100%;
  letter-spacing: 0.195em;
}

.con_main_fv {
  position: relative;
  z-index: 2;
  padding-top: 340px;
  background: url(../wedding/anniversary/images/bg_main.jpg) no-repeat left/cover;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv {
    padding-top: 220px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv {
    padding-top: 35%;
  }
}
.con_main_fv .box_main_fv {
  text-align: center;
  position: relative;
  color: #fff;
}
.con_main_fv .box_main_fv h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 94%;
  margin-top: 1em;
  letter-spacing: 0.3em;
  position: relative;
  z-index: 2;
  font-weight: normal;
}
.con_main_fv .box_main_fv .catch {
  line-height: 2.2;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1025px) {
  .con_main_fv .box_main_fv .catch {
    font-size: 113%;
  }
}
@media print {
  .con_main_fv .box_main_fv .catch {
    font-size: 113%;
  }
}
.ie8 .con_main_fv .box_main_fv .catch {
  font-size: 113%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_main_fv .catch {
    font-size: 113%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv .catch {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_main_fv .catch {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv .catch {
    margin-top: 10%;
  }
}
.con_main_fv .box_main_fv:before {
  content: "";
  width: 250px;
  height: 261px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: -280px;
  margin: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=14);
  opacity: 0.14;
  background: url(../wedding/anniversary/images/logo.png) no-repeat center/100% auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_main_fv:before {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv:before {
    width: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_main_fv:before {
    height: 104.4px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv:before {
    height: 78.3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_main_fv:before {
    top: -126px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv:before {
    top: -280px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_main_fv .img_title {
    width: 70.26667%;
    margin: auto;
  }
  .con_main_fv .box_main_fv h1 {
    letter-spacing: 0.15em;
    font-size: 113%;
  }
  .con_main_fv .box_main_fv:before {
    top: -6.5em;
  }
}
.con_main_fv .box_main_fv .img_title, .con_main_fv .box_main_fv h1, .con_main_fv .box_main_fv .catch {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-3%);
  -moz-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  -o-transform: translateY(-3%);
  transform: translateY(-3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.con_main_fv .box_main_fv.active .img_title, .con_main_fv .box_main_fv.active h1, .con_main_fv .box_main_fv.active .catch {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.con_main_fv .box_main_fv.active h1 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.con_main_fv .box_main_fv.active .catch {
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.con_main_fv .box_photo {
  max-width: 1600px;
  overflow: hidden;
  margin-top: -25px;
  position: relative;
  top: 105px;
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_photo {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_fv .box_photo {
    top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_photo {
    top: 3em;
  }
}
.con_main_fv .box_photo .photo1 {
  float: left;
  width: 71%;
}
.con_main_fv .box_photo .photo2 {
  float: right;
  width: 26.1875%;
}
@media only screen and (max-width: 767px) {
  .con_main_fv .box_photo .photo2 {
    float: none;
    width: 60%;
    margin: auto;
  }
  .con_main_fv .box_photo .photo1 {
    float: none;
    width: 90%;
    margin: 5% auto 0;
  }
}

.wrp_anniversary {
  padding-top: 220px;
  padding-bottom: 110px;
  margin-bottom: 115px;
  background: #5ea4bf;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_anniversary {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_anniversary {
    padding-top: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_anniversary {
    padding-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_anniversary {
    margin-bottom: 10%;
  }
}
.wrp_anniversary .hana {
  position: absolute;
  z-index: 5;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .wrp_anniversary .hana img {
    transform: scale(0.6);
  }
}
.wrp_anniversary .hana1 {
  width: 121px;
  left: -50px;
  top: 300px;
  animation: hana1 10s linear infinite, fall 10s ease-in-out infinite;
}
.wrp_anniversary .hana2 {
  width: 123px;
  right: 50px;
  top: 0;
  animation: hana6 12s linear infinite, fall 12s ease-in-out infinite;
}
.wrp_anniversary .hana3 {
  width: 138px;
  right: -100px;
  top: 600px;
  animation: hana3 8s linear infinite, fall 8s ease-in-out infinite;
}
.wrp_anniversary .hana4 {
  width: 121px;
  left: 100px;
  top: 800px;
  animation: hana4 12s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana5 {
  width: 173px;
  right: 30px;
  top: 1600px;
  animation: hana5 9s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana6 {
  width: 121px;
  right: -100px;
  top: 2000px;
  animation: hana6 11s linear infinite, fall 11s ease-in-out infinite;
}
.wrp_anniversary .hana7 {
  width: 121px;
  right: -100px;
  top: 2800px;
  animation: hana5 13s linear infinite, fall 11s ease-in-out infinite;
}
.wrp_anniversary .hana8 {
  width: 138px;
  right: 30px;
  top: 3300px;
  animation: hana3 8s linear infinite, fall 8s ease-in-out infinite;
}
.wrp_anniversary .hana9 {
  width: 105px;
  left: 100px;
  top: 1800px;
  animation: hana7 12s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana10 {
  width: 105px;
  left: 60px;
  top: 2800px;
  animation: hana8 16s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana11 {
  width: 120px;
  left: 70px;
  top: 3000px;
  animation: hana9 14s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana12 {
  width: 120px;
  left: 70px;
  top: 2500px;
  animation: hana5 14s linear infinite, fall 9s ease-in-out infinite;
}
.wrp_anniversary .hana13 {
  width: 120px;
  left: -110px;
  top: 3600px;
  animation: hana9 20s linear infinite, fall 9s ease-in-out infinite;
}

@keyframes hana1 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  40% {
    margin-left: 281px;
    margin-top: 500px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-left: 30px;
    margin-top: 700px;
  }
}
@keyframes hana2 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  50% {
    margin-right: 300px;
    margin-top: 500px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-right: -100px;
    margin-top: 880px;
  }
}
@keyframes hana3 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  60% {
    margin-right: 300px;
    margin-top: 333px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate(40px, 600px);
    -moz-transform: translate(40px, 600px);
    -ms-transform: translate(40px, 600px);
    -o-transform: translate(40px, 600px);
    transform: translate(40px, 600px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-right: 40px;
    margin-top: 666px;
  }
}
@keyframes hana4 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  60% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-left: 80px;
    margin-top: 500px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-left: 40px;
    margin-top: 888px;
  }
}
@keyframes hana5 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin-right: 200px;
    margin-top: 450px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-right: 180px;
    margin-top: 1450px;
  }
}
@keyframes hana6 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-right: 666px;
    margin-top: 1000px;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
  }
}
@keyframes hana7 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  50% {
    margin-left: 200px;
    margin-top: 500px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-left: -100px;
    margin-top: 880px;
  }
}
@keyframes hana8 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  50% {
    margin-left: 30px;
    margin-top: 500px;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-left: -100px;
    margin-top: 880px;
  }
}
@keyframes hana9 {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    margin-left: 660px;
    margin-top: 1000px;
  }
}
@keyframes fall {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.con_int {
  max-width: 1085px;
  color: #fff;
  position: relative;
  padding-top: 140px;
  padding-bottom: 50px;
  z-index: 6;
}
@media only screen and (max-width: 767px) {
  .con_int {
    padding-top: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int {
    padding-bottom: 15%;
  }
}
.con_int .box_int {
  position: relative;
  z-index: 2;
  text-align: center;
}
.con_int .box_int h2 {
  font-weight: normal;
}
.con_int .box_int h2 .jp {
  display: block;
  font-size: 150%;
  letter-spacing: 0.195em;
  margin-top: 0.25em;
}
@media only screen and (max-width: 767px) {
  .con_int .box_int h2 .en {
    display: block;
    width: 90%;
    margin: auto;
  }
}
.con_int .box_int .time {
  margin-top: 50px;
  display: inline-block;
  background: #7db6cb;
  color: #fff;
  font-size: 94%;
  padding: .5em 1em;
  letter-spacing: 0.195em;
}
@media only screen and (max-width: 767px) {
  .con_int .box_int .time {
    margin-top: 7%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int .box_int .time {
    text-align: left;
    min-width: 80%;
  }
}
.con_int .box_int h2, .con_int .box_int .time {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-3%);
  -moz-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  -o-transform: translateY(-3%);
  transform: translateY(-3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.con_int .box_int.active h2, .con_int .box_int.active .time {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.con_int:before {
  content: "";
  width: 119px;
  height: 114px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
  background: url(../wedding/anniversary/images/logo.png) no-repeat center/100% auto;
}
@media only screen and (max-width: 767px) {
  .con_int:before {
    width: 71.4px;
    height: 68.4px;
  }
}

.wrp_point {
  max-width: 1085px;
  margin-top: 55px;
  padding-bottom: 130px;
  background: #7db6cb;
}
@media only screen and (max-width: 767px) {
  .wrp_point {
    margin-top: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_point {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_point {
    padding-bottom: 15%;
  }
}
.wrp_point .catch_base {
  position: relative;
  z-index: 6;
}
.wrp_point .con_point {
  overflow: hidden;
  position: relative;
  z-index: 6;
}
.wrp_point .con_point .box_point {
  margin-inline: auto;
  max-width: 860px;
  width: 85.33333%;
  position: relative;
  z-index: 2;
}
.wrp_point .con_point .box_point > h3 {
  font-family: "游ゴシック", YuGothic, YuGothicM, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75em;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point > h3 {
    margin-bottom: 3%;
  }
}
.wrp_point .con_point .box_point > h3.flex-end-left {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 51px;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point > h3.flex-end-left {
    margin-bottom: 6%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_point .con_point .box_point > h3.flex-end-left span.title {
    position: absolute;
    bottom: -12px;
    left: calc(3em + 37px);
  }
}
@media print {
  .wrp_point .con_point .box_point > h3.flex-end-left span.title {
    position: absolute;
    bottom: -12px;
    left: calc(3em + 37px);
  }
}
.ie8 .wrp_point .con_point .box_point > h3.flex-end-left span.title {
  position: absolute;
  bottom: -12px;
  left: calc(3em + 37px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_point .con_point .box_point > h3.flex-end-left span.title,
  .wrp_point .con_point .box_point > h3.flex-end-left .view_tab-sp {
    position: absolute;
    bottom: -12px;
    left: calc(4em + 37px);
  }
  .wrp_point .con_point .box_point > h3.flex-end-left span.title span.title,
  .wrp_point .con_point .box_point > h3.flex-end-left .view_tab-sp span.title {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point > h3.flex-end-left span.title,
  .wrp_point .con_point .box_point > h3.flex-end-left .view_tab-sp {
    align-items: flex-start;
    position: absolute;
    bottom: -12px;
    left: calc(6em + 37px);
  }
  .wrp_point .con_point .box_point > h3.flex-end-left span.title span.title,
  .wrp_point .con_point .box_point > h3.flex-end-left .view_tab-sp span.title {
    position: static;
  }
}
.wrp_point .con_point .box_point > h3 span.title {
  background: #5ea4bf;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  letter-spacing: .195em;
  max-width: 100%;
  width: fit-content;
}
.wrp_point .con_point .box_point > h3 span.title.fsz-lg {
  line-height: 1.72727;
  padding-inline: .5em;
}
@media only screen and (min-width: 1025px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-lg {
    font-size: 138%;
  }
}
@media print {
  .wrp_point .con_point .box_point > h3 span.title.fsz-lg {
    font-size: 138%;
  }
}
.ie8 .wrp_point .con_point .box_point > h3 span.title.fsz-lg {
  font-size: 138%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-lg {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-lg {
    font-size: 113%;
  }
}
.wrp_point .con_point .box_point > h3 span.title.fsz-lg > em {
  font-size: 127%;
  letter-spacing: .1em;
}
.wrp_point .con_point .box_point > h3 span.title.fsz-lg > em.en {
  font-size: 163%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-style: italic;
  letter-spacing: .07em;
}
.wrp_point .con_point .box_point > h3 span.title.fsz-md {
  line-height: 2.09091;
  padding-inline: 1em;
}
@media only screen and (min-width: 1025px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-md {
    font-size: 113%;
  }
}
@media print {
  .wrp_point .con_point .box_point > h3 span.title.fsz-md {
    font-size: 113%;
  }
}
.ie8 .wrp_point .con_point .box_point > h3 span.title.fsz-md {
  font-size: 113%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-md {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point > h3 span.title.fsz-md {
    font-size: 88%;
  }
}
@media only screen and (max-width: 1024px) {
  .wrp_point .con_point .box_point > h3 > .view_tab-sp {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .75em;
  }
}
.wrp_point .con_point .box_point .txt {
  line-height: 2;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_point .con_point .box_point .txt {
    font-size: 113%;
  }
}
@media print {
  .wrp_point .con_point .box_point .txt {
    font-size: 113%;
  }
}
.ie8 .wrp_point .con_point .box_point .txt {
  font-size: 113%;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point .txt {
    font-size: 94%;
  }
}
.wrp_point .con_point .box_point .photo {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .box_point .photo {
    margin-top: 3%;
  }
}
.wrp_point .con_point .box_point .memo {
  margin-top: 1em;
  color: #267796;
  font-size: 94%;
  text-align: left;
}
.wrp_point .con_point .box_point h3, .wrp_point .con_point .box_point .photo, .wrp_point .con_point .box_point .memo, .wrp_point .con_point .box_point .txt, .wrp_point .con_point .box_point .img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-3%);
  -moz-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  -o-transform: translateY(-3%);
  transform: translateY(-3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.wrp_point .con_point .box_point.active h3, .wrp_point .con_point .box_point.active .photo, .wrp_point .con_point .box_point.active .memo, .wrp_point .con_point .box_point.active .txt, .wrp_point .con_point .box_point.active .img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.wrp_point .con_point .point1 {
  margin-top: 7.5em;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .point1 {
    margin-top: 6.5em;
  }
}
.wrp_point .con_point .point2 {
  margin-top: 5.9375em;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .point2 {
    margin-top: 4.75em;
  }
}
.wrp_point .con_point .point3 {
  margin-top: 5em;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .point3 {
    margin-top: 4.5em;
  }
}
.wrp_point .con_point .point4 {
  margin-top: 5.625em;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .point4 {
    margin-top: 5em;
  }
}
.wrp_point .con_point .point5 {
  margin-top: 2.5em;
  display: flex;
  justify-content: center;
  gap: 6.97674%;
}
@media only screen and (max-width: 767px) {
  .wrp_point .con_point .point5 {
    margin-top: 1.5em;
  }
}
.wrp_point .con_point .point5 .photo:first-of-type {
  margin-top: 7.1875em;
}
.wrp_point .txt_point {
  margin-top: 5em;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .wrp_point .txt_point {
    margin-top: 3.5em;
  }
}
.wrp_point .txt_point .en {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 100%;
  display: block;
  margin-bottom: 1em;
}
.wrp_point .txt_point .jp {
  display: block;
  font-size: 88%;
  letter-spacing: 0.195em;
}

.con_bottom_en {
  margin-top: 8.125em;
  position: relative;
  z-index: 6;
}
@media only screen and (max-width: 767px) {
  .con_bottom_en {
    margin-top: 7em;
  }
}
.con_bottom_en .ic_logo {
  width: 49px;
  margin: auto;
}
.con_bottom_en .catch_base {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .con_bottom_en .catch_base {
    margin-top: 3%;
  }
}
.con_bottom_en .box_photo {
  max-width: 1640px;
  margin-top: 3.75em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 6;
}
@media only screen and (max-width: 767px) {
  .con_bottom_en .box_photo {
    margin-top: 2.5em;
  }
}
.con_bottom_en .box_photo .photo1 {
  order: 1;
  width: 18.47561%;
}
.con_bottom_en .box_photo .photo2 {
  order: 2;
  margin-top: 85px;
  width: 48.78049%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bottom_en .box_photo .photo2 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bottom_en .box_photo .photo2 {
    margin-top: 10%;
  }
}
.con_bottom_en .box_photo .photo3 {
  order: 3;
  margin-top: 354px;
  width: 20.12195%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bottom_en .box_photo .photo3 {
    margin-top: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bottom_en .box_photo .photo3 {
    margin-top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bottom_en .box_photo {
    width: 92.66667%;
  }
  .con_bottom_en .box_photo .photo1 {
    width: 29.06475%;
    position: relative;
    z-index: 2;
  }
  .con_bottom_en .box_photo .photo2 {
    width: 92.3741%;
    margin-left: -24.02878%;
    position: relative;
    z-index: 1;
  }
  .con_bottom_en .box_photo .photo3 {
    width: 35.10791%;
    margin-left: -32.3741%;
    position: relative;
    z-index: 2;
  }
}
.con_bottom_en .box_photo .photo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-3%);
  -moz-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  -o-transform: translateY(-3%);
  transform: translateY(-3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.con_bottom_en .box_photo.active .photo {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.con_bottom_en .box_photo.active .photo1 {
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  -o-transform: translateX(10%);
  transform: translateX(10%);
}
.con_bottom_en .box_photo.active .photo3 {
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  -o-transform: translateX(-10%);
  transform: translateX(-10%);
}

.wrp_contact {
  position: relative;
  z-index: 6;
}

.wrp_anniversary .con_contact {
  max-width: 885px;
  margin-top: 8.125em;
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  .wrp_anniversary .con_contact {
    margin-top: 7em;
  }
}
.wrp_anniversary .con_contact .ttl.txt_up {
  color: #fff;
  border-color: #fff;
}
.wrp_anniversary .con_contact .inner_tel .txt_tel {
  color: #fff;
}
.wrp_anniversary .con_contact .inner_tel .txt_tel .tel {
  color: #fff;
}

.scrollActive-top {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-3%);
  -moz-transform: translateY(-3%);
  -ms-transform: translateY(-3%);
  -o-transform: translateY(-3%);
  transform: translateY(-3%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.scrollActive-top.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.scrollActive-left {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateX(-15%);
  -moz-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  -o-transform: translateX(-15%);
  transform: translateX(-15%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.scrollActive-left.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}

.scrollActive-right {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translateX(15%);
  -moz-transform: translateX(15%);
  -ms-transform: translateX(15%);
  -o-transform: translateX(15%);
  transform: translateX(15%);
  -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  filter: blur(6px);
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, filter 0.8s;
  -moz-transition: -moz-transform 0.8s, opacity 0.8s, filter 0.8s;
  -o-transition: -o-transform 0.8s, opacity 0.8s, filter 0.8s;
  transition: transform 0.8s, opacity 0.8s, filter 0.8s;
}
.scrollActive-right.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}