@charset "UTF-8";
.top-message { padding: 16vw 0; }
.top-message-image { width: 95vw; margin: 0 0 10vw auto; }
.top-message-image .image01 { width: 85vw; margin-left: auto; }
.top-message-image .image02 { width: 48vw; margin: -12vw auto 0 0; z-index: 1; position: relative; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-message-text { width: 90vw; margin: 0 auto; }
.top-message-title { margin-bottom: 4vw; }
.top-message-title .en { margin-bottom: 8vw; font-size: 3.6vw; font-family: "futura-pt"; font-weight: 400; letter-spacing: 0.2vw; position: relative; display: table; }
.top-message-title .en:after { content: ''; width: 10vw; height: 1px; background: #b6b2b0; position: absolute; top: 50%; right: -12vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-message-title .jp { color: var(--pink01); font-size: 5.2vw; font-family: var(--mincho); line-height: 1.6; display: block; }
.top-message-comment { margin-bottom: 8vw; }
.top-message-comment p { font-size: 3.6vw; font-family: var(--mincho); text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 

.top-message { padding: 120px 0; }
.top-message-content { width: 1200px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.top-message-image { width: 1040px; margin: 0 -400px 0 0; order: 1; }
.top-message-image .image01 { width: 950px; }
.top-message-image .image02 { width: 425px; margin-top: -190px; }
.top-message-text { width: 530px; padding-top: 100px; order: 0; }
.top-message-title { margin-bottom: 40px; }
.top-message-title .en { margin-bottom: 30px; font-size: 15px; letter-spacing: 1px; }
.top-message-title .jp { font-size: 28px; }
.top-message-comment { margin-bottom: 40px; }
.top-message-comment p { font-size: 16px; line-height: 2.4; }
.top-message-more { margin-left: 0; }

 }