@charset "UTF-8";
/* CSS Document */

.hero_area_respect {
	width: 100%;
  height: 105vh;
  background: url("../img/respect/top.jpg") repeat scroll center center/cover;
}

@media screen and (max-width: 700px) {
	.hero_area_respect {
	width: 100%;
  height: 50vh !important;
  background: url("../img/respect/top.jpg") repeat scroll center center/cover;
	}
}

.hero_area_respect_en {
	width: 100%;
  height: 105vh;
  background: url("../img/respect/top_en.jpg") repeat scroll center center/cover;
}

@media screen and (max-width: 700px) {
	.hero_area_respect_en {
	width: 100%;
  height: 50vh !important;
  background: url("../img/respect/top_en.jpg") repeat scroll center center/cover;
	}
}

.lines {
  width: 90%;
  position: relative;
  aspect-ratio: 18.25 / 1;
  background: url("../img/line.png") center / cover no-repeat;
  container-type: size;
}

.lines_text {
  position: absolute;
  left: 3%;
  top: 6%;
  font-weight: bold;
  font-size: 55cqh;
}

.text_wrap {
	padding: 10px 10px 100px 10px;
	font-size: 1em;
}

.sub_title_text {
	font-size: 1.3em;
	font-weight: bold;
	color: #44B13F;
}

.text_box_respect {
	padding: 15px 0px;
	text-align: center;
	font-size: 2em; 
	font-weight: bold;
	border: #44B13F 2px solid;
	background:  #44B13F;
	color: #FFF;
}

.text_box_respect_border {
	padding: 10px;
	border: #44B13F 2px solid;
	text-align: center;
	font-size: 1.3em;
}