/* #about link
-------------------------------------------------------------------------- */
.c-about__link { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #494039; border-left: 1px solid #494039; border-bottom: 1px solid #494039; }
.c-about__link li { width: calc(100%/2); border-right: 1px solid #494039; display: flex; align-self: stretch; }
.c-about__link li:first-child, .c-about__link li:nth-child(2) { border-bottom: 1px solid #494039; }
@media print, screen and (min-width: 768px) { .c-about__link li { width: calc(100%/4); }
  .c-about__link li:first-child, .c-about__link li:nth-child(2) { border-bottom: none; } }
.c-about__link li a { display: flex; padding: 1em; width: 100%; height: 100%; justify-content: space-between; align-items: center; color: #494039; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.c-about__link .icon { width: 14px; height: 14px; stroke-width: 0; stroke: #494039; fill: #494039; margin-left: 1em; align-self: center; }
.c-about__link li a:hover, .c-about__link li .is-current { background: #f3f3f3; }

/* #vision
-------------------------------------------------------------------------- */
.c-vision__main { width: 100%; max-width: 700px; padding: .8em 1em; margin: 0 auto 1em; color: #494039; font-size: 2.6rem; }
.c-vision__main--l { color: #494039; font-size: 3rem; border: 1px solid #b8a53c; }
.c-vision__main .c-vision__caption { width: 100%; max-width: 200px; display: block; border: 1px solid #b8a53c; color: #b8a53c; padding: .3em 1em; margin: 0 auto 1em; font-size: 1.8rem; }
.c-vision__main--l .c-vision__caption { background: #b8a53c; color: #fff; }
.c-vision__main h2 > span { font-size: 1.8rem; line-height: 1.2; }

/* #message
-------------------------------------------------------------------------- */
.c-about__msgCaption { font-size: 3rem; text-align: left; margin-bottom: 2em; }
.c-about__msgtxt { text-align: left; margin-bottom: 4em; }
.c-about__profile { background: #f3f3f3; padding: 1em; text-align: left; }
.p-sign{ width: 40%; max-width: 180px; }

/* #dl
-------------------------------------------------------------------------- */
.c-about__dl { border-top: 1px solid #c9c9ca; width: 100%; padding: 0; }
.c-about__dl dl { padding: 1.5em 1em; text-align: left; display: flex; border-bottom: 1px solid #c9c9ca; }
.c-about__dl dt { color: #b8a53c; width: 30%; padding-right: 1em; }
.c-about__dl dd { width: auto; flex: 1; }
.c-about__dl--story dl { padding: .8em 1em; }
.c-about__dl--story dt { width: 25%; }

/* #map btn
-------------------------------------------------------------------------- */
.c-btn .icon-map { width: 1.4em; height: 1.4em; margin-right: .5em; margin-left: 0; }

/* #map
-------------------------------------------------------------------------- 
.c-flex__column .c-flex__map { height: 0; overflow: hidden; padding-bottom: 40%; position: relative; max-width: 100%; margin-top: 2em; }
.c-flex__map iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
@media print, screen and (min-width: 768px) { .c-flex__column .c-flex__map { padding-bottom: 30%; max-width: 40%; margin-top: 0; } }*/

/* #map--new
-------------------------------------------------------------------------- */
.c-flex__column .c-flex__map { height: 0; overflow: hidden; padding-bottom: 50%; position: relative; max-width: 100%; margin-top: 2em; }
.c-flex__map iframe { position: absolute; left: 50%; top: 60%; height: 300%; width: 300%; top: 60%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto; }
@media print, screen and (min-width: 768px) { .c-flex__column .c-flex__map { padding-bottom: 30%; max-width: 40%; margin-top: 0; } }