#wrapper section {
 position: relative;
 width: 100%;
}
#wrapper section.kv_area {
 width: 100%;
 height: calc(100vh - 240px);
 margin-bottom: 100px;
 background: #f7f7f7;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 #wrapper section.kv_area {
  height: calc(100vh - 120px);
  margin-bottom: 50px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.kv_area {
  height: calc(100vh - 100px);
 }
}
#wrapper section.kv_area img {
 width: auto;
 height: 100%;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center;
    object-position: center;
}
#wrapper section.lead_area {
 overflow: hidden;
 margin-bottom: 75px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 #wrapper section.lead_area {
  margin-bottom: 35px;
 }
}
#wrapper section.lead_area p.lead {
 display: inline-block;
 line-height: 1.7760784314;
 font-size: 20px;
 text-align: center;
 letter-spacing: 0.035em;
 -webkit-transform: scaleY(0.97) scaleX(0.98) skew(-10deg);
         transform: scaleY(0.97) scaleX(0.98) skew(-10deg);
}
@media screen and (max-width: 1024px) {
 #wrapper section.lead_area p.lead {
  font-size: 16px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.lead_area p.lead {
  -webkit-transform: scaleY(0.97) scaleX(0.98);
          transform: scaleY(0.97) scaleX(0.98);
 }
}
#wrapper section.lead_area p.lead span {
 display: inline-block;
}
@media screen and (max-width: 1024px) {
 #wrapper section.lead_area p.lead span {
  display: inline;
 }
}
#wrapper section.lead_area p.lead span.p1 {
 -webkit-transform: translateX(-2px);
         transform: translateX(-2px);
}
#wrapper section.lead_area p.lead span.p2 {
 -webkit-transform: translateX(3px);
         transform: translateX(3px);
}
#wrapper section.lead_area p.lead span.p3 {
 -webkit-transform: translate(-2px, 2px);
         transform: translate(-2px, 2px);
}
#wrapper section.lead_area p.lead span.p4 {
 -webkit-transform: translateX(2px);
         transform: translateX(2px);
}
#wrapper section.movie_area {
 margin-bottom: 70px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 #wrapper section.movie_area {
  margin-bottom: 40px;
 }
}
#wrapper section.movie_area iframe {
 width: 72%;
 margin: 0 auto;

 aspect-ratio: 139/78;
}
@media screen and (max-width: 1024px) {
 #wrapper section.movie_area iframe {
  width: 90%;
 }
}
#wrapper section.message_area {
 margin-bottom: 90px;
 text-align: center;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area {
  margin-bottom: 50px;
 }
}
#wrapper section.message_area h2 {
 line-height: 1.46425445;
 font-weight: 500;
 font-size: 24px;
 letter-spacing: 0.06em;
 -webkit-transform: scaleX(0.98);
         transform: scaleX(0.98);
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area h2 {
  font-size: 20px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.message_area h2 {
  font-size: 18px;
 }
}
#wrapper section.message_area h2 span {
 display: inline-block;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area h2 span {
  display: inline;
 }
}
#wrapper section.message_area h2 span.p1 {
 -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
}
#wrapper section.message_area h2 span.p2 {
 -webkit-transform: translateX(8px);
         transform: translateX(8px);
}
#wrapper section.message_area h2 span.p3 {
 -webkit-transform: translateX(3px);
         transform: translateX(3px);
}
#wrapper section.message_area .bd_wrap {
 position: relative;
 margin: 35px 0;
 padding: 35px 0;
}
@media screen and (max-width: 600px) {
 #wrapper section.message_area .bd_wrap {
  margin: 25px 0;
  padding: 25px 0;
 }
}
#wrapper section.message_area .bd_wrap:before,#wrapper section.message_area .bd_wrap:after {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 50%;
 width: 105px;
 height: 1px;
 background: #d6d4d3;
 -webkit-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
}
@media screen and (max-width: 600px) {
 #wrapper section.message_area .bd_wrap:before,#wrapper section.message_area .bd_wrap:after {
  width: 90px;
 }
}
#wrapper section.message_area .bd_wrap:after {
 top: auto;
 bottom: 0;
}
#wrapper section.message_area p.msg {
 line-height: 1.575;
 margin-bottom: 50px;
 font-size: 18px;
 letter-spacing: 0.06em;
 -webkit-transform: scaleX(0.98);
         transform: scaleX(0.98);
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area p.msg {
  line-height: 1.6;
  margin-bottom: 40px;
  font-size: 16px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.message_area p.msg {
  margin-bottom: 30px;
 }
}
#wrapper section.message_area p.msg span {
 display: inline-block;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area p.msg span {
  display: inline;
 }
}
#wrapper section.message_area p.msg span.p1 {
 -webkit-transform: translateX(-3px);
         transform: translateX(-3px);
}
#wrapper section.message_area p.msg span.p2 {
 -webkit-transform: translateX(-5px);
         transform: translateX(-5px);
}
#wrapper section.message_area p.msg span.p3 {
 -webkit-transform: translateX(5px);
         transform: translateX(5px);
}
#wrapper section.message_area p.msg span.p4 {
 -webkit-transform: translateX(3px);
         transform: translateX(3px);
}
#wrapper section.message_area p.replay img {
 width: 240px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area p.replay img {
  width: 192px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.message_area p.replay img {
  width: 144px;
 }
}
#wrapper section.message_area p.concept {
 line-height: 1.727070182;
 font-size: 18px;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area p.concept {
  font-size: 16px;
 }
}
#wrapper section.message_area p.concept span {
 display: inline-block;
}
@media screen and (max-width: 1024px) {
 #wrapper section.message_area p.concept span {
  display: inline;
 }
}
#wrapper section.message_area p.concept span.p1 {
 -webkit-transform: translateX(-8px);
         transform: translateX(-8px);
}
#wrapper section.message_area p.concept span.p2 {
 -webkit-transform: translateX(4px);
         transform: translateX(4px);
}
#wrapper section.message_area p.concept span.p3 {
 -webkit-transform: translateX(-3px);
         transform: translateX(-3px);
}
#wrapper section.message_area p.concept span.p4 {
 -webkit-transform: translateX(3px);
         transform: translateX(3px);
}
#wrapper section.message_area p.concept span.p5 {
 -webkit-transform: translateX(-4px);
         transform: translateX(-4px);
}
#wrapper section.message_area p.concept span.p6 {
 -webkit-transform: translateX(-10px);
         transform: translateX(-10px);
}
#wrapper section.message_area p.concept span.p7 {
 -webkit-transform: translateX(-11px);
         transform: translateX(-11px);
}
#wrapper section.message_area p.concept span.p8 {
 -webkit-transform: translateX(-13px);
         transform: translateX(-13px);
}
#wrapper section.message_area p.concept span.p9 {
 -webkit-transform: translateX(-15px);
         transform: translateX(-15px);
}
#wrapper section.message_area p.concept span.p10 {
 -webkit-transform: translateX(-18px);
         transform: translateX(-18px);
}
#wrapper section.img_area {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin-bottom: 50px;
}
@media screen and (max-width: 600px) {
 #wrapper section.img_area {
  margin-bottom: 30px;
 }
}
#wrapper section.img_area img {
 width: 25%;
}
@media screen and (max-width: 600px) {
 #wrapper section.img_area img {
  width: 50%;
 }
}
#wrapper section.access_area {
 margin-bottom: 65px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.access_area {
  margin-bottom: 40px;
  padding: 0 5%;
 }
}
#wrapper section.access_area >.inner h2 {
 margin-bottom: 60px;
 text-align: center;
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner h2 {
  margin-bottom: 40px;
 }
}
#wrapper section.access_area >.inner h2 span {
 display: inline-block;
 position: relative;
 line-height: 1;
 font-weight: 500;
 font-size: 34.27px;
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner h2 span {
  font-size: 28px;
 }
}
#wrapper section.access_area >.inner h2 span:before,#wrapper section.access_area >.inner h2 section.message_area span.bd_wrap:after,#wrapper section.message_area section.access_area >.inner h2 span.bd_wrap:after {
 content: "";
 display: block;
 position: absolute;
 bottom: -30px;
 left: 50%;
 width: 70px;
 height: 1px;
 background: #d6d4d3;
 -webkit-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner h2 span:before,#wrapper section.access_area >.inner h2 section.message_area span.bd_wrap:after,#wrapper section.message_area section.access_area >.inner h2 span.bd_wrap:after {
  bottom: -20px;
  width: 50px;
 }
}
#wrapper section.access_area >.inner .map {
 width: 100%;
 max-width: 850px;
 margin: 0 auto 40px;
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner .map {
  margin-bottom: 20px;
 }
}
#wrapper section.access_area >.inner .map iframe {
 width: 100%;
 filter: grayscale(100%);

 -webkit-filter: grayscale(100%);
 aspect-ratio: 170/93;
}
#wrapper section.access_area >.inner .address {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: left;
}
#wrapper section.access_area >.inner .address p {
 margin-bottom: 40px;
 font-size: 18px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.access_area >.inner .address p {
  margin-bottom: 25px;
  font-size: 16px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner .address p {
  line-height: 1.6;
  font-size: 14px;
 }
}
#wrapper section.access_area >.inner .address table {
 font-size: 18px;
}
@media screen and (max-width: 1024px) {
 #wrapper section.access_area >.inner .address table {
  font-size: 16px;
 }
}
@media screen and (max-width: 600px) {
 #wrapper section.access_area >.inner .address table {
  font-size: 13px;
 }
}
#wrapper section.access_area >.inner .address table tr:not(:last-child) th,#wrapper section.access_area >.inner .address table tr:not(:last-child) td {
 padding-bottom: 10px;
}
#wrapper section.access_area >.inner .address table tr th {
 padding-right: 15px;
 font-weight: 300;
}
/*# sourceMappingURL=layout.css.map */