@-webkit-keyframes fadein {
from {opacity:0;}
to {opacity:1;}}
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}}
@-webkit-keyframes fadeout {
from {opacity:1;}
to {opacity:0;}}
@keyframes fadeout {
from {opacity:1;}
to {opacity:0;}}
@-webkit-keyframes linelink {
0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scaleX(1);transform:scaleX(1);}
50% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scaleX(0);transform:scaleX(0);}
51% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleX(0);transform:scaleX(0);}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleX(1);transform:scaleX(1);}}
@keyframes linelink {
0% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scaleX(1);transform:scaleX(1);}
50% {-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:scaleX(0);transform:scaleX(0);}
51% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleX(0);transform:scaleX(0);}
100% {-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleX(1);transform:scaleX(1);}}
@-webkit-keyframes favorite-bounce {
0% {-webkit-transform:scale(0);transform:scale(0);}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);}
51% {-webkit-transform:scale(.9);transform:scale(.9);}
100% {-webkit-transform:scale(1);transform:scale(1);}}
@keyframes favorite-bounce {
0% {-webkit-transform:scale(0);transform:scale(0);}
50% {-webkit-transform:scale(1.1);transform:scale(1.1);}
51% {-webkit-transform:scale(.9);transform:scale(.9);}
100% {-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes favorite-bounce-out {
0% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(0);transform:scale(0);}}
@keyframes favorite-bounce-out {
0% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(0);transform:scale(0);}}
/*!-------------------------------------------------------------------------
  message
--------------------------------------------------------------------------*/
.message_mainvisual {margin-top:120px;padding:0 30px 170px;background:url(../img/customize/brandconcept/img_message_mainvisual_bg.jpg) no-repeat;background-size:cover;background-position:center bottom;}
@media screen and (max-width:768px) {
.message_mainvisual {margin-top:60px;padding:0 20px 108px;background-size:contain;}}
@media screen and (max-width:650px) {
.message_mainvisual {background-size:auto 270px;}}
.message_mainvisual_title {text-align:center;}
.message_mainvisual_title span {color:#555;font-family:Lato,sans-serif;font-size:2rem;}
@media screen and (max-width:768px) {
.message_mainvisual_title span {font-size:1.4rem;}}
.message_mainvisual_title_image {width:395px;margin:45px auto 0;}
@media screen and (max-width:768px) {
.message_mainvisual_title_image {width:234px;margin-top:30px;}}
.message_mainvisual_title_image img {height:auto;}
.message_mainvisual_text {margin-top:80px;font-size:1.8rem;line-height:2.2;text-align:center;letter-spacing:.08em;}
.message_mainvisual_text .min-hidden {display:block;}
@media screen and (max-width:375px) {
.message_mainvisual_text .min-hidden {display:none;}}
@media screen and (max-width:768px) {
.message_mainvisual_text {margin-top:50px;font-size:1.4rem;line-height:2.1;}}
.message_movie {margin-top:100px;padding:0 30px;}
@media screen and (max-width:768px) {
.message_movie {margin-top:80px;padding:0 20px;}}
.message_movie_title {color:#001d60;font-size:3rem;font-weight:300;text-align:center;}
@media screen and (max-width:768px) {
.message_movie_title {font-size:2.2rem;}}
.message_movie_title span {display:block;margin-bottom:25px;color:#555;font-family:Lato,sans-serif;font-size:1.6rem;font-weight:400;}
@media screen and (max-width:768px) {
.message_movie_title span {margin-bottom:20px;font-size:1.4rem;}}
.message_movie_content {overflow:hidden;position:relative;max-width:910px;margin:60px auto 0;border-radius:10px;-webkit-box-shadow:20px 20px 30px rgba(57,92,190,.15);box-shadow:20px 20px 30px rgba(57,92,190,.15);aspect-ratio:16/9;}
@media screen and (max-width:768px) {
.message_movie_content {margin:40px auto 0;border-radius:4px;-webkit-box-shadow:10px 10px 15px rgba(57,92,190,.15);box-shadow:10px 10px 15px rgba(57,92,190,.15);}}
.message_movie_content_button {cursor:pointer;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url(../img/customize/img.jpg) no-repeat;background-size:cover;visibility:visible;opacity:1;}
.message_movie_content_button::after {content:"";display:block;position:absolute;top:50%;left:50%;width:175px;height:175px;background:url(../img/customize/img_play_video.svg) no-repeat;background-size:175px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:10;}
.message_movie_content_button:hover::after {-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);}
.message_movie_content_button.hidden {visibility:hidden;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;}
.message_movie_content iframe {width:100%;height:100%;}
.message_movie + .message_content {margin-top:140px;}
@media screen and (max-width:768px) {
.message_movie + .message_content {margin-top:80px;}}
.message_content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-top:100px;}
@media screen and (max-width:768px) {
.message_content {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:80px;}}
.message_content_title {color:#001d60;font-size:3rem;font-weight:300;}
@media screen and (max-width:768px) {
.message_content_title {font-size:2.2rem;}}
.message_content_title span {display:block;margin-bottom:25px;color:#555;font-family:Lato,sans-serif;font-size:1.6rem;font-weight:400;}
@media screen and (max-width:768px) {
.message_content_title span {margin-bottom:20px;font-size:1.4rem;}}
.message_content_image {width:45.484%;}
@media screen and (max-width:768px) {
.message_content_image {width:325px;margin-top:40px;}}
.message_content_image img {width:100%;height:100%;}
.message_content_body {width:42.8%;padding:90px 0 0 80px;}
@media screen and (max-width:768px) {
.message_content_body {width:100%;padding:0 25px;}}
.message_content_text {margin-top:50px;font-size:1.6rem;line-height:2.5;letter-spacing:.08em;}
@media screen and (max-width:768px) {
.message_content_text {margin-top:40px;font-size:1.4rem;line-height:2.1;}}
.message_content.mission .message_content_image {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
@media screen and (max-width:768px) {
.message_content.mission .message_content_image {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}}
.message_content.mission .message_content_body {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
@media screen and (max-width:768px) {
.message_content.mission .message_content_body {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}}
.message_content.moisture-science {-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;}
@media screen and (max-width:768px) {
.message_content.moisture-science .message_content_image {margin-left:auto;}}
.message_content.moisture-science .message_content_body {width:41%;padding:107px 52px 0 0;}
@media screen and (max-width:768px) {
.message_content.moisture-science .message_content_body {width:100%;padding:0 25px;}}