@charset "utf-8";
/* CSS Document */
.hex {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.hex:before {
  content: '';
  display: block;
  padding-bottom: 115%;
}
.inner {
height:100%;
background:#ffffff;
}
.inner-text {
	color:#333333;
	display:block;
	padding:30% 10%;
}
.inner-text p {
	font-size:0.9rem;
	line-height:1.2rem;
}
.hex__shape {
  position: absolute;
  backface-visibility: hidden;
  left: 0;
  height: 100%;
  overflow: hidden;
  top: 0;
  transform: rotate(240deg);
  width: 100%;
}

@media only screen and (min-width: 540px) and (max-width: 766px) {
  .inner-text p{
  font-size:1.5rem;
  line-height:1.8rem;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .inner-text p{
  font-size:1rem;
  line-height:1.1rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .inner-text p{
  font-size:1.2rem;
  line-height:1.3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .inner-text p{
  font-size:1.5rem;
  line-height:1.7rem;
  }
}