@charset "UTF-8";
/* =====================================================
▼ COLOR
===================================================== */
/*---------------------------------------------------------------------------*/
.section-message { padding: 12rem 0; background: rgba(0, 161, 165, 0.1); text-align: center; }

@media screen and (max-width: 768px) { .section-message { padding: 16vw 0; } }

.message-ttl { font-size: 3.4rem; font-weight: 400; text-align: center; margin-bottom: 6rem; }

@media screen and (max-width: 768px) { .message-ttl { font-size: 6.0vw; margin-bottom: 8vw; } }

.message-article { text-align: center; font-size: 17.5px; }

.message-article .right { text-align: right; font-size: 20px; font-weight: bold; }

@media screen and (min-width: 769px) { .message-article .adjust01 { letter-spacing: -0.1px; }
  .message-article .adjust02 { letter-spacing: 0.1px; }
  .message-article .adjust03 { letter-spacing: 0.1px; } }

@media screen and (max-width: 768px) { .message-article { font-size: 13px; }
  .message-article .right { font-size: 3.73333vw; } }

.message-article + .message-article { margin-top: 12rem; }

@media screen and (max-width: 768px) { .message-article + .message-article { margin-top: 16vw; } }

.message-article_img { margin-bottom: 5rem; }

@media screen and (max-width: 768px) { .message-article_img { margin: 0 -16vw 8vw; } }

@media screen and (min-width: 769px) { .message-article_img img { max-width: 90%; } }

.message-article_copy p + p { margin-top: 2.5rem; }

@media screen and (max-width: 768px) { .message-article_copy p + p { margin-top: 5.33333vw; } }

.sentence { display: inline-block; overflow: hidden; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }

.sentence span { display: block; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }

.sentence.active, .sentence.active span { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

@media screen and (min-width: 1080px) { .kv__message2 .kv-ctn { background: #fff; width: auto; height: auto; padding: 4rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10%; -webkit-animation: fadeIn 0.2s ease 0.3s 1 normal; -moz-animation: fadeIn 0.2s ease 0.3s 1 normal; animation: fadeIn 0.2s ease 0.3s 1 normal; }
  .kv__message2 .kv-ctn .message-ttl { margin: 0; }
  .sp_message { display: none; } }

@media screen and (max-width: 1079px) { .kv__message2 .kv-ctn { display: none; }
  .sp_message { display: block; } }

@media screen and (min-width: 769px) { .message-article_copy p { max-width: 984px; margin: 0 auto; padding: 0 43px; } }

.message-article_copy p { text-align: left; }

.title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; text-align: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.title span { display: block; -webkit-transform: translate(0, 105%); -moz-transform: translate(0, 105%); -ms-transform: translate(0, 105%); transform: translate(0, 105%); -webkit-transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s, -moz-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; }

.title.-visible span { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.title span:nth-child(1) { -webkit-transition-delay: 0.30s; -moz-transition-delay: 0.30s; transition-delay: 0.30s; }

.title span:nth-child(2) { -webkit-transition-delay: 0.42s; -moz-transition-delay: 0.42s; transition-delay: 0.42s; }

.title span:nth-child(3) { -webkit-transition-delay: 0.54s; -moz-transition-delay: 0.54s; transition-delay: 0.54s; }

.title span:nth-child(4) { -webkit-transition-delay: 0.66s; -moz-transition-delay: 0.66s; transition-delay: 0.66s; }

.title span:nth-child(5) { -webkit-transition-delay: 0.78s; -moz-transition-delay: 0.78s; transition-delay: 0.78s; }

.title span:nth-child(6) { -webkit-transition-delay: 0.90s; -moz-transition-delay: 0.90s; transition-delay: 0.90s; }

.title span:nth-child(7) { -webkit-transition-delay: 1.02s; -moz-transition-delay: 1.02s; transition-delay: 1.02s; }

.title span:nth-child(8) { -webkit-transition-delay: 1.14s; -moz-transition-delay: 1.14s; transition-delay: 1.14s; }

.signature { margin-top: 0 !important; }

.signature img { max-width: 22rem; }

@media screen and (max-width: 768px) { .signature img { max-width: 53.33333vw; } }
