@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@400;700&display=swap");
/* common */
* { font-family: 'Noto Sans JP', sans-serif; }

a:hover { opacity: .8; }

p { line-height: 1.6; }

li { line-height: 1.6; }

.pc-only { display: block; }

.sp-only { display: none; }

/* main-visual */
.main-visual { width: 1200px; margin: auto; }

/* sec-sdgs */
.sec-sdgs { width: 880px; margin: 95px auto 120px; }

.sec-sdgs-ttl { text-align: center; }

.sec-sdgs-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px auto 0; }

.sec-sdgs-icon li img { width: 135px; }

.sec-sdgs-icon li:nth-of-type(n+7) { margin-top: 12px; }

.sec-area { width: 880px; margin: 0 auto; }

.sec-area-list { margin-top: 60px; }

.sec-area-list li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-area-list li:not(:first-of-type) { margin-top: 40px; }

.sec-area-box { margin-left: 40px; }

.sec-area-ttl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sec-area-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; width: 80px; height: 80px; font-family: oswald; font-size: 22px; line-height: 1.2; font-weight: bold; text-align: center; border-radius: 40px; }

.sec-area-eng { margin-left: 25px; font-family: "Oswald", sans-serif; font-size: 20px; }

.sec-area-txt { margin-top: 10px; font-size: 20px; }

.no1 .sec-area-icon { background: #e10321; }

.no1 .sec-area-eng { color: #e10321; }

.no1 .sec-area-txt { color: #e10321; }

.no2 .sec-area-icon { background: #d5a805; }

.no2 .sec-area-eng { color: #d5a805; }

.no2 .sec-area-txt { color: #d5a805; }

.no4 .sec-area-icon { background: #c3022a; }

.no4 .sec-area-eng { color: #c3022a; }

.no4 .sec-area-txt { color: #c3022a; }

.no3 .sec-area-icon { background: #279a3b; }

.no3 .sec-area-eng { color: #279a3b; }

.no3 .sec-area-txt { color: #279a3b; }

.no17 .sec-area-icon { background: #052d68; }

.no17 .sec-area-eng { color: #052d68; }

.no17 .sec-area-txt { color: #052d68; }

.no7 .sec-area-icon { background: #f9be08; }

.no7 .sec-area-eng { color: #f9be08; }

.no7 .sec-area-txt { color: #f9be08; }

.no13 .sec-area-icon { background: #437c37; }

.no13 .sec-area-eng { color: #437c37; }

.no13 .sec-area-txt { color: #437c37; }

.no15 .sec-area-icon { background: #32ac38; }

.no15 .sec-area-eng { color: #32ac38; }

.no15 .sec-area-txt { color: #32ac38; }

.sec-area-cross { display: block; width: 60px; height: 60px; margin: 70px auto 0; position: relative; }

.sec-area-cross::before, .sec-area-cross::after { content: ""; display: block; width: 100%; height: 2px; background: #707070; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; position: absolute; top: calc(14% - 5px); left: 14%; }

.sec-area-cross::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; left: auto; right: 14%; }

.sec-area-unit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-repeat: no-repeat; }

.sec-area-unit.area-1 { background-image: url(../sdgs/images/area-bg-1.png); background-position: right bottom 0px; }

.sec-area-unit.area-2 { background-image: url(../sdgs/images/area-bg-2.png); background-position: right bottom 25px; }

.sec-area-unit.area-3 { background-image: url(../sdgs/images/area-bg-3.png); background-position: right bottom 25px; }

.sec-area-detail { width: 70%; padding-left: 50px; }

.sec-area-detail a { color: #0068F1; text-decoration: underline; }

.sec-area-detail a:hover { text-decoration: none; }

.sec-area-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; margin-top: 25px; }

.sec-area-catch { width: 100%; margin-top: 50px; }

.sec-area-catch p { font-size: 25px; text-align: center; }

.sec-area-catch p.area-1 { color: #c3022a; }

.sec-area-catch p.area-2 { color: #052d68; }

.sec-area-catch p.area-3 { color: #32ac38; }

.cert-ttl{
  font-size: 30px;
  color: #24a0e9;
  border-bottom: 3px solid #24a0e9;
  border-top: 3px solid #24a0e9;
  padding: 15px 0;
  margin-top: 30px;
  text-align: center;
}
#certificate .sec-area-thumb{
  margin-top: 30px;
}
#certificate .sec-area-text{
  margin-top: 25px;
  text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1024px) { .main-visual { width: 1200px; } }

@media screen and (max-width: 767px) { .pc-only { display: none; }
  .sp-only { display: block; }
  .main-visual { width: 100%; margin: 65px auto 0; }
  .sec-sdgs { width: 90%; margin: 45px auto 60px; }
  .sec-sdgs-icon { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 20px auto 0; }
  .sec-sdgs-icon li { width: calc(100% / 3); text-align: center; }
  .sec-sdgs-icon li:nth-of-type(n+7) { margin-top: 0; }
  .sec-sdgs-icon li:nth-of-type(n+4) { margin-top: 5vw; }
  .sec-sdgs-icon li img { width: 100px; }
  .sec-area { width: 90%; margin: 40px auto; }
  .sec-area-list { margin-top: 40px; }
  .sec-area-list li { display: block; }
  .sec-area-list li img { display: block; width: 110px; margin: auto; }
  .sec-area-box { margin-left: 0; margin-top: 20px; }
  .sec-area-icon { width: 50px; height: 50px; font-size: 15px; border-radius: 25px; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .sec-area-eng { margin-left: 15px; font-size: 18px; line-height: 1.2; }
  .sec-area-txt { font-size: 16px; }
  .sec-area-cross { width: 40px; height: 40px; margin: 30px auto 0; }
  .sec-area-unit { display: block; }
  .sec-area-unit img { display: block; margin: auto; }
  .sec-area-unit img:first-of-type { width: 50%; }
  .sec-area-detail { width: 100%; margin-top: 20px; padding-left: 0; font-size: 14px; }
  .sec-area-thumb { display: block; margin-top: -10px; padding-top: 30px; }
  .sec-area-thumb li { margin-top: 10px; }
  .sec-area-catch { margin-top: 30px; }
  .sec-area-catch p { font-size: 15px; }
  .sec-area-unit.area-1 { background-position: center bottom -10px; background-size: 50%; }
  .sec-area-unit.area-2 { background-position: center bottom -10px; background-size: 40%; }
  .sec-area-unit.area-3 { background-position: center bottom -10px; background-size: 45%; } 
  #certificate .sec-area-thumb{
    margin-top: 0px;
    padding-top: 15px;
  }
}
/*# sourceMappingURL=style.css.map */