@charset "utf-8";

.site-menu-hcsr {
  display: block;
  flex-direction: column;
  text-align: center;
  white-space: nowrap;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #cccca34b;
  border-radius: 3px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);

}

.site-menu-fcsr {
  display: block;
  flex-direction: column;
  text-align: center;
  white-space: nowrap;
  background-color: #cccca396;
  border-radius: 3px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}

.sukimasangyo25 {
  height: 25px;
}

.end-space {
  height: 20px;
}

.be-pc-img2:before {
  /*電球アイコン*/
  content: url(../images/common/denkyu.png)
}

/*電球アイコン*/

.banner-backimage1 {
  width: 100%;
  background-image: url(../images/index/top-company-backimage.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  background-attachment: fixed;
}

.banner-backimage2 {
  width: 100%;
  background-image: url(../images/env/ca-1.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage3 {
  width: 100%;
  background-image: url(../images/env/ca-3.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage4 {
  width: 100%;
  background-image: url(../images/env/ca-4.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage5 {
  width: 100%;
  background-image: url(../images/env/ca-5.avif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage6 {
  width: 100%;
  background-image: url(../images/env/ca-6.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage7 {
  width: 100%;
  background-image: url(../images/env/kusa.avif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage8 {
  width: 100%;
  background-image: url(../images/env/kusa.avif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage9 {
  width: 100%;
  background-image: url(../images/env/ca-9.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.banner-backimage10 {
  width: 100%;
  background-image: url(../images/env/back-wh.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;

}

.pagebutton-container2 {
  height: auto;
  width: 1300px;
  max-width: 90%;

  display: grid;
  grid-template-columns: 300px 300px;
  grid-template-columns: repeat(auto-fit, 240px);
  grid-template-rows: 50px;
  column-gap: 20px;
  row-gap: 10px;

  text-align: center;
  justify-content: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

.pagebutton,
.pagebutton-now {
  font-family: 'Noto Serif JP', serif;
}

.pagebutton img,
.pagebutton-now img {
  margin-top: 5px;
  text-align: left;
  height: 30px;
  width: 40px;
}

.pagebutton a {
  background-color: #ccebff;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  height: 40px;
  display: flex;
  justify-content: center;
}

.pagebutton-now a {
  background-color: #cccca3;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  height: 40px;
  display: flex;
  justify-content: center;
}

.pagebutton p,
.pagebutton-now p {
  margin-top: 10px;
  margin-left: 8px;
}

.pagebutton a:hover,
.pagebutton-now a:hover {
  background-color: #52cca3;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 1.0);
}

.morebot {
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0.5px 0.5px 0.5px #4b2c14;
  font-family: 'Kaisei HarunoUmi', serif;
  color: #04AF7C;
  text-align: right;
  padding-right: 20px;
}

.mainbanner {
  height: 150px;
  background-color: #FEF9C4;
  background-image: linear-gradient(to left, #ffffff, #FEF9C4);
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  max-width: 100%;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.mainbanner-txt {
  width: 500px;
  max-width: 500px;
  justify-content: center;

  margin-right: 0px;
  padding-top: 20px;
  padding-left: 0px;
}

.mainbanner-txt h1 {
  font-size: 32px;
  font-family: 'Roboto', sans-serif;
  margin-top: 20px;
}

.mainbanner-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.mainbanner-txt p {
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  line-height: 1.7;
  margin-top: 40px;
  margin-left: 5px;
}

.mainbanner img {
  height: 150px;
  width: auto;

  margin-top: 0px;
  margin-right: 0px;
  margin-left: 400px;
  text-align: center;
}

.one-stop-banner {
  height: auto;
  /*550*/
  width: auto;
  /*1050*/
  background-color: #ffffffed;

  display: grid;
  /*grid*/
  justify-content: center;

  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);


  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
}

.one-stop-banner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}



.one-stop-banner-txt {
  height: auto;
  /*500*/
  width: 550px;
  /*500*/
  line-height: 1.7;

  /*max-width:600px;*/
  justify-content: center;
  align-items: center;

  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 50px;

}

.one-stop-banner-txt h2 {
  height: auto;
  width: 480px;
  font-family: 'Roboto', sans-serif;
  margin-top: 10px;

  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 27%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  font-weight: bold;
  font-size: 26px;

}

.one-stop-banner-txt h3 {
  /*未使用*/
  font-family: 'Noto Serif JP', serif;
  margin-top: 20px;
}

/*未使用*/
.one-stop-banner-txt h5 {
  height: auto;
  width: 500px;
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.one-stop-banner-txt p {
  height: auto;
  width: 550px;

  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.7;

  align-items: center;

  margin-left: auto;
  margin-right: auto;

  padding-top: 30px;
  /*
  padding-right:30px;
  padding-bottom:30px;
  padding-left:5px;*/
}

.one-stop-banner-img {
  height: auto;
  /*400*/
  width: 410px;
  /*500*/

  justify-content: center;
  align-items: center;
  text-align: center;

  /*
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  */

  padding-top: 40px;
  padding-bottom: 30px;
}

.one-stop-banner-img img {
  height: auto;
  width: 500px;
  /*display:block;*/
  /*margin:auto;
  padding-top:150px;
  padding-left:40px;*/

  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;

}




.content-banner {
  height: 150px;
  background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
  background-size: cover;


  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-weight: bold;
  font-size: 26px;
}

.content-banner-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner-txt h2 {
  width: 600px;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
  margin-left: 50px;
}

.content-banner-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

.content-banner-long {
  height: 125px;
  width: 950px;
  background-color: #cccca3;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner-long h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-weight: bold;
  font-size: 26px;
}

.content-banner-long-txt h2 {
  width: 500px;
  font-family: 'Noto Serif JP', serif;
  margin-top: 5px;
  margin-left: 50px;
}

.content-banner-long-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}


.content-banner-short {
  height: 150px;
  width: 1200px;
  background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
  background-size: cover;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner-short h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.content-banner-short-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner-short-txt h2 {
  width: 600px;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
  margin-left: 50px;
}

.content-banner-short-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

/*カーボンニュートラルとは文章*/
.quality-p {
  height: auto;
  width: auto;
  /*800*/
  max-width: 800px;

  justify-content: center;
  align-items: center;

  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;

  background-color: #fffffff4;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.quality-p p {
  height: auto;
  width: auto;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  line-height: 1.7;

  justify-content: center;

  margin-top: 40px;
  margin-left: auto;
  /*15％*/
  margin-right: auto;
  padding-left: 15%;
}

/*カーボンニュートラルとは文章*/


.cat-banner {
  height: 652px;
  width: 1000px;

  display: grid;
  justify-content: center;

  max-width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner-container {
  display: flex;
  justify-content: center;
}

.cat-banner-container img {
  margin-top: 20px;
  margin-bottom: 0px;
  object-fit: cover;
}

.cat-banner-container-top {
  width: 600px;
  max-width: 600px;
  justify-content: center;

  margin-right: 0;
  padding-top: 20px;
  padding-left: 15%;
}

.cat-banner-container-top h2 {
  width: 460px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 0px;
}

.cat-banner-container-top h2 {
  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-weight: bold;
  font-size: 26px;
}

.cat-banner-container-top h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.cat-banner-container-top p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  padding-top: 30px;
  padding-left: 5px;
}

.cat-banner-container-end {
  height: 652px;
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.cat-banner-container-end img {
  height: 400px;
  width: 400px;
  padding-right: 20px;
}

.cat-banner2 {
  height: 983px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

  display: grid;
  justify-content: center;

  max-width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner-container2 {
  display: flex;
  justify-content: center;
}

.cat-banner-container2 img {
  margin-top: 20px;
  margin-bottom: 0px;
  object-fit: cover;
}

.cat-banner-container2-top {
  width: 600px;
  max-width: 600px;
  justify-content: center;

  margin-right: 0;
  padding-top: 20px;
  padding-left: 15%;
}

.cat-banner-container2-top h2 {
  width: 460px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 0px;
}

.cat-banner-container2-top h2 {
  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-weight: bold;
  font-size: 26px;
}

.cat-banner-container2-top h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.cat-banner-container2-top p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  padding-top: 30px;
  padding-left: 5px;
}

.cat-banner-container2-end {
  height: 652px;
  width: 400px;
  align-items: center;
  justify-content: center;
  padding-top: 75px;
}

.cat-banner-container2-end img {
  height: 400px;
  width: 400px;
  padding-right: 20px;
}

.content-banner4 {
  height: 200px;
  background-image: linear-gradient(to left, #fffffff4, #cccca3f4);
  background-size: cover;


  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner4 h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.content-banner4-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner4-txt h2 {
  width: 600px;
  font-family: 'Roboto', sans-serif;
  margin-top: 50px;
  margin-left: 50px;
}

.content-banner4-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

.quality4-p {
  height: auto;
  width: 800px;
  max-width: 90%;

  justify-content: center;

  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;

  background-color: #fffffff4;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.quality4-p p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  line-height: 1.7;

  justify-content: center;

  margin-top: 40px;
  margin-left: 15%;
}

.content-banner5 {
  height: 200px;
  background-image: linear-gradient(to left, #fffffff4, #cccca3f4);
  background-size: cover;


  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner5 h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.content-banner5-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner5-txt h2 {
  width: 600px;
  font-family: 'Noto Serif JP', serif;
  margin-top: 50px;
  margin-left: 50px;
}

.content-banner5-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

.quality5-p {
  height: auto;
  width: 800px;
  max-width: 90%;

  justify-content: center;

  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;

  background-color: #fffffff4;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.quality5-p p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  line-height: 1.7;

  justify-content: center;

  margin-top: 40px;
  margin-left: 15%;
}

.content-banner6 {
  height: 150px;
  background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
  background-size: cover;


  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner6 h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.content-banner6-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner6-txt h2 {
  width: 600px;
  font-family: 'Noto Serif JP', serif;
  margin-top: 30px;
  margin-left: 50px;
}

.content-banner6-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

.cat-banner6 {
  height: 533px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

  display: grid;
  justify-content: center;

  max-width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner-container6 {
  display: flex;
  justify-content: center;
}

.cat-banner-container6 img {
  margin-top: 20px;
  margin-bottom: 0px;
  object-fit: cover;
}

.cat-banner-container6-top {
  width: 600px;
  max-width: 600px;
  justify-content: center;

  margin-right: 0;
  padding-top: 20px;
  padding-left: 15%;
}

.cat-banner-container6-top h2 {
  width: 460px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 0px;
}

.cat-banner-container6-top h2 {
  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.cat-banner-container6-top h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.cat-banner-container6-top p {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  padding-top: 30px;
  padding-left: 5px;
}

.cat-banner-container6-end {
  height: 533px;
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.cat-banner-container6-end img {
  height: 400px;
  width: 400px;
  padding-right: 20px;
}

.content-banner7 {
  height: 150px;
  background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
  background-size: cover;


  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  max-width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

.content-banner7 h2 {
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.content-banner7-txt {
  width: 950px;

  margin-left: auto;
  margin-right: auto;
}

.content-banner7-txt h2 {
  width: 600px;
  font-family: 'Roboto', sans-serif;
  margin-top: 30px;
  margin-left: 50px;
}

.content-banner7-txt h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 55px;
}

.cat-banner7 {
  height: 450px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

  display: grid;
  justify-content: center;

  max-width: 100%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.cat-banner-container7 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cat-banner-container7 img {
  /*未使用*/
  margin-top: 20px;
  margin-bottom: 0px;
  object-fit: cover;
}

/*未使用*/
.cat-banner-container7-top {
  height: auto;
  width: auto;
  /*600*/
  max-width: 600px;

  display: grid;
  justify-content: center;
  align-items: center;

  margin-right: auto;
  /*0*/
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;

  padding-top: 210px;
  /*50*/
  padding-bottom: 150px;
  /*50*/
  /*padding-left:15%;/*15%*/
}

.cat-banner-container7-top h2 {
  /*未使用*/
  width: 460px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 0px;

  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

/*未使用*/
.cat-banner-container7-top h5 {
  /*未使用*/
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

/*未使用*/

.cat-banner-container7-top p {
  height: auto;
  width: auto;

  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 4px 3px #000000;
  line-height: 1.7;

  padding-top: 0;
  /*30*/
  padding-left: 0;
  /*5*/
}

.cat-banner-container7-end {
  height: auto;
  /*450*/
  width: auto;
  /*400　200*/

  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.cat-banner-container7-end img {
  /*未使用*/
  height: auto;
  /*350*/
  width: 200px;
  /*padding-right:20px;/*20*/
}

/*未使用*/

.quality8-p {
  height: auto;
  width: 800px;
  /*800*/
  max-width: 90%;
  background-color: #e3e311;

  justify-content: center;
  align-items: center;

  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.quality8-p h2 {
  font-family: 'Roboto', sans-serif;
  line-height: 1.7;
  text-align: center;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 0px;
}

.quality8-p p {
  height: auto;
  width: 500px;

  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.7;

  /*text-align:left;*/
  justify-content: center;
  align-items: center;

  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;

  margin-left: auto;
  /*50*/
  margin-right: auto;

}

.cent-p {
  height: auto;
  width: auto;

  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cent-p p {
  height: auto;
  width: 450px;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.cat-banner8 {
  height: auto;
  /*470*/
  width: 1000px;
  /*1000*/
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

  display: flex;
  justify-content: center;
  align-items: center;

  max-width: 100%;
  margin-top: 0;
  /*10*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  /*30*/
}

.cat-banner-container8 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cat-banner-container8 img {
  /*未使用*/
  margin-top: auto;
  /*20*/
  margin-bottom: auto;
  /*0*/
  object-fit: cover;
}

.cat-banner-container8-top {
  height: auto;
  width: 500px;
  /*600*/
  /*max-width:600px;*/

  justify-content: center;
  align-items: center;

  margin-left: auto;
  margin-right: auto;
  /*0*/
  /*padding-top:30px;/*20*/
  padding-right: 30px;

}

.cat-banner-container8-top h2 {
  height: auto;
  width: 450px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  /*margin-top:100px*/

  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.cat-banner-container8-top h5 {
  height: auto;
  width: 450px;
  font-family: 'Noto Serif JP', serif;
  padding-top: 8px;
  padding-left: 5px;

  padding-bottom: 20px;
}

.cat-banner-container8-top p {
  height: auto;
  width: 450px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  padding-top: 0px;
  /*30*/
  padding-left: 0px;
  /*5*/
}

.cat-banner-container8-end {
  height: auto;
  /*450*/
  width: 400px;
  display: grid;
  align-items: center;
  justify-content: center;

  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 30px;
}

.cat-banner-container8-end img {
  height: auto;
  /*350*/
  width: 450px;
}




.cat-banner10 {
  height: 1100px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

  display: grid;
  justify-content: center;

  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner-container10 {
  justify-content: center;
}

.cat-banner-container10 img {
  width: 1000px;
  margin-top: 0px;

  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 100px;
  object-fit: cover;
  text-align: center;
}

.cat-banner-container10-top {
  width: 1000px;
  justify-content: center;

  margin-right: 0;
  padding-top: 40px;
  padding-left: 100px;
}

.cat-banner-container10-top h2 {
  width: 460px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 0px;
}

.cat-banner-container10-top h2 {
  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
  font-size: 26px;
}

.cat-banner-container10-top h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 5px;
}

.cat-banner-container10-top p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  padding-top: 0px;
  padding-left: 5px;
}

.sdgs17title {
  height: auto;
  width: 1000px;
  display: flex;
  justify-content: left;
  align-items: center;

  margin-right: 0;
  padding-top: 40px;
  padding-left: 50px;
}

.sdgs17title2 {
  width: 1000px;
  display: flex;
  justify-content: left;

  margin-right: 0;
  padding-top: 10px;
  padding-left: 50px;
}

.sdgsico {
  width: 100px;
  height: 100px;
  margin-top: 0px;

  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  object-fit: cover;
  /*重要、縮尺を変えない*/
}

.sdgsico img {
  /*sdgsアイコン*/
  width: 100px;
  height: 100px;
  margin-top: 0px;

  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  object-fit: cover;
  /*重要、縮尺を変えない*/
}

.before2 img {
  width: 100px;
  height: 100px;
  margin-top: 0px;

  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  object-fit: cover;
}


.sdgs17title-h h2 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  width: 720px;
  margin-top: 5px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 26px;
  padding: 0.8rem 0;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
}

/*未使用*/
.sdgs17title-h h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 20px;
}

/*未使用*/


/*ベース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.sdgs17title-h3-99,
.sdgs17title-h3-15,
.sdgs17title-h2-14,
.sdgs17title-h2-13,
.sdgs17title-h2-6,
.sdgs17title-h2-3,
.sdgs17title-h-1-12,
.sdgs17title-h2-4,
.sdgs17title-h-1 {
  /*　枠の宣言　*/
  height: auto;
  width: auto;
}

.sdgs17title-h3-99 h2,
.sdgs17title-h3-15 h2,
.sdgs17title-h2-14 h2,
.sdgs17title-h2-13 h2,
.sdgs17title-h2-6 h2,
.sdgs17title-h2-3 h2,
.sdgs17title-h-1-12 h2,
.sdgs17title-h2-4 h2,
.sdgs17title-h-1 h2 {
  height: auto;
  width: 720px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  margin-top: 5px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 26px;
  padding: 0.8rem 0;
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
}

.sdgs17title-h3-99 h5,
.sdgs17title-h3-15 h5,
.sdgs17title-h2-14 h5,
.sdgs17title-h2-13 h5,
.sdgs17title-h2-6 h5,
.sdgs17title-h2-3 h5,
.sdgs17title-h-1-12 h5,
.sdgs17title-h2-4 h5,
.sdgs17title-h-1 h5 {
  height: auto;
  width: auto;
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 20px;
}

/*ベース＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*各色の設定◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*-------------------------------------------------*/
/*　1　貧困をなくそう　赤e5243b　*/
.sdgs17title-h-1 h2 {
  background-image: linear-gradient(90deg, #e5243b 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　4 質の高い教育をみんなに　赤　CS5192D */
.sdgs17title-h2-4 h2 {
  background-image: linear-gradient(90deg, #c5192d 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　12　つくる責任　つかう責任　茶BF8B2E */
.sdgs17title-h-1-12 h2 {
  background-image: linear-gradient(90deg, #BF8B2E 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　3　すべての人に健康と福祉を　緑4C9F38 */
.sdgs17title-h2-3 h2 {
  background-image: linear-gradient(90deg, #4C9F38 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　6　安全な水とトイレを世界中に　水26BDE2 */
.sdgs17title-h2-6 h2 {
  background-image: linear-gradient(90deg, #26BDE2 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　13　気候変動に具体的な対策を　緑3F7E44 */
.sdgs17title-h2-13 h2 {
  background-image: linear-gradient(90deg, #3F7E44 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　14　海の豊かさを守ろう　水0A97D9 */
.sdgs17title-h2-14 h2 {
  background-image: linear-gradient(90deg, #0A97D9 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　15　陸の豊かさも守ろう　緑56C02B */
.sdgs17title-h3-15 h2 {
  background-image: linear-gradient(90deg, #56C02B 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*　99　ITL色　緑 */
.sdgs17title-h3-99 h2 {
  background-image: linear-gradient(90deg, #04AF7C 0 70%, #dedede 20%);
}

/*-------------------------------------------------*/
/*各色の設定ここまで◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/





.sdgs17title-h2-5 h2 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  width: 720px;
  margin-top: 0px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 0.8rem;
  padding-top: 3px;
  background-image: linear-gradient(90deg, #FF3A21 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
}

/*5　未使用*/
.sdgs17title-h2-5 h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 20px;
}

/*5　未使用*/



.sdgs17title-h2 h2 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  width: 720px;
  margin-top: 0px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 0.8rem;
  padding-top: 3px;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
}

.sdgs17title-h2 h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 20px;
}

.sdgs17title-h3 h2 {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  width: 720px;
  margin-top: 0px;
  margin-left: 20px;
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 0.8rem;
  padding-top: 3px;
  background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
  color: #323232;
}

.sdgs17title-h3 h5 {
  font-family: 'Noto Serif JP', serif;
  margin-top: 8px;
  margin-left: 20px;
}

.sdgs-all {
  /*Section*/
  height: auto;
  width: auto;
  display: grid;
  justify-content: center;
  align-items: center;

}

.cat-banner11 {
  height: auto;
  /*500*/
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  justify-content: center;

  /*max-width:100%;*/
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner13 {
  height: 600px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  justify-content: center;

  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner14 {
  height: 1040px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  justify-content: center;

  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.cat-banner15 {
  height: 650px;
  width: 1000px;
  background-color: #FFFFFFf4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  justify-content: center;

  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.sdgs-katudou11 {
  height: auto;
  /*300*/
  width: auto;
  /*1000*/
  display: flex;
}

.sdgs-katudou13 {
  width: 1000px;
  height: 400px;
  display: flex;
}

.sdgs-katudou-text {
  height: auto;
  width: 450px;
  margin-top: 30px;
  margin-left: 60px;
}

.sdgs-katudou-text p {
  height: auto;
  width: 450px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  line-height: 1.7;
}

.sdgs-image {
  height: auto;
  width: auto;
  /*500*/
  justify-content: center;
  align-items: center;
}

.sdgs-image img {
  height: auto;
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  margin-top: auto;
  /*40*/
  margin-bottom: auto;
  padding-top: 30px;
  padding-left: 0px;
  padding-right: 50px;
  /*50*/
  padding-bottom: 30px;
  /*30*/
}

.sdgs-image12 {
  height: auto;
  width: auto;
}

.sdgs-image12 img {
  width: 500px;
  margin-top: 45px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 50px;
}

.sdgs-image13 img {
  width: 500px;
  margin-top: 80px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 50px;
}

.sdgs-image14 img {
  width: 500px;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 50px;
}

.sdgs-image15 img {
  width: 500px;
  margin-top: 90px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 50px;
}

#c-profile {
  font-size: 18px;
  line-height: 1.7;
  border-top: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-collapse: collapse;

  height: auto;
  width: 800px;
  background-image: none;
  background-color: #cdefff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

  margin: auto;
}

#c-profile tbody {
  margin-top: 100px;
}

#c-profile th {
  font-weight: bold;
  text-align: left;
  border: solid 1px;

  width: 200px;

  background-color: #00e2cf;
  padding-left: 25px;

}

#c-profile td {
  width: 600px;
  border: solid 1px;

  padding-left: 10px;
}

.top-csr-container {
  width: auto;
  /*　1000　*/
  height: auto;
  max-width: 90%;

  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-template-columns: repeat(auto-fit, 150px);
  grid-template-rows: 160px;
  column-gap: 10px;
  row-gap: 10px;

  justify-content: center;
  text-align: center;

  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.top-csr-container img {
  height: 75px;
  padding-top: 5px;
}

.top-csr-container dt {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;

  padding-top: 5px;
  padding-left: 0px;
}

.top-csr-container dd {
  font-family: 'Kaisei HarunoUmi', serif;
  font-size: 10px;
  color: #222299;
  line-height: 1;
  padding-top: 10px;
  padding-left: 0px;
}

.top-csr-container p {
  font-family: 'Kaisei HarunoUmi', serif;
  font-size: 14px;
  font-weight: bold;
  color: #04AF7C;
  text-align: right;
  text-shadow: 0.5px 0.5px 0.5px #4b2c14;

  padding-right: 20px;
}

.top-csr-container-qual,
.top-csr-container-envi,
.top-csr-container-infosec,
.top-csr-container-itlsec,
.top-csr-container-privacy,
.top-csr-container-snspol {
  background-color: #ccebff;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.top-csr-container-qual img,
.top-csr-container-envi img,
.top-csr-container-infosec img,
.top-csr-container-itlsec img,
.top-csr-container-privacy img,
.top-csr-container-snspol img {
  margin-left: 0px;
}

.top-csr-container-qual:hover,
.top-csr-container-envi:hover,
.top-csr-container-infosec:hover,
.top-csr-container-itlsec:hover,
.top-csr-container-privacy:hover,
.top-csr-container-snspol:hover {
  background-color: #e0ccff;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 1.0);
}





.p-sign {
  display: flex;
  justify-content: flex-end;
  padding-right: 10%;
}

















/*　ブレイクポイント960px　9.7インチ　*/
@media (max-width: 960px) {
  /*　768px以下でしか適用されない内容　*/

  .mainbanner {
    height: auto;
    width: auto;
    background-color: #FEF9C4;
    background-image: linear-gradient(to left, #ffffff, #FEF9C4);
    background-size: cover;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    max-width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .mainbanner-txt {
    width: 448px;
    max-width: 448px;
    justify-content: center;

    margin-right: 0px;
    padding-top: 20px;
    padding-left: 0px;
  }

  .mainbanner-txt h1 {
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
  }

  .mainbanner-txt h5 {
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  .mainbanner-txt p {
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    line-height: 1.7;
    margin-top: 40px;
    margin-left: 5px;
  }

  .mainbanner img {
    height: 150px;
    width: auto;

    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
  }


  /*０．一番上のバナー、サステナブル*/
  /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  .one-stop-banner {
    height: auto;
    /*550*/
    width: auto;
    /*1050*/
    background-color: #ffffffed;

    display: grid;
    /*grid*/
    justify-content: center;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);

    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
  }

  .one-stop-banner-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .one-stop-banner-txt {
    height: auto;
    width: 400px;
    line-height: 1.7;

    /*max-width:600px;*/
    justify-content: center;
    align-items: center;

    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 50px;

  }

  .one-stop-banner-txt h2 {
    height: auto;
    width: 400px;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;

    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 27%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    font-weight: bold;
    font-size: 26px;

  }

  .one-stop-banner-txt h3 {
    /*未使用*/
    font-family: 'Noto Serif JP', serif;
    margin-top: 20px;
  }

  /*未使用*/
  .one-stop-banner-txt h5 {
    height: auto;
    width: 400px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  .one-stop-banner-txt p {
    height: auto;
    width: 400px;

    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;

    /*padding-top:30px;
  padding-right:30px;
  padding-bottom:30px;
  padding-left:15px;*/
  }

  .one-stop-banner-img {
    height: auto;
    /*400*/
    width: 400px;
    /*500*/

    justify-content: center;
    align-items: center;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .one-stop-banner-img img {
    height: auto;
    width: 400px;
    /*display:block;*/
    /*margin:auto;
  padding-top:150px;
  padding-left:40px;*/
  }

  /*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


  /*　SDGsとは*/
  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  .cat-banner10 {
    height: auto;
    width: 960px;
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .cat-banner-container10 {
    justify-content: center;
  }

  .cat-banner-container10 img {
    width: 650px;
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*重要*/
    object-fit: cover;
    text-align: center;
  }

  .cat-banner-container10-top {
    width: 650px;
    justify-content: center;

    margin-right: 0;
    padding-top: 40px;
    padding-left: 0px;
  }

  .cat-banner-container10-top h2 {
    width: 650px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;
  }

  .cat-banner-container10-top h2 {
    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 26px;
  }

  .cat-banner-container10-top h5 {
    width: 650px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  .cat-banner-container10-top p {
    width: 650px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 0px;
    padding-left: 0px;
    /*重要*/
    padding-bottom: 40px;
  }

  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



  /*　アイティリンクのSDGsへの取り組みと貢献*/
  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  .content-banner-short {
    height: 150px;
    width: 960px;
    background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
    background-size: cover;

    display: flex;
    justify-content: center;
    /*space-between*/
    align-items: center;
    /*flex-start*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

    max-width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
  }

  .content-banner-short h2 {
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 26px;
  }

  .content-banner-short-txt {
    width: 960px;

    margin-left: auto;
    margin-right: auto;
  }

  .content-banner-short-txt h2 {
    width: 600px;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    margin-left: 50px;
  }

  .content-banner-short-txt h5 {
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 55px;
  }

  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
  /*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



  .cat-banner11 {
    /*1　4　12*/
    height: auto;
    width: auto;
    /*960*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    justify-content: center;

    /*max-width:100%;*/
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .sdgs17title {
    height: auto;
    width: auto;
    /*960*/
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 0;
    padding-top: 40px;
    padding-left: 20px;
  }


  /*１．あらゆる場所の*/
  .sdgs17title-h3-99,
  .sdgs17title-h3-15,
  .sdgs17title-h2-14,
  .sdgs17title-h2-13,
  .sdgs17title-h2-6,
  .sdgs17title-h2-3,
  .sdgs17title-h-1-12,
  .sdgs17title-h2-4,
  .sdgs17title-h-1 {
    /*　枠の宣言　*/
    height: auto;
    width: auto;
  }

  .sdgs17title-h3-99 h2,
  .sdgs17title-h3-15 h2,
  .sdgs17title-h2-14 h2,
  .sdgs17title-h2-13 h2,
  .sdgs17title-h2-6 h2,
  .sdgs17title-h2-3 h2,
  .sdgs17title-h-1-12 h2,
  .sdgs17title-h2-4 h2,
  .sdgs17title-h-1 h2 {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    height: auto;
    width: 630px;
    margin-top: 5px;
    margin-left: 18px;
    font-weight: bold;
    font-size: 22px;
    padding: 0.8rem 0;

    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
  }

  .sdgs17title-h3-99 h5,
  .sdgs17title-h3-15 h5,
  .sdgs17title-h2-14 h5,
  .sdgs17title-h2-13 h5,
  .sdgs17title-h2-6 h5,
  .sdgs17title-h2-3 h5,
  .sdgs17title-h-1-12 h5,
  .sdgs17title-h2-4 h5,
  .sdgs17title-h-1 h5 {
    height: auto;
    width: auto;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 20px;
  }

  .sdgs-image {
    height: auto;
    width: auto;
    /*500*/
    justify-content: center;
    align-items: center;
  }

  .sdgs-image img {
    height: auto;
    width: 348px;

    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /*40*/
    margin-bottom: auto;
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    /*50*/
    padding-bottom: 30px;
  }





  .sdgs-katudou11 {
    width: auto;
    /*960*/
    height: auto;
    /*300*/
    display: flex;
    justify-content: center;
  }

  .sdgs-katudou-text {
    height: auto;
    width: auto;
    /*450*/
    margin-top: 30px;
    margin-left: 20px;
  }

  .sdgs-katudou-text p {
    height: auto;
    width: 420px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-bottom: 30px;
  }

  .sdgs-image12 {
    height: auto;
    width: auto;
  }

  .sdgs-image12 img {
    height: auto;
    width: 500px;
    margin-top: 45px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
  }

  /*～～～～～～～～～～～～～～～～～～～～～～～～～～～～*/



  .cat-banner14 {
    height: auto;
    /*1040*/
    width: auto;
    /*768*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    justify-content: center;

    max-width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .sdgs17title2 {
    width: 960px;
    display: flex;
    justify-content: center;

    margin-right: 0;
    padding-top: 10px;
    padding-left: 20px;
  }









  .sdgs-image14 img {
    width: 348px;
    margin-top: 75px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
  }


  .sdgs-image15 img {
    width: 348px;
    margin-top: 75px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
  }

  .sdgs-katudou13 {
    width: 960px;
    height: 400px;
    display: flex;
    justify-content: center;
  }





  .cat-banner {
    height: auto;
    width: 960px;

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .cat-banner-container {
    display: flex;
    justify-content: center;
  }

  .cat-banner-container img {
    margin-top: 20px;
    margin-bottom: 0px;
    object-fit: cover;
  }

  .cat-banner-container-top {
    width: 468px;
    max-width: 468px;
    justify-content: center;

    margin-right: 0;
    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    /*追加*/
  }

  .cat-banner-container-top h2 {
    width: 460px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;
  }

  .cat-banner-container-top h2 {
    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
  }

  .cat-banner-container-top h5 {
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  .cat-banner-container-top p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 30px;
    padding-left: 5px;
  }

  .cat-banner-container-end {
    height: auto;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .cat-banner-container-end img {
    height: auto;
    width: 300px;
    padding-right: 0px;
    /*変更*/
    padding-top: 150px;
    /*追加*/
  }





  /*　リユースの可能性*/
  .cat-banner2 {
    height: auto;
    width: 748px;
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .cat-banner-container2 {
    display: flex;
    justify-content: center;
  }

  .cat-banner-container2 img {
    margin-top: 20px;
    margin-bottom: 0px;
    object-fit: cover;
  }

  .cat-banner-container2-top {
    width: 458px;
    max-width: 458px;
    justify-content: flex-start;
    /*変更*/

    margin-right: 0;
    padding-top: 20px;
    padding-left: 10px;
  }

  .cat-banner-container2-top h2 {
    width: 458px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;
  }

  .cat-banner-container2-top h2 {
    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
  }

  .cat-banner-container2-top h5 {
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  .cat-banner-container2-top p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 30px;
    padding-left: 5px;
    padding-bottom: 20px;
  }

  .cat-banner-container2-end {
    height: auto;
    width: 290px;
    align-items: center;
    justify-content: center;
    padding-top: 145px;
  }

  .cat-banner-container2-end img {
    height: auto;
    width: 290px;
    padding-right: 20px;
  }







  .quality8-p {
    height: auto;
    /**/
    width: 800px;
    max-width: 100%;
    background-color: #e3e311;

    justify-content: center;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  }

  .quality8-p h2 {
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
    text-align: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
  }

  .quality8-p p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.7;


    /*text-align:left;*/
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-top: 0px;

    /*margin-left:50px;*/
  }

  .cent-p {
    height: auto;
    width: auto;

    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .cent-p p {
    height: auto;
    width: 450px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }





  .cat-banner8 {
    height: auto;
    /*470*/
    width: auto;
    /*728*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;
    align-items: center;

    max-width: 100%;
    margin-top: 0;
    /*10*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }





  .cat-banner-container8 {
    display: grid;
    justify-content: center;
    align-items: center;
  }

  .cat-banner-container8 img {
    /*未使用*/
    margin-top: auto;
    /*20*/
    margin-bottom: auto;
    /*0*/
    object-fit: cover;
  }

  .cat-banner-container8-top {
    height: auto;
    width: 500px;
    /*448*/
    /*max-width:400px;/*448*/

    justify-content: center;
    align-items: center;
    text-align: center;
    /*追加*/

    margin-left: auto;
    margin-right: auto;
    /*0*/
    /*padding-top:30px;/*20*/
    padding-right: 30px;

  }

  .cat-banner-container8-top h2 {
    height: auto;
    width: 450px;
    /*428*/
    font-family: 'Zen Kaku Gothic New', sans-serif;

    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 22px;
    /*26*/
  }

  .cat-banner-container8-top h5 {
    height: auto;
    width: 450px;
    font-family: 'Noto Serif JP', serif;
    padding-top: 8px;
    padding-left: 0px;
    /*55*/

    padding-bottom: 20px;
  }

  .cat-banner-container8-top p {
    height: auto;
    width: 450px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 0px;
    /*30*/
    padding-left: 0px;
    /*55*/
  }

  .cat-banner-container8-end {
    height: auto;
    width: auto;
    /*290*/
    display: grid;
    align-items: center;
    justify-content: center;

    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: auto;
    /*30*/
    margin-left: auto;
    /*追加*/
  }

  .cat-banner-container8-end img {
    height: auto;
    width: 500px;
    /*290*/

  }

  .cat-banner7 {
    /*おかげさまりん子*/
    height: auto;
    /*450*/
    width: auto;
    /*1000*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .cat-banner-container7 {
    display: grid;
    justify-content: center;
    align-items: center;
  }

  .cat-banner-container7 img {
    /*未使用*/
    margin-top: 20px;
    margin-bottom: 0px;
    object-fit: cover;
  }

  .cat-banner-container7-top {
    height: auto;
    width: 500px;
    /*568*/
    max-width: 500px;
    /*600　568*/

    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*追加*/

    margin-right: auto;
    /*0*/
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;

    padding-top: 30px;
    /*210*/
    padding-bottom: 30px;
    /*150*/
  }

  .cat-banner-container7-top h2 {
    /*未使用*/
    width: 460px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;

    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 26px;
  }

  /*未使用*/
  .cat-banner-container7-top h5 {
    /*未使用*/
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  /*未使用*/

  .cat-banner-container7-top p {
    height: auto;
    width: auto;

    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 2px 4px 3px #000000;
    line-height: 1.7;

    padding-top: 0;
    /*30*/
    padding-left: 0;
    /*5*/
  }

  .cat-banner-container7-end {
    height: auto;
    /*450*/
    width: 500px;
    /*400 200*/

    justify-content: center;
    align-items: center;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
  }

  .cat-banner-container7-end img {
    height: auto;
    width: 200px;


    /*padding-right:20px;*/
  }







}

/*960END==================================================*/
/*960END==================================================*/
/*960END==================================================*/
/*960END==================================================*/




















/*====================================================*/
/*====================================================*/
/*====================================================*/
/*　env用ブレイクポイント768px　9.7インチ　*/
@media (max-width: 768px) {
  /* env768-520 */
  /* env768-520 */


  /*=================================================*/
  /*Serviceからコピペしたが、env用に壊した。*/
  /*他にコピペ負荷。ENV用*/
  /*　Section　サステナビリティ*/
  /*　768-520px　*/
  .one-stop-banner {
    /*768-520*/
    height: auto;
    /*400*/
    width: auto;
    /*1050*/
    background-color: #Ffffff;

    display: grid;
    /*変更*/
    justify-content: center;
    align-items: center;
    /*変更*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);

    max-width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*ワンストップバナー*/
  .one-stop-banner-img {
    /*env追加分*/
    height: auto;
    /*400*/
    width: 500px;
    /*500*/

    justify-content: center;
    align-items: center;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;

    padding-top: 40px;

  }

  .one-stop-banner-img img {
    /*env大幅変更分*/
    /*768-520*/
    height: auto;
    /*420*/
    width: 500px;
    /*398*/

    /*margin:0;/*auto*/
    /*padding-top:0;/*150*/
    /*padding-left:0;/*40*/
    /*padding-right:0;/*20*/
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt {
    /*768-520*/
    height: auto;
    width: 400px;
    /*440*/
    line-height: 1.7;

    /*max-width:530px;*/
    justify-content: center;
    align-items: center;
    /*text-align:center;*/

    margin-left: auto;
    margin-right: auto;

    padding-right: 0;
    padding-left: 0;
    /*20*/
    padding-top: 5px;
    /*20*/
    padding-bottom: 0;
    /*20*/

  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h2 {
    /*768-520*/
    height: auto;
    width: 400px;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;

    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 27%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    font-weight: bold;
    font-size: 26px;
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h3 {
    /*未使用768-520*/
    font-family: 'Noto Serif JP', serif;
    margin-top: 20px;
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h5 {
    /*未使用768-520*/
    height: auto;
    width: 400px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 0px;
    /*5*/
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt p {
    /*768-520*/
    width: 400px;
    /*追加*/

    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    margin-top: 30px;
    /*40*/
    margin-left: 0px;
    padding-top: 0px;
    /*30*/
    padding-right: 0px;
    /*30*/
    padding-left: 0px;
    /*5*/
    padding-bottom: 30px;
    /*30*/

  }

  /*ワンストップバナー*/
  /*=================================================*/
  .one-stop-banner-container {
    /*768-520*/
    /*　ul　サステナビリティ*/
    display: grid;
    justify-content: center;
    align-items: center;
  }

  /*768-520*/
  /*ワンストップバナー*/
  /*=================================================*/






  /*=================================================*/
  /*バナー*/
  .content-banner-short,
  /*取り組みと貢献*/
  /*768-520*/
  .content-banner {
    /*768-520*/
    /*sectin*/
    /*アイティリンクの事業活動に*/
    height: auto;
    /*150*/
    background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
    background-size: cover;

    display: flex;
    justify-content: space-between;
    align-items: center;
    /*flex-start*/
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

    max-width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
  }

  /*768-520*/

  .content-banner h2 {
    /*768-520*/
    /*　X記載ミス、子の分をここで記載している。うごくぞ*/
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 26px;
  }

  /*768-520*/
  .content-banner-short-txt,
  .content-banner-txt {
    /*768-520*/
    /*Ul　分*/
    width: 450px;
    /*950*/
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  /*768-520*/
  .content-banner-short-txt h2,
  .content-banner-txt h2 {
    width: 450px;
    /*600*/
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    margin-left: 0px;
    /*50*/
  }

  /*768-520*/
  .content-banner-short-txt h5,
  .content-banner-txt h5 {
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 0px;
    /*55*/
  }

  /*768-520*/
  /*=================================================*/


  /*=================================================*/
  /*SDGｓとは*/
  .cat-banner10 {
    /*768-520*/
    /*section*/
    /*ＳＤＧＳとは*/
    height: auto;
    /*1100*/
    width: auto;
    /*1000*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*768-520*/

  .cat-banner-container10 {
    /*768-520*/
    /*　ul　*/
    /*ＳＤＧＳとは*/
    justify-content: center;
  }

  /*768-520*/
  .cat-banner-container10 img {
    /*768-520*/
    width: 500px;
    /*1000　650*/
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*100*/
    object-fit: cover;
    text-align: center;
  }

  /*768-520*/
  .cat-banner-container10-top {
    /*768-520*/
    width: 500px;
    /*1000*/
    justify-content: center;

    margin-right: 0;
    padding-top: 40px;
    padding-left: 0px;
    /*100*/
  }

  /*768-520*/
  .cat-banner-container10-top h2 {
    /*768-520*/
    width: 460px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;

    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 26px;
  }

  /*768-520*/
  .cat-banner-container10-top h5 {
    /*768-520*/
    width: 460px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: 5px;
  }

  /*768-520*/
  .cat-banner-container10-top p {
    /*768-520*/
    width: 460px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 0px;
    padding-left: 5px;
  }

  /*768-520*/
  /*SDGSとはここまで*/
  /*=================================================*/



  /*=================================================*/
  /*SDGｓ単体*/
  /*Section [sdgs-all]　は元の宣言無し*/
  .sdgs-all {
    /*768-520*/
    /*Section　ここでのみ宣言*/
    height: auto;
    width: auto;
    display: grid;
    justify-content: center;
    align-items: center;
  }

  /*768-520*/
  /*ULの宣言がない*/
  .cat-banner11 {
    /*768-520*/
    /*　UL　の代わり　*/
    height: auto;
    /*500*/
    width: 520px;
    /*1000　960*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    display: grid;

    justify-content: center;
    align-items: center;

    /*max-width:100%;*/
    /*100％を打ち消す*/
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*768-520*/

  .sdgs17title {
    /*768-520*/
    /*1．あらゆる場所の*/
    /*　li の代わり　*/
    height: auto;
    /*追加*/
    width: auto;
    /*1000*/

    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    /*追加*/
    margin-right: auto;
    /*0*/

    padding-top: 40px;
    padding-left: 0;
    /*50*/

  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgs17title-h3-99,
  .sdgs17title-h3-15,
  .sdgs17title-h2-14,
  .sdgs17title-h2-13,
  .sdgs17title-h2-6,
  .sdgs17title-h2-3,
  .sdgs17title-h-1-12,
  .sdgs17title-h2-4,
  .sdgs17title-h-1 {
    /*768-520*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 360px;
    margin-top: 0;
    /*5*/
    margin-left: 20px;
  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgsico {
    /*変更なしsdgsアイコン*/
    width: 100px;
    height: 100px;
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    object-fit: cover;
    /*重要、縮尺を変えない*/
  }

  /*変更なしsdgsアイコン*/
  .sdgsico img {
    /*変更なしsdgsアイコン*/
    width: 100px;
    height: 100px;
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    object-fit: cover;
    /*重要、縮尺を変えない*/
  }

  /*変更なしsdgsアイコン*/
  .sdgs17title-h3-99 h2,
  .sdgs17title-h3-15 h2,
  .sdgs17title-h2-14 h2,
  .sdgs17title-h2-13 h2,
  .sdgs17title-h2-6 h2,
  .sdgs17title-h2-3 h2,
  .sdgs17title-h-1-12 h2,
  .sdgs17title-h2-4 h2,
  .sdgs17title-h-1 h2 {
    /*768-520*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 360px;

    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 0.8rem 0;

    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    margin-top: 0;
    /*移動のため解除*/
    margin-left: 0;
    /*移動のため解除*/
  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgs17title-h3-99 h5,
  .sdgs17title-h3-15 h5,
  .sdgs17title-h2-14 h5,
  .sdgs17title-h2-13 h5,
  .sdgs17title-h2-6 h5,
  .sdgs17title-h2-3 h5,
  .sdgs17title-h-1-12 h5,
  .sdgs17title-h2-4 h5,
  .sdgs17title-h-1 h5 {
    /*768-520*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 360px;
    font-family: 'Noto Serif JP', serif;
  }

  /*768-520*/
  /*1．あらゆる場所の*/


  .sdgs-katudou11 {
    /*768-520*/
    /*1．あらゆる場所の*/
    /*　li　右側　うしろ*/
    height: auto;
    /*300*/
    width: auto;
    /*1000　960*/
    display: grid;

    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;

  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgs-katudou-text {
    height: auto;
    width: 400px;
    margin-top: 30px;
    margin-left: auto;
    /*20*/
    margin-right: auto;
  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgs-katudou-text p {
    /*768-520*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 420px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-bottom: 30px;
  }

  /*768-520*/
  /*1．あらゆる場所の*/

  .sdgs-image {
    height: auto;
    width: auto;
    /*500*/
    justify-content: center;
    align-items: center;
  }

  /*768-520*/
  /*1．あらゆる場所の*/
  .sdgs-image img {
    height: auto;
    width: 500px;

    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /*40*/
    margin-bottom: auto;
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
    /*50*/
    padding-bottom: 30px;
  }

  /*768-520*/
  /*1．あらゆる場所の*/



  /*カーボンニュートラルとは文章*/
  .quality-p {
    height: auto;
    width: auto;
    /*800*/
    max-width: 800px;

    justify-content: center;
    align-items: center;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;

    background-color: #fffffff4;
    border: 1px solid;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  }

  /*768-520*/
  .quality-p p {
    height: auto;
    width: auto;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 18px;
    line-height: 1.7;

    justify-content: center;

    margin-top: 40px;
    margin-left: auto;
    /*15％*/
    margin-right: auto;
    padding-left: 10%;
    /*15%*/
  }

  /*768-520*/
  /*カーボンニュートラルとは文章*/










}

/* ENV END　768-520 */
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/

















/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　ブレイクポイント520～320px　*/
@media (max-width: 520px) {
  /*520-320*/





  /*一番上のバナー===========================*/
  .mainbanner {
    /*520-320*/
    height: auto;
    width: auto;
    background-color: #FEF9C4;
    background-image: linear-gradient(to left, #ffffff, #FEF9C4);
    background-size: cover;

    display: grid;
    justify-content: center;
    align-items: center;

    max-width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*520-320*/
  .mainbanner-txt {
    width: auto;
    /*500*/
    max-width: initial;
    /*500*/
    justify-content: center;
    align-items: center;

    margin-left: auto;
    margin-right: auto;

    padding-top: 20px;
    padding-left: 0px;

  }

  /*520-320*/
  .mainbanner-txt h1 {
    /*520-320*/
    height: auto;
    width: 310px;

    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;

    text-align: center;

  }

  /*520-320*/
  .mainbanner-txt h5 {
    /*520-320*/
    height: auto;
    width: 310px;

    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;

    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/
  .mainbanner-txt p {
    /*520-320*/
    height: auto;
    width: 310px;

    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    line-height: 1.7;
    margin-top: 40px;

    margin-left: auto;
    margin-right: auto;

  }

  /*520-320*/
  .mainbanner img {
    height: 150px;
    width: auto;

    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  /*520-320*/
  /*一番上のバナー===========================*/

  /*=================================================*/
  /*他にコピペ負荷。ENV用*/
  /*　Section　サステナビリティ*/
  /*520-320*/
  .one-stop-banner {
    /*520-320*/
    height: auto;
    /*400*/
    width: auto;
    /*1050*/
    background-color: #Ffffff;

    display: grid;
    /*変更*/
    justify-content: center;
    align-items: center;
    /*変更*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);

    max-width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*ワンストップバナー*/
  /*520-320*/
  .one-stop-banner-img {
    /*env追加分*/
    /*520-320*/
    /*名前　-END　と同等*/
    height: auto;
    /*400*/
    width: auto;
    /*500*/

    justify-content: center;
    align-items: center;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;

    padding-top: 0px;
    padding-bottom: 10px;

  }

  /*520-320*/
  .one-stop-banner-img img {
    /*env大幅変更分*/
    /*520-320*/
    height: auto;
    /*420*/
    width: 500px;
    /*398*/

    /*margin:0;/*auto*/
    /*padding-top:0;/*150*/
    /*padding-left:0;/*40*/
    /*padding-right:0;/*20*/
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt {
    /*520-320*/
    height: auto;
    width: 310px;
    /*440*/
    line-height: 1.7;

    /*max-width:530px;*/
    justify-content: center;
    align-items: center;
    /*text-align:center;*/

    margin-left: auto;
    margin-right: auto;

    padding-right: 0;
    padding-left: 0;
    /*20*/
    padding-top: 5px;
    /*20*/
    padding-bottom: 0;
    /*20*/

  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h2 {
    /*520-320*/
    height: auto;
    width: 310px;

    justify-content: center;

    font-family: 'Roboto', sans-serif;
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 27%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    font-weight: bold;
    font-size: 18px;

    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h3 {
    /*520-320*/
    /*未使用*/
    /*未使用*/
    font-family: 'Noto Serif JP', serif;
    margin-top: 20px;
  }

  /*ワンストップバナー*/
  .one-stop-banner-txt h5 {
    /*520-320*/
    height: auto;
    width: 310px;

    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: auto;
    /*5*/
    margin-right: auto;
    text-align: center;

  }

  /*ワンストップバナー*/
  .one-stop-banner-txt p {
    /*520-320*/
    height: auto;
    width: 310px;
    /*追加*/

    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    margin-top: 30px;
    /*40*/
    margin-left: 0px;
    padding-top: 0px;
    /*30*/
    padding-right: 0px;
    /*30*/
    padding-left: 0px;
    /*5*/
    padding-bottom: 0px;
    /*30*/

    margin-left: auto;
    margin-right: auto;

  }

  /*ワンストップバナー*/
  /*=================================================*/
  .one-stop-banner-container {
    /*520-320*/
    /*　ul　サステナビリティ*/
    display: grid;
    justify-content: center;
    align-items: center;
  }

  /*520-320*/
  /*ワンストップバナー*/
  /*=================================================*/






  /*=================================================*/
  /*バナナー*/
  .content-banner-short,
  /*取り組みと貢献*/
  /*520-320*/
  .content-banner {
    /*520-320*/
    /*sectin*/
    /*アイティリンクの事業活動に*/
    height: auto;
    /*150*/
    width: auto;
    background-image: linear-gradient(to left, #ffffffeb, #cccca3eb);
    background-size: cover;

    display: grid;
    /*flex*/
    justify-content: center;
    /*space-between*/
    align-items: center;
    /*flex-start*/
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);

    max-width: 100%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
  }

  /*520-320*/
  .content-banner-short-txt,
  .content-banner-txt {
    /*520-320*/
    /*Ul　分*/
    height: auto;
    width: auto;
    /*450 950*/

    justify-content: center;
    align-items: center;

    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;

  }

  /*520-320*/
  .content-banner-short-txt h2,
  .content-banner-txt h2 {
    /*520-320*/
    height: auto;
    width: 310px;
    /*600*/

    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-top: 30px;
    margin-left: auto;
    /*50*/
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/
  .content-banner h2 {
    /*520-320*/
    /*　X記載ミス、子の分をここで記載している。うごくぞ*/
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-weight: bold;
    font-size: 18px;
  }

  /*520-320*/
  .content-banner-short-txt h5,
  .content-banner-txt h5 {
    /*520-320*/
    height: auto;
    width: 310px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: auto;
    /*55*/
    margin-right: auto;
    text-align: center;
  }

  /*520-320*/
  /*=================================================*/

  /*=================================================*/
  /*SDGｓとは*/
  .cat-banner10 {
    /*520-320*/
    /*section*/
    /*ＳＤＧＳとは*/
    height: auto;
    /*1100*/
    width: auto;
    /*1000*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;

    max-width: 100%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*520-320*/

  .cat-banner-container10 {
    /*520-320*/
    /*　ul　*/
    /*ＳＤＧＳとは*/
    height: auto;
    width: auto;
    justify-content: center;
    align-items: center;
    /*追加*/
  }

  /*520-320*/
  .cat-banner-container10 img {
    /*520-320*/
    height: auto;
    /*追加*/
    width: 500px;
    /*1000　650*/
    margin-top: 0px;
    margin-bottom: 0px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 0px;
    padding-right: 0px;
    /*100*/
    object-fit: cover;
    text-align: center;
  }

  /*520-320*/
  .cat-banner-container10-top {
    /*520-320*/
    height: auto;
    width: auto;
    /*500 1000*/
    justify-content: center;

    margin-left: auto;
    margin-right: auto;

    padding-top: 40px;
    padding-left: 0px;
    /*100*/
  }

  /*520-320*/
  .cat-banner-container10-top h2 {
    /*520-320*/
    height: auto;
    width: 310px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 18px;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /*520-320*/
  .cat-banner-container10-top h5 {
    /*520-320*/
    height: auto;
    width: 310px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /*520-320*/
  .cat-banner-container10-top p {
    /*520-320*/
    height: auto;
    width: 310px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 0px;
    padding-left: 5px;

    margin-left: auto;
    margin-right: auto;
    align-items: center;

  }

  /*520-320*/
  /*SDGSとはここまで*/
  /*=================================================*/












  /*=================================================*/
  /*SDGｓ単体*/
  /*Section [sdgs-all]　は元の宣言無し*/
  .sdgs-all {
    /*520-320*/
    /*Section　ここでのみ宣言*/
    height: auto;
    width: auto;
    display: grid;
    justify-content: center;
    align-items: center;
  }

  /*520-320*/
  /*ULの宣言がない*/
  .cat-banner11 {
    /*520-320*/
    /*　UL　の代わり　*/
    height: auto;
    /*500*/
    width: auto;
    /*520 1000　960*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    display: grid;

    justify-content: center;
    align-items: center;

    /*max-width:100%;*/
    /*100％を打ち消す*/
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }

  /*520-320*/

  .sdgs17title {
    /*520-320*/
    /*1．あらゆる場所の*/
    /*　li の代わり　*/
    height: auto;
    /*追加*/
    width: auto;
    /*1000*/

    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    /*追加*/
    margin-right: auto;
    /*0*/

    padding-top: 40px;
    padding-left: 0;
    /*50*/

  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgs17title-h3-99,
  .sdgs17title-h3-15,
  .sdgs17title-h2-14,
  .sdgs17title-h2-13,
  .sdgs17title-h2-6,
  .sdgs17title-h2-3,
  .sdgs17title-h-1-12,
  .sdgs17title-h2-4,
  .sdgs17title-h-1 {
    /*520-320*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 200px;
    margin-top: 0;
    /*5*/
    margin-left: 5px;
    /*20*/
  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgsico {
    /*変更なしsdgsアイコン*/
    width: auto;
    /*100*/
    height: auto;
    /*100*/
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    object-fit: cover;
    /*重要、縮尺を変えない*/
  }

  /*変更なしsdgsアイコン*/
  .sdgsico img {
    /*変更なしsdgsアイコン*/
    width: 100px;
    height: 100px;
    margin-top: 0px;

    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    object-fit: cover;
    /*重要、縮尺を変えない*/
  }

  /*変更なしsdgsアイコン*/
  .sdgs17title-h3-99 h2,
  .sdgs17title-h3-15 h2,
  .sdgs17title-h2-14 h2,
  .sdgs17title-h2-13 h2,
  .sdgs17title-h2-6 h2,
  .sdgs17title-h2-3 h2,
  .sdgs17title-h-1-12 h2,
  .sdgs17title-h2-4 h2,
  .sdgs17title-h-1 h2 {
    /*520-320*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 200px;

    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: bold;
    font-size: 16px;
    /*26*/
    padding: 0.8rem 0;

    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    margin-top: 0;
    /*移動のため解除*/
    margin-left: auto;
    /*移動のため解除*/
    margin-right: auto;
  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgs17title-h3-99 h5,
  .sdgs17title-h3-15 h5,
  .sdgs17title-h2-14 h5,
  .sdgs17title-h2-13 h5,
  .sdgs17title-h2-6 h5,
  .sdgs17title-h2-3 h5,
  .sdgs17title-h-1-12 h5,
  .sdgs17title-h2-4 h5,
  .sdgs17title-h-1 h5 {
    /*520-320*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 200px;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  /*1．あらゆる場所の*/


  .sdgs-katudou11 {
    /*520-320*/
    /*1．あらゆる場所の*/
    /*　li　右側　うしろ*/
    height: auto;
    /*300*/
    width: auto;
    /*1000　960*/
    display: grid;

    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;

  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgs-katudou-text {
    height: auto;
    width: auto;
    /*400*/
    margin-top: 30px;
    margin-left: auto;
    /*20*/
    margin-right: auto;
  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgs-katudou-text p {
    /*520-320*/
    /*1．あらゆる場所の*/
    height: auto;
    width: 310px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-bottom: 10px;

    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  /*1．あらゆる場所の*/

  .sdgs-image {
    height: auto;
    width: auto;
    /*500*/
    justify-content: center;
    align-items: center;
  }

  /*520-320*/
  /*1．あらゆる場所の*/
  .sdgs-image img {
    height: auto;
    width: 500px;

    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /*40*/
    margin-bottom: auto;
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    /*50*/
    padding-bottom: 10px;
  }

  /*520-320*/
  /*1．あらゆる場所の*/



  /*カーボンニュートラルとは文章*/
  .quality-p {
    height: auto;
    width: auto;
    /*800*/
    max-width: initial;

    justify-content: center;
    align-items: center;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;

    background-color: #fffffff4;
    border: 1px solid;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  }

  /*520-320*/
  .quality-p p {
    height: auto;
    width: auto;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 18px;
    line-height: 1.7;

    justify-content: center;

    margin-top: 40px;
    margin-left: auto;
    /*15％*/
    margin-right: auto;
    padding-left: 10%;
    /*15%*/
  }

  /*520-320*/
  /*カーボンニュートラルとは文章*/






  /*これは二酸化炭素*/
  .cat-banner8 {
    /*520-320*/
    height: auto;
    /*470*/
    width: auto;
    /*728*/
    background-color: #FFFFFFf4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);

    display: grid;
    justify-content: center;
    align-items: center;

    max-width: 100%;
    margin-top: 0;
    /*10*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  /*520-320*/
  .cat-banner-container8 {
    /*520-320*/
    height: auto;
    width: auto;

    display: grid;
    justify-content: center;
    align-items: center;


    margin-left: auto;
    margin-right: auto;

  }

  /*520-320*/

  /*
.cat-banner-container8 img{
  height:auto;
  width:500px;

  margin-top:auto;
  margin-bottom:auto;

  object-fit:cover;
  margin-left:auto;
  margin-right:auto;

  text-align:center;
}
*/
  /*520-320*/
  .cat-banner-container8-top {
    /*520-320*/
    height: auto;
    width: auto;
    /*500 600*/
    /*max-width:600px;*/

    justify-content: center;
    align-items: center;

    margin-left: auto;
    margin-right: auto;
    /*0*/
    /*padding-top:30px;/*20*/
    padding-right: 0px;

  }

  /*520-320*/
  .cat-banner-container8-top h2 {
    /*520-320*/
    height: auto;
    width: 310px;
    /*450*/
    font-family: 'Zen Kaku Gothic New', sans-serif;
    /*margin-top:100px*/

    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 22px;
    /*26*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/
  .cat-banner-container8-top h5 {
    /*520-320*/
    height: auto;
    width: 310px;

    font-family: 'Noto Serif JP', serif;
    padding-top: 8px;
    padding-left: 5px;
    padding-bottom: 20px;

    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/
  .cat-banner-container8-top p {
    /*未使用*/
    /*520-320*/
    /*未使用*/
    height: auto;
    width: 310px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    padding-top: 0px;
    /*30*/
    padding-left: 0px;
    /*5*/

    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/
  .cat-banner-container8-end {
    /*520-320*/
    height: auto;
    /*450*/
    width: auto;
    /*400*/
    display: grid;
    align-items: center;
    justify-content: center;

    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: auto;
    /*30*/
    margin-left: auto;

  }

  /*520-320*/
  .cat-banner-container8-end img {
    /*520-320*/
    height: auto;
    /*350*/
    width: 500px;

    margin-left: auto;
    margin-right: auto;
    text-align: center;

  }

  /*520-320*/




  /*当社事業におけるここから＝＝＝＝＝＝＝＝*/
  .quality8-p {
    /*520-320*/
    height: auto;
    /**/
    width: auto;
    /*800*/
    max-width: 100%;
    background-color: #e3e311;

    justify-content: center;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
  }

  /*520-320*/
  .quality8-p h2 {
    /*520-320*/
    height: auto;
    width: 310px;

    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
    text-align: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-top: 0px;

    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  .quality8-p p {
    /*520-320*/
    height: auto;
    width: 310px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.7;

    /*text-align:center;*/
    justify-content: center;

    padding-top: 20px;
    padding-bottom: 40px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  /*当社事業におけるここまで＝＝＝＝＝＝＝＝*/






  /*当社リユース製品をいただいたここから＝＝＝*/
  .cat-banner-container7 {
    /*520-320*/
    height: auto;
    width: auto;
    display: grid;
    justify-content: center;
    align-items: center;
  }

  /*520-320*/
  .cat-banner-container7 img {
    /*未使用*/
    /*未使用*/
    height: auto;
    width: 500px;
    margin-top: 20px;
    margin-bottom: 0px;
    object-fit: cover;

    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  .cat-banner-container7-top {
    /*520-320*/
    height: auto;
    width: auto;
    /*500 568*/
    max-width: initial;
    /*600　568*/

    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*追加*/

    margin-right: auto;
    /*0*/
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;

    padding-top: 30px;
    /*210*/
    padding-bottom: 30px;
    /*150*/
  }

  /*520-320*/
  .cat-banner-container7-top h2 {
    /*未使用*/
    height: auto;
    width: 310px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin-top: 0px;

    padding: 0.8rem 0;
    background-image: linear-gradient(90deg, #46aadc 0 20%, #dedede 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    color: #323232;
    font-size: 20px;
  }

  /*未使用*/
  .cat-banner-container7-top h5 {
    /*未使用*/
    height: auto;
    width: 310px;
    font-family: 'Noto Serif JP', serif;
    margin-top: 8px;
    margin-left: auto;
    /*5*/
    margin-right: auto;
    text-align: center;
  }

  /*未使用*/

  .cat-banner-container7-top p {
    /*520-320*/
    height: auto;
    width: 310px;

    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 2px 4px 3px #000000;
    line-height: 1.7;

    padding-top: 0;
    /*30*/
    padding-left: 0;
    /*5*/
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }

  /*520-320*/
  .cat-banner-container7-end {
    /*520-320*/
    height: auto;
    /*450*/
    width: auto;
    /*500 400 200*/

    justify-content: center;
    align-items: center;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
  }

  /*520-320*/
  .cat-banner-container7-end img {
    /*520-320*/
    height: 400px;
    /*りん子身長*/
    width: auto;

    margin-left: auto;
    margin-right: auto;
    text-align: center;

    /*padding-right:20px;*/
  }

  /*520-320*/
  /*当社リユース製品をいただいたここまで＝＝＝*/










}

/*520-320*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/*　▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/