/* line 23, triangle.scss */
.tr-box {
  width: 100%;
  min-width: 980px;
  height: 57.4%;
  max-height: 640px;
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
  padding-top: 14.35%;
  padding-bottom: 28.7%;
}
/* line 35, triangle.scss */
.tr-box .sk-tr, .tr-box .archi-tr {
  width: 100%;
  width: 108.69565%;
  height: 57.4%;
  height: 52.808%;
  position: relative;
  margin-top: -24.108%;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 46, triangle.scss */
.tr-box .pc-tr {
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
/* line 55, triangle.scss */
.tr-box .pc-tr .content {
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
/* line 62, triangle.scss */
.tr-box .sk-tr {
  position: absolute;
  top: 57.4%;
  right: 0;
  left: -8.69565%;
  height: 100%;
  vertical-align: middle;
  
  transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  
  -ms-transform: rotate(-23deg);
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
}
/* line 72, triangle.scss */
.tr-box .sk-tr .content-r {
  position: absolute;
  right: 15%;
  text-align: right;
}
/* line 83, triangle.scss */
.tr-box .sk-tr .content-r p {
  margin-left: auto;
}
/* line 92, triangle.scss */
.tr-box .pla-tr {
  transform-origin: top left;
  -webkit-transform-origin: top left;
  transform: rotate(0deg);
}
/* line 101, triangle.scss */
.tr-box .pla-tr .content {
  transform-origin: top left;
  -webkit-transform-origin: top left;
}
/* line 108, triangle.scss */
.tr-box .archi-tr {
  position: absolute;
  top: 57.4%;
  right: 0;
  left: -8.69565%;
  height: 100%;

  transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  
  -ms-transform: rotate(-23deg);
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
}
/* line 118, triangle.scss */
.tr-box .archi-tr .content-r {
  text-align: right;
  -ms-transform: rotate(23deg);
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
}
/* line 129, triangle.scss */
.tr-box .archi-tr .content-r p {
  margin-left: auto;
}