@charset "UTF-8";
#header .content {
  border-bottom: 0; }
  #header .content:before {
    opacity: 0;
    transition: all 1s; }
#header .logoArea {
  opacity: 0;
  transition: all 0.4s; }
  #header .logoArea .logo img:nth-child(1) {
    display: none; }
  #header .logoArea .logo img:nth-child(2) {
    display: block; }
#header.fixed_sp .content {
  border-bottom: 1px solid #d6d6d6; }
  #header.fixed_sp .content:before {
    opacity: 1; }
#header.fixed_sp .logoArea {
  opacity: 1; }

@media screen and (min-width: 769px) {
  #header .content {
    height: 105px;
    color: #ffffff;
    border-bottom: 0;
    transition: all 1.5s; }
    #header .content:before {
      transition: all 1.5s; }
  #header .logoArea {
    opacity: 1;
    display: flex;
    flex-basis: 92px;
    padding: 0 0 0 calc(5 / 1340 * 100%);
    transition: none; }
    #header .logoArea .logo {
      flex-basis: 92px;
      position: relative; }
      #header .logoArea .logo img {
        transition: opacity 1.5s; }
        #header .logoArea .logo img:nth-child(1) {
          opacity: 1;
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
        #header .logoArea .logo img:nth-child(2) {
          opacity: 0; }
    #header .logoArea .company {
      color: #ffffff;
      transition: color 1.5s; }
  #header .snsArea .follow {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    transition: all 0.4s ease-out; }
  #header .snsArea .list .item img {
    transition: all 0.4s ease-out;
    backface-visibility: hidden;
    zoom: 1; }
    #header .snsArea .list .item img:nth-child(1) {
      opacity: 1; }
    #header .snsArea .list .item img:nth-child(2) {
      opacity: 0; }
  #header .snsArea.scroll .follow {
    color: #171516;
    border-bottom: 1px solid #171516; }
  #header .snsArea.scroll .list .item img:nth-child(1) {
    opacity: 0; }
  #header .snsArea.scroll .list .item img:nth-child(2) {
    opacity: 1; }
  #header.fixed .content {
    height: 91px;
    color: #333333;
    border-bottom: 1px solid #d6d6d6; }
    #header.fixed .content:before {
      opacity: 1; }
  #header.fixed .logoArea {
    flex-basis: 92px; }
    #header.fixed .logoArea .logo img:nth-child(1) {
      opacity: 0; }
    #header.fixed .logoArea .logo img:nth-child(2) {
      opacity: 1; }
    #header.fixed .logoArea .company {
      color: #333333; } }
@media screen and (min-width: 1200px) {
  #header .logoArea {
    flex-basis: calc(400 / 1340 * 100%); }
  #header.fixed .logoArea {
    flex-basis: calc(400 / 1340 * 100%); } }
#globalNav .buttonArea .wrap span {
  background-color: #ffffff; }
.fixed_sp #globalNav .buttonArea .wrap span {
  background-color: #000000; }

@media screen and (min-width: 960px) {
  #globalNav .list .item {
    color: #ffffff; }
  .fixed #globalNav .list .item {
    color: #333333; } }
@media screen and (min-width: 1075px) {
  #globalNav .list .item {
    color: #ffffff;
    transition: color 1.5s; }
  .fixed #globalNav {
    margin: 0; }
    .fixed #globalNav .list .item {
      color: #333333; }
  .fixed_sp #globalNav .buttonArea .wrap span {
    background-color: #ffffff; } }
.wrapper {
  padding: 0; }

@media screen and (min-width: 769px) {
  .wrapper {
    padding: 0; } }
/* firstContent */
#firstContent .mv {
  overflow: hidden;
  position: relative;
  height: 100vh; }
  #firstContent .mv:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1); }
  #firstContent .mv .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    #firstContent .mv .title img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: calc(428 / 768 * 100%);
      margin: auto; }
  #firstContent .mv .slideWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: auto;
    height: auto;
    margin: auto; }
    #firstContent .mv .slideWrap .slide {
      width: 100%;
      height: 100%; }
  #firstContent .mv .movie {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50vw;
    right: -50vw;
    z-index: -1;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    margin: auto; }
  #firstContent .mv .scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1em;
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1;
    margin: auto;
    padding: 0 0 4.5em 0;
    writing-mode: vertical-lr; }
    #firstContent .mv .scroll:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 1px;
      height: 4em;
      background-color: #ffffff;
      margin: auto; }
#firstContent .news {
  width: calc(648 / 768 * 100%);
  margin: auto;
  padding: calc(92 / 768 * 100%) 0 calc(59 / 768 * 100%) 0; }
  #firstContent .news .inner {
    display: flex; }
  #firstContent .news .newsTitle {
    flex-basis: 6em;
    color: #000000;
    font-size: 2.2rem;
    line-height: 1.73;
    font-weight: 500; }
    #firstContent .news .newsTitle:after {
      content: "/";
      display: inline-block;
      margin: 0 0.5em; }
  #firstContent .news .headline {
    color: #d40000;
    font-size: 2.2rem;
    line-height: 1.73;
    font-weight: 500; }

@media screen and (min-width: 769px) {
  #firstContent .mv:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    padding: calc(219 / 1400 * 100%) 0 0 0; }
  #firstContent .mv .title img {
    width: calc(428 / 1400 * 100%); }
  #firstContent .mv .scroll {
    left: auto;
    right: 12px;
    width: 22px;
    font-size: 1rem;
    line-height: 2.2;
    font-weight: 200;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 0 0 7.2em 0; }
    #firstContent .mv .scroll:after {
      height: 6.3em; }
  #firstContent .news {
    width: 100%;
    max-width: 1400px;
    padding: 0; }
    #firstContent .news .inner {
      justify-content: center;
      padding: calc(57 / 1400 * 100%) 0 calc(35 / 1400 * 100%) 0; }
    #firstContent .news .newsTitle {
      flex-basis: 5em;
      font-size: 1.6rem;
      line-height: 1.75; }
    #firstContent .news .headline {
      font-size: 1.6rem;
      line-height: 1.75; } }
/* aboutArea */
#aboutArea .content {
  background: url(/img/top/bg_about_sp.png) center bottom no-repeat;
  background-size: contain; }
#aboutArea .title {
  margin: 0 0 calc(100 / 648 * 100%) 0; }
#aboutArea .box .copy {
  color: #000000;
  font-family: 'Noto Serif JP', serif;
  font-size: 3.2rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 calc(30 / 648 * 100%) 0; }
  #aboutArea .box .copy .num {
    font-size: 4.8rem;
    line-height: 1; }
#aboutArea .box .desc {
  font-size: 2.2rem;
  line-height: 1.82;
  margin: 0 0 calc(58 / 648 * 100%) 0; }
#aboutArea .box .movie {
  position: relative;
  margin: 0 0 calc(16 / 648 * 100%) 0; }
#aboutArea .box .caption {
  color: #000000;
  font-size: 2.2rem;
  line-height: 1.82;
  text-align: center;
  margin: 0 0 calc(132 / 648 * 100%) 0; }
#aboutArea .philosophyTitle {
  margin: 0 0 calc(28 / 648 * 100%) 0; }
#aboutArea .philosophy {
  color: #333333;
  margin: 0 0 calc(140 / 648 * 100%) 0; }
  #aboutArea .philosophy .intro {
    font-size: 2.2rem;
    line-height: 1.82;
    text-align: center;
    margin: 0 0 calc(40 / 648 * 100%) 0; }
  #aboutArea .philosophy .listWrap {
    text-align: center; }
    #aboutArea .philosophy .listWrap .list {
      display: inline-block;
      text-align: left;
      margin: 0 0 calc(40 / 648 * 100%) 0; }
      #aboutArea .philosophy .listWrap .list .item {
        font-family: 'Noto Serif JP', serif;
        font-size: 2.8rem;
        line-height: 1.43;
        font-weight: 700;
        margin: 0 0 calc(10 / 648 * 100%) 0; }
  #aboutArea .philosophy .text {
    font-size: 2.2rem;
    line-height: 1.82; }
#aboutArea .infoTitle {
  margin: 0 0 calc(28 / 648 * 100%) 0; }
#aboutArea .slideWrap {
  padding: 0 0 calc(135 / 648 * 100%) 0; }
  #aboutArea .slideWrap .slide .item {
    padding: 0 1px; }
    #aboutArea .slideWrap .slide .item .caption {
      color: #000000;
      font-family: 'EB Garamond', serif;
      font-size: 2.4rem;
      line-height: 1;
      text-align: left;
      padding: 0.7em 0 0.7em 0; }
  #aboutArea .slideWrap .slide .slick-arrow {
    bottom: 2.4em;
    font-size: 2.4rem;
    line-height: 1; }
  #aboutArea .slideWrap .slide .slick-dots {
    justify-content: flex-end;
    font-size: 2.4rem;
    line-height: 1;
    margin: -1.7em 0 0 0; }

@media screen and (min-width: 769px) {
  #aboutArea .content {
    background: url(/img/top/bg_about.png) center bottom no-repeat;
    background-size: contain; }
  #aboutArea .title {
    margin: 0 0 calc(68 / 1400 * 100%) 0; }
  #aboutArea .box .copy {
    font-size: 3rem;
    line-height: 1.47;
    margin: 0 0 calc(17 / 1400 * 100%) 0; }
    #aboutArea .box .copy .num {
      font-size: 4.4rem;
      line-height: 1; }
  #aboutArea .box .desc {
    max-width: 680px;
    font-size: 1.5rem;
    line-height: 1.87;
    margin: 0 auto calc(30 / 1400 * 100%) auto; }
  #aboutArea .box .movie {
    position: relative;
    max-width: 680px;
    margin: 0 auto calc(16 / 1400 * 100%) auto; }
  #aboutArea .box .caption {
    font-size: 1.6rem;
    line-height: 1.69;
    font-weight: 500;
    margin: 0 0 calc(140 / 1400 * 100%) 0; }
  #aboutArea .philosophyTitle {
    margin: 0 0 calc(28 / 1400 * 100%) 0; }
  #aboutArea .philosophy {
    max-width: 690px;
    margin: 0 auto calc(138 / 1400 * 100%) auto; }
    #aboutArea .philosophy .intro {
      font-size: 1.5rem;
      line-height: 1.87;
      margin: 0 0 calc(32 / 1400 * 100%) 0; }
    #aboutArea .philosophy .listWrap .list {
      display: block;
      text-align: center;
      margin: 0 0 calc(50 / 1400 * 100%) 0; }
      #aboutArea .philosophy .listWrap .list .item {
        display: inline-block;
        font-size: 1.8rem;
        line-height: 1.56;
        margin: 0 1em 0 0; }
        #aboutArea .philosophy .listWrap .list .item:last-child {
          margin-right: 0; }
    #aboutArea .philosophy .text {
      font-size: 1.5rem;
      line-height: 1.87; }
  #aboutArea .infoTitle {
    margin: 0 0 calc(28 / 1400 * 100%) 0; }
  #aboutArea .slideWrap {
    width: calc(1240 / 1400 * 100%);
    margin: auto;
    padding: 0 0 calc(112 / 1400 * 100%) 0; }
    #aboutArea .slideWrap .slide .item {
      padding: 0 1px; }
      #aboutArea .slideWrap .slide .item .caption {
        font-size: 2rem;
        line-height: 1;
        padding: 0.5em 0 0.5em 0; }
    #aboutArea .slideWrap .slide .slick-arrow {
      bottom: 2.0em;
      font-size: 2rem;
      line-height: 1; }
    #aboutArea .slideWrap .slide .slick-dots {
      font-size: 2rem;
      line-height: 1;
      margin: -1.3em 0 0 0; } }
/* emsArea */
#emsArea .content {
  position: relative;
  background-color: #f5f0e7;
  padding: 0 0 calc(120 / 768 * 100%) 0; }
  #emsArea .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 12vw;
    background-color: #000000;
    margin: calc(-50 / 768 * 100%) auto 0 auto; }
#emsArea .wrap {
  background: url(/img/top/bg_ems_sp.png) center bottom no-repeat;
  background-size: contain;
  margin: 0 0 calc(122 / 768 * 100%) 0;
  padding: 0 0 calc(576 / 768 * 100%) 0; }
  #emsArea .wrap .title {
    margin: 0 0 calc(74 / 648 * 100%) 0;
    padding: calc(44 / 648 * 100%) 0 0 0; }
    #emsArea .wrap .title:before {
      display: none; }
    #emsArea .wrap .title .en {
      padding: 0.7em 0 0.5em 0; }
  #emsArea .wrap .copy {
    color: #000000;
    font-family: 'Noto Serif JP', serif;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    margin: 0 0 calc(36 / 648 * 100%) 0; }
  #emsArea .wrap .desc {
    font-size: 2.2rem;
    line-height: 1.82;
    margin: 0 0 calc(50 / 648 * 100%) 0; }
#emsArea .trainingTitle {
  margin: 0 0 calc(32 / 648 * 100%) 0; }
#emsArea .slideWrap {
  margin: 0 0 calc(105 / 648 * 100%) 0; }
  #emsArea .slideWrap .slide .item .image {
    padding: 0 1px; }
  #emsArea .slideWrap .slide .slick-dots {
    justify-content: flex-end;
    margin: 0.8em 0 0 0; }

@media screen and (min-width: 769px) {
  #emsArea .content {
    padding: 0 0 calc(101 / 1400 * 100%) 0; }
    #emsArea .content:before {
      display: none; }
  #emsArea .wrap {
    background: url(/img/top/bg_ems.png) center bottom no-repeat;
    background-size: contain;
    margin: 0 0 calc(86 / 1400 * 100%) 0;
    padding: 0 0 calc(690 / 1400 * 100%) 0; }
    #emsArea .wrap .title {
      margin: 0 0 calc(46 / 1400 * 100%) 0;
      padding: calc(69 / 1400 * 100%) 0 0 0; }
      #emsArea .wrap .title:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 1px;
        height: 7vw;
        background-color: #000000;
        margin: calc(-50 / 1400 * 100%) auto 0 auto; }
      #emsArea .wrap .title .en {
        padding: 0.7em 0 0.25em 0; }
    #emsArea .wrap .copy {
      font-size: 3rem;
      line-height: 1.4;
      margin: 0 0 calc(30 / 1400 * 100%) 0; }
    #emsArea .wrap .desc {
      max-width: 872px;
      font-size: 1.5rem;
      line-height: 1.87;
      font-weight: 500;
      text-align: center;
      margin: 0 auto calc(42 / 1400 * 100%) auto; }
    #emsArea .wrap .point {
      width: calc(672 / 1400 * 100%);
      margin: auto; }
  #emsArea .trainingTitle {
    margin: 0 0 calc(19 / 1400 * 100%) 0; }
  #emsArea .slideWrap {
    width: calc(1280 / 1400 * 100%);
    margin: 0 auto calc(62 / 1400 * 100%) auto; }
    #emsArea .slideWrap .slide .item .image {
      padding: 0 calc(20 / 640 * 100%); }
    #emsArea .slideWrap .slide .slick-dots {
      justify-content: flex-end;
      margin: 1.4em 0 0 0; } }
/* trainerArea */
#trainerArea .content {
  position: relative; }
  #trainerArea .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 12vw;
    background-color: #000000;
    margin: calc(-50 / 768 * 100%) auto 0 auto; }
#trainerArea .title {
  margin: 0 0 calc(98 / 648 * 100%) 0;
  padding: calc(69 / 648 * 100%) 0 0 0; }
  #trainerArea .title:before {
    display: none; }
#trainerArea .wrap .image {
  width: calc(460 / 648 * 100%);
  margin: 0 auto calc(82 / 648 * 100%) auto; }
#trainerArea .wrap .text {
  margin: 0 0 calc(120 / 648 * 100%) 0; }
  #trainerArea .wrap .text .job {
    font-family: 'EB Garamond', serif;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 calc(10 / 648 * 100%) 0; }
  #trainerArea .wrap .text .name {
    font-size: 3.6rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 calc(30 / 648 * 100%) 0; }
  #trainerArea .wrap .text .intro {
    font-size: 2.2rem;
    line-height: 1.82;
    font-weight: 500;
    margin: 0 0 calc(54 / 648 * 100%) 0; }
  #trainerArea .wrap .text .messageTitle {
    font-family: 'EB Garamond', serif;
    font-size: 3rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 calc(20 / 648 * 100%) 0; }
  #trainerArea .wrap .text .message {
    font-size: 2.2rem;
    line-height: 1.82;
    font-weight: 500; }

@media screen and (min-width: 769px) {
  #trainerArea .content:before {
    display: none; }
  #trainerArea .content:after {
    content: "";
    display: block;
    width: 100%;
    background: url(/img/top/bg_fixed.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: calc(660 / 1400 * 100%) 0 0 0; }
  #trainerArea .title {
    margin: 0 0 calc(86 / 1400 * 100%) 0;
    padding: calc(65 / 1400 * 100%) 0 0 0; }
    #trainerArea .title:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 1px;
      height: 7vw;
      background-color: #000000;
      margin: calc(-50 / 1400 * 100%) auto 0 auto; }
    #trainerArea .title .en {
      padding: 0.7em 0 0.25em 0; }
  #trainerArea .wrap {
    display: flex;
    justify-content: space-between;
    width: calc(1032 / 1400 * 100%);
    margin: 0 auto calc(160 / 1400 * 100%) auto; }
    #trainerArea .wrap .image {
      width: calc(460 / 1032 * 100%);
      margin: 0; }
    #trainerArea .wrap .text {
      width: calc(515 / 1032 * 100%);
      margin: 0; }
      #trainerArea .wrap .text .job {
        font-size: 1.5rem;
        line-height: 1;
        margin: 0 0 calc(7 / 515 * 100%) 0; }
      #trainerArea .wrap .text .name {
        font-size: 2.4rem;
        line-height: 1;
        margin: 0 0 calc(20 / 515 * 100%) 0; }
      #trainerArea .wrap .text .intro {
        font-size: 1.5rem;
        line-height: 1.73;
        margin: 0 0 calc(28 / 515 * 100%) 0; }
      #trainerArea .wrap .text .messageTitle {
        font-size: 2rem;
        line-height: 1;
        margin: 0 0 calc(11 / 515 * 100%) 0; }
      #trainerArea .wrap .text .message {
        font-size: 1.5rem;
        line-height: 1.73; } }
/* voicesArea */
#voicesArea .content {
  position: relative;
  background: url(/img/top/bg_voices_sp.png) center bottom no-repeat;
  background-size: contain;
  background-color: #f1f4f6; }
  #voicesArea .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 12vw;
    background-color: #000000;
    margin: calc(-50 / 768 * 100%) auto 0 auto; }
#voicesArea .title {
  margin: 0 0 calc(57 / 648 * 100%) 0;
  padding: calc(69 / 648 * 100%) 0 0 0; }
  #voicesArea .title:before {
    display: none; }
#voicesArea .list {
  padding: 0 0 calc(69 / 648 * 100%) 0; }
  #voicesArea .list .item {
    position: relative;
    background-color: #ffffff;
    margin: 0 0 calc(38 / 648 * 100%) 0;
    padding: calc(10 / 648 * 100%) 0;
    border-radius: 5px; }
    #voicesArea .list .item.spHide {
      display: none; }
    #voicesArea .list .item:before, #voicesArea .list .item:after {
      display: block;
      color: #666666;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 9.5rem;
      line-height: 1;
      font-weight: 500;
      padding: 0 calc(30 / 648 * 100%); }
    #voicesArea .list .item:before {
      content: "“";
      margin: 0 0 calc(-31 / 648 * 100%) 0; }
    #voicesArea .list .item:after {
      content: "”";
      text-align: right;
      margin: calc(-10 / 648 * 100%) 0 calc(-31 / 648 * 100%) 0; }
    #voicesArea .list .item .textWrap {
      padding: 0 calc(58 / 648 * 100%); }
      #voicesArea .list .item .textWrap .text {
        font-size: 2.2rem;
        line-height: 1.82;
        margin: 0 0 calc(23 / 648 * 100%) 0; }
      #voicesArea .list .item .textWrap .contributor {
        font-size: 2.2rem;
        line-height: 1.82; }
#voicesArea .buttonArea {
  padding: 0 0 calc(118 / 648 * 100%) 0; }

@media screen and (min-width: 769px) {
  #voicesArea .content {
    background: url(/img/top/bg_voices.png) center bottom no-repeat;
    background-size: 100% auto;
    background-color: #f1f4f6; }
    #voicesArea .content:before {
      display: none; }
  #voicesArea .title {
    margin: 0 0 calc(72 / 1400 * 100%) 0;
    padding: calc(69 / 1400 * 100%) 0 0 0; }
    #voicesArea .title:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 1px;
      height: 7vw;
      background-color: #000000;
      margin: calc(-50 / 1400 * 100%) auto 0 auto; }
    #voicesArea .title .en {
      padding: 0.7em 0 0.25em 0; }
  #voicesArea .list {
    display: flex;
    width: calc(1213 / 1400 * 100%);
    margin: auto;
    padding: 0 0 calc(69 / 648 * 100%) 0; }
    #voicesArea .list .column {
      flex-basis: calc(384 / 1213 * 100%);
      margin: 0 0 0 calc(30 / 1213 * 100%); }
      #voicesArea .list .column:first-child {
        margin-left: 0; }
    #voicesArea .list .item {
      margin: 0 0 calc(30 / 384 * 100%) 0;
      padding: calc(10 / 384 * 100%) 0;
      border-radius: 5px; }
      #voicesArea .list .item.spHide {
        display: block; }
      #voicesArea .list .item:before, #voicesArea .list .item:after {
        font-size: 5rem;
        line-height: 1;
        padding: 0 calc(16 / 384 * 100%); }
      #voicesArea .list .item:before {
        margin: 0 0 calc(-13 / 384 * 100%) 0; }
      #voicesArea .list .item:after {
        margin: calc(-12 / 384 * 100%) 0 calc(-15 / 384 * 100%) 0; }
      #voicesArea .list .item .textWrap {
        padding: 0 calc(18 / 384 * 100%); }
        #voicesArea .list .item .textWrap .text {
          font-size: 1.5rem;
          line-height: 1.87;
          margin: 0 0 calc(14 / 384 * 100%) 0; }
        #voicesArea .list .item .textWrap .contributor {
          font-size: 1.5rem;
          line-height: 1.87; }
      #voicesArea .list .item:nth-child(n+4) {
        display: block; }
  #voicesArea .buttonArea {
    padding: 0 0 calc(118 / 648 * 100%) 0; } }
/* accessArea */
#accessArea .content {
  position: relative; }
  #accessArea .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1px;
    height: 12vw;
    background-color: #000000;
    margin: calc(-50 / 768 * 100%) auto 0 auto; }
#accessArea .title {
  margin: 0 0 calc(57 / 648 * 100%) 0;
  padding: calc(69 / 648 * 100%) 0 0 0; }
  #accessArea .title:before {
    display: none; }
#accessArea .map {
  position: relative;
  margin: 0 0 calc(16 / 768 * 100%) 0;
  padding: calc(430 / 768 * 100%) 0 0 0; }
  #accessArea .map iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(100%); }
#accessArea .information {
  color: #494949;
  padding: calc(81 / 648 * 100%) 0 calc(100 / 648 * 100%) 0; }
  #accessArea .information .infoTitle {
    font-family: 'Jost', sans-serif;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 calc(22 / 648 * 100%) 0; }
  #accessArea .information .addressArea {
    margin: 0 0 calc(80 / 648 * 100%) 0; }
    #accessArea .information .addressArea .row .head {
      font-size: 2.4rem;
      line-height: 1.92;
      font-weight: 700; }
    #accessArea .information .addressArea .row .cont .address {
      font-size: 2.4rem;
      line-height: 1.92; }
    #accessArea .information .addressArea .row .cont .tel {
      font-size: 2.4rem;
      line-height: 1.92; }
      #accessArea .information .addressArea .row .cont .tel a {
        color: #08859b;
        font-size: 2.8rem;
        line-height: 1.64; }
    #accessArea .information .addressArea .row .cont .mail {
      font-size: 2.4rem;
      line-height: 1.92; }
  #accessArea .information .hourArea {
    margin: 0 0 calc(80 / 648 * 100%) 0; }
    #accessArea .information .hourArea .list .item {
      color: #000000;
      font-size: 2.4rem;
      line-height: 1.92; }
  #accessArea .information .accessArea .row {
    margin: 0 0 calc(50 / 648 * 100%) 0; }
    #accessArea .information .accessArea .row .head {
      font-size: 2.2rem;
      line-height: 1;
      font-weight: 500;
      margin: 0 0 calc(10 / 648 * 100%) 0; }
    #accessArea .information .accessArea .row .cont .text {
      font-size: 2.2rem;
      line-height: 2;
      text-indent: -0.3em;
      padding: 0 0 0 0.3em; }
  #accessArea .information .accessArea .buttonArea {
    margin: calc(-21 / 648 * 100%) 0 0 0; }
    #accessArea .information .accessArea .buttonArea .button {
      width: calc(346 / 648 * 100%);
      margin: 0; }

@media screen and (min-width: 769px) {
  #accessArea .content:before {
    display: none; }
  #accessArea .title {
    margin: 0 0 calc(72 / 1400 * 100%) 0;
    padding: calc(69 / 1400 * 100%) 0 0 0; }
    #accessArea .title:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 1px;
      height: 7vw;
      background-color: #000000;
      margin: calc(-50 / 1400 * 100%) auto 0 auto; }
    #accessArea .title .en {
      padding: 0.7em 0 0.25em 0; }
  #accessArea .mapWrap {
    width: calc(1240 / 1400 * 100%);
    max-width: 1240px;
    margin: 0 auto calc(16 / 1400 * 100%) auto; }
  #accessArea .map {
    margin: 0;
    padding: calc(430 / 1240 * 100%) 0 0 0; }
  #accessArea .information {
    display: flex;
    justify-content: space-between;
    width: calc(1240 / 1400 * 100%);
    margin: auto;
    padding: calc(28 / 1240 * 100%) 0 calc(10 / 1240 * 100%) 0; }
    #accessArea .information .infoTitle {
      font-size: 1.4rem;
      line-height: 1.71; }
    #accessArea .information .addressArea {
      flex-basis: calc(392 / 1240 * 100%);
      margin: 0; }
      #accessArea .information .addressArea .infoTitle {
        margin: 0 0 calc(10 / 392 * 100%) 0; }
      #accessArea .information .addressArea .row .head {
        font-size: 1.5rem;
        line-height: 1.6;
        font-weight: 700; }
      #accessArea .information .addressArea .row .cont .address {
        font-size: 1.3rem;
        line-height: 1.85;
        font-weight: 500; }
      #accessArea .information .addressArea .row .cont .tel {
        font-size: 1.3rem;
        line-height: 1.85;
        font-weight: 500; }
        #accessArea .information .addressArea .row .cont .tel a {
          color: inherit;
          font-size: 1.3rem;
          line-height: 1.85;
          font-weight: 500; }
      #accessArea .information .addressArea .row .cont .mail {
        font-size: 1.3rem;
        line-height: 1.85;
        font-weight: 500; }
    #accessArea .information .hourArea {
      flex-basis: calc(362 / 1240 * 100%);
      margin: 0; }
      #accessArea .information .hourArea .infoTitle {
        margin: 0 0 calc(10 / 362 * 100%) 0; }
      #accessArea .information .hourArea .list .item {
        color: #000000;
        font-size: 1.3rem;
        line-height: 1.85;
        font-weight: 500; }
    #accessArea .information .accessArea {
      flex-basis: calc(486 / 1240 * 100%); }
      #accessArea .information .accessArea .infoTitle {
        margin: 0 0 calc(10 / 486 * 100%) 0; }
      #accessArea .information .accessArea .row {
        margin: 0 0 calc(14 / 486 * 100%) 0; }
        #accessArea .information .accessArea .row .head {
          font-size: 1.3rem;
          line-height: 1.85;
          font-weight: 700;
          margin: 0; }
        #accessArea .information .accessArea .row .cont .text {
          font-size: 1.3rem;
          line-height: 1.85;
          font-weight: 500;
          text-indent: -0.3em;
          padding: 0 0 0 0.3em; }
      #accessArea .information .accessArea .buttonArea {
        margin: calc(18 / 486 * 100%) 0 0 0; }
        #accessArea .information .accessArea .buttonArea .button {
          width: 170px;
          font-size: 1.4rem;
          line-height: 1;
          margin: 0; } }