/*------------------------------------------------------------------
[1. Typography]
*/

body,
.box.xlarge {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #666;
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.navigation ul li a,
.side-navigation ul li a,
.side-navigation .sub-menu a,
.sidebar a,
.footer .navigation a,
.footer .social-list a,
cite,
.portfolio-filter-menu a,
.counter .stat-counter,
.overlay-info .project-title,
.font-alt-1,
.accordion li a,
.tabs li a,
.overlay-navigation-wrapper .site-search .form-element {
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}

/* Links */
a,
p a,
.box a:not(.button) {
  color: #232323;
}
p a {
  font-weight: normal;
}
a.animated-link {
  position: relative;
}
a:hover,
p a:hover,
.box a:not(.button):hover,
.social-list li a:hover,
.post-info a:hover,
.widget a:hover,
.team-1 .social-list a:hover,
.team-2 .social-list a:hover,
.side-navigation-footer .social-list a:hover,
.accordion li a:hover,
.accordion li.active a,
.tabs li a:hover,
.tabs li.active a,
.tabs li.active a:hover,
.blog-masonry .with-background .post-read-more a:hover,
.overlay-navigation-wrapper .navigation-hide a,
.post-info-over a:hover,
.post-info-over a:hover span,
.post-author-aside a:hover,
.post-love a:hover,
.post-love a:hover span,
.navigation-hide a {
  color: #6ed3cf;
  text-decoration: none;
}
.blog-masonry .with-background .post-read-more .text-line {
  background-color: #fff;
}
a:hover .text-line,
a.animated-link:hover .text-line,
.accordion li a:hover .text-line,
.tabs li a:hover .text-line,
.blog-masonry .with-background .post-read-more a:hover .text-line {
  background-color: #6ed3cf;
}
.widget a {
  color: #666;
}

/* Titles */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  font-weight: normal;
  color: #232323;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #6ed3cf;
}
.footer h1,
.footer h1 a,
.footer h2,
.footer h2 a,
.footer h3,
.footer h3 a,
.footer h4,
.footer h4 a,
.footer h5,
.footer h5 a,
.footer h6,
.footer h6 a {
  color: #999;
}
h1 {
  font-size: 3.6rem;
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.8rem;
}
h4 {
  font-size: 2.4rem;
}
h5 {
  font-size: 2rem;
}
h6 {
  font-size: 1.4rem;
}
.post-comment-respond .reply-title {
  font-weight: 700;
}
.widget-title {
  font-size: 2rem;
}
h2.post-title {
  margin-bottom: 3rem;
  font-weight: 700;
}
.blog-masonry .grid-item h2.post-title {
  margin-bottom: 0;
  font-size: 1.8rem;
  text-transform: none;
  display: block;
}
.blog-masonry.masonry-set-dimensions h2 {
  font-size: 1.4rem;
  text-transform: uppercase;
}
.blog-masonry.masonry-set-dimensions h2 a,
.blog-masonry.masonry-set-dimensions .post-read-more a {
  color: #fff;
}
.blog-regular .post-title,
.blog-wide .post-title {
  font-size: 4rem;
}
@media only screen and (max-width: 1140px) {
  .blog-regular .post-title,
  .blog-wide .post-title {
    font-size: 3rem;
  }
}

/* Text Classes */
.text-xlarge {
  font-size: 2rem;
}
.text-large {
  font-size: 1.6rem;
}
.text-medium {
  font-size: 1.2rem;
}
.text-small {
  font-size: 1rem;
}

/* Lead */
.lead {
  font-size: 2rem;
  font-weight: 400;
}

/* Weight Classes */
.weight-light {
  font-weight: 300;
}
.weight-bold {
  font-weight: 700;
}

.text-align-center {
  text-align: center;
}

/* Body */
.wrapper {
  background-color: #fff;
}

.title-wrapper {
  text-align: center;
  padding: 0;
  max-width: 420px;
  margin: 16px auto;
}

.title {
  font-weight: bold;
  padding: 24px 0 4px;
}

.desc-wrapper {
  text-align: center;
  margin-bottom: 24px;
}
.desc-wrapper p {
  margin: 0;
  font-weight: bold;
}

.content-title {
  font-weight: bold;
  text-align: center;
}
.content-title:after {
  content: '';
  display: block;
  background: #000;
  height: 1px;
  width: 40px;
  margin: 8px auto;
}

.content-line {
  margin: 24px 0;
  font-weight: bold;
}
.content-line h3 {
  font-weight: bold;
}
.content-text {
  font-size: 0.8rem;
}

.feature {
  margin: 24px 0;
}
.ar-content {
  margin: 0 0 24px;
}

.ar_single_image .ar_wrapper {
  position: relative;
}
.ar_single_image .ar_wrapper model-viewer {
  width: 100%;
}

.ar_single_image .image-hover,
.ar_single_image .text-hover {
  position: absolute;
  top: 0;
  opacity: 0;
  filter: 'alpha(opacity = 0)';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
}
.ar_single_image .text-hover {
  width: 100%;
}
.ar_single_image .vc_align_center .image-hover,
.ar_single_image .vc_align_center .text-hover {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ar_single_image .vc_align_left .image-hover,
.ar_single_image .vc_align_left .text-hover {
  left: 0;
}
.ar_single_image .vc_align_right .image-hover,
.ar_single_image .vc_align_right .text-hover {
  right: 0;
}
.ar_single_image .ar_wrapper {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.ar_single_image .text-hover {
  opacity: 1;
}
.ar_single_image .ar_wrapper .text-hover .text-hover-container {
  position: absolute;
  text-align: center;
  bottom: 10px;
  z-index: 10;
  padding: 10px 0px 30px;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  width: 100%;
  display: block;
}

.ar_single_image .text-hover .text-hover-container * {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 5px;
}
.no-text-hover {
  width: auto !important;
  margin: 0 16px;
  position: relative;
}
.no-text-hover .text-hover-container {
  width: auto !important;
}

/* Fotter */
.footer {
  margin: 24px 0 8px;
}

@media only screen and (max-width: 768px) {
  h1,
  .title-xlarge {
    font-size: 5.2rem;
  }
  h2,
  .title-large {
    font-size: 4rem;
  }
  h3 {
    font-size: 3rem;
  }
  h4 {
    font-size: 2rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h6 {
    font-size: 1.2rem;
  }
  .blog-regular .post-title,
  .blog-wide .post-title {
    font-size: 3rem;
  }
  h5.tms-caption,
  .tmp-content h5 {
    font-size: 1.4rem;
  }
  .tms-caption.title-xlarge,
  .tmp-content .title-xlarge {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }

  /* Helpers */
  .fullscreen-section .background-on-mobile {
    background: #f4f4f4;
  }
  .fullscreen-section .background-on-mobile * {
    color: #666 !important;
  }
  .fullscreen-section .background-on-mobile h1,
  .fullscreen-section .background-on-mobile h2,
  .fullscreen-section .background-on-mobile h3,
  .fullscreen-section .background-on-mobile h4,
  .fullscreen-section .background-on-mobile h5,
  .fullscreen-section .background-on-mobile h6 {
    color: #232323 !important;
  }
}
.ar_wrapper {
  border: 1px solid gray;
}

.ar-content-view {
  width: 75%;
  margin: auto;
}

@media screen and (min-width: 600px) {
  .ar-content-view {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}