.logo-image {
  display: inline-block;
  mask-position: center left;/*center center;*/
  -webkit-mask-position: center left;/*center center;*/
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image:url("../images/svgs/logo2.svg");
  mask-image: url("../images/svgs/logo2.svg");
  background: #ffffff;
}

.logo2-image {
  display: inline-block;
  mask-position: center left;/*center center;*/
  -webkit-mask-position: center left;/*center center;*/
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image:url("../images/svgs/logo2_b.svg");
  mask-image: url("../images/svgs/logo2_b.svg");
  background: #ffffff;
}

.logo-tw9-image {
  display: inline-block;
  mask-position: center left;/*center center;*/
  -webkit-mask-position: center left;/*center center;*/
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image:url("../images/svgs/logo_tw9.svg");
  mask-image: url("../images/svgs/logo_tw9.svg");
  background: #ffffff;
}


.logo-dark {
  background: #231815;
}
.logo-title{
  min-width: 120px;
  min-height: 70px;
}

.change-header .logo-image{
  background:#474141;
  transition: 0.3s;
}
.out-first .logo-image{
     display: block;
    animation: appear .5s ease;
 }
 @keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}

.hamberg-on .logo-image{
background:#fff;

}
.height-wrap100vh{
    min-height:100vh;
}
.section-title,.section-title-resp{
  font-weight: 400;
  font-size: 4rem;
}

.padding-resp {
    padding: 30px;
}

.top-section-title-padding{
  margin-top:80px;
  margin-bottom:80px;
}
.top-section-large {
    padding-top: 12vh;
}
@media (max-width:960px) {

.top-section-title-padding{
  margin-top:80px;
  margin-bottom:40px;
}
.top-section-large {
    padding-top: 12vh;
}
}

@media (max-width:640px) {

.top-section-title-padding{
  margin-top:40px;
  margin-bottom:32px;
}
.top-section-large {
    padding-top: 12vh;
}
}




.section-large {
  padding-top: 160px;
  padding-bottom: 160px;
}

    .lightbox-cap{
      color:#fff;
    }
    .lightbox-cap:hover{
      color: #fff;
      text-decoration: none;
    }


@media (max-width:960px) {

.section-large {
  padding-top: 160px;
  padding-bottom: 160px;
}
}

@media (max-width:640px) {
.section-title-resp {
    font-size: 2.4rem;
}
.padding-resp {
    padding: 0;
}
.section-large {
    padding-top: 140px;
    padding-bottom: 140px;
}
.footer .section-large {
    padding-top: 40px;
    padding-bottom: 40px;
}
}
.primary-section{
  background: #f7f6f3;  /** #f5f5f5 #f7f6f1;**/
  color:#4f4f4f;
  font-weight: 300;
  
}
.secondry-section{
  color:#fff;
  background: #333; /** #333 #4f4f4f**/
  font-weight: 300;
}

.box-img{
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
}
#section-contact,#footer{
  color:#fff;
  background: #333; /** #333 #4f4f4f**/
  font-weight: 300;
}
#section-contact {
    background-image:url(../images/footer_contact.jpg); 
    background-size:cover; 
    background-position:right;
}
#section-contact .overlay-cover{
  background: rgba(34,34,34,.5);
}



#section-news{
  color:#fff;
  background: #333; /** #333 #4f4f4f**/
  font-weight: 300;
}


#section-news .headline{
  font-size:2.8rem;
  color:#fcb900;
  text-transform: uppercase;
}
#section-news .headline2{
  font-size:3.5rem;
}
@media (max-width:960px) {
#section-news .headline{
  font-size:2.5rem;
  color:#fcb900;
  text-transform: uppercase;
}
#section-news .headline2{
  font-size:2rem;
}
}

.head-padding{
  padding-right: 30px;
  padding-left: 30px;
}

@media (max-width:640px) {
.head-padding{
  padding-right: 16px;
  padding-left: 16px;
}
}

.light-text{
  color: #fff;
}

.dark-text{
  color: #3C3C3C;
}

.news-card p{
  font-size: 0.95rem;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.news-card img{

    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
}



.button {
  display: inline-block;
  border-width:1px;
  text-decoration: none;
}
.button:hover,.button:active,.button:link{
  text-decoration: none;
}

.button {
  display: inline-block;
  border-width:1px;
  text-decoration: none;
}
.cta {
  border: none;
  background: none;
}

.cta span ,.cta p{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  padding-bottom: 7px;
  font-size: 4rem;
  padding-right: 15px;
  text-transform: uppercase;
}

.cta svg {
  transform: translateX(-8px);
  transition: all 0.3s ease;
  fill: #fff;
  stroke: #fff;
  stroke-width: 0;
  height :60px; 
  width :60px;
}

.cta:hover svg {
  transform: translateX(0);
  fill: #fff;
}

.cta:active svg {
  transform: scale(0.9);
  fill: #fff;
}

.hover-underline-animation {
  position: relative;
  color: #fff;
  padding-bottom: 20px;
}

.hover-underline-animation:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.cta:hover .hover-underline-animation:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


@media (max-width:640px) {

.cta span ,.cta p{
  font-size: 2rem;
}

.cta svg {
  stroke-width: 2px;
  height :28px; 
  width :28px;
}
}

.news-card a{
  color:#fff;
}

.news-thumbNail{
}

.news-thumbNail img{
  height: 300px;
  
}


#newsWrap { 
  position: relative;
}