@charset "UTF-8";
/* CSS Document */
#billboard {height: auto;background:url("../img/voice/voice_mv_img01_pc.webp")no-repeat center / cover;}
#billboard div {text-align: center;padding: 5em 2em;}
#billboard div h2 {display: inline-block;font-size: 150%;letter-spacing: 0.3em;position: static;transform: translate(0);background: var(--grad-01);color: transparent;-webkit-background-clip: text;background-clip: text;}
#billboard div p:nth-of-type(1) {color: #fff;font-size: 250%;letter-spacing: 0.2em;}
#billboard div p:nth-of-type(2) {color: #fff;font-size: 125%;line-height: 2;letter-spacing: 0.1em;margin-top: 2em;}
#billboard::after {background: transparent;}
#contentsWrap {padding: 5em 0;background: #fff;}
.block-voice-01 .container:nth-child(1) {text-align: center;}
.block-voice-01 .container:nth-child(1) p:nth-child(1) {font-size: var(--fontsize-30);letter-spacing: 0.3em;}
.block-voice-01 .container:nth-child(1) p:nth-child(1) small {display: inline-block;font-size: 70%;letter-spacing: 0.2em;margin-bottom: 0.5em;background: var(--grad-01);color: transparent;-webkit-background-clip: text;background-clip: text;}
.block-voice-01 .container:nth-child(1) img {margin: 3em 0;}
.block-voice-01 .container:nth-child(2) {padding: 3em 0;background: #ede8d7;}
.block-voice-01 .container:nth-child(2) table tr th,
.block-voice-01 .container:nth-child(2) table tr td {text-align: center;line-height: 1;padding: 0.5em 2em;border-bottom: 1px solid #a68f3d;}
.block-voice-01 .container:nth-child(2) table tr th {font-size: 250%;}
.block-voice-01 .container:nth-child(2) table tr th small {display: inline-block;font-size: 81.25%;transform: translateY(-2px);}
.block-voice-01 .container:nth-child(2) table tr td {font-size: var(--fontsize-32);}
.block-voice-01 .container:nth-child(2) table tr.no1 th,
.block-voice-01 .container:nth-child(2) table tr.no1 td {color: #b81c22;}
.block-voice-01 .container:nth-child(2) table tr.no1 th {font-size: 350%;}
.block-voice-01 .container:nth-child(2) table tr.no1 td {font-size: 250%;}
.block-voice-01 .container:nth-child(2) table tr.another th,
.block-voice-01 .container:nth-child(2) table tr.another td {font-size: var(--fontsize-24);padding: 1em 2em;}
.block-voice-01 .container:nth-child(2) p {font-size: var(--fontsize-14);margin-top: 2em;}
.block-voice-01 .container:nth-child(3) .box {padding: 3em 0 4em;}
.block-voice-01 .container:nth-child(3) .box > p {text-align: center;}
.block-voice-01 .container:nth-child(3) .box > p span {display: block;font-size: var(--fontsize-32);}
.block-voice-01 .container:nth-child(3) .box > p span:nth-child(1) {font-size: 350%;}
.block-voice-01 .container:nth-child(3) .box > p span:nth-child(1) small {display: inline-block;font-size: 70%;transform: translateY(-2px);}
.block-voice-01 .container:nth-child(3) .box > p span:nth-child(2) {font-size: 250%;letter-spacing: 0.1em;line-height: 1;text-indent: 0.15em;}
.block-voice-01 .container:nth-child(3) .box > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 3em auto 0;}
.block-voice-01 .container:nth-child(3) .box > div .txt {font-size: 125%;text-align: center;width: 50%;max-width: 500px;margin: 0 auto 0 0;}
.block-voice-01 .container:nth-child(3) .box > div .txt p {font-size: var(--fontsize-18);padding: 3em 0;margin: 0}
.block-voice-01 .container:nth-child(3) .box > div .txt p span {display: block;font-size: var(--fontsize-22);}
.block-voice-01 .container:nth-child(3) .box > div .txt  p:nth-child(1) {background: url("../img/voice/voice_bg01_pc.webp") no-repeat center/120%;}
.block-voice-01 .container:nth-child(3) .box > div .txt  p:nth-child(1) span {color: #5d8ab1;}
.block-voice-01 .container:nth-child(3) .box > div .txt  p:nth-child(2) {margin-top: 1em;background: url("../img/voice/voice_bg02_pc.webp") no-repeat center/120%;}
.block-voice-01 .container:nth-child(3) .box > div .txt  p:nth-child(2) span {color: #5f9b68;}
.block-voice-01 .container:nth-child(3) .box > div figure {width: 48%;margin-right: 2%;}
.block-voice-01 .container:nth-child(3) .box > div figure::after {color: #000;padding: 0;background: transparent;bottom: -1.5em;}
.block-voice-01 .container:nth-child(3) .box01 {background: linear-gradient(to bottom,#f3ede1,#fffcfa 50%);}
.block-voice-01 .container:nth-child(3) .box01 > p {color: #b81c22;}
.block-voice-01 .container:nth-child(3) .box01 > div {flex-direction: row-reverse;max-width: 1000px;}
.block-voice-01 .container:nth-child(3) .box01 > div figure {max-width: 450px;}
.block-voice-01 .container:nth-child(3) .box01 > div figure::after {left: 0;right: auto;}
.block-voice-01 .container:nth-child(3) .box02 {background: linear-gradient(to bottom,#f1ecde,#fefbf9 50%);}
.block-voice-01 .container:nth-child(3) .box03 {background: linear-gradient(to bottom,#f2ede0,#fffcf9 50%);}
.block-voice-01 .container:nth-child(3) .box05 > div,
.block-voice-01 .container:nth-child(3) .box03 > div {flex-direction: row-reverse;}
.block-voice-01 .container:nth-child(3) .box05 > div .txt,
.block-voice-01 .container:nth-child(3) .box03 > div .txt {max-width: 500px;margin: 0 0 0 auto;}
.block-voice-01 .container:nth-child(3) .box05 > div figure,
.block-voice-01 .container:nth-child(3) .box03 > div figure {margin: 0 0 0 2%;}
.block-voice-01 .container:nth-child(3) .box05 > div figure::after,
.block-voice-01 .container:nth-child(3) .box03 > div figure::after {left: 0;right: auto;}
.block-voice-01 .container:nth-child(3) .box04 {background: linear-gradient(to bottom,#f1ecde,#fffefe 50%);}
.block-voice-01 .container:nth-child(3) .box05 {background: linear-gradient(to bottom,#f2ecdf,#fffdfc 50%);}
.block-voice-01 .container:nth-child(3) .box06 {background: linear-gradient(to bottom,#f3ede1,#fffefd 50%);}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #contentsWrap {font-size: 1.2vw;}    
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard {background:url("../img/voice/voice_mv_img01_sp.webp")no-repeat center / cover;}
  #billboard div {padding: 3em 0;}
  #billboard div h2 {font-size: 100%;}
  #billboard div p:nth-of-type(1) {font-size: 150%;letter-spacing: 0;}
  #billboard div p:nth-of-type(2) {font-size: 100%;line-height: 1.5;letter-spacing: 0;margin-top: 1em;}
  #contentsWrap {padding: 2em 0;}
  .block-voice-01 .inner01 {padding: 3em 0;}
  .block-voice-01 .container:nth-child(1) p:nth-child(1) {font-size: var(--fontsize-22);letter-spacing: 0.1em;}
  .block-voice-01 .container:nth-child(1) img {margin: 2em 0 1em;}
  .block-voice-01 .container:nth-child(2) table {display: block;}
  .block-voice-01 .container:nth-child(2) table tr th,
  .block-voice-01 .container:nth-child(2) table tr td {vertical-align: middle;}
  .block-voice-01 .container:nth-child(2) table tr th {font-size: var(--fontsize-28) !important;padding: 0.5em 0 !important;width: 2.5em;}
  .block-voice-01 .container:nth-child(2) table tr td {font-size: var(--fontsize-16) !important;line-height: 1.5;padding: 0.5em 0.25em !important;}
  .block-voice-01 .container:nth-child(2) table tr.no1 th {font-size: 250% !important;}
  .block-voice-01 .container:nth-child(2) table tr.no1 td {font-size: var(--fontsize-32) !important;}
  .block-voice-01 .container:nth-child(2) table tr.another th {font-size: var(--fontsize-20) !important;}
  .block-voice-01 .container:nth-child(2) p {font-size: var(--fontsize-14);margin-top: 1em;}
  .block-voice-01 .container:nth-child(3) .box {padding: 2em 0 0;}
  .block-voice-01 .container:nth-child(3) .box > p span:nth-child(1) {font-size: 225%;}
  .block-voice-01 .container:nth-child(3) .box > p span:nth-child(2) {font-size: var(--fontsize-24);}
  .block-voice-01 .container:nth-child(3) .box > div {margin-top: 1.5em;}
  .block-voice-01 .container:nth-child(3) .box > div figure {width: 100%;margin: 0 0 1em;}
  .block-voice-01 .container:nth-child(3) .box > div .txt {font-size: 100%;width: 100%;max-width: 100%;padding: 0;}
  .block-voice-01 .container:nth-child(3) .box > div .txt p:nth-child(2) {margin: -2em 0 0;}
  .block-voice-01 .container:nth-child(3) .box + .box > div figure::after {padding: 0 0.5em;}
  .block-voice-01 .container:nth-child(3) .box01 > div {margin-top: 1em;}
  .block-voice-01 .container:nth-child(3) .box01 > div figure {width: 84%;max-width: 100%;margin: 1em auto;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}