@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-gallery-voice-01 .container {padding: 0;}
#Main .block-gallery-voice-01 .count {margin: 0;font-size: 75%;}
#Main .block-gallery-voice-01 .count strong {color: #5cb97d;font-size: 200%;font-family:"Roboto","sans-serif";line-height: 1}
#Main .block-gallery-voice-02 .item .title {margin: 0.75em 0 0.5em;text-align: center;font-weight: normal;font-size: 112.5%;}
#Main .block-gallery-voice-02 .item .img {overflow: hidden;max-height: 19.25em;}
#Main .block-gallery-voice-02 .item .img img {object-fit: cover;object-position: center;}
#Main .block-gallery-voice-03 .btn-style-01 {background-image: url(../img/common_bg_05.png);color: #000;margin: 1em auto 4em;}
#Main .block-gallery-voice-03 header h3 {text-align: center;}
#Main .block-gallery-voice-03 header h3 + p {margin: 1.5em 0;text-align: center;}
#Main .block-gallery-voice-03 .movie {background-color: #5cb97d;padding: 1.5em;margin-bottom: 2.5em;font-size: 137.5%;line-height: 1.5;}
#Main .block-gallery-voice-03 .movie h4 {margin-bottom: 0.5em;text-align: center;color: #fff;}
#Main .block-gallery-voice-03 .movie .youtube {position: relative;padding-top: 56.25%;}
#Main .block-gallery-voice-03 .movie .youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#Main .block-gallery-voice-03 .item .txt {padding: 3em 0;}
#Main .block-gallery-voice-03 .item .txt .heading {margin-bottom: 1em;font-size: 125%;font-weight: bold;}
#Main .block-gallery-voice-03 .item .txt .message {line-height: 2;}
#Main .block-gallery-voice-03 .item .mv {overflow: hidden;}
#Main .block-gallery-voice-03 .item .grid-list {margin: 1em -0.5em 0;}
#Main .block-gallery-voice-03 .item .grid-list > div {width: calc(33.33% - 1em);margin: 0 0.5em;}
#Main .block-gallery-voice-03 .item .txt.flex {display: flex;justify-content: space-between;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width:769px) {
  #Billboard {max-width: 960px;margin: 1em auto 0;}
  #Billboard .ttl-style-01 {margin-bottom: 2em;}
  #Main .block-gallery-voice-01 .container {width: calc(100% - 3em);max-width: 960px;padding: 0;}
  #Main .block-gallery-voice-01 .count {font-size: 87.5%;}
  #Main .block-gallery-voice-01 .count strong {font-size: 162.5%;}
  #Main .block-gallery-voice-02 {background-color: #f8f8f8;}
  #Main .block-gallery-voice-02 .container {width: calc(100% - 3em);max-width: 960px;padding-top: 1em;padding-bottom: 1em;margin-top: 1em;overflow: hidden;}
  #Main .block-gallery-voice-02 .container .grid-list > div {margin: 1em;width: calc(50% - 2em);}
  #Main .block-gallery-voice-03 {width: calc(100% - 3em);margin: 0 auto;}
  #Main .block-gallery-voice-03 .container {max-width: 960px;padding-bottom: 0;}
  #Main .block-gallery-voice-03 .item .txt.flex > div:nth-child(1) {width: 70%;}
  #Main .block-gallery-voice-03 .item .txt.flex > div:nth-child(2) {width: calc(30% - 2em);}
}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1260px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width:768px) {
  .single #Billboard .ttl-style-01 {margin-bottom: 4em;}
  #Main .block-gallery-voice-01 .count {padding: 2em 0 0.5em;}
  #Main .block-gallery-voice-02 .container {padding: 0;margin: 0;}
  #Main .block-gallery-voice-02 .container .grid-list > div {width: calc(100% - 3em);margin: 0 auto;}
  #Main .block-gallery-voice-02 .container .grid-list > div + div {margin-top: 1.5em;}
  #Main .block-gallery-voice-03 .container {padding: 0;}
  #Main .block-gallery-voice-03 header h3 + p {margin: 0.5em 0 2.5em;}
  #Main .block-gallery-voice-03 .movie {padding: 1em 0.5em 0.5em;margin-bottom: 1.5em;}
  #Main .block-gallery-voice-03 .item .txt.flex {flex-direction: column-reverse;}
  #Main .block-gallery-voice-03 .item .txt.flex > div:nth-child(2) {transform: translateY(-2.5em);}
  #Main .block-gallery-voice-03 .btn-style-01 {margin: 0 auto;}
}
@media only screen and (max-width:768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {
}
