@charset "UTF-8";


/* NotFound */
.err_block .err_msg {
    text-align: center;
}
#page_notfound .link {
    text-align: center;
}
#page_notfound .note {
    text-align: center;
}

/* 問い合わせページ[ボタン] */
.form-group__wrap {
    display: flex;
    justify-content: center;
}
    @media screen and (max-width: 767px) {
        .form-group__wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.form-group__wrap .form-group {
    margin: 0 10px;
}

@media screen and (max-width: 767px) {
    .form-group + .form-group {
        margin-top: 10px; } }
        
table .ttl {
  vertical-align: top;
}
@page {
  margin: 10mm 10mm;
}
@media print {
  body {
    zoom: 80%;
  }
  .page {
    max-width: 1200px;
  }
  .syllabary_flex {
    display: block;
  }
  .syllabary_flex:after {
    display: block;
    clear: both;
    content: "";
  }
  .case_syllabary {
    float: left;
  }
  .case_syllabary:not(:last-child) {
    margin-right: 3.5%;
  }
  table .ttl {
    vertical-align: top;
  }
  .casebox_wrap .casebox img {
    box-sizing: border-box;
    border: 2px solid #ccc;
  }
  .page-break {
    page-break-before: always;
  }
}
@media print and (-ms-high-contrast: none) {
  .page {
    max-width: 1200px;
  }
  .anni_main_visual .page,
  .footer1 .page {
    width: 100%;
    max-width: 100%;
  }
  body {
    zoom: 100%;
  }
}

.c-vimeo {
    height: 0;
    padding: 0 0 56.25%;
    position: relative;
    overflow: hidden;
    border: solid 1px #e3e3e3;
}
.c-vimeo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media screen and (min-width: 667px) {
    .c-vimeo__outer {
        width: 640px;
        margin: auto;
    }
}
@media screen and (min-width: 667px) {
    .block_flexbox.-col3 li {
        width: 32%;
        margin-bottom: 30px;
    }
    .block_flexbox.-col3 li:not(:nth-of-type(3n)) {
        margin-right: 2%;
    }
}
@media screen and (max-width: 666px) {
    .block_flexbox.-col3 li {
        width: 100%;
        margin-bottom: 20px;
    }
}

.p-movie__thumb__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-movie__thumb {
    position: relative;
}
.p-movie__thumb img {
    width: 100%;
}
.p-movie__thumb__overlay img {
    width: 60px;
}
.p-movie__thumb img {
    display: block;
}