@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=EB+Garamond");

@media screen and (min-width: 48em) {
  .pure-u-md-1-3 {
    width: calc(100% / 3);
  }
  .pure-u-md-2-3 {
    width: calc(200% / 3);
  }
  .pure-u-md-7-12 {
    width: 58.333333333%;
  }
}

.sh-gradient-wrapper {
  padding-bottom: 40px;
}
.sh-page-title {
}
.sh-page-title p {
}

.sh-equipment-gradient-top {
}
.sh-contents-widebox {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP' ,serif;
}
.sh-contents {
  max-width: 1180px;
}

.sh-equipment-link-buttons {
  margin: 0 auto 60px;
}
.sh-equipment-link-buttons ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
}
.sh-equipment-link-buttons ul li:nth-child(4) ,
.sh-equipment-link-buttons ul li:nth-child(5) {
  display: none;
}
.sh-equipment-link-buttons ul li {
  width: 33.3333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sh-equipment-link-buttons ul li a {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 12px 6px;
  font-family: "EB Garamond", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP' ,serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
  color: #000;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  border:2px groove #fff;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), color-stop(51%, #e5e5e5), to(#e5e5e5));
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e5e5e5 51%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sh-equipment-link-buttons ul li a.ls-wide {
  letter-spacing: 1em;
  text-indent: 1em;
}
.sh-equipment-link-buttons ul li a.ls-narrow {
  letter-spacing: normal;
}
.sh-equipment-link-buttons ul li a:after {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: #c7c6c7;
}
.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom {
  margin-top: 10px;
  margin-bottom: 100px;
}
.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul {
  width: 90%;
  margin: 0 auto;
}
.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul li a {
  padding: 10px 4px;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul li a.ls-wide {
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul li a.ls-narrow {
  letter-spacing: normal;
}
html.no-touch .sh-equipment-link-buttons ul li a:hover,
.sh-equipment-link-buttons ul li.current a {
  color: #fff;
  text-shadow: 0 1px 0 #000;
  text-decoration: none;
  background: #a1a1a1;
  background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), color-stop(50%, #898a8a), color-stop(51%, #515151), to(#6d6b6c));
  background: linear-gradient(to bottom, #a1a1a1 0%, #898a8a 50%, #515151 51%, #6d6b6c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#6d6b6c',GradientType=0 );
}
html.no-touch .sh-equipment-link-buttons ul li a:hover:after,
.sh-equipment-link-buttons ul li.current a:after {
  background: #fbf1c3;
  background: linear-gradient(180deg, #333 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, #786617 0%, #fbf1c3 50%, #fbf1c3 51%, #786617 100%);
}

.pure-g {
  row-gap: 30px;
}
.sh-equipment-comfort .pure-g {
  row-gap: 60px;
}
.pure-g.W40 {
  margin-left: -20px;
  margin-right: -20px;
}
.pure-g.W40 > div {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.pure-g {
  margin-left: -10px;
  margin-right: -10px;
}
.pure-g > div {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.pure-g .font22 {
  margin-top: 15px;
  margin-bottom: 10px;
  color : #3d5b68;
}
.pure-g .font18 {
  line-height: 1.35;
}
.pure-g  div p span {
  display: block;
  margin-top: 5px;
}

.sh-equipment-title1 {
  border-bottom: 1px solid #3d5b68;
}
.sh-equipment-title1 h5 {
  font-family: "Cinzel", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color : #3d5b68;
  letter-spacing: 0.1em;
}

.sh-equipment-bgbox1 {
  background-color: #8ea3a9;
  padding: 30px 2.34375%;
  color: #fff;
  }
.sh-equipment-box1 > div:last-child {
  background-color: #7c9299;
  box-sizing: border-box;
  padding: 20px;
}
.sh-equipment-box1-1 {
  border: 1px solid #fff;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.sh-equipment-box1-1 > p {
  padding: 5px;
}
.sh-equipment-box1-1 > p:first-child {
  border-bottom: 1px solid #fff;
}

.sh-equipment-box2 > div > div {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.sh-equipment-box2 > div > div > div:first-child {
  width: 58.0645161%;
}
.sh-equipment-box2 > div > div > div:last-child {
  width: 38.7096774%;
}

.sh-equipment-box3 > div:nth-child(3) > div {
  padding: 20px;
  background-color: #e2e2e4;
}

.__title1 {
  background-color: #526d79;
  padding: 10px 5px;
  text-align: center;
}

.LH135 {
  line-height: 1.35;
}
.font58 {
  font-size: 58px;
}

.sh-equipment-image-caption1 {
  font-size: 13px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP' ,serif;
  position: absolute;
  bottom: 5px;
  right: 5px;
/*	text-shadow: 0 0 3px #333, 1px 0 3px #333, 0 -1px 3px #333, 0 1px 3px #333, -1px 0 3px #333;*/
}

.__textshadow {
  text-shadow: 0 0 3px #fff, 1px 0 3px #fff, 0 -1px 3px #fff, 0 1px 3px #fff, -1px 0 3px #fff;
}


.__color1 {
  color: #fff;
  /*text-shadow: 0 0 3px #333, 1px 0 3px #333, 0 -1px 3px #333, 0 1px 3px #333, -1px 0 3px #333;*/
}
.__color2 {
  color: #00626d;
}
.__color3 {
  color: #3d5b68;
}

.__img1 {
  width: 90%;
  max-width: 180px;
}
.__img2 {
  width: 15.625%;
  max-width: 200px;
  position: absolute;
  top: -60px;
  right: 0;
}
.__PR1 {
  padding-right: 16%;
}

.sh-contents-comment {
  margin-bottom:30px;
  background:none;
  border:none;
}
.sh-contents-comment-text {
  font-size: 13px;
}

.sh-flex-reverse {
	flex-direction: row-reverse;
}

.sh-equipment-bnr a:hover {
	opacity: 0.9;
}


sub {
  bottom: 0;
	vertical-align: baseline;
}

.LS1 {
  letter-spacing: 0.1em;
}

.sh-ecology-bgbox1 {
  padding: 60px 30px 40px;
  background: url(images/ecology/bg_01.jpg) no-repeat top center #000304;
  color: #fff;
}
.sh-ecology-bgbox1-inner > p:first-child {
  border: 1px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.sh-ecology-box1-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
.sh-ecology-box1-inner > div {
  width: 48.245614%;
  max-width: 48.245614%;
}
.sh-ecology-box1-inner > div > p:first-child {
  padding: 5px 5px;
  background-color: #00668b;
  color: #fff;
  text-align: center;
}
.sh-ecology-box2 {
  background: #fff;
  padding: 10px 10px;
  color: initial;
}
.sh-ecology-box2 > div {
  border: 1px solid #00668b;
  padding: 20px 19px;
}
.sh-ecology-box3 {
  display: flex;
  flex-direction: column;
}
.sh-ecology-box3-inner {
  display: flex;
  column-gap: 20px;
}
.sh-ecology-box3-inner > div:first-child {
  width: 50.877193%;
}
.sh-ecology-box3-inner > div:last-child {
  width: 45.6140351%;
}
.sh-ecology-box4 {
  display: flex;
  flex-direction: column;
}
.sh-ecology-box4-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #6f9c80;
  column-gap: 20px;
}
.sh-ecology-box4-1 > p:first-child {
  width: 60px;
}
.sh-ecology-box5 > div:last-child > div {
  border: 1px solid #6097a5;
  border-radius: 10px;
  padding: 20px;
  color: #6097a5;
}
.sh-ecology-box6 {
  max-width: 1256px;
  margin-inline: auto;
  border: 1px solid #333;  
  outline: 1px solid #333;
  outline-offset: 10px;
  padding-top: 50px;
  padding-bottom: 30px;
}
.sh-ecology-box6-2 {
  background-color: #86a5a8;
  padding: 15px 20px;
}
.sh-ecology-box6-2 > div {
  background-color: #fff;
}
.sh-ecology-box6-2 > div > div {
  display: flex;
  column-gap: 20px;
  padding: 20px;
}
.sh-ecology-box6-2 > div > div:nth-child(2)::before ,
.sh-ecology-box6-2 > div > div:nth-child(1)::before {
  content: "";
  display: block;
  background-color: #7aacb1;
  position: absolute;
}
.sh-ecology-box6-2 > div > div > p:first-child {
  width: 32px;
  flex-shrink: 0;
}
.sh-ecology-box6-2 > div > div > p:last-child {
  flex: 1;
}
.sh-ecology-box6-2 + p span {
  display: inline-block;
  color: #fff;
  background-color: #00545e;
  width: 21px;
  text-align: center;
}
.sh-ecology-titlebox {
  display: flex;
  align-items: center;
  border-top: 1px solid #ac8f1d;
  border-bottom: 1px solid #ac8f1d;
}
.sh-ecology-titlebox > p:first-child {
  padding: 3px 40px;
  background-color: #ac8f1d;
  color: #fff;
}
.sh-ecology-titlebox > p:last-child {
  padding: 0px 20px;
  color: #ac8f1d;
}
.sh-ecology-titlebox.__color2 {
  border-top: 1px solid #6f9c80;
  border-bottom: 1px solid #6f9c80;
}
.sh-ecology-titlebox.__color2 > p:first-child {
  background-color: #6f9c80;
}
.sh-ecology-titlebox.__color2 > p:last-child {
  color: #6f9c80;
}
.sh-ecology-titlebox.__color3 {
  border-top: 1px solid #6097a5;
  border-bottom: 1px solid #6097a5;
}
.sh-ecology-titlebox.__color3 > p:first-child {
  background-color: #6097a5;
}
.sh-ecology-titlebox.__color3 > p:last-child {
  color: #6097a5;
}
.sh-ecology-titlebox2 {
  padding: 10px 5px;
  color: #ac8f1d;
  border: 1px solid #ac8f1d;
  text-align: center;
}

.sh-security-box1 {
  background-color: #f0f1f1;
  padding: 20px;
}
.sh-security-box1 > div:first-child > div {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sh-security-box2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}
.sh-security-box2-inner {
  display: flex;
  justify-content: space-between;
}
.sh-security-box2-inner > div:first-child {
  width: 74.354%;
}
.sh-security-box2-inner > div:last-child {
  width: 23.06452%;
  max-width: 130px;
}
.sh-security-box3-inner {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}
.sh-security-box3-inner > div:first-child {
  flex: 1;
}
.sh-security-box3-inner > div:last-child {
  width: 39.0243902%;
  max-width: 160px;
}



@media screen and (min-width: 768px) {
  .sh-equipment-title1 {
    display: flex;
    align-items: center;
    column-gap: 40px;
  }

  .sh-equipment-box1 {
    display: flex;
    justify-content: space-between;
  }
  .sh-equipment-box1 > div:first-child {
    width: 32.7868852%;
    max-width: 400px;
  }
  .sh-equipment-box1 > div:last-child {
    width: 64.7540984%;
    max-width: 790px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .sh-equipment-box1 > div:last-child >div:nth-child(1) ,
  .sh-equipment-box1 > div:last-child >div:nth-child(2) {
    width: 48.6666667%;
    max-width: 365px;
  }
  .sh-equipment-box1 > div:last-child >div:nth-child(3) {
    width: 100%;
  }
  .sh-equipment-box3 {
    display: flex;
    justify-content: space-between;
  }
  .sh-equipment-box3 > div:nth-child(1) {
    width: 45.3125%;
    max-width: 580px;
  }
  .sh-equipment-box3 > div:nth-child(2) {
    width: 17.96875%;
    max-width: 230px;
  }
  .sh-equipment-box3 > div:nth-child(3) {
    width: 33.59375%;
    max-width: 430px;
  }

  .sh-ecology-bgbox1-inner {
    width: 67%;
  }
  .sh-ecology-box1 {
    display: flex;
    justify-content: space-between;
  }
  .sh-ecology-box1 > div {
    width: 49.137931%;
    max-width: 570px;
  }
  .sh-ecology-box3 {
    justify-content: space-between;
    flex-direction: row;

  }
  .sh-ecology-box3 > div:nth-child(1) {
    width: 38.7931034%;
    max-width: 450px;
  }
  .sh-ecology-box3 > div:nth-child(2) {
    width: 8.62068966%;
    max-width: 100px;
  }
  .sh-ecology-box3 > div:nth-child(3) {
    width: 49.137931%;
    max-width: 570px;
  }
  .sh-ecology-box4 {
    flex-direction: row;
    justify-content: space-between;
  }
  .sh-ecology-box4 > div {
    width: 29.3103448%;
    max-width: 340px;
  }
  .sh-ecology-box4 > div:nth-child(2)::before ,
  .sh-ecology-box4 > div:nth-child(3)::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border-left: 1px solid #b6d2c1;
    position: absolute;
    top: 0;
    left: -10.2941176%;
  }
  .sh-ecology-box5 {
    display: flex;
    justify-content: space-between;
  }
  .sh-ecology-box5 > div {
    width: 48.2758621%;
    max-width: 560px;
  }
  .sh-ecology-box6-1 {
    display: flex;
    justify-content: space-between;
  }
  .sh-ecology-box6-1 > div:first-child {
    width: 62.9310345%;
    max-width: 730px;
  }
  .sh-ecology-box6-1 > div:last-child {
    width: 34.4827586%;
    max-width: 400px;
  }
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type {
    display: flex;
    justify-content: space-between;
  }
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type > div:first-child {
    width: 39.7260274%;
    max-width: 290px;
  }
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type > div:last-child {
    width: 57.5342466%;
    max-width: 420px;
  }
  .sh-ecology-box6-2 > div {
    display: flex;
  }
  .sh-ecology-box6-2 > div > div {
    flex: 1;
  }
  .sh-ecology-box6-2 > div > div:nth-child(2)::before ,
  .sh-ecology-box6-2 > div > div:nth-child(1)::before {
    width: 1px;
    height: calc(100% - 40px);
    top: 20px;
    right: 0;
  }
  .sh-ecology-box7 {
    display: flex;
    justify-content: space-between;
  }
  .sh-ecology-box7 > div:first-child {
    width: 62.0689655%;
    max-width: 720px;
  }
  .sh-ecology-box7 > div:last-child {
    width: 36.2068966%;
    max-width: 460px;
  }

  .sh-security-box1 {
    display: flex;
    justify-content: space-between;
  }
  .sh-security-box1 > div:first-child {
    width: 35.483871%;
    max-width: 440px;
  }
  .sh-security-box1 > div:last-child {
    width: 61.2903226%;
    max-width: 760px;
  }
  .sh-security-box1 > div:last-child > div {
    display: flex;
    justify-content: space-between;  
  }
  .sh-security-box1 > div:last-child > div > div:first-child {
    width: 34.2105263%;
    max-width: 260px;
  }
  .sh-security-box1 > div:last-child > div > div:last-child {
    width: 63.1578947%;
    max-width: 480px;
  }
  .sh-equipment-security-box2 >div {
    width: 48.4375%;
    max-width: 620px;
  }
  .sh-security-box3-outer {
    display: flex;
    justify-content: space-between;
  }
  .sh-security-box3-outer > div:first-child {
    width: 29.6875%;
    max-width: 380px;
  }
  .sh-security-box3-outer > div:last-child {
    width: 67.1875%;
    max-width: 860px;
  }
  .sh-security-box3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .sh-security-box3 > div:nth-child(-n+4) {
    width: 47.6744186%;
    max-width: 410px;
  }



}

@media screen and (min-width: 1200px) {
  .sh-ecology-bgbox1 {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
  }
}

@media screen and (min-width:768px) and ( max-width:1150px) {

}

@media screen and (min-width:768px) and ( max-width:1050px) {
  .sh-equipment-link-buttons ul li a {
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
  .sh-equipment-link-buttons ul li a.ls-wide {
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
	.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul {
	  width: 95%;
	}

  .sh-ecology-box1 {
    flex-wrap: wrap;
  }
  .sh-ecology-box1 > div:first-child {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .sh-ecology-box1 > div:last-child {
    width: 100%;
    max-width: 100%;
  }

  .sh-ecology-box6-1 {
    flex-wrap: wrap;
  }
  .sh-ecology-box6-1 > div:first-child {
    width: 100%;
    max-width: 100%;
  }
  .sh-ecology-box6-1 > div:first-child > p {
    max-width: 730px;
  }
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type > div:first-child ,
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type > div:last-child {
      width: 49%;
      max-width: 49%;
  }
  .sh-ecology-box6-1 > div:last-child {
    width: 40%;
    max-width: 40%;
    margin-top: 20px;
    margin-inline: auto;
  }

}

@media screen and (min-width:768px) and ( max-width:900px) {
	.sh-equipment-link-buttons ul li a {
		font-size: 1.6vw;
	}
	.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul li a {
		font-size: 1.3vw;
	}
}

@media screen and (max-width: 767px) {
	.sh-gradient-wrapper {
		padding-bottom: 0;
	}
	.sh-equipment-gradient-top {
		padding-top: 20px;
	}
  .sh-contents-widebox {
    font-feature-settings: "palt";
  }

  .font58 {
    font-size: 30px;
  }

  .pure-g.W40 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .pure-g.W40 > div {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

	.sh-equipment-link-buttons {
    margin-top:20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 40px;
	}
	.sh-equipment-link-buttons ul li {
		width: 50%;
	}
	.sh-equipment-link-buttons ul li:nth-child(odd) {
		clear: both;
	}
	.sh-equipment-link-buttons ul li a {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px 4px;
		font-size: 15px;
		letter-spacing: 0.25em;
		text-indent: 0.25em;
	}
	.sh-equipment-link-buttons ul li a.ls-wide {
		letter-spacing: 0.25em;
		text-indent: 0.25em;
	}
	.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom {
		margin-bottom:0;
		padding-bottom:20px;
	}
	.sh-equipment-link-buttons.sh-equipment-link-buttons__bottom ul {
		width: 100%;
	}

  .sh-equipment-box1 > div:first-child > div:first-child {
    width: 80%;
    margin-inline: auto;
  }
  .sh-equipment-box1 > div:first-child {
    margin-bottom: 30px;
  }
  .sh-equipment-box1 > div:last-child >div:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .sh-equipment-box3 > div:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .__img2 {
    width: 20%;
    top: -10px;
    right: -5px;
  }


  .sh-ecology-bgbox1 {
    padding-left: 10px;
    padding-right: 10px;
    background-image: url(images/ecology/smp/bg_01_smp.jpg);
    background-size: 100%;
  }
  .sh-ecology-box1 > div:first-child {
    margin-bottom: 30px;
  }
  .sh-ecology-box2 > div {
    padding-left: 19px;
    padding-right: 19px;
  }
  .sh-ecology-box3 > div:nth-child(2) {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .sh-ecology-box3-inner {
    margin-bottom: 10px;
  }
  .sh-ecology-box4 > div {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .sh-ecology-box4 > div:nth-child(2) ,
  .sh-ecology-box4 > div:nth-child(3) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #b6d2c1;
  }
  .sh-ecology-box5 > div:first-child {
    margin-bottom: 20px;
  }

  .sh-ecology-box6 {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 26px);
  }
  .sh-ecology-box6-1 > div:first-of-type > div:first-of-type > div:last-child {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sh-ecology-box6-2 > div > div:nth-child(2)::before ,
  .sh-ecology-box6-2 > div > div:nth-child(1)::before {
    height: 1px;
    width: calc(100% - 40px);
    bottom: 0px;
    right: 20px;
  }
}

  .sh-ecology-titlebox {
    align-items: stretch;
  }
  .sh-ecology-titlebox > p:first-child {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
  }
  .sh-ecology-titlebox > p:last-child {
    display: flex;
    align-items: center;
    width: 80%;
  }

}


@media screen and (max-width: 450px) and (orientation: portrait) {
  div , p {
    font-feature-settings: "palt";
  }
  .__img2 {
    width: 30%;
    top: 10px;
  }
  .__PR1 {
    padding-right: 25%;
  }
}