/* Scss Document */
#wrapper #mainarea {
  padding: 84px 0 0 0;
  background: #f8f7f3; }
  #wrapper #mainarea #mv {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 0; }
    #wrapper #mainarea #mv .bg {
      position: relative;
      z-index: 0; }
      #wrapper #mainarea #mv .bg img {
        width: 100%; }
  #wrapper #mainarea .title {
    background: #FFF;
    margin: 0 0 0 0;
    padding: 3% 0 3% 0; }
    #wrapper #mainarea .title h1 {
      text-align: center;
      font-family: 'kobu_g_std_w6';
      font-size: 28px;
      line-height: 32px;
      letter-spacing: 2px;
      color: #00a0e9; }
      #wrapper #mainarea .title h1 span {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 5px 0; }
  @media only screen and (min-width: 641px) and (max-width: 960px) {
    #wrapper #mainarea .title h1 {
      font-size: 26px;
      line-height: 30px; } }
  @media only screen and (min-width: 1px) and (max-width: 640px) {
    #wrapper #mainarea .title h1 {
      font-size: 20px;
      line-height: 24px; }
      #wrapper #mainarea .title h1 span img {
        max-width: 31px; } }
  #wrapper #mainarea #contents #outline {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0; }
    #wrapper #mainarea #contents #outline .inner {
      width: 90%;
      max-width: 960px;
      margin: 0 auto 0 auto;
      padding: 0 0 6% 0; }
      #wrapper #mainarea #contents #outline .inner .outline_list {
        width: 100%;
        max-width: 960px;
        margin: 6% auto 6% auto;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column {
          position: relative;
          display: flex;
          flex-direction: column; }
          #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-image a {
            overflow: hidden; }
            #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-image a img {
              width: 100%;
              height: auto;
              transition: 0.5s all; }
          #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-image a:hover img {
            transform: scale(1.1, 1.1);
            transition: 0.3s all; }
          #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group {
            flex-grow: 1; }
            #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container {
              padding: 1em; }
              #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container h2 {
                font-family: 'kobu_g_std_w3';
                font-size: 14px;
                line-height: 1.4;
                letter-spacing: 0.1em; }
              #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container p {
                font-family: 'kobu_g_std_w6';
                font-size: 22px;
                line-height: 1.4;
                padding-bottom: 0.5em; }
                #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container p span {
                  font-size: 14px; }
              #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container p:last-child {
                padding-bottom: 0; }
          #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-buttons {
            display: flex;
            justify-content: flex-end;
            padding: 0.5em; }
            #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button a {
              font-family: 'din_regular';
              font-size: 12px;
              letter-spacing: 0.1em;
              -moz-transition: .3s;
              -webkit-transition: .3s;
              -o-transition: .3s;
              -ms-transition: .3s;
              transition: .3s; }
            @media only screen and (min-width: 1px) and (max-width: 640px) {
              #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button a {
                font-size: 16px; } }
            #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button a:hover {
              text-decoration: none;
              background-color: #e60012 !important;
              -moz-transition: .3s;
              -webkit-transition: .3s;
              -o-transition: .3s;
              -ms-transition: .3s;
              transition: .3s; }
            @media only screen and (min-width: 1px) and (max-width: 640px) {
              #wrapper #mainarea #contents #outline .inner .outline_list .wp-block-columns .wp-block-column .wp-block-buttons .wp-block-button {
                width: 100%; } }
    @media only screen and (min-width: 1px) and (max-width: 640px) {
      #wrapper #mainarea #contents #outline .inner {
        padding: 0 0 0% 0; } }
  @media only screen and (min-width: 1px) and (max-width: 960px) {
    #wrapper #mainarea #contents #outline {
      margin: 10% 0 0 0; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  #wrapper #mainarea {
    padding: 64px 0 0 0; } }

/*# sourceMappingURL=voice_archive.css.map */