@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.titleimg { background: url("/img/sdgs/titleimg.jpg") right 20% center/cover no-repeat; }

#sdgs { background: #FCFCFC; }
#sdgs .sdgs__box { margin-bottom: 80px; }
#sdgs .sdgs__box .declaration { margin-bottom: 120px; }
#sdgs .sdgs__box .declaration .cnts__ttl { margin: 0% 0% 6.77% 0%; }
#sdgs .sdgs__box .declaration .declaration__ttl { margin-bottom: 20px; }
#sdgs .sdgs__box .declaration .declaration__img { max-width: 590px; width: 95%; margin: 0 auto 5%; }
#sdgs .sdgs__box .declaration .declaration__txt { text-align: center; line-height: 2; }
#sdgs .sdgs__box .attempt { margin: 0 auto; }
#sdgs .sdgs__box .attempt .attempt__box { margin-bottom: 40px; padding: 20px 10px; border-top: 1px solid #707070; border-bottom: 1px solid #707070; background: #FFF; }
#sdgs .sdgs__box .attempt .attempt__box .attempt__ttl { margin-bottom: 20px; padding: 5px 10px; border-left: 5px solid #223176; color: #223176; font-size: 1.6rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { #sdgs .sdgs__box .attempt .attempt__box .attempt__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
@media (min-width: 1180px) { #sdgs .sdgs__box .attempt .attempt__box .attempt__ttl { font-size: 2.2rem; } }
#sdgs .sdgs__box .attempt .attempt__box .attempt__imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 18px; }
#sdgs .sdgs__box .attempt .attempt__box .attempt__imgs .attempt__img { flex: 0 1 32%; width: 32%; max-width: 32%; width: 32%; margin: 0 1% 1% 0; }
#sdgs .sdgs__box .attempt .attempt__box .attempt__list li { margin-bottom: 8px; font-size: 1.4rem; line-height: 1; }
@media (min-width: 769px) { #sdgs .sdgs__box .attempt .attempt__box .attempt__list li { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { #sdgs .sdgs__box .attempt .attempt__box .attempt__list li { font-size: 1.6rem; } }
#sdgs .sdgs__box .attempt .attempt__box .attempt__list li::before { display: inline-block; width: 8px; height: 8px; margin: 0 4px 2px 0; border-radius: 50%; background: #223176; content: ''; }
#sdgs .sdgs__box .goal__box { margin-bottom: 40px; }
#sdgs .sdgs__box .goal__box .goal__txt { margin-bottom: 18px; }
#sdgs .sdgs__box .goal__box .goal__txt .goal__ttl { margin-bottom: 10px; font-size: 1.6rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; text-align: center; line-height: 1; }
@media (min-width: 769px) { #sdgs .sdgs__box .goal__box .goal__txt .goal__ttl { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
@media (min-width: 1180px) { #sdgs .sdgs__box .goal__box .goal__txt .goal__ttl { font-size: 2.2rem; } }
#sdgs .sdgs__box .goal__box .goal__txt .goal__copy { font-size: 1.3rem; text-align: center; }
@media (min-width: 769px) { #sdgs .sdgs__box .goal__box .goal__txt .goal__copy { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
@media (min-width: 1180px) { #sdgs .sdgs__box .goal__box .goal__txt .goal__copy { font-size: 1.5rem; } }
#sdgs .sdgs__box .goal__box .goal__imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
#sdgs .sdgs__box .goal__box .goal__imgs .goal__img { flex: 0 1 32%; width: 32%; max-width: 32%; width: 32%; margin: 0 1% 1% 0; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #sdgs .sdgs__box { margin-bottom: 80px; }
  #sdgs .sdgs__box .declaration .declaration__ttl { margin-bottom: 20px; }
  #sdgs .sdgs__box .declaration .declaration__img { max-width: 590px; width: 95%; margin: 0 auto 5%; }
  #sdgs .sdgs__box .declaration .declaration__txt { text-align: center; line-height: 2; }
  #sdgs .sdgs__box .attempt { margin: 0 auto; }
  #sdgs .sdgs__box .attempt .attempt__box { margin-bottom: 80px; padding: 40px 50px; }
  #sdgs .sdgs__box .attempt .attempt__box .attempt__ttl { margin-bottom: 22px; padding: 15px; line-height: 1; }
  #sdgs .sdgs__box .attempt .attempt__box .attempt__imgs { margin-bottom: 35px; }
  #sdgs .sdgs__box .attempt .attempt__box .attempt__imgs .attempt__img { flex: 0 1 14%; width: 14%; max-width: 14%; width: 14%; margin: 0 1% 0 0; }
  #sdgs .sdgs__box .attempt .attempt__box .attempt__list li { margin-bottom: 12px; }
  #sdgs .sdgs__box .goal__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #sdgs .sdgs__box .goal__wrap .goal__box { flex: 0 1 48%; width: 48%; max-width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 120px; }
  #sdgs .sdgs__box .goal__wrap .goal__box .goal__txt { margin-bottom: 20px; flex: 0 1 auto; width: auto; flex-shrink: 1; }
  #sdgs .sdgs__box .goal__wrap .goal__box .goal__txt .goal__ttl { margin-bottom: 16px; text-align: left; line-height: 1; }
  #sdgs .sdgs__box .goal__wrap .goal__box .goal__txt .goal__copy { text-align: left; }
  #sdgs .sdgs__box .goal__wrap .goal__box .goal__imgs { flex: 0 1 auto; width: auto; flex-shrink: 1; margin-top: auto; }
  #sdgs .sdgs__box .goal__wrap .goal__box .goal__imgs .goal__img { flex: 0 1 24%; width: 24%; max-width: 24%; margin: 0 1% 0 0; } }
/*------------------------------
		1041px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */