@charset "UTF-8";
/*--------------------------------------------------- */
/* 文字が現れる */
/*--------------------------------------------------- */
@-webkit-keyframes passing-bar {
  0% {
    left: 0;
    width: 0; }
  50% {
    left: 0;
    width: 100%; }
  51% {
    left: 0;
    width: 100%; }
  100% {
    left: 0;
    width: 100%; } }
@keyframes passing-bar {
  0% {
    left: 0;
    width: 0; }
  50% {
    left: 0;
    width: 100%; }
  51% {
    left: 0;
    width: 100%; }
  100% {
    left: 0;
    width: 100%; } }

@-webkit-keyframes {
  0% {
    width: 100%; } }

@keyframes {
  0% {
    width: 100%; } }

@-webkit-keyframes passing-txt {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes passing-txt {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes passing-txt-defalut {
  0% {
    opacity: 1; } }

@keyframes passing-txt-defalut {
  0% {
    opacity: 1; } }

.passing .passing-box {
  display: block;
  text-align: center; }

.passing .passing-bar {
  position: relative;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .passing .passing-bar:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    opacity: 0.8; }

.passing .passing-txt {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  font-size: 4.0rem;
  font-weight: bold;
  line-height: 1.5; }

.passing.move .passing-bar:before {
  -webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
  animation: passing-bar 1s ease 0s 1 normal forwards; }

.passing.move .passing-txt {
  -webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
  animation: passing-txt 0s ease .5s 1 normal forwards; }

@font-face {
  font-family: 'matissem';
  font-display: swap;
  src: url("/common/font/matisse-m.woff") format("woff"), url("/common/font/matisse-m.otf") format("truetype"); }

/*--------------------------------------------------- */
/* */
/*--------------------------------------------------- */
.about dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 32px; }

.about dt, .about dd {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 24px; }

.about dt {
  line-height: 1em;
  font-weight: 700;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 769px) {
    .about dt {
      border-bottom: 1px solid #0775e2; } }

.about .upper {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.about dd {
  line-height: 1.3em;
  width: calc(100% - 200px); }
  @media (min-width: 769px) {
    .about dd {
      border-bottom: 1px solid #ddd; } }

.access {
  padding-top: 200px; }
  .access iframe {
    margin-top: 32px;
    width: 100%;
    height: 500px;
    border: 1px solid #ddd; }

@media (max-width: 768px) {
  .about dt, .about dd {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px;
    border: 1px solid #bbb;
    border-top: 0; }
  .about dt {
    line-height: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #efefef;
    width: 100%; }
    .about dt:nth-of-type(1) {
      border: 1px solid #bbb;
      /* style */ }
  .about .upper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .about dd {
    line-height: 1.3em;
    width: calc(100%); }
  .access {
    padding-top: 150px; }
    .access iframe {
      height: 400px; } }
    @media (max-width: 768px) and (max-width: 480px) {
      .access iframe {
        height: 300px; } }