@charset "UTF-8";

.background-image {
    display: none;
}

.img-background {
  height: 520px;
  width: 100%;
  background: url(../../img/crosstalk/interior_1_3.jpg) left top no-repeat;
  background-repeat: no-repeat;
  background-position:0% 66%;
  background-size: cover;
}
.page-ttl h1 .txt02.line:before, .page-section-ttl h2 .txt02.line:before {
    background-color: #fff;
}

.page-fit-contents h1 {
    color: #fefefe;
 }

 .page-bar {
    background-color: rgb(30,35,51,0.7);
    height: 100px;
    width: 54%;
    position: absolute;
 }

 @media (max-width: 750px) {
    .img-background {
        height: 220px;
    }
        
    .page-bar {
        height: 60px;
        min-width: 230px;
    }
}

/*section_talk break
------------------------------------------------------------------------------------------------------------------------ */
.section_break {
    position: relative;
    height: 240px;
    margin: 40px auto;
}

.skewed {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background-image: url("../../img/crosstalk/interior_1_1.jpg");
    background-position: right 10% bottom 65%;
	background-repeat: no-repeat;
	background-size: 100% auto;
    z-index: 0;
    transform: skewY(3deg);
    transform-origin: top right;
  }

  @media (max-width: 750px) {
    .section_break {
        position: relative;
        margin: 20px auto;
        height: 100px;
    }

    .skewed {
        height: 100px;
    }
}