@charset "utf-8";

/* message
--------------------------------------------------------------*/
.message { margin-top: var(--base-margin); }
.message-box { background-color: var(--cl-lgr); margin-right: calc(-1 * var(--base-margin)); margin-top: var(--half-margin);  padding: var(--base-margin); }
.message-text { font-weight: 600; text-align: justify; }
.message-name { font-weight: 600; margin-top: 2em; }
.message-word { font-size: var(--fs-title-md); color: var(--cl-wh); text-align: right; padding-right: 10%; margin-top: 1em; }

@media screen and (min-width: 768px) {
.message-word { margin-top: 0; }
}
@media screen and (min-width: 1024px) {
.message-word { margin-top: -1em; }
}






/* outline
--------------------------------------------------------------*/

.outline { margin-top: var(--base-margin); }
.outline-table { margin-top: var(--half-margin); }
.weare { background-color: var(--cl-base-or); margin: var(--base-margin) calc(-1 * var(--base-margin)) 0 0; padding: var(--base-margin); transition-delay: 0.2s; }
.weare-title { color: var(--cl-wh); font-size: var(--fs-title-md); }
.weare-list  { color: var(--cl-wh); margin-top: 1em; line-height: 1.6; }
.weare-item  { display: inline-block; margin-right: 0.5em; }
.weare-logo  { width: 4rem; margin-left: auto; margin-top: 1em; }
@media screen and (min-width: 768px) {
.weare-list  { margin-top: 2em; max-width: 40rem; }
.weare-item  { margin-right: 1.5em; }
.weare-logo  { width: 8rem; margin-top: -7rem; }
}




/* history
--------------------------------------------------------------*/
.history { margin-top: var(--base-margin); }
.history-table { margin-top: var(--half-margin); transition-delay: 0.2s; }



/* access
--------------------------------------------------------------*/
.access { margin-top: var(--base-margin); }
.access-txt { margin-top: var(--half-margin); transition-delay: 0.2s; }
.access-map { position:relative; padding-bottom:35rem; height:0; margin-right: calc(-1 * var(--base-margin)); margin-top: var(--half-margin);  }
.access-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }