/**
* Template Name: EstateAgency
* Updated: Mar 10 2023 with Bootstrap v5.2.3
* Template URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: sans-serif;
  color: #555555;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}

a {
  color: #ffffff;
  text-decoration: none;
  transition: all 0.5s ease;
}

a:hover {
  color: #0000ff;
  text-decoration: none;
}

.link-two {
  color: #000000;
  transition: all 0.5s ease;
}

.link-two:hover {
  text-decoration: underline;
  color: #000000;
}

.link-one {
  color: #000000;
  transition: all 0.5s ease;
}

.link-one:hover {
  color: #000000;
  text-decoration: none;
}

.link-icon {
  color: #000000;
  font-weight: 500;
}

.link-icon span {
  font-size: 14px;
  padding-left: 4px;
  vertical-align: middle;
}



.link-a {
  text-decoration: none;
  color: #ffffff;
  text-decoration: none;
}

@media (min-width: 768px) {
  .link-a {
    font-size: 0.9rem;
  }
}

@media (min-width: 992px) {
  .link-a {
    font-size: 1rem;
  }
}

.link-a:hover {
  color: #ffffff;
  text-decoration: none;
}

.link-a span {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .link-a span {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .link-a span {
    font-size: 18px;
  }
}

.text-brand02 {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  width: 25%;
}

.text-brand02 img {
    width: 80%;
    padding-right: 16px;
}



.text-brand {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
}


.text-brand:hover {
  color: #f0e68c;
}



@media (max-width: 767px) {
  .text-brand {
    font-size: 1.0rem;
  }

  .text-brand02 {
    width: 50%;
  }
  
  .text-brand02 img {
    width: 100%;
  }
}

.color-a {
  text-decoration: none;
  color: #000000;
}

.color-b {
  color: #0aadd7;
}

.color-d {
  color: #adadad;
}

.color-text-a {
 font-size: 12px;
  text-decoration: none;
  color: #ffffff;
}


.color-text-c {
 font-size: 12px;
  text-decoration: none;
  color: #000000;
}


.no-margin {
  margin: 0;
}

/*------/ Nav Pills  /------*/
.nav-pills-a {
  text-decoration: none;
}

.nav-pills-a.nav-pills .nav-link {
  color: #000000;
  position: relative;
  font-weight: 600;
}

.nav-pills-a.nav-pills .nav-link.active {
  background-color: transparent;
}

.nav-pills-a.nav-pills .nav-link.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #2eca6a;
  z-index: 2;
}

/*------/ Bg Image /------*/
.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

/*------/ List a /------*/
.list-a {
  text-decoration: none;
  display: inline-block;
  line-height: 2;
  padding: 0;
  list-style: none;
}

.list-a li {
  position: relative;
  width: 50%;
  float: left;
  padding-left: 25px;
  padding-right: 5px;
}

@media (min-width: 992px) {
  .list-a li {
    width: 33.333%;
  }
}

.list-a li:before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  background-color: #313131;
  top: 15px;
  left: 0;
}

/*------/ Pagination-a /------*/
.pagination-a {
  text-decoration: none;
}

.pagination-a .pagination .page-link {
  margin: 0 0.2rem;
  border-color: transparent;
  padding: 0.5rem 0.8rem;
  color: #000000;
}

.pagination-a .pagination .page-link:hover,
.pagination-a .pagination .page-link:active,
.pagination-a .pagination .page-link:focus {
  background-color: #2eca6a;
}

.pagination-a .pagination .page-link span {
  font-size: 1.2rem;
}

.pagination-a .pagination .next .page-link {
  padding: 0.4rem 0.9rem;
}

.pagination-a .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-a .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-a .pagination .page-item.disabled .page-link {
  padding: 0.4rem 0.9rem;
  color: #555555;
}

.pagination-a .pagination .page-item.active .page-link {
  background-color: #2eca6a;
}

.a {
  text-decoration: none;
  color: #2eca6a;
  font-size: 1.3rem;
}

/*------/ Icon Box /------*/
.icon-box .icon-box-icon {
  display: table-cell;
  vertical-align: top;
  font-size: 36px;
  color: #000000;
  width: 50px;
  padding-top: 8px;
}

.icon-box .icon-box-content {
  padding-top: 18px;
}

/*------/ Space Padding /------*/
.section-t8 {

}

@media (max-width: 767px) {
  .section-t8 {

  }
}

.section-t4 {
  padding-top: 4rem;
}

@media (max-width: 767px) {
  .section-t4 {
    padding-top: 2rem;
  }
}

.section-t3 {
  padding-top: 3rem;
}

@media (max-width: 767px) {
  .section-md-t3 {
    padding-top: 3rem;
  }
}

.section-b2 {
  padding-bottom: 2rem;
}

.section-tb85 {
  padding: 8rem 0 5rem 0;
}

@media (max-width: 767px) {
  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }
}

/*------/ Title /------*/
.title-wrap {
  padding-bottom: 4rem;
}

.title-a {
  text-decoration: none;
  font-size: 2.6rem;
  font-weight: 600;
}

.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 1.2rem;
}

.title-link a {
  text-decoration: none;
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d .title-d:after {
  content: "";
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #2eca6a;
  bottom: 20px;
  left: 0;
}

/*------/ Display Table & Table Cell /------*/
.display-table {
  width: 100%;
  height: 100%;
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/*------/ Ul Resect /------*/
.ul-resect ul,
.box-comments ul,
.list-a ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*------/ Overlay /------*/
.overlay-a {
  text-decoration: none;
  # background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
}

.carousel-pagination {
  margin-top: 0px;
  text-align: center;
}

.carousel-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 10px;
  background-color: #555;
  margin: 0 4px;
  border-radius: 0;
  opacity: 1;
  transition: 0.3s;
}

.carousel-pagination .swiper-pagination-bullet-active {
  background-color: #2eca6a;
  width: 36px;
}

.nav-arrow-a {
  text-decoration: none;
}

.nav-arrow-a .owl-arrow .owl-nav {
  font-size: 1.8rem;
  margin-top: -110px;
}

.nav-arrow-a .owl-arrow .owl-nav .owl-next {
  margin-left: 15px;
}

.nav-arrow-b .owl-arrow .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev,
.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  padding: 0.7rem 1.5rem !important;
  display: inline-block;
  transition: all 0.6s ease-in-out;
  color: #ffffff;
  background-color: #2eca6a;
  opacity: 0.9;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled,
.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled {
  transition: all 0.6s ease-in-out;
  color: #ffffff;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover,
.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover {
  background-color: #26a356;
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next {
  margin-left: 0px;
}

/*------/ Socials /------*/
.socials-a {
  text-decoration: none;
}

.socials-a .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #000044;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #909090;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/* Prelaoder */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #f2f2f2;
  border-top: 6px solid #2eca6a;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*======================================
//--//-->   BUTTON
======================================*/
.btn {
  transition: 0.5s ease;
}

.btn.btn-a,
.btn.btn-b {
  border-radius: 0;
  padding: 1rem 3rem;
  letter-spacing: 0.05rem;
}

.btn.btn-a {
  text-decoration: none;
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-a:hover {
  background-color: #2eca6a;
  color: #000000;
}

.btn.btn-b {
  background-color: #2eca6a;
  color: #000000;
}

.btn.btn-b:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-b-n {
  background-color: #2eca6a;
  color: #ffffff;
  border-radius: 0;
}

.btn.btn-b-n:hover {
  background-color: #26a356;
  color: #ffffff;
}

.navbar-toggle-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 10px;
}

.navbar-toggle-box i {
  line-height: 0;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.navbar-default {
  transition: all 0.5s ease-in-out;
  background-color: #0aadd7;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}

.navbar-default .nav-search {
  color: #ffffff;
  font-size: 1.5rem;
}

.navbar-default.navbar-reduce {
  box-shadow: 0px 0px 0px rgba(100, 100, 100, 0);
}

.navbar-default.navbar-trans,
.navbar-default.navbar-reduce {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item {
  position: relative;
  padding-right: 10px;
  padding-bottom: 8px;
  margin-left: 0;
}

@media (min-width: 768px) {

  .navbar-default.navbar-trans .nav-item,
  .navbar-default.navbar-reduce .nav-item {
    margin-left: 15px;
  }
}

.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
  font-size: 0.9rem;
  color: #ffffff;
  font-weight: 100;
  letter-spacing: 0.03em;
  transition: all 0.1s ease-in-out;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 0;
  background-color: #2eca6a;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s;
}

.navbar-default.navbar-trans .nav-link:hover,
.navbar-default.navbar-reduce .nav-link:hover {
  color: #ffffff;
}

.navbar-default.navbar-trans .nav-link:hover:before,
.navbar-default.navbar-reduce .nav-link:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}

.navbar-default.navbar-trans .show>.nav-link:before,
.navbar-default.navbar-trans .active>.nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show>.nav-link:before,
.navbar-default.navbar-reduce .active>.nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before {
  transform: scaleX(1);
}


/*-- Menu アンダーライン色 --*/
.navbar-default.navbar-trans .nav-link:before {
  background-color: #ffffff;
}

.navbar-default.navbar-trans .nav-link:hover {
  color: #dfdfdf;
}

.navbar-default.navbar-trans .show>.nav-link,
.navbar-default.navbar-trans .active>.nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
  color: #ffffff;
}

.navbar-default.navbar-reduce {
  transition: all 0.5s ease-in-out;
  padding-top: 19px;
  padding-bottom: 19px;
}

.navbar-default.navbar-reduce .nav-link {
  color: #ffffff;
}

.navbar-default.navbar-reduce .nav-link:before {
  background-color: #2eca6a;
}

.navbar-default.navbar-reduce .nav-link:hover {
  color: #ffffff;
}

.navbar-default.navbar-reduce .show>.nav-link,
.navbar-default.navbar-reduce .active>.nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
  color: #ffffff;
}

.navbar-default.navbar-reduce .navbar-brand {
  color: #ffffff;
}

.navbar-default .dropdown .dropdown-menu {
  border-top: 0;
  border-left: 4px solid #2eca6a;
  border-right: 0;
  border-bottom: 0;
  transform: translate3d(0px, 40px, 0px);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
  margin: 0;
  border-radius: 0;
  padding: 12px 0;
}

@media (min-width: 768px) {
  .navbar-default .dropdown .dropdown-menu {
    border-top: 2px solid #787878;
    border-left: 0;
    display: block;
    position: absolute;
    box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
  }
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
  background-color: #ffffff;
  padding: 12px 18px;
  transition: all 500ms ease;
  font-weight: 100;
  min-width: 220px;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #ffffff;
  color: #9a9a9a;
  transition: all 500ms ease;
}

.navbar-default .dropdown .dropdown-menu .dropdown-item.active {
  background-color: #ffffff;
  color: #2eca6a;
}

.navbar-default .dropdown:hover .dropdown-menu {
  transform: translate3d(0px, 0px, 0px);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*------/ Hamburger Navbar /------*/
.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #ffffff;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: transform 0.35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  transform: rotate(-135deg);
  opacity: 0.9;
}

/*======================================
//--//-->   BOX COLAPSE
======================================*/
.box-collapse {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1040;
  background-color: #ffffff;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

@media (min-width: 768px) {
  .box-collapse {
    width: 50%;
  }
}

.box-collapse .title-box-d {
  top: 30px;
  left: 60px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.3s;
}

@media (max-width: 575px) {
  .box-collapse .title-box-d {
    left: 35px;
  }
}

@media (max-width: 575px) {
  .box-collapse .title-box-d .title-d {
    font-size: 1.3rem;
  }
}

.box-collapse-wrap {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 6.5rem;
  bottom: 5rem;
  padding-left: 10%;
  padding-right: 10%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  transform: translateY(3rem);
  transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
}

.box-collapse-open .click-closed {
  visibility: visible;
}

.box-collapse-open .box-collapse {
  transform: translateX(0);
  box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
  opacity: 1;
}

.box-collapse-open .box-collapse .title-box-d {
  transform: translate(0);
  opacity: 1;
}

.box-collapse-open .box-collapse-wrap {
  transform: translate(0);
  opacity: 1;
}

.box-collapse-closed .box-collapse {
  opacity: 0.7;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .title-box-d {
  opacity: 0;
  transition-delay: 0s;
}

.box-collapse-closed .box-collapse .form-a {
  opacity: 0;
  transition-delay: 0s;
}

.click-closed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 1035;
  background-color: #000000;
  opacity: 0.4;
}

.close-box-collapse {
  position: absolute;
  z-index: 1050;
  top: 2rem;
  font-size: 3.5rem;
  line-height: 1;
  color: #000000;
  cursor: pointer;
  transition: all 0.3s ease;
}

.right-boxed {
  right: 4.2857rem;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.intro {
  height: 100vh;
  position: relative;
  color: #ffffff;
}

.intro .swiper-pagination {
  bottom: 20px;
}

.intro .swiper-pagination .swiper-pagination-bullet {
  width: 18px;
  height: 10px;
  background-color: #ffffff;
  border-radius: 0;
  opacity: 1;
  transition: 0.3s;
}

.intro .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2eca6a;
  width: 36px;
}

.intro .intro-item {
  padding-top: 2rem;
}

.intro .carousel-item-a {
  position: relative;
  height: 100vh;
}

.intro .carousel-item-a.bg-image {
  background-attachment: scroll;
}

.intro .intro-content {
  position: absolute;
}

.intro .intro-body {
  padding-left: 1rem;
}

@media (min-width: 768px) {
  .intro .intro-body {
    padding-left: 2rem;
  }
}

.intro .intro-body .price-a {
  color: #ffffff;
  padding: 1rem 1.5rem;
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background-color: #FF9933;
}

.intro .spacial {
  animation-delay: 0.2s;
  color: #ffffff;
}

.intro .intro-title-top {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #ffffff;
  letter-spacing: 0.05em;
}

@media (min-width: 768px) {
  .intro .intro-title-top {
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-title-top {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}

.intro .intro-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.8rem;
  text-transform: uppercase;
//   -webkit-text-stroke: 2px #ffa500;
//  text-stroke: 2px #ffa500;
}

@media (min-width: 576px) {
  .intro .intro-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-title {
    font-size: 3.5rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-title {
    font-size: 4rem;
  }
}

.intro .intro-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .intro .intro-subtitle {
    font-size: 2.5rem;
  }
}

.intro .intro-subtitle.intro-price {
  padding-top: 1rem;
  font-size: 1.2rem;
  
}

@media (min-width: 576px) {
  .intro .intro-subtitle.intro-price {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .intro .intro-subtitle.intro-price {
    padding-top: 2rem;
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .intro .intro-subtitle.intro-price {
    padding-top: 3rem;
  }
}

/*------/ Intro Single /------*/
.intro-single {
  padding: 12rem 0 3rem;
}

@media (max-width: 767px) {
  .intro-single {
    padding-top: 9rem;
  }
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #2eca6a;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 2.2rem;
}

@media (min-width: 768px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.5rem;
  }
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 0.5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}

.intro {
  margin-bottom: 0px;
}

/*--------------------------------------------------------------
# Card General
--------------------------------------------------------------*/
@media (max-width: 767px) {

  .card-box-a,
  .card-box-b,
  .card-box-c,
  .card-box-d {
    margin-bottom: 2.5rem;
  }
}

.card-box-a span,
.card-box-b span,
.card-box-c span,
.card-box-d span {
  line-height: 0;
}

@media (min-width: 768px) {

  .grid .card-box-a,
  .grid .card-box-b,
  .grid .card-box-c,
  .grid .card-box-d {
    margin-bottom: 2.5rem;
  }
}

.card-box-a,
.card-box-b,
.card-box-d {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-box-a .img-a,
.card-box-a .img-b,
.card-box-b .img-a,
.card-box-b .img-b {
  transition: 0.8s all ease-in-out;
}

@media (min-width: 768px) {

  .card-box-a:hover .img-a,
  .card-box-a:hover .img-b,
  .card-box-b:hover .img-a,
  .card-box-b:hover .img-b {
    transform: scale(1.2);
  }
}

@media (min-width: 768px) {

  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: 0.9rem;
  }
}

@media (min-width: 992px) {

  .card-box-a .price-a,
  .card-box-b .price-a {
    font-size: 1rem;
  }
}

.card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card-shadow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card-shadow:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 27%, rgba(0, 0, 0, 0.65) 90%);
}

/*======================================
//--//-->   PROPERTY - CARD-A
======================================*/
@media (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 60px;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .card-box-a:hover .card-overlay-a-content {
    bottom: 64px;
  }
}

@media (min-width: 768px) {
  .card-box-a:hover .card-body-a {
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .card-box-a .card-overlay-a-content {
    bottom: 65px;
  }

  .card-box-a .card-body-a {
    padding-bottom: 1rem;
  }
}

.card-overlay-a-content {
  transition: all 0.5s ease-in;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 2;
}

@media (min-width: 768px) {
  .card-overlay-a-content {
    bottom: -20px;
  }
}

@media (min-width: 992px) {
  .card-overlay-a-content {
    bottom: 0px;
  }
}

.card-header-a {
  padding: 0 1rem;
}

.card-header-a .card-title-a {
  color: #ffffff;
  margin-bottom: 0;
  padding-bottom: 0.7rem;
}

@media (min-width: 768px) {
  .card-header-a .card-title-a {
    font-size: 1.3rem;
  }
}

@media (min-width: 992px) {
  .card-header-a .card-title-a {
    font-size: 2rem;
  }
}

.card-header-a .card-title-a a {
  color: #ffffff;
  text-decoration: none;
}

.card-body-a {
  z-index: 2;
  transition: all 0.5s ease-in;
  padding: 0rem 1rem 2rem 1rem;
}

.card-body-a .price-box {
  padding-bottom: 0.5rem;
}

.price-a {
  color: #ffffff;
  padding: 0.6rem 0.8rem;
  border: 2px solid #2eca6a;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.card-footer-a {
  width: 100%;
  position: absolute;
  z-index: 2;
  background-color: #2eca6a;
}

.card-info {
  list-style: none;
  margin-bottom: 0;
  padding: 0.5rem 0;
}

.card-info .card-info-title {
  font-size: 1rem;
  color: #313131;
}

@media (min-width: 768px) {
  .card-info .card-info-title {
    font-size: 0.9rem;
  }
}

@media (min-width: 992px) {
  .card-info .card-info-title {
    font-size: 1rem;
  }
}

.card-info li span {
  color: #ffffff;
  font-size: 0.9rem;
}

@media (min-width: 768px) {
  .card-info li span {
    font-size: 0.8rem;
  }
}

@media (min-width: 992px) {
  .card-info li span {
    font-size: 1rem;
  }
}

/*------/ Property Grid /-----*/
.property-grid .grid-option {
  text-align: right;
  margin-bottom: 2rem;
}

.property-grid .grid-option .custom-select {
  border-radius: 0;
  width: 200px;
  border-color: #313131;
}

.property-grid .grid-option .custom-select:hover,
.property-grid .grid-option .custom-select:active,
.property-grid .grid-option .custom-select:focus {
  border-color: #313131;
}

.property-grid .grid-option .custom-select option {
  border-color: #313131;
}

/*------/ Property Single /-----*/
.gallery-property {
  margin-bottom: 3rem;
}

.property-price {
  margin: 0 auto;
}

.property-price .card-header-c {
  padding: 0;
}

.summary-list {
  padding-right: 1rem;
  color: #000000;
}

.summary-list .list {
  padding: 0;
  line-height: 2;
}

.summary-list .list span {
  color: #555555;
}

@media (max-width: 767px) {
  .property-agent {
    margin-top: 2.5rem;
  }
}

.property-agent .title-agent {
  font-weight: 600;
}

.property-agent ul {
  line-height: 2;
  color: #000000;
}

.property-agent .socials-a {
  text-align: center;
}

@media (max-width: 991px) {
  .property-contact {
    margin-top: 2.5rem;
  }
}

/*======================================
//--//-->   NEWS - CARD-B
======================================*/
.card-header-b {
  padding: 1rem;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  z-index: 2;
}

@media (min-width: 768px) {
  .card-header-b {
    bottom: 0px;
  }
}

@media (min-width: 992px) {
  .card-header-b {
    bottom: 20px;
  }
}

.card-header-b .category-b {
  font-size: 0.9rem;
  background-color: #2eca6a;
  padding: 0.3rem 0.7rem;
  color: #313131;
  letter-spacing: 0.03em;
  border-radius: 50px;
  text-decoration: none;
}

.card-header-b .title-2 {
  margin-bottom: 0;
  padding: 0.6rem 0;
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .card-header-b .title-2 {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .card-header-b .title-2 {
    font-size: 1.6rem;
  }
}

.card-header-b .title-2 a {
  color: #ffffff;
  text-decoration: none;
}

.card-header-b .date-b {
  color: #d8d8d8;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .card-header-b .date-b {
    font-size: 0.9rem;
  }
}

@media (min-width: 992px) {
  .card-header-b .date-b {
    font-size: 1rem;
  }
}

/*------/ News Single /------*/
.post-information {
  padding: 3rem 0;
}

.post-content {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.6;
}

.post-content .post-intro {
  font-size: 1.7rem;
  font-weight: 300;
  margin-bottom: 4rem;
  line-height: 1.6;
  color: #000000;
  font-weight: 400;
}

.post-content p {
  margin-bottom: 1.7rem;
}

.post-content .blockquote {
  padding: 1rem 3rem 1.7rem 3rem;
  border-left: 3px solid #2eca6a;
  color: #000000;
}

.post-content .blockquote footer {
  text-align: left;
  padding: 0;
}

.post-footer {
  padding: 3rem 0 4rem;
}

.post-share .socials {
  display: inline-block;
}

.post-share .socials li {
  margin-left: 0.6rem;
}

/*------/ Comments /------*/
.box-comments .list-comments li {
  padding-bottom: 3.5rem;
}

.box-comments .list-comments .comment-avatar {
  display: table-cell;
  vertical-align: top;
}

.box-comments .list-comments .comment-avatar img {
  width: 80px;
  height: 80px;
}

.box-comments .list-comments .comment-author {
  font-size: 1.3rem;
}

@media (min-width: 768px) {
  .box-comments .list-comments .comment-author {
    font-size: 1.5rem;
  }
}

.box-comments .list-comments .comment-details {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.box-comments .list-comments .comment-description {
  padding: 0.8rem 0 0.5rem 0;
}

.box-comments .list-comments a {
  color: #000000;
}

.box-comments .list-comments span {
  display: block;
  color: #2B2A2A;
  font-style: italic;
}

.box-comments .comment-children {
  margin-left: 40px;
}

/*======================================
//--//-->   SERVICES - CARD-C
======================================*/
.card-box-c {
  position: relative;
}

@media (max-width: 767px) {
  .card-box-c {
    margin-bottom: 2rem;
  }
}

.card-header-c {
  padding: 0 1rem 1rem 1rem;
}

.card-body-c {
  padding: 0.5rem 0.5rem 0 0.5rem;
}

@media (max-width: 767px) {
  .card-body-c {
    padding: 0;
  }
}

.card-footer-c {
  padding-left: 0.5rem;
}

.card-box-ico {
  padding: 1rem 3rem 1rem 2.5rem;
  border: 5px solid #2eca6a;
}

.card-box-ico span {
  font-size: 4rem;
  color: #000000;
}

.title-c {
  font-size: 2.5rem;
  font-weight: 600;
  margin-left: -40px;
}

@media (min-width: 768px) {
  .title-c {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .title-c {
    font-size: 2.5rem;
  }
}

/*======================================
//--//-->   AGENTS - CARD-D
======================================*/
.card-box-d .card-overlay-hover {
  transition: all 0.2s ease-in-out;
  padding: 15px 40px 15px 35px;
}

@media (min-width: 768px) {
  .card-box-d .card-overlay-hover {
    padding: 5px 15px 5px 10px;
  }
}

@media (min-width: 992px) {
  .card-box-d .card-overlay-hover {
    padding: 5px 40px 5px 35px;
  }
}

@media (min-width: 1200px) {
  .card-box-d .card-overlay-hover {
    padding: 15px 40px 5px 35px;
  }
}

.card-box-d .title-d {
  transition: 0.3s ease-in-out;
  font-size: 2rem;
  font-weight: 600;
  margin: 1rem 0;
  transform: translateY(-20px);
  opacity: 0;
}

@media (min-width: 768px) {
  .card-box-d .title-d {
    font-size: 1.1rem;
    margin: 0.5rem 0;
  }
}

@media (min-width: 992px) {
  .card-box-d .title-d {
    font-size: 1.5rem;
    margin: 1rem 0;
  }
}

@media (min-width: 1200px) {
  .card-box-d .title-d {
    font-size: 2rem;
    margin: 1rem 0;
  }
}

.card-box-d .content-d {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translateY(-40px);
}

@media (min-width: 768px) {
  .card-box-d .content-d {
    font-size: 0.8rem;
    margin: 0.5rem 0;
  }
}

@media (min-width: 768px) {
  .card-box-d .card-body-d p {
    margin-bottom: 8px;
    font-size: 0.8rem;
  }
}

@media (min-width: 992px) {
  .card-box-d .card-body-d p {
    margin-bottom: 12px;
    font-size: 1rem;
  }
}

.card-box-d .info-agents {
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.card-box-d .card-footer-d {
  transition: 0.5s ease-in-out;
  transform: translateY(40px);
  opacity: 0;
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
}

.card-box-d .list-inline-item:not(:last-child) {
  margin-right: 25px;
}

.card-box-d:hover .card-overlay-hover {
  background-color: #2eca6a;
  opacity: 0.9;
}

.card-box-d:hover .title-d,
.card-box-d:hover .content-d,
.card-box-d:hover .info-agents,
.card-box-d:hover .card-footer-d {
  opacity: 1;
  transform: translateY(0);
}

/*------/ Agent Single /------*/
.agent-info-box .socials-footer {
  margin-top: 2rem;
}

.agent-info-box .socials-footer li {
  margin-right: 1.5rem;
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.section-about .title-vertical {
  position: absolute;
  letter-spacing: 0;
  transform: rotate(-90deg);
  top: 50px;
  text-align: left;
  font-size: 1.8rem;
  width: 300px;
  font-weight: 700;
  text-align: right;
}

.about-img-box {
  padding-left: 1rem;
  position: relative;
}

@media (min-width: 576px) {
  .about-img-box {
    padding-left: 4rem;
  }
}

@media (min-width: 768px) {
  .about-img-box {
    padding-left: 5rem;
  }
}

.sinse-box {
  background-color: #2eca6a;
  padding: 1rem 2rem;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

@media (min-width: 576px) {
  .sinse-box {
    padding: 1.5rem 2.5rem;
    bottom: 20px;
  }
}

@media (min-width: 768px) {
  .sinse-box {
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 992px) {
  .sinse-box {
    padding: 3rem 4.5rem;
  }
}

.sinse-box .sinse-title {
  font-weight: 700;
  letter-spacing: 0.043em;
  font-size: 1rem;
}

@media (min-width: 576px) {
  .sinse-box .sinse-title {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .sinse-box .sinse-title {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .sinse-box .sinse-title {
    font-size: 2.2rem;
  }
}

.sinse-box .sinse-title span {
  position: absolute;
}

.sinse-box .sinse-title span:after {
  content: " ";
  width: 35px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -15px;
}

.sinse-box p {
  margin-bottom: 0;
  font-size: 0.7rem;
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: 0.8rem;
  }
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonials-box {
  padding: 1rem 0;
}

.testimonials-box .testimonial-avatar {
  width: 80px !important;
  display: inline-flex !important;
  border-radius: 50%;
}

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

.testimonial-ico i {
  font-size: 48px;
  color: #2eca6a;
}

.testimonial-text {
  font-size: 24px;
  margin-top: 8px;
  background-color: #f3f3f3;
  position: relative;
}

.testimonial-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 25px;
  width: 0px;
  height: 0px;
  border-top: 15px solid rgb(243, 243, 243);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.testimonial-author-box {
  margin-top: 2rem;
}

.testimonial-author {
  margin-left: 1rem;
  display: inline-flex;
  font-size: 1.2rem;
  color: #000000;
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.form-as #sendmessage {
  color: #2eca6a;
  border: 1px solid #26a356;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-as #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.form-as #sendmessage.show,
.form-as #errormessage.show,
.form-as .show {
  display: block;
}

.form-as .validation {
  color: red;
  display: none;
  margin: 4px 0 20px 0;
  font-weight: 400;
  font-size: 13px;
}

.form-as label {
  color: #000000;
  position: relative;
}

.form-as select.form-control-lg:not([size]):not([multiple]) {
  height: 3.5rem;
}

.form-as .form-control {
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 300;
}

.form-as .form-control.form-control-a {
  height: 3.5rem;
}

.form-as .form-control:focus {
  box-shadow: none;
  border-color: #2eca6a;
}

.php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

.php-email-form label {
  color: #000000;
  position: relative;
}

.php-email-form select.form-control-lg:not([size]):not([multiple]) {
  height: 3.5rem;
}

.php-email-form .form-control {
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 300;
}

.php-email-form .form-control.form-control-a {
  height: 3.5rem;
}

.php-email-form .form-control:focus {
  box-shadow: none;
  border-color: #2eca6a;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.section-footer {

  margin-top: 0px;
   background: url("/assets_02/default_img/slide-4.jpg");
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
}

.section-footer h3 {
	
  font-size: 20px;
}


#pack01 {
  padding-top: 60px;
  padding-bottom: 60px;
  //background-color: rgba(0, 128, 250, 0.7);
  background-color: #0aadd7;
  opacity: 0.8;
}



#pack02 {
  padding-top: 18px;
  padding-bottom: 1px;
   background-color: rgba(0, 128, 250, 0.7);
}


#pack03 {
  padding-top: 18px;
  padding-bottom: 1px;
   background-color: rgba(0, 128, 250, 0.1);
}




.section-footer ul {
  line-height: 2;
}

.section-footer .item-list-a i {
  font-size: 18px;
  padding-right: 4px;
  color: #ffffff;
}

.section-footer .widget-a .w-title-a {
  margin-bottom: 1rem;
}

footer {
  background: #f3f3f3;
  text-align: center;
  padding: 30px 0;
}

footer .copyright-footer {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

footer .credits {
  font-size: 14px;
}






/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#header{
	position: fixed;
	top: -20px;
	z-index: 20;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: 45px;
	background-color: #aaa;
	transition: all 0.3s ease-out;
}

#header.fixed-hide{
	top: -45px;
}

/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#rect-blue {
	background-color: #000035;
	padding-top: 24px;
	padding-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	border-radius: 15px;
	
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#botton_green {
	background-color: #6DCE61;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 5px;
	color: #ffffff;
	border: none;
}

#botton_green a {
	text-decoration: none;
}

/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#coment-a {

	font-size: 12px;
	font-weight: 100;
	padding-top: 8px;
	padding-left: 24px;
	padding-right: 24px;
	color: #ffffff;
	background-color: #4682b4;
	padding-bottom: 12px;
	  border-radius: 0 0 8px 8px;
}

.item_sec {
	padding-bottom: 1px;

}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#space_section {
	padding-top:36px;
	padding-bottom: 18px;
}

#space_section_02 {
	padding-top:0px;
	padding-bottom: 12px;
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.label_tg {
	color: #565656;
	 background: #ff0000;
	 padding-top: 0px;
	 padding-bottom: 0px;
	border-bottom: 1px solid #333;
}



.label_tg h2 {
	color: #565656;
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#section_title {
	color: #ff0000;
}


#rect_a {
	background: #000000;
	float:  left;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#title_a {
	font-size: 14px;
	font-weight: 900;
	color: #ffffff;
	text-align: center;
	padding-bottom: 8px;
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#clear_float {
	font-size: 25px;
	font-weight: 900;
	color: #00002C;
	display: flex;
}

#put_left {
	padding-right: 12px;
	margin-right: 5px;
	background: #00002C;

}

#put_text {
	margin-left: 7px;
	margin-right: 12px;
}


@media (max-width: 768px) {

	#clear_float {
		font-size: 20px;
		font-weight: 900;
		display: flex;
		justify-content: center;
	}

}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.middle_section01 {
	background: #bcbcbc;
	
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.section-image {

  margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   background-color: #bcbcbc;
}

.section-image-white {

  margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   background-color: #ffffff;
   padding-top: 0px;
   padding-bottom: 0px;
}


.section-image-white-02 {

   //background: #ff0000;
   margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   padding-top: 0px;
   padding-bottom: 32px;
   //margin-bottom: 32px;
}


.section-image-transparent {

   margin-top: -58px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   background-color: #ffffff;
   padding-top: 0px;
   padding-bottom: 0px;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.image_section01 {

  margin-top: 0px;
   background: url("/assets_02/default_img/vender02.jpg") ;
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section01 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section_cld {
	
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
}


.image_section_cld02 {
	
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
}



.image_section_goods {
	
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 64px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
}



.image_section02 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
}

@media (max-width: 768px) {

	.image_section02 img {
		width: 100%;

	}
}

.image_section02_gray {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #dcdcdc;
  position:relative;
}

@media (max-width: 768px) {
	
	.image_section02_gray {
		background-color: #ffffff;
	}

	.image_section02_gray img {
		width: 100%;

	}
}



.image_section02_gray02 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #EEEEEE;
  position:relative;
}

@media (max-width: 768px) {
	
	.image_section02_gray02 {
		background-color: #ffffff;
	}

	.image_section02_gray02 img {
		width: 100%;

	}
}





.image_section03 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/vender03.jpg") ;
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section03 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section04 {
	
	background-color: #041d42;
}


.image_section05 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/society001.jpg") ;
   background-position: center;
   background-attachment: fixed;
   height: 800px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section05 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


@media (max-width: 768px) {

	.image_section05 img {
	  position:absolute;
	  top:50%;
	  left:50%;
	  transform:translate(-50%,-50%);
	  width:50%;
	}
}




.image_section06 {
	
  margin-top: 64px;
   background: url("/assets_02/default_img/vender06.jpg") ;
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_section06 div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section07 {
   margin-top: 64px;
  // background: url("/assets_02/default_img/vender02.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_section07 div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section08 {
	
  margin-top: 0px;
   //background: url("/assets_02/default_img/vender05.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section08 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section09 {
	
  margin-top: 0px;
   //background: url("/assets_02/default_img/vender07.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section09 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section10 {
	
  margin-top: 0px;
   //background: url("/assets_02/default_img/vender08.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section10 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section11 {
	
  margin-top: 0px;
   //background: url("/assets_02/default_img/vender09.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section11 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section12 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/vender10.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section12 div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.project_back_color {
	
	background-color: #ff00dd;
/*
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:80%;
*/
}

.comp_section1 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/vender10.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.comp_section {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
  display: flex;
}


.comp_section_02 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 48px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
  // background: #ff0000;
  position:relative;
  display: flex;
}


.comp_section_news01 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 4px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
  // background: #ff0000;
  position:relative;
  display: flex;
}




.com_col33 {
	width: 33.4%;
	background: #fefefe;
}

.com_col33_news {
	width: 33.4%;
	background: #ffffff;
	border-bottom: 1px solid #bababa;
}


.com_col33_news a {
	font-size: 14px;
	color: #FF0066;
}


.com_col33_news a:hover {
  color: #339933;
  text-decoration: none;
}


.com_col33_news a:active {
    background-color: #cdcdcd;
    color: #000000;
}


.com_col33_news img {
	//border-radius: 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
  	border-bottom-left-radius: 8px;
	
}


.com_col34 {
	
	width: 33.4%;
	background: #e3e3e3;
}


.com_col34_news {
	
	width: 33.4%;
	background: #ffffff;
}

.com_col34_news a {
	font-size: 14px;
	color: #FF0066;
}


.com_col34_news a:hover {
  color: #339933;
  text-decoration: none;
}


.com_col34_news a:active {
    background-color: #cdcdcd;
    color: #000000;
}

.com_col34_news img {
	//border-radius: 10px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
  	border-bottom-left-radius: 8px;
	
}


.com_col33_02 {
	width: 33.4%;
	background: #ffffff;
  	//border-radius:10px;
  	margin-left: 10px;
  	//border: 1px solid #c0c0c0;
  	aspect-ratio: 16/9;
}




.com_col33_02:active {
	 background-color: #b0c4de;
	.comp_inn_under_title p {
		color: #ffffff;
	}

}


.com_col33_02 p {

	padding-left: 8px;
	padding-right: 8px;
}

.com_news {
	color: #000000;
	width: 33.4%;
	background: #ffffff;
  	border-radius:10px;
  	margin-left: 10px;
  	border: 1px solid #c0c0c0;
}

.com_news:active {
	 background-color: #b0c4de;
	 
	.comp_inn_under_title p {
		color: #ffffff;
	}
}



.com_col34_02 {
	
	width: 33.4%;
	background: #ffffff;
  	//border-radius:0px;
  	margin-left: 10px;
  	//border: 0px solid #c0c0c0;
  	aspect-ratio: 16/9;
}




.com_col34_02:active {
	 background-color: #b0c4de;
	 
	.comp_inn_under_title p {
		color: #ffffff;
	}
}


.com_col34_02 p {

	padding-left: 8px;
	padding-right: 8px;
}


.com_col34_03 {
	
	width: 33.4%;
	background: #ffffff;
  	border-radius:10px;
  	margin-left: 10px;
  	border: 1px solid #c0c0c0;
  	aspect-ratio: 8/5;
}



.com_col25 {

	width: 25%;
}




/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.movie_section_left {

	width: 50%;
	background: #ffffff;
  	//border-radius:0px;
  	margin-left: 10px;
  	//border: 0px solid #c0c0c0;
  	aspect-ratio: 16/9;
}


.movie_section_right {

	width: 50%;
	background: #ffffff;
  	//border-radius:0px;
  	margin-left: 10px;
  	//border: 0px solid #c0c0c0;
  	padding-top: 0px;
  	padding-left: 18px;
  	padding-right: 18px;
}


.movie_section_right p {

	font-size: 24px;
	font-weight: 900;
	color: #ffffff;
	background: #0aadd7;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 10px;
	
}


.iframe_class {
	width: 100%;
	height: 100%;
	aspect-ratio: >16 / 9;
	//max-width: 600px;
	display: block;
	margin: auto;
}


iframe { 
	border-radius: 20px;
}


.wrapper_movie {
	
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 8px;
  margin-bottom: 12px;
}


.under_white {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 48px;
  padding-bottom: 48px;
  
  position:relative;
  display: flex;
  
}



@media (max-width: 768px) {
	
	.under_white {
		display: block;
	}

	.wrapper_movie {
		
	  padding-left: 8px;
	  padding-right: 8px;
	  margin-top: 12px;
	  margin-bottom: 12px;
	}

	.movie_section_left {
		width: 100%;
	}
	
	.movie_section_right {
		width: 100%;
	}

}




/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
@media (max-width: 768px) {

	.comp_section {
		display: block;
	}
	
	.comp_section_02 {
		display: block;
	}

	.comp_section_news01 {
		display: block;
	}

	.com_col33 {
		width: 100%;
		background: #ffffff;
	}

	.com_col34 {
		width: 100%;
		background: #ffffff;
	}

	.com_col33_news {
		width: 100%;
		background: #ffffff;
	}

	.com_col34_news {
		width: 100%;
		background: #ffffff;
	}


	.com_col33_02 {
		width: 100%;
		margin-top: 10px;
		margin-left: 0px;
		aspect-ratio: 16/9;
	}

	.com_col34_02 {
		width: 100%;
		margin-top: 10px;
		margin-left: 0px;
		aspect-ratio: 16/9;
	}

	.com_col25 {
		width: 100%;
		margin-top: 10px;
		margin-left: 0px;
	}
	
	.com_news {
		width: 100%;
		margin-top: 10px;
		margin-left: 0px;
	}

}


.image_section13 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/000.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 800px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section13 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}

.image_section_media {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/v001.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 800px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section_media div {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}



.image_section_media H3 {
  position:absolute;
  top:50%;
  left:50%;
  //transform:translate(-50%,-50%);
  width:100%;
}



.image_section14 {
	
  margin-top: 0px;
   background: url("/assets_02/default_img/v004.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 800px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}

.image_section14 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.comp_inn_a {

}

.comp_inn_a img {
  	width: 100%;
}

.comp_inn_b {

  min-height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.comp_inn_c {

  min-height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.comp_inn_under {
	
	font-size: 16px;
	color: #00002C;
	padding-top: 20px;
	padding-bottom: 32px;
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;

}


.comp_inn_under_02 {
	
	font-size: 16px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;

}



.comp_inn_under_02 img {
	//border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
	
}


.comp_inn_under p {
	font-size: 16px;
	text-align: center;
}


.comp_inn_under02 {
	
	font-size: 16px;
	color: #00002C;
	padding-top: 20px;
	padding-bottom: 32px;
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
	border-left: 1px solid #dfdfdf;
}


.comp_inn_under02 p {
	font-size: 16px;
	text-align: center;
}

@media (max-width: 988px) {

	/*
	.comp_inn_under02 {
		border-left: none;
	}
	*/

}


@media (max-width: 768px) {

	.comp_inn_under02 {
		border-left: none;
	}
	
	.comp_inn_under {
		border-left: none;
		border-right: none;
	}

}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#put_center {

	font-size: 36px;
	font-weight: 900;
	color: #ffffff;
}

#put_center02 {
	display: flex;
	font-size: 14px;
	font-weight: 900;
	color: #ffffff;
}


@media (max-width: 768px) {

	#put_center02 {
		display: block;
	}
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.towcol {
	color: #ffffff;
	font-weight: 100;

	padding-left: 32px;
	padding-right: 32px;
	padding-top: 48px;
	padding-bottom: 100px;
	width:50%;
}

.towcol h3 {
	color: #ffffff;
	padding-bottom:12px;
}

.towcol h5 {
	color: #ffffff;
	padding-bottom:12px;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.towcol70 {
	color: #ffffff;
	font-weight: 100;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 48px;
	padding-bottom: 100px;
	width:70%;

}


.towcol70 h3 {
	color: #ffffff;
	padding-bottom:12px;
}

.towcol70 h5 {
	color: #ffffff;
	padding-bottom:12px;
}

.towcol30 {
	text-align: center;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 48px;
	padding-bottom: 48px;
	width:30%;
}

@media (max-width: 768px) {

	.towcol70 {
		width: 100%;
		padding-bottom: 1px;
	}

	.towcol30 {
		width: 100%;
	}
}

.towcol30 img {
	width:50%;
}

.btn-blue02 {
	color: #000066;
	background: #ffffff;
	padding: 6px 12px 6px 12px;
	margin-left: 20px;
	margin-right: 12px;
	border: 1;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
	border: 1px solid #191970;
	font-size: 16px;
	outline: none;
	cursor: pointer;
}

.btn-blue02:active {
  background: #6495ed;
}


.take_right {
	padding-top: 12px;
	color: #ff00ff;
	float: right;
}


@media (max-width: 768px) {

	.towcol {
		width:100%;
	}
	
	.towcol h3 {
		padding-top: 24px;
	}

}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.area_gray {
   background: #bcbcbc;
}

.area_white {
   background: #ffffff;
}


.area_nothing {

}


.text_white {
	font-size: 16px;
	color: #454545;
	background-color: #ffffff;
	padding-left: 48px;
	padding-right: 52px;
	padding-top: 12px;
	padding-bottom: 12px;

  display: flex;
  justify-content: center;
  align-items: center;

}


#news_title {
	font-size: 23px;
	font-weight: 600;
	padding-left: 12px;
}

#news_title a {
	font-size: 23px;
	color: #ffffff;
	font-weight: 600;
}

#news_title a:active {
	color: #ffffff;
}

#news_title a:hover {
	color: #000088;
}





#news_compname {
	font-size: 16px;
	font-weight: 800;
}

#news_compname a {
	font-size: 16px;
	color: #0066FF;
	font-weight: 800;
}

#news_compname a:active {
	color: #ffffff;
}

#news_compname a:hover {
	color: #898989;
}






/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services  {
	padding-top: 0px;
}

.services a {
	color: #000036;
}

.services .img {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.services .img img {
  transition: 0.6s;
}

.services .details {
  padding: 50px 30px;
  margin: -100px 30px 0 30px;
  transition: all ease-in-out 0.3s;
  background: var(--color-white);
  position: relative;
  background: rgba(var(--color-white-rgb), 0.9);
  text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0 25px rgba(var(--color-black-rgb), 0.1);
}

.services .details .icon {
  margin: 0;
  width: 72px;
  height: 72px;
  background: var(--color-primary);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--color-white);
  font-size: 28px;
  transition: ease-in-out 0.3s;
  position: absolute;
  top: -36px;
  left: calc(50% - 36px);
  border: 6px solid var(--color-white);
}

.services .details h3 {
  color: var(--color-default);
  font-weight: 700;
  margin: 10px 0 15px 0;
  font-size: 22px;
  transition: ease-in-out 0.3s;
}

.services .details p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .service-item:hover .details h3 {
  color: var(--color-primary);
}

.services .service-item:hover .details .icon {
  background: var(--color-white);
  border: 2px solid var(--color-primary);
}

.services .service-item:hover .details .icon i {
  color: var(--color-primary);
}

.services .service-item:hover .img img {
  transform: scale(1.2);
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
.dev_01 {

  display: flex;
  justify-content: center;
  align-items: center;

}

.dev_01 img {
	
	width: 100%;
}

@media (max-width: 768px) {

	.dev_01 {
		width: 100%;
		display: block;
	}

	.dev_01 .left_image {
		width: 100%;
		background: #6495ed;
	}

	.dev_01 img {
		width: 100%;
	}
}


/*--------------------------------------------------------------

--------------------------------------------------------------*/
.right_text {

	width: 50%;
	font-size: 14px;
	color: #191970;

	padding-left: 64px;
	padding-right: 64px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.right_text #text_min {
	font-size: 12px;
}


.right_text p {
	font-weight: 900;
	font-size: 24px;
	color: #191970;
}


.left_image {

	width: 50%;
}



.left_image img {
	width: 100%;
}


@media (max-width: 768px) {





	.right_text {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}




/*--------------------------------------------------------------
# Append Button
--------------------------------------------------------------*/
.btn-blue {
	color: #ffffff;
	background: #191970;
	padding: 6px 12px 6px 12px;
	margin-left: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	//border: 1;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
	//border: 1px solid #005500;
	border: 1px solid #191970;
	font-size: 16px;
	outline: none;
	cursor: pointer;
}

.btn-blue:active {
  background: #6495ed;
}


.btn-blue_canvas {
	color: #ffffff;
	background: #191970;
	margin-left: 0px;
	margin-right: 18px;
	//border: 1;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
	//border: 1px solid #005500;
	border: 1px solid #191970;
	font-size: 18px;
	outline: none;
	cursor: pointer;
}

.btn-blue_canvas:active {
  background: #6495ed;
}



.btn-green {
	color: #ffffff;
	background: #008000;
	padding: 2px 12px 2px 12px;
	margin-left: 0px;
	margin-right: 12px;
	border: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
	border: 1px solid #005500;
	font-size: 12px;
	outline: none;
	cursor: pointer;
}

.btn-green:active {
  background: #00CC00;
}



.btn-yellow2 {
	color: #ffffff;
	background: #ffa500;
	padding: 6px 12px 6px 12px;
	margin-left: 20px;
	margin-right: 12px;
	border: 1;
	border-radius: 4%;
	border: 1px solid #ffdead;
	font-size: 18px;
	outline: none;
	cursor: pointer;
}

.btn-yellow3:active {
  background: #6495ed;
}


.btn-yellow3 {
	color: #ffffff;
	background: #ffa500;
	padding: 4px 20px 4px 20px;
	margin: 0px 0px 0px 0px;

	border: 1;
	border-radius: 4%;
	border: 1px solid #ffdead;
	font-size: 18px;
	outline: none;
	cursor: pointer;
}

.btn-yellow2:active {
  background: #6495ed;
}


/*--------------------------------------------------------------
#
--------------------------------------------------------------*/
#set_right {
	
	float: right;
	padding-top: 24px;
	padding-bottom: 24px;
}


.video_wrapper {
	
	
}






/*--------------------------------------------------------------
# Movie
--------------------------------------------------------------*/
.hero_movie {
  position: relative;
  padding-bottom: 0px;
}

/* video */

.hero_movie .video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 600px;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* overlay */

.hero_movie .overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}

/* text */

.hero_movie .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hero_movie h1 {
  font-family: Roboto;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
  color: #fff;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.towcol02 {
	background-color: #f5fffa;
	font-size: 18px;
	color: #191970;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width:50%;

}


@media (max-width: 768px) {

	.towcol02 {
		width:100%;
	}
}

.towcol03 {

	background-color: #dcdcdc;
	font-size: 18px;
	color: #191970;

	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width:50%;
}


@media (max-width: 768px) {

	.towcol03 {
		width:100%;
	}
}




.coment_area {
	padding-left: 36px;
	padding-right: 36px;
	padding-top: 24px;
	padding-bottom: 36px;
}

.coment_area h4 {
	color: #191970;
  font-weight: 900;
}


.coment_area02 {
	padding-left: 36px;
	padding-right: 36px;
	padding-top: 24px;
	padding-bottom: 36px;
}

.coment_area02 h4 {
	color: #191970;
  font-weight: 900;
}


@media (max-width: 768px) {
	
	.coment_area02 {
		font-size: 12px;
		color: #898989;
	  	font-weight: 100;
	}

	.coment_area02 h4 {
		font-size: 14px;
		color: #898989;
	  	font-weight: 700;
	}
}



/*--------------------------------------------------------------
# background Image
--------------------------------------------------------------*/
#photo_area_org {
	padding-left: 36px;
	padding-right: 36px;
	padding-top: 24px;
	padding-bottom: 36px;

	height: 400px;
  	margin-top: 0px;
	background: url("/assets_02/img/slide-4.jpg") top center;
	background-position: center;
	//background-repeat: no-repeat;
	//background-attachment: fixed;
	  overflow: hidden;
}


#photo_area_org:hover {
	background: url("/assets_02/img/slide-1.jpg") top center;
	//opacity:0.1;
	transition:0.9s;

}


.on_image_text_org {
	color: #ffffff;
	background: #565656;
	opacity: 0.5;
}

.coment_area_org {
	color: #ff0000;
	padding-left: 36px;
	padding-right: 36px;
	padding-top: 24px;
	padding-bottom: 36px;
}

.coment_area_org h4 {
	color: #191970;
  font-weight: 900;
}




/*--------------------------------------------------------------

--------------------------------------------------------------*/
.col_area4 {
	
	color: #ffffff;
	font-size: 24px;
	font-weight: 200;
	background: #000000;
	display: flex;

}


.col_dummy {

	display: flex;
	width: 50%;
}


.col_inn {
	display: flex;
  justify-content: center;
  align-items: center;

padding:20px;
}



.col_inn_b {


}


.4col_area img {
	
}


.col4_a {
	font-size: 16px;
  	background: #ababab;
   	background-position: center;
   	background-size: cover;
	width: 50%;
	padding-top: 12px;
	padding-bottom: 12px;

}


.col4_b {
	font-size: 16px;
	color: #ffffff;
  	background: #ababab;
   	background-position: center;
   	background-size: cover;
	width: 50%;
	padding-top: 12px;
	padding-bottom: 12px;
}


.col4_c {
	font-size: 16px;
	color: #ffffff;
  	background: #ababab;
   	background-position: center;
   	background-size: cover;
	width: 50%;
	padding-top: 12px;
	padding-bottom: 12px;
}


.col4_d {
	font-size: 16px;
	color: #ffffff;
  	background: #ababab;
   	background-position: center;
   	background-size: cover;
	width: 50%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.col4_a img{
	width: 25%;
}

.col4_b img{
	width: 25%;
}

.col4_c img{
	width: 25%;
}

.col4_d img{
	width: 25%;
}

@media (max-width: 768px) {

	.col_dummy {
		display: block;
	}

	.col4_a {
		width: 100%;
		font-size: 12px;
	}
	.col4_a img {
		width: 25%;
	}

	.col4_b {
		width: 100%;
		font-size: 12px;
	}
	.col4_b img {
		width: 25%;
	}

	.col4_c {
		width: 100%;
		font-size: 12px;
	}
	.col4_c img {
		width: 25%;
	}

	.col4_d {
		width: 100%;
		font-size: 12px;
	}
	.col4_d img {
		width: 25%;
	}

}






/*--------------------------------------------------------------

--------------------------------------------------------------*/
.section-image-navy {
	text-align: center;
	color: #ffffff;
	font-weight: 900;
	font-size: 36px;
	background: #4682b4;
	padding-top: 64px;
	padding-bottom: 64px;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.btn-links {
	color: #ffffff;
	background: none;
	padding: 6px 12px 6px 0px;
	margin-left: 20px;
	margin-right: 12px;

	  border: none;
	  background: transparent;

	font-size: 16px;
	outline: none;
	cursor: pointer;
	width: 100%;
	text-align: left;
}


.btn-links:active {
  background: #ababab;
}


.btn-links:hover {

  //background: #ababab;
  //text-decoration: none;
}


@media (max-width: 768px) {

	.btn-links {
		font-size: 19px;
		width: 90%;
		//pointer-events: none;
	}
}



#selction_no_01 #g__left_col {
  place-items: center;
  text-align: right;
  font-size: 16px;
  color: #0e1b4d;
  padding-bottom: 12px;
  padding-top: 24px;
  background: #cdcdcd;
}


#selction_no_01 #g__right_col {
  place-items: center;	
  font-size: 16px;
  color: #0e1b4d;
  padding-bottom: 12px;
  padding-top: 24px;
  background: #ffffff;
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#put_right {
	
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 24px;
	padding-right: 0px;
}


.set_center {

	 text-align: center;
	 padding-top: 32px;
}



/*--------------------------------------------------------------
# Append Button
--------------------------------------------------------------*/
.btn-blue_title {
	color: #ffffff;
	background: #191970;
	padding: 6px 12px 6px 12px;
	margin-left: 20px;
	margin-right: 12px;
	border: 1;
	border-radius: 4%;
	border: 1px solid #191970;
	font-size: 16px;
	outline: none;
	cursor: pointer;
}

.btn-blue_title:active {
  background: #6495ed;
}


.comp_inn_under_title {
	
	font-size: 12px;
	padding-top: 0px;
	color: #323232;
	width: 100%;
}


.comp_inn_under_title p {
	
	padding-top: 12px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 15px;
	font-weight: 900;
	color: #898989;
}


.comp_inn_under_title h5 {
	
	padding-top: 24px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 32px;
	font-size: 18px;
	font-weight:400;
	color: #333333;
}






/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.towcol_comp {
	font-family: serif;
	color: #ffffff;
	font-weight: 100;

	padding-left: 32px;
	padding-right: 32px;
	padding-top: 48px;
	padding-bottom: 32px;
	width:50%;
}

.towcol_comp h3 {
	color: #ffffff;
	padding-bottom:12px;
}

.towcol_comp h5 {
	color: #ffffff;
	padding-bottom:12px;
}


@media (max-width: 768px) {

	.towcol_comp {
		width: 100%;
	}
}



.mask_dark80 {

	width: 100%;
	height: 800px;
  	align-items: center; 
  	background: rgba(0, 0, 0, .4);
}


.mask_dark80 .project_inn {

	width: 70%;
	color: #ffffff;
	padding-left: 12px;
}


.mask_dark80 .project_inn100 {

	width: 100%;
	color: #ffffff;
	padding-right: 24px;
	
}



.mask_dark80 .project_inn h3 {

	font-family: serif;
	font-size: 36px;
	color: #ffffff;
	text-align: left;
	padding-bottom: 1px;
}


.mask_dark80 .project_inn h5 {

	font-family: serif;
	font-size: 18px;
	color: #ffffff;
	text-align: left;
	padding-top: 32px;
}


.mask_dark80 .project_inn02 {

	width: 50%;
	color: #ffffff;
	padding-left: 0px;
}


@media (max-width: 768px) {

	.mask_dark80 .project_inn {
		width: 90%;
	}

	.mask_dark80 .project_inn h3 {

		font-family: serif;
		font-size: 26px;
	}


}





.project_dummy {

	background: rgba(255, 255, 255, .9);
}



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.image_section15 {

   margin: 0;
   padding: 0;
   background: url("/assets_02/default_img/v004.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 800px;
   //height: 100vh;
   background-repeat: no-repeat;
   text-align:center;
   position:relative;
   display: flex;


}

.image_section15 H3, H4, H5 {

	color: #ff0000;
}

.mask_dark100 {
	
	width: 100%;
	//height: 100vh;
  	 height: 800px;
  	align-items: center; 
  	background: rgba(0, 0, 0, .4);

}




.inner_d {
	align-items: center; 
	width: 100%;
	background: #0000ff;
	margin-top: 64px;
}



.all_pos {
	width: 70%;
	margin-left: auto;
    	margin-right: auto;
	padding-top: 64px;
	display: flex;
}

.left_pos {
	width: 50%;
	background: #ff00ff;
}


.right_pos {
	width: 50%;
	background: #ffffff;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
	display: table;		/* 子要素はテーブルセル要素にする */
}


.set_middle {
	color: #000000;
  display: table-cell; 		/* 子要素はテーブルセル要素にする */
  vertical-align: middle; 	/* 上下中央に寄せる */ 
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.project-image {

  margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   background-color: #ffffff;
   padding-top: 36px;
   padding-bottom: 0px;
}



.social-image {

  margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat
   background-color: #ffffff;
   padding-top: 0px;
   padding-bottom: 0px;
   display: none;
}



@media (max-width: 768px) {

	.social-image {
		display: block;
	}

	.image_section15 {
   		display: none;
	}
}



.white_base {
	
	background-color: #ffffff;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 96px;
	padding-right: 96px;
}



@media (max-width: 768px) {

	.white_base {
		padding-left: 24px;
		padding-right: 24px;
	}
}







/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
#font_small_a {
	font-size: 12px;
	font-weight: 100;
}


.image_shop_inn {

	background-color: rgba(4, 29, 66, 0.7);
  margin-top: 0px;
   background-position: center;
   background-attachment: fixed;
   height: 240px;
   background-repeat: no-repeat;
  text-align:center;
  position:relative;
}


.image_shop {

  margin-top: 0px;
   background: url("/assets_02/default_img/vender10.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 240px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_shop div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_shop #put_center {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	//font-family: serif;
	//font-weight: 900;
}



.image_section20 {

  margin-top: 0px;
   background: url("/assets_02/default_img/vender10.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 360px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section20 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section20 #put_center {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	//font-family: serif;
	//font-weight: 900;
}




.image_section20 {

  margin-top: 0px;
   background: url("/assets_02/default_img/vender10.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 360px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section20 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section20 #put_center {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	//font-family: serif;
	//font-weight: 900;
}

.image_section21 {

  margin-top: 0px;
   background: url("/assets_02/default_img/vender02.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 200px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  position:relative;
}


.image_section21 div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section21 #put_center {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
}




.form_sec {
	
  background-color: #ffffff;
  padding-top: 32px;
  padding-bottom: 64px;
}


/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.image_section_14 {
	
  margin-top: 64px;
   background: url("/assets_02/default_img/vender14.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_section_14 div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}



.image_shop_form {
	
   margin-top: 64px;
   background: url("/assets_02/default_img/vender15.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_shop_form div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}



.image_section_15 {
	
  margin-top: 64px;
   background: url("/assets_02/default_img/vender15.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_section_15 div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.put_rightside {
	margin: 0 0 0 auto;
	padding-top: 18px;
	
}




/*--------------------------------------------------------------

--------------------------------------------------------------*/
.col_horizontal_2 {


  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #ffffff;
  position:relative;
  display: flex;
}


.com_col50 {
	
	width: 50%;
	background: #ffffff;
}


@media (max-width: 768px) {

	.col_horizontal_2 {
		display: block;
	}
	

	.com_col50 {
		width: 100%;
		background: #ffffff;
	}
}




/*--------------------------------------------------------------

--------------------------------------------------------------*/
.horizontal_5050 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #dcdcdc;
  position:relative;
  display: flex;
}



.horizontal_wpp {
	width: 100%;

}


.horizontal_wrapper {
	background-color: #ffffff;
	color: #787878;
	width: 100%;
  	display: flex;
}

.horizontal_wrapper:active {
    background-color: #cdcdcd;
    color: #000000;
}


.horizontal_50p {
	width: 50%;
	background: #dfdfdf;
	display: flex;
}


.horizontal_40p {
	width: 40%;
	//background: #ff0000;
	min-height: 120px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.horizontal_60p {
	width: 60%;
	font-size: 14px;
	background: #ffffff;
        display: grid;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
        //border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
}


.horizontal_60p_b {
	width: 60%;
	font-size: 15px;
	//background: #ffffff;
        display: grid;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
}


@media (max-width: 768px) {

	.horizontal_60p_b {
		font-size: 11px;
	}

}

.horizontal_60p_b a {
	color: #191970;
}


.horizontal_60p_b a:active {
	color: #000000;
}



@media (max-width: 768px) {

	.horizontal_5050 {
		display: block;
	}
	
	.horizontal_50p {
		width: 100%;
		background: #ffffff;
	}

}


/*--------------------------------------------------------------

--------------------------------------------------------------*/
.mov_section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
 
video {
  position: absolute;




  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
  
  
}
 
.white_sec01 {

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
	padding-right: 32px;
	font-size: 36px;
	font-weight: 900;
	color: #ffffff;
	background: rgba(0, 0, 0, .2);*
	text-align: center;
	position:absolute;
	/*
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	*/
	width:100%;

}





.section_shop_top {
  margin-top: 60px;
  background: url("/assets_02/img/services-8.jpg") center / cover;
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.section_shop_top p {
	
	padding-top: 36px;
}


.section_shop_top div{
  position:absolute;
  top:45%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align: center;
}


@media (max-width: 768px) {

	.section_shop_top #put_center {
		font-size: 24px;
		font-weight: 900;
	}
}


.mask_dark100p {

	width: 100%;
	min-height: 110vh;
  	align-items: center; 
  	background: rgba(0, 0, 0, .1);
}




#pack11 {
	padding-top: 18px;
	padding-bottom: 1px;
	//background-color: rgba(250, 128, 250, 0.7);
	background-color: #0aadd7;
	opacity: 0.8;
}



.mobile-hover-b {
	background-color: #afeeee;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 16px;
}


.mobile-hover-b:active{
    background-color: #2eca6a;
    color: #fff;
}



.mobile-hover {
	//background-color: #afeeee;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 16px;
}


.mobile-hover:active{
    background-color: #2eca6a;
    color: #fff;
}



#put_center20 {

	font-size: 22px;
	font-weight: 100;
	color: #ffffff;
	padding-left: 12px;
	padding-right: 12px;
}





/*--------------------------------------------------------------

--------------------------------------------------------------*/
#QandA-2 {
	width: 100%;
	font-family: メイリオ;
	font-size: 12px; /*全体のフォントサイズ*/
}
#QandA-2 h3 {
	font-size: 16px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
}
#QandA-2 dt {
font-weight: bold;
	color: #111;
	background: #f4f4f4; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
}
#QandA-2 dd:first-line {
	font-weight: bold;
	color: #bf0000;
}
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}



.comp_inn_question_top {
  	position: relative;
  	top: -46px;

	font-size: 14px;
	padding-top: 12px;
	background-color: #f5fffa;
}

.comp_inn_question_under {
  	position: relative;
  	top: -46px;
	font-size: 16px;
	padding-top: 12px;
}







.comp_inn_under03 {
	
	font-size: 16px;
	color: #00002C;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 24px;
	padding-right: 24px;
	text-align: left;
}


.com_col50_b {
	
	width: 50%;
	background: #ffffff;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
  margin-bottom: 48px;

}


.com_col50_c {
	
	padding-left: 4px;
	width: 50%;
	background: #ffffff;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
  margin-bottom: 48px;
  margin-left: 48px;
}



@media (max-width: 768px) {

	.col_horizontal_2 {
		display: block;
	}
	

	.com_col50_b {
		width: 100%;
		background: #ffffff;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	
	.com_col50_c {
		width: 100%;
		background: #ffffff;
		border-left: none;
		border-right: none;
		border-bottom: none;
		margin-left: 0px;
	}
}


.rect_navy {
	font-size: 20px;
	color: #191970;
	//color: #efefef;
	background: #ededed;
	border-radius: 8px 8px 8px 8px;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 16px;
	
	padding: 10px;
	border: 1px solid #191970;
}


.rect_yellow {
	color: #efefef;
	background: #ffa500;
	border-radius: 8px 8px 8px 8px;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 16px;
}


.rect_green {
	color: #efefef;
	background: #006400;
	border-radius: 8px 8px 8px 8px;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 16px;
}


.image_question {
	
  margin-top: 64px;
   background: url("/assets_02/default_img/question.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_question div{
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


#put_center_question {

	font-size: 38px;
	font-weight: 900;
	color: #ffffff;
}



.image_kuchikomi {
	
  margin-top: 64px;
   background: url("/assets_02/default_img/slide-about-1.jpg");
   background-position: center;
   background-attachment: fixed;
   height: 480px;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
  text-align:center;
  //position:relative;
}

.image_kuchikomi div{
 /*
  position:absolute;
  top:300px;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  */
}


#put_center_kuchikomi {

	font-size: 38px;
	font-weight: 900;
	color: #ffffff;
	padding-top: 200px;
}


.part3 {
	display: flex;
	justify-content: center;
	padding-top: 8px;
}

.part3 .part3_item {

	width: 34%;
	paddig-right: 6px;

}

.part3 .part3_item img {

	max-width: 100%;
	height: auto;
	padding-bottom: 8px;

}




/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.image_section_navy {

  margin-top: 0px;
   background-color: rgba(255, 255, 255, 1.0);
   background-position: center;
   background-attachment: fixed;
   height: 80px;
   background-repeat: no-repeat;
  text-align:center;
  position:relative;
}


.image_section_navy div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}


.image_section_navy #put_center {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	//font-family: serif;
	//font-weight: 900;
}


.youtube {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
.col_horizontal_22 {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #dcdcdc;
  position:relative;
  display: flex;
}


.com_col50_22 {
	
	width: 50%;
	background: #ffffff;
}



.section-movies {

  margin-top: 0px;
   background: url("/assets_02/default_img/slide-1.jpg");
   background-position: center;
   background-attachment: fixed;
   background-repeat: no-repeat;
   //background-color: rgba(0, 128, 250, 0.7);
}



#pack_movies {
  padding-top: 60px;
  padding-bottom: 60px;
  //background-color: rgba(0, 128, 250, 0.7);
  background-color: #ff8c00;
  opacity: 0.8;
}




.empty_01 {
  margin-bottom: 48px;
}


/*--------------------------------------------------------------

--------------------------------------------------------------*/
.view_pc { 
	display: block !important; 
}
.view_sp { 
	display: none !important; 
}
 

@media only screen and (max-width: 750px) {
	
	.comp_inn_c {
		display: none !important;
	}

    	.view_pc { display: none !important; }
    	.view_sp { display: block !important; }
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
.item_pc { 
	display: block !important; 
}
.item_sp { 
	display: none !important; 
}


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

	.item_pc { 
		display: none !important; 
	}

    	.item_sp { 
		display: block !important; 
	}
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
--------------------------------------------------------------*/
.social_pc { 
	display: block !important; 
}
.social_sp { 
	display: none !important; 
}


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

	.social_pc { 
		display: none !important; 
	}

    	.social_sp { 
		display: block !important; 
	}
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
--------------------------------------------------------------*/
.store_pc { 
	display: block !important; 
}
.store_sp { 
	display: none !important; 
}


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

	.store_pc { 
		display: none !important; 
	}

    	.store_sp { 
		display: block !important; 
	}
}



/*--------------------------------------------------------------

--------------------------------------------------------------*/
--------------------------------------------------------------*/
.movie_pc { 
	display: block !important; 
}
.movie_sp { 
	display: none !important; 
}


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

	.movie_pc { 
		display: none !important; 
	}

    	.movie_sp { 
		display: block !important; 
	}
}



.dummy_space {
  padding-top: 24px;
  margin-top: 24px;
}



.number_a {
	display: inline-block;
  	position: relative;
	top: -40px;

	//color: #1e90ff;
	color: #000080;
	
  	font-size: 46px;
  	font-weight: 900;
 	//-webkit-text-stroke-width: 2px;
  	//-webkit-text-stroke-color: #ffffff;
}



.number_b {
  	position: relative;
	top: -36px;
	color: #4169e1;
}


.item_link {

}

.item_link a {
	color: #FF0066;
}


.item_link a:hover {
  color: #339933;
  text-decoration: none;
}


.item_link a:active {
    background-color: #cdcdcd;
    color: #000000;
}



.rev_area {
	
	font-size: 16px;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;

}



.rev_area img {
	//border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
  	border-bottom-left-radius: 10px;
	
}



.wrapper_news {
	
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 0px;
  margin-bottom: 12px;
}


.news_under01 {

  font-size: 15px;
  padding-left: 24px;
  padding-right: 0px;
  padding-top: 8px;
  //margin-top: 32px;

  	border-radius:10px;
  	margin-left: 10px;
  	border: 1px solid #ffffff;
  	
   background-attachment: fixed;
   background-repeat: no-repeat;
  // background: #ff0000;
  position:relative;
  display: flex;
}


.news_unde_inn {
	
	width: 50%;
	padding-top: 12px;
	padding-bottom: 6px;
	padding-left: 6px;
  	padding-right: 24px;
  	line-height:1;
	
}


.news_unde_inn a {

	color: #ffffff;
	//color: #ff0000;
	padding-bottom: 6px;
	margin-bottom: 24rem;
}


.news_unde_inn a:hover {
	text-decoration: underline;
	color: #800000;
}


.news_unde_inn a:active {
	color: #800000;
}



@media (max-width: 768px) {

	.wrapper_news {
		padding-left: 0px;
		padding-right: 6px;
	}

	.news_under01 {
		padding-top: 20px;
		padding-left: 8px;
		display: block;
	}
	
	.news_unde_inn {
		width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
		
	}
}




/*--------------------------------------------------------------

--------------------------------------------------------------*/
.loading {
    /* 画面最大 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* 背景色（黒、不透明度80%） */
    background-color: #000000;
    opacity: 0.8;
    /* フレックスコンテナ（縦並べ、横中央、縦中央） */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 表示を一番上 */
    z-index: 999;
    /* 選択付加 */
    user-select: none;
}


.loading_text {
    color: #ff7722;
    font-size: 24pt;
}


.loading_blink {
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}


/*--------------------------------------------------------------

--------------------------------------------------------------*/
.load-blink {
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* 中略 */

.load-spin {
    animation: rotate2 2s linear infinite;
}

@keyframes rotate2 {
    to {
        transform: rotate(-360deg);
    }
}



#canvas-area {
	width: 100%;
	background-color:#ff0000;
	
}


.canvas_tail {

  padding-left: 12px;
  padding-right: 0px;
  margin-top: 8px;
  margin-top: 8px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
  // background: #ff0000;
  position:relative;
  display: flex;
}



.space_canvas {
  	margin-top: 71px;
	vertical-align:bottom;

}



@media (max-width: 991px) {

	.space_canvas {

  		margin-top: 60px;
	}
}






/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
.section-rec {
   margin-top: 0px;
   background-repeat: no-repeat
   background-color: #bcbcbc;
}



.title_l {
  	margin-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  	color: #ffffff;
  	font-size: 24px;
	font-weight: bold;
	background-color:#191970;
	//-webkit-text-stroke: 2px black;

}


.comp_inn_under_title a{

 	color: #000000;
 	text-decoration: none;

}






/*--------------------------------------------------------------
# Space
--------------------------------------------------------------*/
.space_area {
	padding-top: 52px;
}




/*--------------------------------------------------------------
# Cta-02
--------------------------------------------------------------*/
.cta02 {
  	//background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("/DATA/zz03.jpg") cover center center;
  	//background-size: cover;
  	//padding: 60px 0;
    	//background-size: auto;

  	//background-size: cover;
  	//background-attachment:fixed;

	//
	//
	//
	//background: url("/DATA/zz10.jpg") fixed center center;
	background-repeat: no-repeat;
	//background-size: cover;
	//background-position: -1200px -500px;
	height: 520px;
  	margin-bottom:0px

//display: flex;
//align-items: stretch;


}



.cta02 h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.cta02 p {
  color: #fff;
}

.cta02 .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 0px;
  border: 1px solid #008000;
  border-top-right-radius: 50px;
  border-radius: 10px;
  color: #898989;
  //background: #ffffff;
  background-color: rgb(255 255 255 / 0.7);
}

.cta02 .cta-btn:hover {
  background: #008000;
  border-color: #ffc451;
  color: #fff;
}




/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
	.testimonials .testimonial-item {
	padding-left: 0px;
	padding-right: 0px;
	}
}


.text-a {
	color: #ff0000;
	width: 100%;
  	padding-left:2%;
  	padding-right:2%;
  	//padding-top: 15%;
  	//padding-bottom: 20%;
  	 text-align: center;
}


.text-b {
	text-align: center;
	color: #ff0000;
	width: 100%;
	padding-left:25%;
	padding-right:25%;
	padding-top: 7%;
	//padding-bottom: 10%;
}


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

	.btn_box02 {
		//padding-top:50%;
		color: #ff0000;
	  	padding-left:1%;
	  	padding-right:1%;
	  	margin-left:1%;
	  	margin-right:1%;
  	}

	.text-b {
	  	padding-left:10%;
	  	padding-right:10%;
  	}
}


.image_section02_news {

  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  
   background-attachment: fixed;
   background-repeat: no-repeat;
   background: #0aadd7;
  position:relative;
}

@media (max-width: 768px) {

	.image_section02_news img {
		width: 100%;

	}
}


.area_blue00 {
   background: #0aadd7;
}




/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

.btn_box_top{

 	/* 縦横中央 */
	display: flex;
	justify-content: center;
	align-items: center;
	//height: 510px;
	
	color: #006600;
	font-size: 100px;
	font-weight: 900;

	font-family: "Arial Black";
	line-height: 88%;

	/*
	-webkit-text-stroke: 3px #0066FF;
	text-stroke: 1px black;
	paint-order: stroke;
	*/

	padding-top:120px;


}


.btn_box02{

 	/* 縦横中央 */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 510px;

	/* ------- */
	/*
	margin-top:-240px;
	padding-top:-240px;
	*/

}


.btn_box01{

 	/* 縦横中央 */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
	color: #ffffff;
	font-size: 110px;
	font-weight: 900;

}


/*----------------------------------
# 
-----------------------------------*/
#btn_animation .btn {

	display: flex;
	place-items: center;
	width: 40%;
	//height: 180px;

	line-height: 25px;
	font-size: 24px;
	font-weight: 200;
	//color: #fbfbfb;

	border-radius: 39px;
	border-color: #006000;
	text-decoration: none;

	text-align: center;

	//background-color: #008000;
	background-color: rgb(41 167 31 / 0.7);
	animation: btn_animation 1.5s infinite;
	margin-top: 6px;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 32px;
	padding-right: 32px;

	h3 {
		font-color: #ffffff;
		font-weight: 500;
		font-size: 15px;
		margin-bottom: 0px;
	  
	}
}



/*----------------------------------
# 
-----------------------------------*/
.itms01 {
	float: left;
	text-align: center;
	//background-color: #ff0000;
	width: 18%;

	img {
		width:100%;
	}
}


.itms02 {
   float: left;
   text-align: center;
   color: #ffffff;
   width: 82%;
}



/*----------------------------------
# 
-----------------------------------*/
#btn_animation .btn:active {
  background: #FF9933;
  border-color: #FF9933;
  color: #fff;
}


/*-------------------
 For PC Omly.
---------------------*/
@media(min-width:768px){
	
	#btn_animation .btn:hover {
	  background: #FF9900;
	  border-color: #FF9900;
	  color: #fff;
	}
}




/*-------------------
---------------------*/
/*
.mobile-hover:active{
    background-color: #2eca6a;
    color: #fff;
}
*/
/*-------------------
---------------------*/



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/
@keyframes btn_animation {
    0% {
        transform: scale(1.2)
    }
    5% {
        transform: scale(1)
    }
    95% {
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.2)
    }
}


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


	#btn_animation {
	    margin-left: 0px;
	    margin-right: 0px;
	}

	
	#btn_animation .btn {
		width:100%;
		font-size: 20px;
		color: #ff0000;
		padding-left: 32px;
		padding-right: 32px;
	}

	.itms01 {
		display: none;
	}
	
	.itms02 {
		width: 100%;
	}
}



.anm-btn {
  color: #ffffff;
  padding: 1rem 1.5rem;
  border: 2px solid #FFFFFF;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background-color: #FF9933;
  font-weight: 700;
}


.anm-btn:active {
  background: #FF6633;
  border-color: #CCCCCC;
  color: #CCCCCC;
}