body {
 background-image: none;
 }

 .scroll-wrapper{
  width: 100%;
 }

 #loading{
  position: fixed;
  background-image: url(/assets/img/loading_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  transition: opacity 400ms;
  transition-timing-function: ease-out;
 }
 #loading.hide{
  opacity: 0;
 }

 #loading .spinner .double-bounce1, #loading .spinner .double-bounce2 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
 }

 #loading .spinner .circle{
  transform-origin: center;
  opacity: .25;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
 }

 #loading .spinner .double-bounce2 .circle{
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
 }

 #loading .txt{
  color: #666666;
  font-size: 10px;
  font-weight: 600;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-top: 50px;
  letter-spacing: 0.5em;
  font-family: 'Noto Sans SC', sans-serif;
 }

 #loading .txt .per{
  letter-spacing: 0.1em;
 }

 @-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
 }

 @keyframes sk-bounce {
  0%, 100% {
   transform: scale(0.0);
   -webkit-transform: scale(0.0);
  } 50% {
     transform: scale(1.0);
     -webkit-transform: scale(1.0);
    }
 }

 #canvas_wrap {
 position: fixed;
 z-index: 0;
 width: 100vw;
 height: 100vh;
 background-image: url(/assets/img/top-bg.png);
 background-position: top center;
 background-size: cover;
 background-repeat: no-repeat;
 }
 #shadow {
 width: 100vw;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.00);
 position: fixed;
 z-index: -1;
 pointer-events: none;
 transition: background-color 400ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #shadow_for_3d {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.0);
  position: fixed;
  z-index: 1;
  pointer-events: none;
  transition: background-color 400ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #shadow_for_3d.change_color{
  background-color: rgba(0, 0, 0, 0.55);
 }

 #animation {
 position: fixed;
 z-index: 0;
 width: 100vw;
 height: 100%;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 }
 #mainvisual {
 width: 100%;
 height: 100%;
 position: relative;
 z-index: 2;
 }
 #mainvisual h2 {
 position: absolute;
 top: 50%;
 left: 36px;
 transform: translateY(-70%);
 font-size: 64px;
 font-weight: 500;
 line-height: 1.42;
 letter-spacing: -0.03em;
 font-family: 'Noto Sans SC', sans-serif;
 pointer-events: none;
 transform-style: preserve-3d;
 perspective: 1000px;
 }

 #mainvisual h2 .sub{
  font-size: 12px;
  letter-spacing: 0.4em;
  margin-top: -10px;
  margin-left: 10px;
 }

 #mainvisual h2 span{
  transition: transform 900ms, opacity 900ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
  opacity: 0;
  display: inline-block;
  transform:rotate3d(1, 0, 0, 180deg) translate3d(50px,0,0);
 }
 #mainvisual h2 span.space{
  display: inline;
 }

 #mainvisual h2 span.show{
  opacity: 1;
  transform:rotate3d(0, 0, 0, 0deg) translate3d(0,0,0);
 }

 #mainvisual .leadtxt {
 position: absolute;
 right: 57px;
 top: 50%;
 transform: translateY(-48%);
 font-size: 36px;
 font-weight: 500;
 line-height: 1.15;
 font-family: 'Noto Sans SC', sans-serif;
 letter-spacing: 0.02em;
 text-align: left;
 pointer-events: none;
 transform-style: preserve-3d;
 perspective: 1000px;
 }

 #mainvisual .leadtxt .sub{
  font-size: 13px;
  margin-top: 2px;
  line-height: 1.6;
  font-weight: 400;
 }

 #mainvisual .leadtxt span{
  transition: transform 700ms, opacity 700ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
  opacity: 0;
  display: inline-block;
  transform:rotate3d(1, 0, 0, 180deg) translate3d(-50px,0,0);
 }

 #mainvisual .leadtxt span.open_sans{
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  margin-top: 15px;
 }

 #mainvisual .leadtxt span.space{
  display: inline;
 }

 #mainvisual .leadtxt span.show{
  opacity: 1;
  transform:rotate3d(0, 0, 0, 0deg) translate3d(0,0,0);
 }

 #mainvisual .date_place{
  position: absolute;
  bottom: 19px;
  right: 22px;
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 500;
 }

 #mainvisual .date_place .date{
  font-size: 39px;
  letter-spacing: -0.06em;
 }

 #mainvisual .date_place .place{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  margin-top: 5px;
  margin-left: 3px;
 }

 #mainvisual .date_place .date span.thin{
  font-weight:100;
  font-size: 31px;
 }

 #mainvisual .date_place span{
  transition: transform 900ms, opacity 900ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
  opacity: 0;
  display: inline-block;
  transform:rotate3d(1, 0, 0, 180deg) translate3d(50px,0,0);
 }

 #mainvisual .date_place span.show{
  opacity: 1;
  transform:rotate3d(0, 0, 0, 0deg) translate3d(0,0,0);
 }

 #mainvisual .scroll {
 position: absolute;
 left: 20px;
 bottom: 24px;
 width: 11px;
 height: auto;
 pointer-events: none;
 }

 @keyframes line_loop {
  0% {height: 0px;top: 71px;}
  50% {height: 48px;top: 71px;}
  100% {height: 0px;top: 119px;}
 }

 #mainvisual .scroll::before{
  content:"";
  position: absolute;
  top: 71px;
  left: 0px;
  background-color: #fff;
  width: 3px;
  height: 48px;
  animation: line_loop 1s infinite;
 }

 h2.tit span{
  transition: transform 900ms, opacity 900ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
  opacity: 0;
  display: inline-block;
  transform:rotate3d(1, 0, 0, 180deg) translate3d(50px,0,0);
 }
 h2.tit span.show{
  opacity: 1;
  transform:rotate3d(0, 0, 0, 0deg) translate3d(0,0,0);
 }

 #about {
 padding-top: 82px;
 position: relative;
 z-index: 2;
 transform: translate3d(0, 500px, 0);
 transition: transform 1700ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }
 #about.show{
  transform: translate3d(0, 0, 0);
 }

 #about .inner {
 width: 1040px;
 margin: 0 auto;
 }
 #about .inner h2 {
 font-size: 56px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 }
 #about .inner h2 div {
 display: block;
 font-size: 12px;
 font-family: 'Noto Sans JP', sans-serif;
 margin-top: 5px;
 letter-spacing: 0.3em;
 }

 #about .inner dl {
 font-size: 12px;
 padding-top: 20px;
 }
 #about .inner dl dt {
 float: left;
 font-weight: bold;
 padding: 28px 0 0 3px;
 letter-spacing: 0.32em;
 }
 #about .inner dl dd {
 padding: 25px 0 26px 147px;
 border-bottom: 1px solid rgba(255,255,255,0.5);
 letter-spacing: 0.19em;
 line-height: 1.8333;
 }
 #about .inner dl dd:last-child {
 border: none;
 }
 #about .inner dl dd a {
 color: #ffffff;
 }
 #about .inner .btn {
  width: 667px;
  margin: 53px auto 0;
  padding-left: 30px;
  padding-bottom: 34px;
  text-align: center;
 }

 #access {
 padding-top: 78px;
 padding-bottom: 63px;
 position: relative;
 z-index: 2;
 transform: translate3d(0, 500px, 0);
 transition: transform 1700ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #access.show{
  transform: translate3d(0, 0, 0);
 }
 #access .inner {
 width: 100%;
 margin: 0 auto;
 }
 #access .inner h2 {
 font-size: 56px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 width: 1040px;
 margin: 0 auto;
 }
 #access .inner h2 div {
 display: block;
 font-size: 12px;
 font-family: 'Noto Sans JP', sans-serif;
 margin-top: 8px;
 letter-spacing: 0.3em;
 }
 #access .inner .accesstxt {
 width: 1040px;
 margin: 0 auto;
 }
 #access .inner dl {
 font-size: 12px;
 padding-top: 39px;
 width: 1040px;
 margin: 0 auto;
 }
 #access .inner dl dt {
 float: left;
 font-size: 20px;
 font-weight: bold;
 letter-spacing: 0.19em;
 padding-right: 16px;
 }
 #access .inner dl dt span {
 font-size: 15px;
 line-height: 20px;
 vertical-align: top;
 }
 #access .inner dl dd {
 letter-spacing: 0.21em;
 line-height: 20px;
 vertical-align: top;
 }
 #access .inner .googlemap {
 margin-top: 26px;
 }
 #access .inner ul {
 float: left;
 font-size: 12px;
 line-height: 1.833;
 letter-spacing: 0.32em;
 margin-top: 25px;
 margin-left: 2px;
 }
 #access .inner .attention {
 float: right;
 font-size: 12px;
 line-height: 1.833;
 margin-top: 25px;
 letter-spacing: 0.3em;
 }
 #access .inner::after {
 content: "";
 display: block;
 clear: both;
 }


 #talkcrossing {
 padding-top: 78px;
 position: relative;
 z-index: 2;
 transform: translate3d(0, 500px, 0);
 transition: transform 1700ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #talkcrossing.show{
  transform: translate3d(0, 0, 0);
 }
 #talkcrossing .inner {
 width: 1040px;
 margin: 0 auto;
 }
 #talkcrossing .inner h2 {
 font-size: 56px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 }
 #talkcrossing .inner h2 div {
 display: block;
 font-size: 12px;
 font-family: 'Noto Sans JP', sans-serif;
 margin-top: 8px;
 letter-spacing: 0.3em;
 }
 #talkcrossing .tabs {
 display: block;
 overflow: hidden;
 clear: both;
 margin-top: 46px;
 }
 #talkcrossing .tabs li {
 width: 50%;
 float: left;
 }
 #talkcrossing .tabs a {
 display: block;
 text-decoration: none;
 padding: 19px;
 font-size: 32px;
 font-family: 'Noto Sans SC', sans-serif;
 text-align: center;
 color:#fff;
 border-top: 3px solid rgba(255,255,255,0.25);
 border-bottom: 3px solid rgba(255,255,255,0.25);
 position: relative;
 }

 #talkcrossing .tabs a::before{
  content:"";
  position: absolute;
  background-color: #ffffff;
  opacity: .25;
  width: 0%;
  height: 3px;
  top: -3px;
  left: 0;
  transition: width 400ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }


 #talkcrossing .tabs a::after{
  content:"";
  position: absolute;
  background-color: #ffffff;
  opacity: .25;
  width: 0%;
  height: 3px;
  top: 70px;
  left: 0;
  transition: width 400ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #talkcrossing .tabs a span {
 font-size: 23px;
 font-weight: 500;
 padding-left: 5px;
 }

 #talkcrossing .tabs li.active a::before, #talkcrossing .tabs li.active a::after, #talkcrossing .tabs a:hover::before, #talkcrossing .tabs a:hover::after{
  opacity: 1;
  width: 100%;
 }

 #talkcrossing .tab_content {
  display: none;
  opacity: 0;
  margin-top: 30px;
  transform: translate3d(0, 150px, 0);
  transition: transform 700ms, opacity 500ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }

 #talkcrossing .tab_content.appear {
  display: block;
 }
 #talkcrossing .tab_content.show {
  transform: translate3d(0, 0, 0);
  opacity: 1;
 }

 #talkcrossing .article {
 position: relative;
 padding: 50px 0 52px;
 border-bottom: 1px solid #fff;
 }
 #talkcrossing .article:last-child {
 border-bottom: 0;
 }
 #talkcrossing .article .time {
 font-size: 26px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 position: absolute;
 top: 60px;
 left: 0;
 }
 #talkcrossing .article:nth-of-type(2) {
 padding: 41px 0 52px;
 }
 #talkcrossing .article:nth-of-type(2) .time {
 top: 48px;
 }
 #talkcrossing .article:nth-of-type(2) .txtarea p {
 margin-top: 12px;
 margin-bottom: 19px;
 }
 #talkcrossing .article:nth-of-type(3) {
 padding: 41px 0 75px;
 }
 #talkcrossing .article:nth-of-type(3) .time {
 top: 48px;
 }
 #talkcrossing .article:nth-of-type(3) .txtarea p {
 margin-top: 12px;
 margin-bottom: 22px;
 }
 #talkcrossing .article:nth-of-type(4) {
 padding: 42px 0 66px;
 }
 #talkcrossing .article:nth-of-type(4) .time {
 top: 48px;
 }
 #talkcrossing .article:nth-of-type(4) .txtarea p {
 margin-top: 15px;
 margin-bottom: 22px;
 }
 #talkcrossing .article:nth-of-type(5) {
 padding: 41px 0 33px;
 }
 #talkcrossing .article:nth-of-type(5) .time {
 top: 48px;
 }
 #talkcrossing .article:nth-of-type(5) .txtarea p {
 margin-top: 15px;
 margin-bottom: 19px;
 }
 #talkcrossing .article .txtarea {
 min-height: 210px;
 padding-left: 100px;
 padding-right: 360px;
 position: relative;
 }
 #talkcrossing .article .txtarea h3 {
 font-size: 20px;
 line-height: 1.8;
 letter-spacing: 0.2em;
 }
 #talkcrossing .article .txtarea p {
 font-size: 12px;
 line-height: 2;
 margin-top: 15px;
 margin-bottom: 21px;
 }
 #talkcrossing .article .txtarea dl {
 font-size: 11px;
 line-height: 1.5;
 color: #b2b2b2;
 }
 #talkcrossing .article .txtarea img {
 position: absolute;
 top: 10px;
 right: 0;
 width: 310px;
 height: 210px;
 }


 #exhibition {
 padding-top: 78px;
 padding-bottom: 56px;
 position: relative;
 z-index: 2;
 transform: translate3d(0, 500px, 0);
 transition: transform 1700ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }
 #exhibition.show{
  transform: translate3d(0, 0, 0);
 }
 #exhibition .inner {
 width: 1040px;
 margin: 0 auto;
 }
 #exhibition .inner h2 {
 font-size: 56px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 }
 #exhibition .inner h2 div {
 display: block;
 font-size: 12px;
 font-family: 'Noto Sans JP', sans-serif;
 margin-top: 8px;
 letter-spacing: 0.3em;
 }
 #exhibition .inner img {
 margin-top: 50px;
 }
 #exhibition .inner p {
 margin-top: 20px;
 font-size: 12px;
 line-height: 1.833;
 letter-spacing: 0.18em;
 }


 #entry {
 padding-top: 78px;
 padding-bottom: 239px;
 text-align: center;
 position: relative;
 z-index: 2;
 transform: translate3d(0, 500px, 0);
 transition: transform 1700ms;
 transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
 }
 #entry.show{
  transform: translate3d(0, 0, 0);
 }
 #entry .inner {
 width: 1040px;
 margin: 0 auto;
 }
 #entry .inner h2 {
 font-size: 56px;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight: 500;
 }
 #entry .inner h2 div {
 display: block;
 font-size: 12px;
 font-family: 'Noto Sans JP', sans-serif;
 margin-top: 8px;
 letter-spacing: 0.3em;
 }
 #entry .inner p {
 margin-top: 43px;
 font-size: 17px;
 line-height: 1.882;
 letter-spacing: 0.46em;
 }
 #entry .inner ul {
 width: 667px;
 margin: 54px auto 0;
 padding-left: 30px;
 padding-bottom: 33px;
 text-align: left;
 }
 #entry .inner ul li {
 margin-top: 25px;
 }

 #about .inner .btn, #entry .inner ul li{
  position: relative;
  transition: opacity 300ms;
  transition-timing-function: cubic-bezier(0.165, 0.84,  0.44,  1    );
  padding-left: 30px;
  width: 667px;
 }

 #about .inner .btn:hover, #entry .inner ul li:hover{
  opacity: .7;
 }

 .top .pagetop {
 width: 10px;
 height: auto;
 position: absolute;
 right: 0;
 bottom: 81px;
 }
 .top .pagetop:hover{
  opacity: .5;
 }

 @media screen and (min-width: 1151px) {
  #about .inner .btn::after, #entry .inner ul li:first-child a::after {
   content: "";
   position: absolute;
   top: 28px;
   left: 564px;
   width: 102px;
   height: 2px;
   background-color: #f2f4bb;
  }

  @keyframes hover_line {
   0% {width: 102px; left: 564px;}
   50% {width: 0px; left: 667px;}
   50.01% {width: 0px; left: 564px;}
   100% {width: 102px; left: 564px;}
  }

  #about .inner .btn:hover::after, #entry .inner ul li:first-child a:hover::after {
   animation: hover_line 0.7s;
  }
 }


 @media screen and (max-width: 1150px) {

 #mainvisual h2 {
  font-size: 47px;
  top: 11%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  letter-spacing: -0.06em;
 }
 #mainvisual h2 .sub{
  font-size: 10px;
  text-align: center;
  margin-top: -4px;
 }

 #mainvisual .leadtxt {
  font-size: 22.5px;
  top: inherit;
  bottom: 3.2%;
  letter-spacing: 0.00em;
  right: inherit;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  letter-spacing: -0.03em;
 }
 #mainvisual .leadtxt .sub{
  font-size: 11px;
 }

 #mainvisual .leadtxt span.open_sans{
  font-size: 20px;
  margin-top: 0px;
 }

 #mainvisual .date_place{
  display: none;
 }

 #mainvisual .scroll {
  display: none;
 }

 @keyframes line_loop_sp {
  0% {height: 0px;top: 65px;}
  50% {height: 29px;top: 65px;}
  100% {height: 0px;top: 94px;}
 }

 #mainvisual .scroll::before{
  top: 65px;
  left: 4px;
  width: 2px;
  height: 29px;
  animation: line_loop_sp 1s infinite;
 }

 #canvas_wrap {
 background-image: url(/assets/img/top-bg-sp.png);
 }

 #about {
 padding-top: 63px;
 }
 #about .inner {
 width: 100%;
 }
 #about .inner h2 {
 font-size: 49px;
 }
 #about .inner h2 div {
 margin-top: 6px;
 }
 #about .inner h2,
 #about .inner dl {
 width: 86.66%;
 margin: 0 auto;
 }
 #about .inner dl {
 padding-top: 0;
 }
 #about .inner dl dt,
 #about .inner dl dd {
 float: none;
 padding: 0;
 }
 #about .inner dl dt {
 font-size: 16px;
 padding-top: 28px;
 }
 #about .inner dl dd {
 padding: 16px 0 20px;
 line-height: 1.9;
 letter-spacing: 0.28em;
 }
 #about .inner dl dt:nth-of-type(2),
 #about .inner dl dt:nth-of-type(3),
 #about .inner dl dt:nth-of-type(4) {
 padding-top: 24px;
 }
 #about .inner .btn {
 width: 100%;
 margin-top: 23px;
 padding-left: 6.67%;
 padding-right: 2.8%;
 padding-bottom: 6px;
 height: auto;
 }

 #access {
 padding-top: 63px;
 padding-bottom: 38px;
 }
 #access .inner {
 width: 100%;
 }
 #access .inner dl {
 padding-top: 27px;
 }
 #access .inner dl dt {
 font-size: 19px;
 }
 #access .inner dl dt span {
 font-size: 12px;
 }
 #access .inner dl,
 #access .inner .accesstxt,
 #access .inner h2 {
 width: 86.66%;
 margin: 0 auto;
 }
 #access .inner h2 {
 font-size: 49px;
 }
 #access .inner h2 div {
 margin-top: 6px;
 }
 #access .inner dl dt,
 #access .inner dl dd {
 letter-spacing: 0.16em;
 float: none;
 }
 #access .inner dl dd {
 padding-top: 9px;
 }
 #access .inner .googlemap {
 margin-top: 21px;
 }
 #access .inner .googlemap iframe {
 height: 280px;
 }
 #access .inner ul,
 #access .inner .attention {
 float: none;
 }
 #access .inner ul {
 line-height: 1.9;
 margin-top: 18px;
 margin-left: 0;
 }
 #access .inner ul li {
 padding-left: 1em;
 text-indent: -1em;
 }
 #access .inner .attention {
 margin-top: 4px;
 font-size: 11px;
 letter-spacing: 0.25em;
 }

 #talkcrossing {
 padding-top: 63px;
 }
 #talkcrossing .tabs {
 margin-top: 30px;
 }
 #talkcrossing .tabs a {
 padding: 15px 0;
 font-size: 28px;
 font-weight: 500;
 }
 #talkcrossing .tabs a::after{
  top: 58px;
 }
 #talkcrossing .tabs a span {
 font-size: 18px;
 }
 #talkcrossing .inner h2 {
 font-size: 45px;
 }
 #talkcrossing .inner h2 div {
 margin-top: 6px;
 letter-spacing: 0.2em;
 }
 #talkcrossing .inner {
 width: 86.66%;
 margin: 0 auto;
 }
 #talkcrossing .tab_content {
 margin-top: 15px;
 }
 #talkcrossing .article {
 padding: 30px 0;
 }
 #talkcrossing .article:last-child {
 border: none;
 }
 #talkcrossing .article:nth-of-type(2) {
 padding: 35px 0;
 }
 #talkcrossing .article:nth-of-type(3) {
 padding: 28px 0;
 }
 #talkcrossing .article:nth-of-type(4) {
 padding: 34px 0;
 }
 #talkcrossing .article:nth-of-type(5) {
 padding: 34px 0 2px;
 }
 #talkcrossing .article .txtarea {
 padding: 0;
 }
 #talkcrossing .article .time {
 font-size: 24px;
 position: relative;
 top: 0;
 }
 #talkcrossing .article:nth-of-type(2) .time,
 #talkcrossing .article:nth-of-type(3) .time,
 #talkcrossing .article:nth-of-type(4) .time,
 #talkcrossing .article:nth-of-type(5) .time {
 top: 0;
 }
 #talkcrossing .article .txtarea h3 {
 font-size: 15px;
 font-weight: 500;
 margin-top: 7px;
 line-height: 1.7;
 }
 #talkcrossing .article .txtarea p {
 font-size: 13px;
 line-height: 1.76;
 margin: 14px 0 0;
 letter-spacing: 0.18em;
 }
 #talkcrossing .article:nth-of-type(2) .txtarea p,
 #talkcrossing .article:nth-of-type(3) .txtarea p {
 margin-bottom: 6px;
 }
 #talkcrossing .article:nth-of-type(4) .txtarea p,
 #talkcrossing .article:nth-of-type(5) .txtarea p {
 margin-top: 12px;
 margin-bottom: 6px;
 }
 #talkcrossing .article .txtarea img {
 width: 100%;
 height: auto;
 position: relative;
 top: 0;
 margin-top: 15px;
 }
 #talkcrossing .article .txtarea dl {
 margin-top: 7px;
 }


 #exhibition {
 padding-top: 63px;
 padding-bottom: 11px;
 }
 #exhibition .inner {
 width: 86.66%;
 margin: 0 auto;
 }
 #exhibition .inner h2 {
 font-size: 49px;
 }
 #exhibition .inner h2 div {
 margin-top: 6px;
 letter-spacing: 0.2em;
 }
 #exhibition .inner img {
 margin-top: 30px;
 }
 #exhibition .inner p {
 font-size: 13px;
 line-height: 1.75;
 margin-top: 10px;
 letter-spacing: 0.1em;
 }

 #entry {
 padding-top: 63px;
 padding-bottom: 198px;
 }
 #entry .inner {
 width: 100%;
 margin: 0 auto;
 }
 #entry .inner h2 {
 font-size: 49px;
 }
 #entry .inner h2 div {
 margin-top: 6px;
 letter-spacing: 0.2em;
 }
 #entry .inner ul,
 #entry .inner .btn,
 #entry .inner ul li:last-child img {
 width: 100%;
 height: auto;
 }
 #entry .inner p {
 font-size: 14px;
 line-height: 1.8;
 margin-top: 36px;
 letter-spacing: 0.3em;
 }
 #entry .inner ul {
 margin-top: 49px;
 padding: 0;
 }
 #entry .inner ul li {
 width: 100%;
 margin-top: 21px;
 padding-left: 6.67%;
 padding-right: 2.8%;
 }
 #entry .inner ul li:last-child {
 width: 100%;
 padding: 0 6.67%;
 }
 .top .pagetop {
 right: 25px;
 bottom: 48px;
 }

 }


 @media screen and (max-width: 370px) {

  #mainvisual .leadtxt {
   font-size: 19px;
  }

  #mainvisual .leadtxt .sub{
   font-size: 10px;
  }
 }