@charset "UTF-8";
/* clearfix
--------------------------------------------------*/
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* IE6 */
* html .cf {
  zoom: 1;
}

/* IE7 */
*:first-child + html .cf {
  zoom: 1;
}

/* その他
--------------------------------------------------*/
.ib {
  display: inline-block;
}

.nof {
  overflow: hidden;
}

.vaBottom {
  vertical-align: bottom;
}

.vaTop {
  vertical-align: top;
}

/* border
--------------------------------------------------*/
.noBorder {
  border: none !important;
}

.noBg {
  background: none !important;
}

.noBogp {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

/* float
--------------------------------------------------*/
.fr {
  float: right !important;
}

.fl {
  float: left !important;
}

.clear {
  clear: both;
}

/* text
--------------------------------------------------*/
.indent_1 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.indent_2 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.indent_3 {
  padding-left: 3em !important;
  text-indent: -3em !important;
}

.indent_4 {
  padding-left: 4em !important;
  text-indent: -4em !important;
}

.indent_5 {
  padding-left: 5em !important;
  text-indent: -5em !important;
}

.indent_6 {
  padding-left: 6em !important;
  text-indent: -6em !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.left {
  text-align: left !important;
}

/* font
--------------------------------------------------*/
.fs10 {
  font-size: 10px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fwb {
  font-weight: bold !important;
}

/* height
--------------------------------------------------*/
.autoH {
  height: auto !important;
}

.height50 {
  height: 50px !important;
}

.height100 {
  height: 100px !important;
}

.height150 {
  height: 150px !important;
}

.height200 {
  height: 200px !important;
}

/* width
--------------------------------------------------*/
.w100 {
  width: 100px !important;
}

.w150 {
  width: 150px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

/* padding
--------------------------------------------------*/
.noPadding {
  padding: 0 !important;
}

.noMargin {
  margin: 0 !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

/* padding-left */
.pl00 {
  padding-left: 0px !important;
}

/* margin
--------------------------------------------------*/
/* margin-top */
.mt-15 {
  margin-top: -15px !important;
}

.mt00 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt150 {
  margin-top: 150px !important;
}

/* margin-right */
.mr00 {
  margin-right: 0 !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

/* margin-bottom */
.mb00 {
  margin-bottom: 0 !important;
}

.mb1em {
  margin-bottom: 1em !important;
}

.mb15em {
  margin-bottom: 1.5em !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

/* margin-left */
.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/*common*/
#CountryRegionArea .Column1 a {
  display: inline;
  overflow: hidden;
  position: relative;
}
#CountryRegionArea .Current {
  background: #e5e5e5;
  font-weight: normal;
}
#CountryRegionArea .ColumnSet {
  padding-top: 0;
  position: static;
  width: auto;
  margin: 0 auto;
}

#HeaderSet {
  letter-spacing: -0.5em;
}

#Search, #CountryRegion, #UltraGlobalNavi {
  letter-spacing: normal;
}

.Current {
  background: #B1000E;
  font-weight: bold;
}
.Current em {
  color: #fff;
}

#GlobalNaviTop .Current {
  background: none;
  font-weight: bold;
}
#GlobalNaviTop .Current em {
  color: #333;
}
#GlobalNaviTop .Current em:hover {
  color: #fff;
}

a img:hover {
  opacity: 0.5;
}
a:hover {
  text-decoration: none !important;
}
@media screen and (max-width: 768px) {
  a img:hover {
    opacity: 1;
  }
  a img:hover {
    color: #333 !important;
  }
  a.hover img {
    opacity: 0.5;
  }
}
a.inlink {
  background: url(/sustainability/sc/img/icon_link_right_xl_hd_black.gif) no-repeat right center;
  padding-right: 20px;
}
a.inlink:hover {
  background: url(/sustainability/sc/img/icon_link_right_xl_hd_black_hover.gif) no-repeat right center;
  padding-right: 20px;
}
a.outlink {
  background: url(/sustainability/sc/img/icon_new_window_black.gif) no-repeat right center;
  background-size: 16px;
  padding-right: 22px;
}

.slide-btn img {
  opacity: 0.5;
  cursor: pointer;
}
.slide-btn img:hover {
  opacity: 1;
}

.pc {
  display: inline-block;
}

.tab {
  display: none;
}

.sp {
  display: none;
}

@media screen and (max-width: 994px) {
  .pc {
    display: inline-block;
  }

  .tab {
    display: none;
  }

  .sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }

  .tab {
    display: inline-block;
  }

  .sp {
    display: none;
  }
}
@media screen and (max-width: 578px) {
  .pc {
    display: none;
  }

  .tab {
    display: none;
  }

  .sp {
    display: inline-block;
  }
}
@media screen and (max-width: 398px) {
  .pc {
    display: none;
  }

  .tab {
    display: none;
  }

  .sp {
    display: none;
  }

  .ssp {
    display: inline-block;
  }
}
.vpc {
  display: inline-block;
}
@media screen and (max-width: 578px) {
  .vpc {
    display: none;
  }
}

.vsp {
  display: none;
}
@media screen and (max-width: 578px) {
  .vsp {
    display: inline-block;
  }
}

.vpc2 {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .vpc2 {
    display: none;
  }
}

.vtab {
  display: none;
}
@media screen and (max-width: 768px) {
  .vtab {
    display: inline-block;
  }
}

.adj-title {
  margin-right: 30px;
}
@media screen and (max-width: 994px) {
  .adj-title {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  a:hover {
    text-decoration: underline !important;
  }
}
a.hover {
  text-decoration: none !important;
}

.JS h2 {
  font-size: inherit;
  background: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .JS h2 {
    margin: 0;
    padding: 0;
  }
}
.JS h2 span {
  background: none;
  font-size: inherit;
  margin: 0;
  padding: 0;
  display: inline;
  color: inherit;
  font-weight: inherit;
}
.JS h3 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
}

.JS .h2 {
  margin: 0 0 5px;
  padding: 0 0 10px 0;
  background: url(../../../image/en/r1/balloon_down.gif) no-repeat 40px bottom;
}
.JS .h2 span {
  display: block;
  padding: 10px 15px;
  font-size: 110%;
  font-weight: bold;
  color: #575757;
  line-height: 130%;
  background-color: #f2f2f2;
}

/*pages*/
@media print {
  .Column1 {
    position: static !important;
    float: none;
    display: inline-block;
    vertical-align: top;
    top: auto;
    left: auto;
  }

  .grade {
    visibility: hidden;
  }

  #btnClick {
    visibility: hidden;
  }

  #gallery {
    height: auto !important;
    position: static !important;
  }

  .Search-inner {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .search-company {
    margin-top: 0 !important;
  }
}
.pc {
  display: inline-block;
}

.tab {
  display: none;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }

  .tab {
    display: inline-block;
  }

  .sp {
    display: none;
  }
}
@media screen and (max-width: 578px) {
  .pc {
    display: none;
  }

  .tab {
    display: none;
  }

  .sp {
    display: inline-block;
  }
}
@media screen and (max-width: 398px) {
  .pc {
    display: none;
  }

  .tab {
    display: none;
  }

  .sp {
    display: inline-block;
  }
}
.search-alert {
  position: absolute;
  bottom: -23px;
  left: 0;
  font-size: 12px;
  color: #333;
  font-weight: 100;
}
@media screen and (max-width: 398px) {
  .search-alert {
    font-size: 10px;
    bottom: -21px;
  }
}

.icon_environment {
  margin-top: -2px;
}

.anotherText {
  text-align: center;
  font-size: 16px;
  padding-bottom: 40px;
}
@media screen and (max-width: 578px) {
  .anotherText {
    font-size: 14px;
  }
}

.Search {
  background: #fff;
}
.Search .Search-inner {
  border-top: 5px solid #fe7d27;
  width: 965px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 38px;
  padding-bottom: 24px;
  padding-left: 15px;
  padding-right: 15px;
  background: #FFFAEA;
  color: #fe7d27;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner {
    width: 100%;
  }
}
.Search .Search-inner > ul > *:first-child + * {
  width: 583px;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > *:first-child + * {
    width: 63.6%;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > *:first-child + * {
    width: 80.44329%;
    margin: 44px auto 0;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > *:first-child + * {
    margin-top: 22px;
  }
}
.Search .Search-inner > ul > li {
  display: inline-block;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li {
    display: block;
  }
}
.Search .Search-inner > ul > li:first-child {
  width: 346px;
  box-sizing: border-box;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li:first-child {
    width: 33.6%;
    margin-right: 2%;
  }
  .Search .Search-inner > ul > li:first-child img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li:first-child {
    width: 65.84094%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li:first-child {
    width: 56%;
  }
}
.Search .Search-inner > ul > li:nth-child(2) {
  width: 583px;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li:nth-child(2) {
    width: 63.6%;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li:nth-child(2) {
    width: 80.44329%;
    margin: 44px auto 0;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li:nth-child(2) {
    margin-top: 22px;
  }
}
.Search .Search-inner > ul > li .btn_1 {
  background: #fff;
  border: 1px solid #fe7d27;
  color: #fe7d27;
  width: 100%;
  box-sizing: border-box;
  line-height: 30px;
  margin-bottom: 21px;
  text-align: center;
  cursor: pointer;
}
.Search .Search-inner > ul > li .btn_1:hover {
  background: #FEBC89;
  border: 1px solid #FEBC89;
  color: #fff;
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li .btn_1 {
    font-size: 12px;
    line-height: 26px;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.list_2 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.list_3 {
    margin-top: 30px;
  }
}
.Search .Search-inner > ul > li dl dt {
  display: block;
  width: 114px;
  font-size: 13px;
  font-weight: bold;
  vertical-align: top;
  color: #333;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li dl dt {
    width: 17%;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li dl dt {
    font-size: 12px;
    width: 16.6%;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl dt {
    font-size: 11px;
    text-align: center;
    width: 100%;
  }
}
.Search .Search-inner > ul > li dl dd {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li dl dd {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl dd {
    font-size: 11px;
    display: block;
    width: 95%;
    margin: 0 auto;
  }
}
.Search .Search-inner > ul > li dl dd li {
  float: left;
  margin-right: 18px;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li dl dd li {
    margin-right: 27px;
  }
}
@media screen and (max-width: 768px) {
  .Search .Search-inner > ul > li dl dd li {
    margin-right: 29px;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl dd li {
    line-height: 200%;
  }
}
.Search .Search-inner > ul > li dl dd li input {
  padding-top: 2px;
  vertical-align: -0.15em;
}
.Search .Search-inner > ul > li dl.search-company {
  margin-top: 20px;
}
.Search .Search-inner > ul > li dl.search-company dt {
  vertical-align: middle;
  width: auto;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li dl.search-company dt {
    width: auto;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.search-company dt {
    display: none;
  }
}
.Search .Search-inner > ul > li dl.search-company dd {
  width: 429px;
  border-radius: 5px;
  border: 1px solid #fe7d27;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 994px) {
  .Search .Search-inner > ul > li dl.search-company dd {
    width: 70.8%;
  }
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.search-company dd {
    width: 100%;
  }
}
.Search .Search-inner > ul > li dl.search-company dd .search-btn {
  position: absolute;
  background: #FEBE93;
  width: 34px;
  height: 100%;
  top: 0;
  right: 0;
  border-left: 1px solid #fe7d27;
  background: url(/sustainability/sc/report/img/search_icon.png) no-repeat center;
  cursor: pointer;
}
.Search .Search-inner > ul > li dl.search-company dd .search-btn:hover {
  background: url(/sustainability/sc/report/img/search_icon_hover.png) no-repeat center;
  background-color: #FEBE93;
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.search-company dd .search-btn {
    width: 30px;
  }
}
.Search .Search-inner > ul > li dl.search-company dd #search-company {
  width: 100%;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  padding-left: 5px;
  box-sizing: border-box;
}
@media screen and (max-width: 578px) {
  .Search .Search-inner > ul > li dl.search-company dd #search-company {
    height: 25px;
  }
}
.Search .Search-inner > ul > li dl.search-company dd input::-ms-clear {
  visibility: hidden;
}

.Handwriting2 {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 578px) {
  .Handwriting2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 398px) {
  .Handwriting2 {
    text-align: center;
  }
}
.Handwriting2 .BannerLine {
  width: 940px;
  margin: -15px auto 0;
  text-align: center;
  font-size: 0;
}
@media screen and (max-width: 994px) {
  .Handwriting2 .BannerLine {
    width: 97.40933%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 578px) {
  .Handwriting2 .BannerLine {
    display: inline-block;
    width: 310px;
  }
}
.Handwriting2 .BannerLine li {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 15px;
  /*@include spc{
  	width: 180/940*100%;
  	margin-left: 4/940*100%;
  	margin-right:4/940*100%;
  }*/
}
@media screen and (max-width: 578px) {
  .Handwriting2 .BannerLine li {
    width: 140px;
    margin: 15px 7.5px 0;
  }
}

.ColumnSet {
  padding-top: 36px;
  position: relative;
  width: 980px;
  margin: 0 auto;
}
.ColumnSet img {
  width: 100%;
  vertical-align: middle;
}
.ColumnSet li {
  margin: 0 15px 0 0;
}
.ColumnSet li dl {
  height: 159px;
  border: 1px solid #CECCCD;
  border-top: none;
  padding: 10px 0 0 5px;
  box-sizing: border-box;
  margin-bottom: 23px;
  text-overflow: ellipsis;
  /*@include tab{
  	padding:10px 12px 0;
  }*/
}
.ColumnSet li dl .icon {
  padding-right: 10px;
}
.ColumnSet li dl p {
  text-align: right;
  height: 25px;
}
.ColumnSet li dl p img {
  width: auto;
  margin-left: 10px;
}
.ColumnSet li dl dt {
  font-size: 75%;
  line-height: 1.3;
  margin-top: 10px;
}
.ColumnSet li dl dd {
  font-size: 18px;
  line-height: 1.55;
  margin-top: 5px;
}
@media screen and (max-width: 994px) {
  .ColumnSet li dl dd {
    font-size: 95%;
  }
}
@media screen and (max-width: 768px) {
  .ColumnSet li dl dd {
    font-size: 100%;
  }
}
@media screen and (max-width: 578px) {
  .ColumnSet li dl {
    height: 120px;
  }
}
@media screen and (max-width: 398px) {
  .ColumnSet li dl {
    height: 110px;
  }
}

.btn-wrap {
  text-align: center;
}

#btnClick {
  margin-bottom: 30px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 290px;
  cursor: pointer;
}
#btnClick .def {
  position: absolute;
  top: 0;
  left: 0;
}
#btnClick .def:hover {
  opacity: 0;
}

.grade {
  background-image: -moz-linear-gradient(top, transparent, #ffffff);
  background-image: -ms-linear-gradient(top, transparent, #ffffff);
  background-image: -o-linear-gradient(top, transparent, #ffffff);
  background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#ffffff));
  background-image: -webkit-linear-gradient(top, transparent, #ffffff);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #ffffff);
  opacity: 1;
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: 12px;
  left: 0;
}
@media screen and (max-width: 994px) {
  .grade {
    height: 120px;
  }
}

.report-list {
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  .report-list {
    margin-left: -15px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .Grid4 .ColumnSet li {
    float: left !important;
    width: 33.33333333% !important;
  }
}
@media screen and (max-width: 578px) {
  .Grid4 .ColumnSet li {
    width: 50% !important;
    font-size: 75%;
  }
}
@media screen and (max-width: 398px) {
  .Grid4 .ColumnSet li {
    width: 100% !important;
    font-size: 75%;
    margin: 0 auto;
  }
}
/*add CSS*/
.Column1 h2 {
  font-size: 124%;
  line-height: 1.3;
}

.Column1 a {
  display: block;
  overflow: hidden;
  position: relative;
}

.Column1 .date {
  color: #666;
  font-size: 93%;
  margin: 10px 0 5px;
}

.Column1 .category {
  text-align: right;
  margin-top: 25px;
}

.Column1 .title {
  display: block;
  font-saptionize: 18px;
  line-height: 1.17;
}

.Column1 .views {
  color: white;
  padding: 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 100%;
}

.Column1 .views:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.Column1 .views > .inner {
  display: inline-block;
  vertical-align: middle;
}

.Column1 .views > .inner .datetime {
  display: block;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.Column1 .views.type1 {
  background-color: #ff7800;
  background-color: rgba(255, 120, 0, 0.8);
}

.Column1 .views.type2 {
  background-color: #f7ba00;
  background-color: rgba(247, 186, 0, 0.8);
}

.Column1 .views.type3 {
  background-color: #4d983c;
  background-color: rgba(77, 152, 60, 0.8);
}

.Column1 .views.type4 {
  background-color: #3ac78d;
  background-color: rgba(58, 199, 141, 0.8);
}

.Column1 .views.type5 {
  background-color: #47bcff;
  background-color: rgba(71, 188, 255, 0.8);
}

.Column1 .views.type6 {
  background-color: #4190e9;
  background-color: rgba(65, 144, 233, 0.8);
}

.Column1 .views.type7 {
  background-color: #ff74dd;
  background-color: rgba(255, 116, 221, 0.8);
}

@media screen and (max-width: 321px) {
  .activity_report_list .BannerLine {
    margin-left: -10px;
  }
}

@media screen and (max-width: 321px) {
  .activity_report .BannerLine {
    margin-left: -10px;
  }
}

/*add CSS END*/
@media screen and (max-width: 398px) {
  #top-page #Contents {
    padding-left: 0;
    padding-right: 0;
  }
}
#top-page .main {
  background: #FFF5D6;
}
@media screen and (max-width: 994px) {
  #top-page .main {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 398px) {
  #top-page .main {
    margin-right: 0;
    margin-left: 0;
  }
}
#top-page .main .main-inner {
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #top-page .main .main-inner {
    width: 100%;
  }
  #top-page .main .main-inner img {
    width: 100%;
  }
}
#top-page .slide {
  max-width: 963px;
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #top-page .slide {
    width: 601px;
  }
}
@media screen and (max-width: 660px) {
  #top-page .slide {
    width: 444px;
  }
}
@media screen and (max-width: 578px) {
  #top-page .slide {
    padding-top: 28px;
    width: 263px;
  }
}
#top-page .slide .title {
  color: #fe7d27;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 578px) {
  #top-page .slide .title {
    font-size: 18px;
  }
}
#top-page .slide a {
  text-decoration: none;
  color: #000;
}
#top-page .slide ul {
  float: left;
  display: inline-block;
  height: 263px;
  overflow: hidden;
}
#top-page .slide ul img {
  width: 100%;
}
#top-page .slide ul li {
  float: left;
  width: 173px;
  box-sizing: border-box;
  margin-left: 8px;
}
#top-page .slide ul li.bl-hover dl {
  background: #f2f0f2;
}
#top-page .slide ul li.bl-hover img {
  opacity: 0.5;
}
#top-page .slide ul li a {
  display: block;
  height: 138px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #top-page .slide ul li:hover dl {
    background: #fff;
  }
  #top-page .slide ul li:hover img {
    opacity: 1;
  }
}
#top-page .slide ul li dl {
  border: #CECCCD 1px solid;
  box-sizing: border-box;
  padding: 17px 15px;
  height: 123px;
}
#top-page .slide ul li dl:hover {
  cursor: pointer;
}
#top-page .slide ul li dl dt {
  font-size: 12px;
  text-align: left;
}
#top-page .slide ul li dl dd {
  font-size: 14px;
  text-align: left;
}
#top-page .slide ul li dl dd p {
  line-height: 1.5;
}
#top-page .slide .rightBtn, #top-page .slide .leftBtn {
  display: inline;
  position: relative;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
#top-page .slide .rightBtn img, #top-page .slide .leftBtn img {
  opacity: 0.5;
}
#top-page .slide .rightBtn img:hover, #top-page .slide .leftBtn img:hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #top-page .slide .rightBtn img:hover, #top-page .slide .leftBtn img:hover {
    opacity: 0.5;
  }
  #top-page .slide .rightBtn img.hover, #top-page .slide .leftBtn img.hover {
    opacity: 1;
  }
}
#top-page .slide .leftBtn {
  padding-right: 8px;
}
@media screen and (max-width: 660px) {
  #top-page .slide .leftBtn {
    padding-right: 20px;
  }
}
#top-page .slide .rightBtn {
  padding-left: 8px;
}
@media screen and (max-width: 660px) {
  #top-page .slide .rightBtn {
    padding-left: 20px;
  }
}
#top-page .slide #slide_area {
  float: left;
  position: absolute;
  margin: 0 25px;
}
@media screen and (max-width: 660px) {
  #top-page .slide #slide_area {
    margin: 0 25px 0 37px;
  }
}
#top-page .slide .slide-btn img[disabled] {
  cursor: default;
}
#top-page .conts-1-Btn, #top-page .conts-1-Btn-2 {
  text-align: center;
  margin-top: 21px;
}
#top-page .conts-1-Btn .inner, #top-page .conts-1-Btn-2 .inner {
  position: relative;
  display: inline-block;
}
#top-page .conts-1-Btn .inner img, #top-page .conts-1-Btn-2 .inner img {
  width: 100%;
}
#top-page .conts-1-Btn .def, #top-page .conts-1-Btn-2 .def {
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#top-page .conts-1-Btn .def:hover, #top-page .conts-1-Btn-2 .def:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #top-page .conts-1-Btn .def:hover, #top-page .conts-1-Btn-2 .def:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #top-page .conts-1-Btn .def.hover, #top-page .conts-1-Btn-2 .def.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-1-Btn, #top-page .conts-1-Btn-2 {
    width: 264px;
    margin: 8px auto 0;
  }
}
@media screen and (max-width: 768px) {
  #top-page .conts-1-Btn-2 {
    margin-top: 0;
  }
}
#top-page .conts-1-Btn-2 .inner {
  width: 448px;
}
@media screen and (max-width: 994px) {
  #top-page .conts-1-Btn-2 .inner {
    width: 100%;
  }
}
#top-page .conts-2 {
  margin-top: 56px;
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-2 {
    margin-top: 30px;
  }
}
#top-page .conts-2 .title {
  font-size: 32px;
  color: #6e6c6c;
  text-align: center;
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 .title {
    width: 100%;
    font-size: 26px;
  }
}
@media screen and (max-width: 398px) {
  #top-page .conts-2 .title {
    width: 94.98747%;
    margin: 0 auto;
    font-size: 22px;
  }
}
#top-page .conts-2 .title h2 {
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
@media screen and (max-width: 398px) {
  #top-page .conts-2 .title h2 {
    padding: 0 10px;
  }
}
#top-page .conts-2 .border {
  border-bottom: 1px solid #6e6c6c;
  width: 965px;
  margin: -27px auto 0;
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 .border {
    width: 100%;
  }
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 .border {
    margin: -22px auto 0;
  }
}
@media screen and (max-width: 398px) {
  #top-page .conts-2 .border {
    width: 94.98747%;
    margin: -20px auto 0;
  }
}
#top-page .conts-2 ul {
  width: 965px;
  margin: 35px auto 0;
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 ul {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-2 ul {
    width: 304px;
  }
}
@media screen and (max-width: 398px) {
  #top-page .conts-2 ul {
    margin-top: 20px;
  }
}
#top-page .conts-2 ul li {
  float: left;
  margin-right: 30px;
}
@media screen and (max-width: 994px) {
  #top-page .conts-2 ul li {
    width: 31.3%;
    margin-right: 3%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-2 ul li {
    width: 100%;
    margin-top: 10px;
  }
}
#top-page .conts-3 {
  padding-top: 70px;
  margin: 0 auto;
  width: 965px;
}
@media screen and (max-width: 994px) {
  #top-page .conts-3 {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-3 {
    width: 100%;
    padding-top: 50px;
  }
}
#top-page .conts-3 .title {
  color: #6e6c6c;
  font-size: 21px;
  text-align: center;
  border-bottom: 1px solid #6e6c6c;
  padding-bottom: 8px;
}
@media screen and (max-width: 578px) {
  #top-page .conts-3 .title {
    font-size: 18px;
    padding-bottom: 2px;
    width: 94.98747%;
    margin: 0 auto;
  }
}
#top-page .conts-3 ul {
  margin-top: 23px;
}
@media screen and (max-width: 578px) {
  #top-page .conts-3 ul {
    margin: 23px auto 0;
    width: 304px;
  }
}
#top-page .conts-3 ul li {
  float: left;
  margin-right: 3.21244%;
  width: 31.19171%;
}
@media screen and (max-width: 578px) {
  #top-page .conts-3 ul li {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
#top-page .conts-3 ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 578px) {
  #top-page .conts-3 ul li:last-child {
    margin-bottom: 0;
  }
}
#top-page .conts-4 {
  width: 965px;
  margin: 80px auto 80px;
}
@media screen and (max-width: 578px) {
  #top-page .conts-4 h2 {
    margin-top: 30px;
  }
}
#top-page .conts-4 h3 {
  font-weight: 100;
}
#top-page .conts-4 h3.mt {
  margin-top: 1em;
}
#top-page .conts-4 .mt2 {
  margin-top: 0;
}
#top-page .conts-4 a {
  text-decoration: none;
}
#top-page .conts-4 a:hover {
  text-decoration: underline !important;
}
@media screen and (max-width: 994px) {
  #top-page .conts-4 {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-4 {
    width: 94.98747%;
    margin: 0px auto 15px;
  }
}
#top-page .conts-4 ul li {
  float: left;
  width: 448px;
  margin-right: 69px;
}
@media screen and (max-width: 994px) {
  #top-page .conts-4 ul li {
    width: 46.42487%;
    margin-right: 7.15026%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-4 ul li {
    width: 100%;
    margin: 0px auto;
  }
}
#top-page .conts-4 ul li .title {
  text-align: center;
  border-bottom: 3px solid #FEBE93;
  font-size: 20px;
  padding-top: 13px;
  margin-bottom: 20px;
  color: #6e6c6c;
}
#top-page .conts-4 ul li .title a {
  color: #6e6c6c;
}
#top-page .conts-4 ul li .title a:hover {
  color: #c02;
}
@media screen and (max-width: 994px) {
  #top-page .conts-4 ul li .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 578px) {
  #top-page .conts-4 ul li .title {
    font-size: 18px;
    margin-top: 60px;
  }
}
#top-page .conts-4 ul li dl {
  padding-top: 15px;
  border-bottom: 1px solid #000000;
}
#top-page .conts-4 ul li dl.bbnone {
  border-bottom: none;
}
#top-page .conts-4 ul li dl dt {
  padding-bottom: 10px;
}
#top-page .conts-4 ul li dl dd {
  padding-bottom: 15px;
}
#top-page .conts-4 ul li dl dd .icon {
  vertical-align: sub;
  display: inline-block;
  margin-left: 10px;
}
#top-page .conts-4 ul li dl dd a {
  color: #333;
}
#top-page .conts-4 ul li dl dd a:hover {
  color: #B1000E;
}
#top-page .conts-4 ul li dl dd .new-icon {
  color: #fff;
  background: red;
  line-height: 2;
  padding: 0 0.5em;
  font-size: 50%;
  margin-left: 1em;
  vertical-align: text-top;
  border-radius: 3px;
}
@media screen and (max-width: 578px) {
  #top-page .conts-4 ul li dl {
    padding-top: 10px;
  }
  #top-page .conts-4 ul li dl dt {
    font-size: 14px;
    padding-top: 10px;
  }
  #top-page .conts-4 ul li dl dd {
    font-size: 13px;
    padding-bottom: 10px;
  }
}
#top-page .PageTop {
  width: 965px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 994px) {
  #top-page .PageTop {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #top-page .PageTop {
    display: none;
  }
}

#universaldesign, #community, #disaster {
  /*#TopicPath{
  	@include tab{
  		display:none;
  	}
  }*/
}
#universaldesign .PageTop, #community .PageTop, #disaster .PageTop {
  width: 965px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 994px) {
  #universaldesign .PageTop, #community .PageTop, #disaster .PageTop {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .PageTop, #community .PageTop, #disaster .PageTop {
    display: none;
  }
}
@media screen and (max-width: 398px) {
  #universaldesign #Contents, #community #Contents, #disaster #Contents {
    padding: 0;
  }
}
#universaldesign .title, #community .title, #disaster .title {
  /*@include spc{
  	margin-right:-15px;
  	margin-left:-15px;
  }*/
}
@media screen and (max-width: 398px) {
  #universaldesign .title, #community .title, #disaster .title {
    width: 94.98747%;
    margin: 0 auto;
  }
}
#universaldesign .title-inner, #community .title-inner, #disaster .title-inner {
  background: #E7F2F9;
  border-top: 5px solid #529FD5;
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #universaldesign .title-inner, #community .title-inner, #disaster .title-inner {
    width: 100%;
  }
}
#universaldesign .title-inner img, #community .title-inner img, #disaster .title-inner img {
  padding-left: 28px;
  padding-top: 21px;
  padding-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #universaldesign .title-inner img, #community .title-inner img, #disaster .title-inner img {
    width: 82% !important;
    padding-left: 2.6% !important;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .title-inner img, #community .title-inner img, #disaster .title-inner img {
    padding-top: 10px;
    padding-bottom: 12px;
  }
}
#universaldesign .title-inner ul li, #community .title-inner ul li, #disaster .title-inner ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #universaldesign .title-inner ul li, #community .title-inner ul li, #disaster .title-inner ul li {
    width: 100%;
  }
}
#universaldesign .title-inner ul li:nth-child(2), #community .title-inner ul li:nth-child(2), #disaster .title-inner ul li:nth-child(2) {
  width: 714px;
  font-size: 13.5px;
  vertical-align: top;
  padding-top: 68px;
  padding-left: 31px;
}
@media screen and (max-width: 994px) {
  #universaldesign .title-inner ul li:nth-child(2), #community .title-inner ul li:nth-child(2), #disaster .title-inner ul li:nth-child(2) {
    width: 66%;
    padding-bottom: 20px;
    padding-left: 3.31551%;
  }
}
@media screen and (max-width: 768px) {
  #universaldesign .title-inner ul li:nth-child(2), #community .title-inner ul li:nth-child(2), #disaster .title-inner ul li:nth-child(2) {
    width: 94.98747%;
    padding-left: 2.50627%;
    padding-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .title-inner ul li:nth-child(2), #community .title-inner ul li:nth-child(2), #disaster .title-inner ul li:nth-child(2) {
    font-size: 12px;
  }
}
#universaldesign .article, #community .article, #disaster .article {
  width: 965px;
  margin: 0 auto;
}
#universaldesign .article a, #community .article a, #disaster .article a {
  color: #333;
}
#universaldesign .article a:hover, #community .article a:hover, #disaster .article a:hover {
  color: #B1000E !important;
}
@media screen and (max-width: 994px) {
  #universaldesign .article, #community .article, #disaster .article {
    width: 100%;
  }
}
@media screen and (max-width: 398px) {
  #universaldesign .article, #community .article, #disaster .article {
    width: 94.23559%;
  }
}
#universaldesign .article .sub-title, #community .article .sub-title, #disaster .article .sub-title {
  margin-top: 36px;
  color: #137cc6;
  font-size: 25px;
  font-weight: 700;
  position: relative;
}
#universaldesign .article .sub-title:after, #community .article .sub-title:after, #disaster .article .sub-title:after {
  content: "";
  width: 100%;
  height: 1px;
  background: url(/sustainability/sc/education/next-generation/img/border.png) no-repeat left;
  position: absolute;
  top: 100%;
  left: 0;
}
@media screen and (max-width: 768px) {
  #universaldesign .article .sub-title, #community .article .sub-title, #disaster .article .sub-title {
    font-size: 25px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .article .sub-title, #community .article .sub-title, #disaster .article .sub-title {
    font-size: 22px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 398px) {
  #universaldesign .article .sub-title, #community .article .sub-title, #disaster .article .sub-title {
    font-size: 18px;
    margin-top: 12px;
  }
}
#universaldesign .article ul, #community .article ul, #disaster .article ul {
  margin-top: 25px;
  margin-bottom: 86px;
}
@media screen and (max-width: 768px) {
  #universaldesign .article ul, #community .article ul, #disaster .article ul {
    margin-bottom: 60px;
    display: table;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .article ul, #community .article ul, #disaster .article ul {
    margin-top: 10px;
    margin-bottom: 40px;
    display: block;
    text-align: center;
  }
}
#universaldesign .article ul > *:first-child + *, #community .article ul > *:first-child + *, #disaster .article ul > *:first-child + * {
  width: 561px;
  font-size: 14px;
}
@media screen and (max-width: 994px) {
  #universaldesign .article ul > *:first-child + *, #community .article ul > *:first-child + *, #disaster .article ul > *:first-child + * {
    width: 57.51295%;
  }
}
@media screen and (max-width: 768px) {
  #universaldesign .article ul > *:first-child + *, #community .article ul > *:first-child + *, #disaster .article ul > *:first-child + * {
    width: auto;
    padding-left: 1%;
    display: table-cell;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .article ul > *:first-child + *, #community .article ul > *:first-child + *, #disaster .article ul > *:first-child + * {
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.7;
    display: inline-block;
  }
}
#universaldesign .article ul li, #community .article ul li, #disaster .article ul li {
  display: inline-block;
  text-align: left;
}
#universaldesign .article ul li:first-child, #community .article ul li:first-child, #disaster .article ul li:first-child {
  width: 398px;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  #universaldesign .article ul li:first-child, #community .article ul li:first-child, #disaster .article ul li:first-child {
    padding-right: 10px;
  }
}
@media screen and (max-width: 994px) {
  #universaldesign .article ul li:first-child, #community .article ul li:first-child, #disaster .article ul li:first-child {
    width: 41.24352%;
  }
  #universaldesign .article ul li:first-child img, #community .article ul li:first-child img, #disaster .article ul li:first-child img {
    width: 95.47739%;
  }
}
@media screen and (max-width: 768px) {
  #universaldesign .article ul li:first-child, #community .article ul li:first-child, #disaster .article ul li:first-child {
    width: auto;
    display: table-cell;
  }
  #universaldesign .article ul li:first-child img, #community .article ul li:first-child img, #disaster .article ul li:first-child img {
    width: 302px;
    max-width: none;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .article ul li:first-child, #community .article ul li:first-child, #disaster .article ul li:first-child {
    display: inline-block;
    padding-right: 0;
  }
}
#universaldesign .article ul li:nth-child(2), #community .article ul li:nth-child(2), #disaster .article ul li:nth-child(2) {
  width: 561px;
  font-size: 14px;
}
@media screen and (max-width: 994px) {
  #universaldesign .article ul li:nth-child(2), #community .article ul li:nth-child(2), #disaster .article ul li:nth-child(2) {
    width: 57.51295%;
  }
}
@media screen and (max-width: 768px) {
  #universaldesign .article ul li:nth-child(2), #community .article ul li:nth-child(2), #disaster .article ul li:nth-child(2) {
    width: auto;
    padding-left: 1%;
    display: table-cell;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .article ul li:nth-child(2), #community .article ul li:nth-child(2), #disaster .article ul li:nth-child(2) {
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.7;
    display: inline-block;
  }
}

.science, #community, #disaster {
  min-width: 320px;
}
.science table, #community table, #disaster table {
  box-sizing: border-box;
  max-width: 965px;
}
@media screen and (max-width: 578px) {
  .science table, #community table, #disaster table {
    display: block;
    border: none;
  }
}
.science table tbody, #community table tbody, #disaster table tbody {
  box-sizing: border-box;
}
@media screen and (max-width: 578px) {
  .science table tbody, #community table tbody, #disaster table tbody {
    display: block;
  }
}
.science table tbody .table-adj-1, #community table tbody .table-adj-1, #disaster table tbody .table-adj-1 {
  width: 20%;
}
@media screen and (max-width: 578px) {
  .science table tbody .table-adj-1, #community table tbody .table-adj-1, #disaster table tbody .table-adj-1 {
    width: 100%;
  }
}
.science table tbody .table-adj-2, #community table tbody .table-adj-2, #disaster table tbody .table-adj-2 {
  width: 20%;
}
@media screen and (max-width: 578px) {
  .science table tbody .table-adj-2, #community table tbody .table-adj-2, #disaster table tbody .table-adj-2 {
    width: 100%;
  }
}
.science table tbody .table-adj-3, #community table tbody .table-adj-3, #disaster table tbody .table-adj-3 {
  width: 30%;
}
@media screen and (max-width: 578px) {
  .science table tbody .table-adj-3, #community table tbody .table-adj-3, #disaster table tbody .table-adj-3 {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  .science table tbody .table-adj-4, #community table tbody .table-adj-4, #disaster table tbody .table-adj-4 {
    border-bottom: none;
    padding-bottom: 0 !important;
  }
}
.science table tbody tr, #community table tbody tr, #disaster table tbody tr {
  box-sizing: border-box;
}
@media screen and (max-width: 578px) {
  .science table tbody tr, #community table tbody tr, #disaster table tbody tr {
    display: block;
  }
}
.science table tbody tr th, #community table tbody tr th, #disaster table tbody tr th {
  text-align: center;
  padding: 10px 0;
  color: #fff;
  background: #137CC6;
  border: solid 1px #B8D7EE;
}
@media screen and (max-width: 578px) {
  .science table tbody tr th, #community table tbody tr th, #disaster table tbody tr th {
    display: none;
    width: 100%;
  }
}
.science table tbody tr td, #community table tbody tr td, #disaster table tbody tr td {
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
  border: solid 1px #B8D7EE;
}
.science table tbody tr td p, #community table tbody tr td p, #disaster table tbody tr td p {
  width: 100px;
}
.science table tbody tr td.detail, #community table tbody tr td.detail, #disaster table tbody tr td.detail {
  text-align: left;
  padding: 10px 15px;
}
.science table tbody tr td span, #community table tbody tr td span, #disaster table tbody tr td span {
  font-weight: bold;
}
.science table tbody tr td em, #community table tbody tr td em, #disaster table tbody tr td em {
  display: none;
}
@media screen and (max-width: 578px) {
  .science table tbody tr td, #community table tbody tr td, #disaster table tbody tr td {
    display: block;
    background: #137CC6;
    color: #fff;
    border-top: none;
  }
  .science table tbody tr td em, #community table tbody tr td em, #disaster table tbody tr td em {
    display: inline-block;
  }
  .science table tbody tr td.detail, #community table tbody tr td.detail, #disaster table tbody tr td.detail {
    background: #fff;
    color: #000;
  }
}
.science .article, #community .article, #disaster .article {
  /*.sub-title{
  	@include sp{
  		font-size:18px !important;
  	}
  }*/
}
.science .article a, #community .article a, #disaster .article a {
  color: #333 !important;
}
.science .article a:hover, #community .article a:hover, #disaster .article a:hover {
  color: #B1000E !important;
}
.science .article ul#sciense-article, #community .article ul#sciense-article, #disaster .article ul#sciense-article {
  margin-bottom: 35px;
}
.science .article .article-p, #community .article .article-p, #disaster .article .article-p {
  font-size: 14px;
  margin-top: 30px;
}
@media screen and (max-width: 578px) {
  .science .article .article-p, #community .article .article-p, #disaster .article .article-p {
    margin-top: 10px;
  }
}
.science .article .adj-s, #community .article .adj-s, #disaster .article .adj-s {
  font-size: 83%;
  margin-top: 20px;
}
.science .article .sub-sub-title, #community .article .sub-sub-title, #disaster .article .sub-sub-title {
  color: #137cc6;
  font-size: 22px;
  font-weight: 700;
  margin-top: 36px;
}
@media screen and (max-width: 578px) {
  .science .article .sub-sub-title, #community .article .sub-sub-title, #disaster .article .sub-sub-title {
    font-size: 14px;
  }
}
.science .article .table-2 tr:nth-child(odd), #community .article .table-2 tr:nth-child(odd), #disaster .article .table-2 tr:nth-child(odd) {
  background-color: #F3F8FC;
}
@media screen and (max-width: 578px) {
  .science .article .table-2 tr:nth-child(odd), #community .article .table-2 tr:nth-child(odd), #disaster .article .table-2 tr:nth-child(odd) {
    background: #fff;
  }
}
.science .article .table-2 tr:nth-child(odd) td, #community .article .table-2 tr:nth-child(odd) td, #disaster .article .table-2 tr:nth-child(odd) td {
  background-color: #F3F8FC;
}
@media screen and (max-width: 578px) {
  .science .article .table-2 tr:nth-child(odd) td, #community .article .table-2 tr:nth-child(odd) td, #disaster .article .table-2 tr:nth-child(odd) td {
    background: #fff;
  }
}
@media screen and (max-width: 578px) {
  .science .article .table-2 .date, #community .article .table-2 .date, #disaster .article .table-2 .date {
    background: #137CC6 !important;
    color: #fff;
    text-align: center;
  }
}
.science .article #voice, #community .article #voice, #disaster .article #voice {
  margin-top: 26px;
  background: #F3F8FC;
  border-radius: 10px;
}
@media screen and (max-width: 578px) {
  .science .article #voice, #community .article #voice, #disaster .article #voice {
    position: relative;
  }
}
.science .article #voice > ul, #community .article #voice > ul, #disaster .article #voice > ul {
  font-size: 0;
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul, #community .article #voice > ul, #disaster .article #voice > ul {
    text-align: left;
  }
}
.science .article #voice > ul > *:first-child + *, #community .article #voice > ul > *:first-child + *, #disaster .article #voice > ul > *:first-child + * {
  width: 236px;
  font-size: 12px;
  padding-left: 20px;
  vertical-align: top;
  padding-top: 40px;
  padding-bottom: 10px;
  padding-right: 10px;
  margin-top: 12px;
  line-height: 1.8;
  border-right: 1px solid #83BAE1;
}
.science .article #voice > ul > *:first-child + * span, #community .article #voice > ul > *:first-child + * span, #disaster .article #voice > ul > *:first-child + * span {
  font-size: 21px;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > *:first-child + *, #community .article #voice > ul > *:first-child + *, #disaster .article #voice > ul > *:first-child + * {
    width: 24.45596%;
    font-size: 11px;
    padding-left: 2.07254%;
    padding-top: 4.14508%;
    padding-bottom: 1.03627%;
    padding-right: 1.03627%;
    margin-top: 1.24352%;
  }
  .science .article #voice > ul > *:first-child + * span, #community .article #voice > ul > *:first-child + * span, #disaster .article #voice > ul > *:first-child + * span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > *:first-child + *, #community .article #voice > ul > *:first-child + *, #disaster .article #voice > ul > *:first-child + * {
    display: inline-block;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > *:first-child + *, #community .article #voice > ul > *:first-child + *, #disaster .article #voice > ul > *:first-child + * {
    width: 58%;
    border-right: none;
    font-size: 10px;
    padding-top: 10%;
  }
  .science .article #voice > ul > *:first-child + * span, #community .article #voice > ul > *:first-child + * span, #disaster .article #voice > ul > *:first-child + * span {
    font-size: 15px;
  }
}
.science .article #voice > ul > *:first-child + * + *, #community .article #voice > ul > *:first-child + * + *, #disaster .article #voice > ul > *:first-child + * + * {
  width: 59.2%;
  padding-left: 2.38342%;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > *:first-child + * + *, #community .article #voice > ul > *:first-child + * + *, #disaster .article #voice > ul > *:first-child + * + * {
    width: 54.2%;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > *:first-child + * + *, #community .article #voice > ul > *:first-child + * + *, #disaster .article #voice > ul > *:first-child + * + * {
    display: inline-block;
    width: 47.4%;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > *:first-child + * + *, #community .article #voice > ul > *:first-child + * + *, #disaster .article #voice > ul > *:first-child + * + * {
    width: 100%;
  }
  .science .article #voice > ul > *:first-child + * + * p, #community .article #voice > ul > *:first-child + * + * p, #disaster .article #voice > ul > *:first-child + * + * p {
    padding-top: 0 !important;
    padding-bottom: 3%;
  }
}
.science .article #voice > ul > *:first-child + * + * > ul, #community .article #voice > ul > *:first-child + * + * > ul, #disaster .article #voice > ul > *:first-child + * + * > ul {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > *:first-child + * + * > ul, #community .article #voice > ul > *:first-child + * + * > ul, #disaster .article #voice > ul > *:first-child + * + * > ul {
    display: inline-block;
  }
}
.science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) {
  width: 100%;
  text-align: right;
}
.science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img, #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img, #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img {
  padding-right: 1.55709%;
  padding-top: 1.55709%;
  width: 28.89273%;
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) {
    display: inline-block;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1), #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) {
    position: absolute;
    top: 2%;
    right: 0;
    width: 70%;
  }
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img, #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img, #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(1) img {
    width: 50%;
    padding-top: 5px;
  }
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2), #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2), #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2), #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2), #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) {
    display: inline-block;
  }
}
.science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p, #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p, #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p {
  width: 93%;
  padding-top: 12px;
  line-height: 1.8;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p, #community .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p, #disaster .article #voice > ul > *:first-child + * + * > ul > li:nth-child(2) p {
    font-size: 13px;
    width: 100%;
  }
}
.science .article #voice > ul > li, #community .article #voice > ul > li, #disaster .article #voice > ul > li {
  box-sizing: border-box;
}
.science .article #voice > ul > li img, #community .article #voice > ul > li img, #disaster .article #voice > ul > li img {
  border-radius: 10px;
}
.science .article #voice > ul > li:first-child, #community .article #voice > ul > li:first-child, #disaster .article #voice > ul > li:first-child {
  width: 150px !important;
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:first-child, #community .article #voice > ul > li:first-child, #disaster .article #voice > ul > li:first-child {
    display: inline-block;
  }
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:first-child, #community .article #voice > ul > li:first-child, #disaster .article #voice > ul > li:first-child {
    width: 150px !important;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > li:first-child, #community .article #voice > ul > li:first-child, #disaster .article #voice > ul > li:first-child {
    width: 42% !important;
  }
}
.science .article #voice > ul > li:first-child img, #community .article #voice > ul > li:first-child img, #disaster .article #voice > ul > li:first-child img {
  width: 100% !important;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:first-child img, #community .article #voice > ul > li:first-child img, #disaster .article #voice > ul > li:first-child img {
    width: 100% !important;
  }
}
.science .article #voice > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(2) {
  width: 236px;
  font-size: 12px;
  padding-left: 20px;
  vertical-align: top;
  padding-top: 40px;
  padding-bottom: 10px;
  padding-right: 10px;
  margin-top: 12px;
  line-height: 1.8;
  border-right: 1px solid #83BAE1;
}
.science .article #voice > ul > li:nth-child(2) span, #community .article #voice > ul > li:nth-child(2) span, #disaster .article #voice > ul > li:nth-child(2) span {
  font-size: 21px;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(2) {
    width: 24.45596%;
    font-size: 11px;
    padding-left: 2.07254%;
    padding-top: 4.14508%;
    padding-bottom: 1.03627%;
    padding-right: 1.03627%;
    margin-top: 1.24352%;
  }
  .science .article #voice > ul > li:nth-child(2) span, #community .article #voice > ul > li:nth-child(2) span, #disaster .article #voice > ul > li:nth-child(2) span {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(2) {
    display: inline-block;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(2) {
    width: 58%;
    border-right: none;
    font-size: 10px;
    padding-top: 10%;
  }
  .science .article #voice > ul > li:nth-child(2) span, #community .article #voice > ul > li:nth-child(2) span, #disaster .article #voice > ul > li:nth-child(2) span {
    font-size: 15px;
  }
}
.science .article #voice > ul > li:nth-child(3), #community .article #voice > ul > li:nth-child(3), #disaster .article #voice > ul > li:nth-child(3) {
  width: 59.2%;
  padding-left: 2.38342%;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:nth-child(3), #community .article #voice > ul > li:nth-child(3), #disaster .article #voice > ul > li:nth-child(3) {
    width: 54.2%;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:nth-child(3), #community .article #voice > ul > li:nth-child(3), #disaster .article #voice > ul > li:nth-child(3) {
    display: inline-block;
    width: 47.4%;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > li:nth-child(3), #community .article #voice > ul > li:nth-child(3), #disaster .article #voice > ul > li:nth-child(3) {
    width: 100%;
  }
  .science .article #voice > ul > li:nth-child(3) p, #community .article #voice > ul > li:nth-child(3) p, #disaster .article #voice > ul > li:nth-child(3) p {
    padding-top: 0 !important;
    padding-bottom: 3%;
  }
}
.science .article #voice > ul > li:nth-child(3) > ul, #community .article #voice > ul > li:nth-child(3) > ul, #disaster .article #voice > ul > li:nth-child(3) > ul {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:nth-child(3) > ul, #community .article #voice > ul > li:nth-child(3) > ul, #disaster .article #voice > ul > li:nth-child(3) > ul {
    display: inline-block;
  }
}
.science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) {
  width: 100%;
  text-align: right;
}
.science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img, #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img, #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img {
  padding-right: 1.55709%;
  padding-top: 1.55709%;
  width: 28.89273%;
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) {
    display: inline-block;
  }
}
@media screen and (max-width: 578px) {
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1), #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) {
    position: absolute;
    top: 2%;
    right: 0;
    width: 70%;
  }
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img, #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img, #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(1) img {
    width: 50%;
    padding-top: 5px;
  }
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2), #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2), #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) {
    display: inline-block;
  }
}
.science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p, #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p, #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p {
  width: 93%;
  padding-top: 12px;
  line-height: 1.8;
}
@media screen and (max-width: 994px) {
  .science .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p, #community .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p, #disaster .article #voice > ul > li:nth-child(3) > ul > li:nth-child(2) p {
    font-size: 13px;
    width: 100%;
  }
}
.science .article .article-2 ul, #community .article .article-2 ul, #disaster .article .article-2 ul {
  border-bottom: 1px solid #D0E5F4;
  padding-bottom: 25px;
}
.science .article .article-2 ul li:nth-child(1), #community .article .article-2 ul li:nth-child(1), #disaster .article .article-2 ul li:nth-child(1) {
  width: 304px !important;
  /*@include ssp{
  	width: 100% !important;
  	text-align:center !important;
  	img{
  		width:279px !important;
  	}
  }*/
}
@media screen and (max-width: 994px) {
  .science .article .article-2 ul li:nth-child(1), #community .article .article-2 ul li:nth-child(1), #disaster .article .article-2 ul li:nth-child(1) {
    width: 30.5% !important;
  }
  .science .article .article-2 ul li:nth-child(1) img, #community .article .article-2 ul li:nth-child(1) img, #disaster .article .article-2 ul li:nth-child(1) img {
    width: 95% !important;
  }
}
@media screen and (max-width: 768px) {
  .science .article .article-2 ul li:nth-child(1), #community .article .article-2 ul li:nth-child(1), #disaster .article .article-2 ul li:nth-child(1) {
    width: 100%;
  }
  .science .article .article-2 ul li:nth-child(1) img, #community .article .article-2 ul li:nth-child(1) img, #disaster .article .article-2 ul li:nth-child(1) img {
    width: 279px !important;
  }
}
@media screen and (max-width: 578px) {
  .science .article .article-2 ul li:nth-child(1), #community .article .article-2 ul li:nth-child(1), #disaster .article .article-2 ul li:nth-child(1) {
    width: 100% !important;
    text-align: center !important;
  }
  .science .article .article-2 ul li:nth-child(1) img, #community .article .article-2 ul li:nth-child(1) img, #disaster .article .article-2 ul li:nth-child(1) img {
    width: 279px !important;
  }
}
.science .article .article-2 ul li:nth-child(2), #community .article .article-2 ul li:nth-child(2), #disaster .article .article-2 ul li:nth-child(2) {
  width: 655px !important;
}
@media screen and (max-width: 994px) {
  .science .article .article-2 ul li:nth-child(2), #community .article .article-2 ul li:nth-child(2), #disaster .article .article-2 ul li:nth-child(2) {
    width: 67.87565% !important;
  }
}
@media screen and (max-width: 578px) {
  .science .article .article-2 ul li:nth-child(2), #community .article .article-2 ul li:nth-child(2), #disaster .article .article-2 ul li:nth-child(2) {
    width: 100% !important;
  }
}
.science .article .article-2 ul li dl dt, #community .article .article-2 ul li dl dt, #disaster .article .article-2 ul li dl dt {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 578px) {
  .science .article .article-2 ul li dl dt, #community .article .article-2 ul li dl dt, #disaster .article .article-2 ul li dl dt {
    font-size: 14px;
  }
}
.science .article .article-2 ul li dl dd, #community .article .article-2 ul li dl dd, #disaster .article .article-2 ul li dl dd {
  font-size: 14px;
}
@media screen and (max-width: 578px) {
  .science .article .article-2 ul li dl dd, #community .article .article-2 ul li dl dd, #disaster .article .article-2 ul li dl dd {
    font-size: 12px;
  }
}
.science .bgblue, #community .bgblue, #disaster .bgblue {
  background: #F3F8FC;
}
@media screen and (max-width: 578px) {
  .science .bgblue, #community .bgblue, #disaster .bgblue {
    background: #137CC6;
  }
}
.science .adjul ul, #community .adjul ul, #disaster .adjul ul {
  margin-bottom: 26px !important;
}

#education, #index-2, #environment {
  /*#TopicPath{
  	@include tab{
  		display:none;
  	}
  }*/
  	/*div.slide{
  		max-width: 965px;
  		margin: 0 auto;
  		overflow: hidden;
  		position: relative;
  	}
  	div.slide ul{
  		float: left;
  		display: inline-block;
  		height: 263px;
  		overflow: hidden;
  	}
  
  	div.slide ul li{
  		float: left;
  		width: 173px;
  		box-sizing: border-box;
  		margin-left: 8px;
  	}
  
  	div.slide ul img{
  		width: 100%;
  	}
  
  	div.slide ul li dl{
  		border: #CECCCD 1px solid;
  		box-sizing: border-box;
  		padding: 17px 15px;
  		height: 123px;
  	}
  
  	div.slide .rightBtn,
  	div.slide .leftBtn
  	{
  		display: inline;
  		position: relative;
  		z-index: 999;
  	}
  
  	div.slide .rightBtn {
  		margin-left: 8px;
  	}
  	#slide_area {
  		float: left;
  		position: absolute;
  		margin: 0 20px;
  	}
  
  	.slide-btn img {
  		opacity: 1;
  	}
  
  	.slide-btn img[disabled] {
  		cursor: default;
  	}*/
}
@media screen and (max-width: 398px) {
  #education #Contents, #index-2 #Contents, #environment #Contents {
    padding: 0;
  }
}
#education .main_title, #index-2 .main_title, #environment .main_title {
  background: #E7F2F9;
  border-top: 5px solid #529FD5;
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #education .main_title, #index-2 .main_title, #environment .main_title {
    width: 100%;
  }
}
@media screen and (max-width: 398px) {
  #education .main_title, #index-2 .main_title, #environment .main_title {
    width: 94.98747%;
  }
}
#education .main_title img, #index-2 .main_title img, #environment .main_title img {
  padding-left: 28px;
  padding-top: 21px;
  padding-bottom: 26px;
}
@media screen and (max-width: 768px) {
  #education .main_title img, #index-2 .main_title img, #environment .main_title img {
    width: 32.58145%;
    padding-left: 2.50627%;
  }
}
@media screen and (max-width: 578px) {
  #education .main_title img, #index-2 .main_title img, #environment .main_title img {
    padding-top: 10px;
    padding-bottom: 13px;
  }
}
#education .main_title ul > *:first-child + *, #index-2 .main_title ul > *:first-child + *, #environment .main_title ul > *:first-child + * {
  width: 714px;
  font-size: 13.5px;
  vertical-align: top;
  padding-top: 68px;
  padding-left: 0;
}
@media screen and (max-width: 994px) {
  #education .main_title ul > *:first-child + *, #index-2 .main_title ul > *:first-child + *, #environment .main_title ul > *:first-child + * {
    width: 66%;
    padding-bottom: 20px;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #education .main_title ul > *:first-child + *, #index-2 .main_title ul > *:first-child + *, #environment .main_title ul > *:first-child + * {
    width: 94.98747%;
    padding-left: 2.50627%;
    padding-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 578px) {
  #education .main_title ul > *:first-child + *, #index-2 .main_title ul > *:first-child + *, #environment .main_title ul > *:first-child + * {
    font-size: 12px;
  }
}
#education .main_title ul li, #index-2 .main_title ul li, #environment .main_title ul li {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #education .main_title ul li, #index-2 .main_title ul li, #environment .main_title ul li {
    width: 100%;
  }
}
#education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
  width: 714px;
  font-size: 13.5px;
  vertical-align: top;
  padding-top: 68px;
  padding-left: 0;
}
@media screen and (max-width: 994px) {
  #education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
    width: 66%;
    padding-bottom: 20px;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  #education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
    width: 94.98747%;
    padding-left: 2.50627%;
    padding-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 578px) {
  #education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
    font-size: 12px;
  }
}
#education .article, #index-2 .article, #environment .article {
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #education .article, #index-2 .article, #environment .article {
    width: 100%;
  }
}
@media screen and (max-width: 398px) {
  #education .article, #index-2 .article, #environment .article {
    width: 94.98747%;
  }
}
@media screen and (max-width: 768px) {
  #education .article img, #index-2 .article img, #environment .article img {
    width: 100%;
  }
}
#education .article .sub-title, #index-2 .article .sub-title, #environment .article .sub-title {
  margin-top: 36px;
  color: #137cc6;
  font-size: 25px;
  font-weight: 700;
  position: relative;
}
#education .article .sub-title:after, #index-2 .article .sub-title:after, #environment .article .sub-title:after {
  content: "";
  width: 100%;
  height: 1px;
  background: url(/sustainability/sc/education/next-generation/img/border.png) no-repeat left;
  position: absolute;
  top: 100%;
  left: 0;
}
@media screen and (max-width: 768px) {
  #education .article .sub-title, #index-2 .article .sub-title, #environment .article .sub-title {
    font-size: 25px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 578px) {
  #education .article .sub-title, #index-2 .article .sub-title, #environment .article .sub-title {
    font-size: 22px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 398px) {
  #education .article .sub-title, #index-2 .article .sub-title, #environment .article .sub-title {
    font-size: 18px;
    margin-top: 12px;
  }
}
#education .article ul, #index-2 .article ul, #environment .article ul {
  margin-top: -43px;
}
@media screen and (max-width: 578px) {
  #education .article ul, #index-2 .article ul, #environment .article ul {
    width: 304px;
    margin: -43px auto 0;
  }
}
#education .article ul > *:first-child + *, #index-2 .article ul > *:first-child + *, #environment .article ul > *:first-child + * {
  margin-right: 0;
}
#education .article ul li, #index-2 .article ul li, #environment .article ul li {
  float: left;
  width: 441px;
  margin-right: 82px;
  margin-top: 71px;
}
#education .article ul li:nth-child(2), #index-2 .article ul li:nth-child(2), #environment .article ul li:nth-child(2) {
  margin-right: 0;
}
#education .article ul li dl dt, #index-2 .article ul li dl dt, #environment .article ul li dl dt {
  color: #137cc6;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 19px;
}
@media screen and (max-width: 768px) {
  #education .article ul li dl dt, #index-2 .article ul li dl dt, #environment .article ul li dl dt {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #education .article ul li dl dt img, #index-2 .article ul li dl dt img, #environment .article ul li dl dt img {
    width: 80%;
  }
}
#education .article ul li dl dd, #index-2 .article ul li dl dd, #environment .article ul li dl dd {
  margin-top: 14px;
  height: 50px;
  font-size: 90%;
}
@media screen and (max-width: 768px) {
  #education .article ul li dl dd img, #index-2 .article ul li dl dd img, #environment .article ul li dl dd img {
    width: auto;
  }
}
@media screen and (max-width: 994px) {
  #education .article ul li, #index-2 .article ul li, #environment .article ul li {
    width: 45.69948%;
    margin-right: 8.49741%;
  }
  #education .article ul li dl dt, #index-2 .article ul li dl dt, #environment .article ul li dl dt {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  #education .article ul li dl dt, #index-2 .article ul li dl dt, #environment .article ul li dl dt {
    line-height: 1.2;
    font-size: 26px;
  }
  #education .article ul li dl dd, #index-2 .article ul li dl dd, #environment .article ul li dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 578px) {
  #education .article ul li, #index-2 .article ul li, #environment .article ul li {
    width: 100%;
    margin-top: 55px;
  }
  #education .article ul li dl dt, #index-2 .article ul li dl dt, #environment .article ul li dl dt {
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: -9px;
  }
  #education .article ul li dl dd, #index-2 .article ul li dl dd, #environment .article ul li dl dd {
    font-size: 12px;
    height: 30px;
  }
}
#education .slide, #index-2 .slide, #environment .slide {
  max-width: 963px;
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #education .slide, #index-2 .slide, #environment .slide {
    width: 601px;
  }
}
@media screen and (max-width: 660px) {
  #education .slide, #index-2 .slide, #environment .slide {
    width: 444px;
  }
}
@media screen and (max-width: 578px) {
  #education .slide, #index-2 .slide, #environment .slide {
    padding-top: 28px;
    width: 263px;
  }
}
#education .slide .title, #index-2 .slide .title, #environment .slide .title {
  color: #fe7d27;
  font-size: 26px;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 578px) {
  #education .slide .title, #index-2 .slide .title, #environment .slide .title {
    font-size: 18px;
  }
}
#education .slide a, #index-2 .slide a, #environment .slide a {
  text-decoration: none;
  color: #000;
}
#education .slide ul, #index-2 .slide ul, #environment .slide ul {
  float: left;
  display: inline-block;
  height: 263px;
  overflow: hidden;
}
#education .slide ul img, #index-2 .slide ul img, #environment .slide ul img {
  width: 100%;
}
#education .slide ul li, #index-2 .slide ul li, #environment .slide ul li {
  float: left;
  width: 173px;
  box-sizing: border-box;
  margin-left: 8px;
}
#education .slide ul li.bl-hover dl, #index-2 .slide ul li.bl-hover dl, #environment .slide ul li.bl-hover dl {
  background: #f2f0f2;
}
#education .slide ul li.bl-hover img, #index-2 .slide ul li.bl-hover img, #environment .slide ul li.bl-hover img {
  opacity: 0.5;
}
#education .slide ul li a, #index-2 .slide ul li a, #environment .slide ul li a {
  display: block;
  height: 138px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #education .slide ul li:hover dl, #index-2 .slide ul li:hover dl, #environment .slide ul li:hover dl {
    background: #fff;
  }
  #education .slide ul li:hover img, #index-2 .slide ul li:hover img, #environment .slide ul li:hover img {
    opacity: 1;
  }
}
#education .slide ul li dl, #index-2 .slide ul li dl, #environment .slide ul li dl {
  border: #CECCCD 1px solid;
  box-sizing: border-box;
  padding: 17px 15px;
  height: 123px;
}
#education .slide ul li dl:hover, #index-2 .slide ul li dl:hover, #environment .slide ul li dl:hover {
  cursor: pointer;
}
#education .slide ul li dl dt, #index-2 .slide ul li dl dt, #environment .slide ul li dl dt {
  font-size: 12px;
  text-align: left;
}
#education .slide ul li dl dd, #index-2 .slide ul li dl dd, #environment .slide ul li dl dd {
  font-size: 14px;
  text-align: left;
}
#education .slide ul li dl dd p, #index-2 .slide ul li dl dd p, #environment .slide ul li dl dd p {
  line-height: 1.5;
}
#education .slide .rightBtn, #index-2 .slide .rightBtn, #environment .slide .rightBtn, #education .slide .leftBtn, #index-2 .slide .leftBtn, #environment .slide .leftBtn {
  display: inline;
  position: relative;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
#education .slide .rightBtn img, #index-2 .slide .rightBtn img, #environment .slide .rightBtn img, #education .slide .leftBtn img, #index-2 .slide .leftBtn img, #environment .slide .leftBtn img {
  opacity: 0.5;
}
#education .slide .rightBtn img:hover, #index-2 .slide .rightBtn img:hover, #environment .slide .rightBtn img:hover, #education .slide .leftBtn img:hover, #index-2 .slide .leftBtn img:hover, #environment .slide .leftBtn img:hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #education .slide .rightBtn img:hover, #index-2 .slide .rightBtn img:hover, #environment .slide .rightBtn img:hover, #education .slide .leftBtn img:hover, #index-2 .slide .leftBtn img:hover, #environment .slide .leftBtn img:hover {
    opacity: 0.5;
  }
  #education .slide .rightBtn img.hover, #index-2 .slide .rightBtn img.hover, #environment .slide .rightBtn img.hover, #education .slide .leftBtn img.hover, #index-2 .slide .leftBtn img.hover, #environment .slide .leftBtn img.hover {
    opacity: 1;
  }
}
#education .slide .leftBtn, #index-2 .slide .leftBtn, #environment .slide .leftBtn {
  padding-right: 8px;
}
@media screen and (max-width: 660px) {
  #education .slide .leftBtn, #index-2 .slide .leftBtn, #environment .slide .leftBtn {
    padding-right: 20px;
  }
}
#education .slide .rightBtn, #index-2 .slide .rightBtn, #environment .slide .rightBtn {
  padding-left: 8px;
}
@media screen and (max-width: 660px) {
  #education .slide .rightBtn, #index-2 .slide .rightBtn, #environment .slide .rightBtn {
    padding-left: 20px;
  }
}
#education .slide #slide_area, #index-2 .slide #slide_area, #environment .slide #slide_area {
  float: left;
  position: absolute;
  margin: 0 25px;
}
@media screen and (max-width: 660px) {
  #education .slide #slide_area, #index-2 .slide #slide_area, #environment .slide #slide_area {
    margin: 0 25px 0 37px;
  }
}
#education .slide .slide-btn img[disabled], #index-2 .slide .slide-btn img[disabled], #environment .slide .slide-btn img[disabled] {
  cursor: default;
}
#education .conts-1-Btn, #index-2 .conts-1-Btn, #environment .conts-1-Btn, #education #top-page .conts-1-Btn-2, #top-page #education .conts-1-Btn-2, #index-2 #top-page .conts-1-Btn-2, #top-page #index-2 .conts-1-Btn-2, #environment #top-page .conts-1-Btn-2, #top-page #environment .conts-1-Btn-2 {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 71px;
  position: relative;
}
#education .conts-1-Btn .def, #index-2 .conts-1-Btn .def, #environment .conts-1-Btn .def, #education #top-page .conts-1-Btn-2 .def, #top-page #education .conts-1-Btn-2 .def, #index-2 #top-page .conts-1-Btn-2 .def, #top-page #index-2 .conts-1-Btn-2 .def, #environment #top-page .conts-1-Btn-2 .def, #top-page #environment .conts-1-Btn-2 .def {
  position: absolute;
  top: 0;
  /*left:50%;
  @include translate(-50%, 0);*/
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#education .conts-1-Btn .def:hover, #index-2 .conts-1-Btn .def:hover, #environment .conts-1-Btn .def:hover, #education #top-page .conts-1-Btn-2 .def:hover, #top-page #education .conts-1-Btn-2 .def:hover, #index-2 #top-page .conts-1-Btn-2 .def:hover, #top-page #index-2 .conts-1-Btn-2 .def:hover, #environment #top-page .conts-1-Btn-2 .def:hover, #top-page #environment .conts-1-Btn-2 .def:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
}
#education .conts-1-Btn .def:hover, #index-2 .conts-1-Btn .def:hover, #environment .conts-1-Btn .def:hover, #education #top-page .conts-1-Btn-2 .def:hover, #top-page #education .conts-1-Btn-2 .def:hover, #index-2 #top-page .conts-1-Btn-2 .def:hover, #top-page #index-2 .conts-1-Btn-2 .def:hover, #environment #top-page .conts-1-Btn-2 .def:hover, #top-page #environment .conts-1-Btn-2 .def:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #education .conts-1-Btn .def:hover, #index-2 .conts-1-Btn .def:hover, #environment .conts-1-Btn .def:hover, #education #top-page .conts-1-Btn-2 .def:hover, #top-page #education .conts-1-Btn-2 .def:hover, #index-2 #top-page .conts-1-Btn-2 .def:hover, #top-page #index-2 .conts-1-Btn-2 .def:hover, #environment #top-page .conts-1-Btn-2 .def:hover, #top-page #environment .conts-1-Btn-2 .def:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #education .conts-1-Btn .def.hover, #index-2 .conts-1-Btn .def.hover, #environment .conts-1-Btn .def.hover, #education #top-page .conts-1-Btn-2 .def.hover, #top-page #education .conts-1-Btn-2 .def.hover, #index-2 #top-page .conts-1-Btn-2 .def.hover, #top-page #index-2 .conts-1-Btn-2 .def.hover, #environment #top-page .conts-1-Btn-2 .def.hover, #top-page #environment .conts-1-Btn-2 .def.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
#education .PageTop, #index-2 .PageTop, #environment .PageTop {
  width: 965px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 994px) {
  #education .PageTop, #index-2 .PageTop, #environment .PageTop {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #education .PageTop, #index-2 .PageTop, #environment .PageTop {
    display: none;
  }
}
#education .conts-3, #index-2 .conts-3, #environment .conts-3 {
  padding-top: 70px;
  margin: 0 auto;
  width: 965px;
}
@media screen and (max-width: 994px) {
  #education .conts-3, #index-2 .conts-3, #environment .conts-3 {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #education .conts-3, #index-2 .conts-3, #environment .conts-3 {
    width: 100%;
    padding-top: 50px;
  }
}
#education .conts-3 .title, #index-2 .conts-3 .title, #environment .conts-3 .title {
  color: #6e6c6c;
  font-size: 21px;
  text-align: center;
  border-bottom: 1px solid #6e6c6c;
  padding-bottom: 8px;
}
@media screen and (max-width: 578px) {
  #education .conts-3 .title, #index-2 .conts-3 .title, #environment .conts-3 .title {
    font-size: 18px;
    padding-bottom: 2px;
    width: 94.98747%;
    margin: 0 auto;
  }
}
#education .conts-3 ul, #index-2 .conts-3 ul, #environment .conts-3 ul {
  margin-top: 20px;
}
@media screen and (max-width: 578px) {
  #education .conts-3 ul, #index-2 .conts-3 ul, #environment .conts-3 ul {
    width: 304px;
    margin: 15px auto 0;
  }
}
#education .conts-3 ul li, #index-2 .conts-3 ul li, #environment .conts-3 ul li {
  float: left;
}
@media screen and (max-width: 578px) {
  #education .conts-3 ul li, #index-2 .conts-3 ul li, #environment .conts-3 ul li {
    width: 100%;
  }
  #education .conts-3 ul li img, #index-2 .conts-3 ul li img, #environment .conts-3 ul li img {
    width: 100%;
  }
}
#education .conts-3 ul li:nth-child(2), #index-2 .conts-3 ul li:nth-child(2), #environment .conts-3 ul li:nth-child(2) {
  width: 200px;
  font-size: 14px;
  margin-left: 14px;
}
@media screen and (max-width: 578px) {
  #education .conts-3 ul li:nth-child(2), #index-2 .conts-3 ul li:nth-child(2), #environment .conts-3 ul li:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 578px) {
  #education .conts-3 ul li:nth-child(2) dl, #index-2 .conts-3 ul li:nth-child(2) dl, #environment .conts-3 ul li:nth-child(2) dl {
    margin-top: 10px;
  }
}
#education .conts-3 ul li:nth-child(2) dl dt, #index-2 .conts-3 ul li:nth-child(2) dl dt, #environment .conts-3 ul li:nth-child(2) dl dt {
  padding-left: 1em;
}
@media screen and (max-width: 578px) {
  #education .conts-3 ul li:nth-child(2) dl dt, #index-2 .conts-3 ul li:nth-child(2) dl dt, #environment .conts-3 ul li:nth-child(2) dl dt {
    padding-left: 0;
  }
}

#index-2 .main_title {
  background-color: #F7EBE6;
  border-top: 5px solid #843501;
}
#index-2 .main_title ul > *:first-child + * {
  width: 687px;
}
@media screen and (max-width: 994px) {
  #index-2 .main_title ul > *:first-child + * {
    width: 62%;
    padding-bottom: 20px;
    padding-left: 3.20856%;
  }
}
@media screen and (max-width: 768px) {
  #index-2 .main_title ul > *:first-child + * {
    width: 94.98747%;
    padding-left: 2.50627%;
    padding-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 578px) {
  #index-2 .main_title ul > *:first-child + * {
    font-size: 12px;
  }
}
#index-2 .main_title ul li:nth-child(2) {
  width: 687px;
}
@media screen and (max-width: 994px) {
  #index-2 .main_title ul li:nth-child(2) {
    width: 62%;
    padding-bottom: 20px;
    padding-left: 3.20856%;
  }
}
@media screen and (max-width: 768px) {
  #index-2 .main_title ul li:nth-child(2) {
    width: 94.98747%;
    padding-left: 2.50627%;
    padding-top: 0;
    font-size: 13px;
  }
}
@media screen and (max-width: 578px) {
  #index-2 .main_title ul li:nth-child(2) {
    font-size: 12px;
  }
}
#index-2 .sub-title {
  color: #843501 !important;
}
@media screen and (max-width: 768px) {
  #index-2 .article img {
    width: 100%;
  }
}
#index-2 .article dl dt {
  color: #843501 !important;
}
@media screen and (max-width: 768px) {
  #index-2 .article dl dt img {
    width: 80%;
  }
}

#community .title-inner, #disaster .title-inner {
  background-color: #F7EBE6;
  border-top: #843501 5px solid;
}
#community .sub-title, #disaster .sub-title {
  color: #843501 !important;
}
@media screen and (max-width: 768px) {
  #community .sub-title.sub-title-adj-1, #disaster .sub-title.sub-title-adj-1 {
    font-size: 19px !important;
  }
}
@media screen and (max-width: 578px) {
  #community .sub-title.sub-title-adj-1, #disaster .sub-title.sub-title-adj-1 {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 398px) {
  #community .sub-title.sub-title-adj-1, #disaster .sub-title.sub-title-adj-1 {
    font-size: 10px !important;
  }
}
#community .article ul, #disaster .article ul {
  margin-bottom: 40px;
}
#community .article a, #disaster .article a {
  color: #333 !important;
}
#community .article a:hover, #disaster .article a:hover {
  color: #B1000E !important;
}
@media screen and (max-width: 768px) {
  #community .article a:hover, #disaster .article a:hover {
    color: #333;
  }
}
#community table, #disaster table {
  box-sizing: border-box;
  table-layout: fixed;
}
#community table .table-adj-1, #disaster table .table-adj-1 {
  width: 20%;
}
@media screen and (max-width: 578px) {
  #community table .table-adj-1, #disaster table .table-adj-1 {
    width: 100%;
  }
}
#community table .table-adj-2, #disaster table .table-adj-2 {
  width: 20%;
}
@media screen and (max-width: 578px) {
  #community table .table-adj-2, #disaster table .table-adj-2 {
    width: 100%;
  }
}
#community table .table-adj-3, #disaster table .table-adj-3 {
  width: 30%;
}
@media screen and (max-width: 578px) {
  #community table .table-adj-3, #disaster table .table-adj-3 {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #community table .table-adj-4, #disaster table .table-adj-4 {
    border-bottom: none;
    padding-bottom: 0 !important;
  }
}
#community table .table-adj-5, #disaster table .table-adj-5 {
  width: 10%;
}
@media screen and (max-width: 578px) {
  #community table .table-adj-5, #disaster table .table-adj-5 {
    width: 100%;
  }
}
#community table .table-adj-6, #disaster table .table-adj-6 {
  width: 30%;
}
@media screen and (max-width: 578px) {
  #community table .table-adj-6, #disaster table .table-adj-6 {
    width: 100%;
  }
}
#community table.table-adj-7, #disaster table.table-adj-7 {
  table-layout: auto;
}
#community table tbody, #disaster table tbody {
  box-sizing: border-box;
}
#community table tbody tr, #disaster table tbody tr {
  box-sizing: border-box;
}
#community table tbody tr th, #disaster table tbody tr th {
  text-align: center;
  padding: 10px 67px;
  color: #fff;
  background: #843501;
  border: solid 1px #E6D7CC;
}
#community table tbody tr td, #disaster table tbody tr td {
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
  border: solid 1px #E6D7CC;
}
#community table tbody tr td.detail, #disaster table tbody tr td.detail {
  text-align: left;
  padding: 15px 15px;
}
#community table tbody tr td span, #disaster table tbody tr td span {
  font-weight: bold;
}
@media screen and (max-width: 578px) {
  #community table tbody tr td.counta, #disaster table tbody tr td.counta {
    background: #843501 !important;
  }
}
#community .table-2 tr:nth-child(odd), #disaster .table-2 tr:nth-child(odd) {
  background-color: #F9F5F2 !important;
}
@media screen and (max-width: 578px) {
  #community .table-2 tr:nth-child(odd), #disaster .table-2 tr:nth-child(odd) {
    background-color: #fff !important;
  }
}
#community .table-2 tr:nth-child(odd) td, #disaster .table-2 tr:nth-child(odd) td {
  background-color: #F9F5F2 !important;
}
@media screen and (max-width: 578px) {
  #community .table-2 tr:nth-child(odd) td, #disaster .table-2 tr:nth-child(odd) td {
    background-color: #fff !important;
  }
}
@media screen and (max-width: 578px) {
  #community .table-2 tr:nth-child(odd) td.counta, #disaster .table-2 tr:nth-child(odd) td.counta {
    background: #843501 !important;
  }
}
#community .Handwriting2, #disaster .Handwriting2 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  #disaster .title img {
    width: 32.58145%;
  }
}
#disaster .guide {
  padding-bottom: 40px;
}
#disaster .guide a {
  font-size: 14px;
}
@media screen and (max-width: 578px) {
  #disaster .guide a {
    font-size: 12px;
  }
}
#disaster .guide dl {
  border-bottom: 1px solid #E6D7CC;
  padding-bottom: 15px;
}
#disaster .guide dl dt {
  font-size: 14px;
  padding-top: 20px;
  font-family: Meiryo;
}
#disaster .guide dl dt span {
  font-weight: 400;
  font-size: 14px;
  padding-right: 10px;
}
@media screen and (max-width: 578px) {
  #disaster .guide dl dt span {
    display: block;
  }
}
#disaster .guide dl dd {
  padding-bottom: 10px;
}
#disaster .sub-sub-title {
  color: #843501 !important;
  margin-top: 90px !important;
  margin-bottom: -10px;
}
#disaster .adj {
  margin-top: 40px !important;
  margin-bottom: 10px;
}
@media screen and (max-width: 578px) {
  #disaster .adj {
    margin: 0 !important;
  }
}
#disaster .adj-2 {
  border-bottom: none !important;
}
#disaster th {
  padding: 10px 0 !important;
}
#disaster .table-2 tr td {
  text-align: left;
}
@media screen and (max-width: 578px) {
  #disaster .table-2 tr td {
    background: #fff !important;
    color: #000;
    border-top: none;
  }
}
#disaster .table-2 tr td.date {
  text-align: center;
}
@media screen and (max-width: 578px) {
  #disaster .table-2 tr td.date {
    background: #843501 !important;
  }
}
@media screen and (max-width: 578px) {
  #disaster .table-2 tr td#date1, #disaster .table-2 tr td#date2, #disaster .table-2 tr td#date3, #disaster .table-2 tr td#date4, #disaster .table-2 tr td#date5 {
    background: #843501 !important;
  }
}
#disaster .table-2 tr td.adj {
  background: #fff !important;
}
@media screen and (max-width: 578px) {
  #disaster .table-2 tr td.company {
    border-bottom: none !important;
    font-weight: bold;
    padding-bottom: 0;
  }
}
#disaster .article-2 ul {
  border-bottom: 1px solid #E6D7CC !important;
}

#environment .main_title {
  background: #F4F7D4;
  border-top: #00904A 5px solid;
}
#environment .sub-title {
  color: #00904A !important;
}
#environment .article img {
  width: 100%;
}
#environment .article dt img {
  width: auto;
}
#environment .article dd img {
  width: auto;
}
#environment .banner {
  width: 965px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 18px;
}
@media screen and (max-width: 994px) {
  #environment .banner {
    width: 100%;
  }
}
#environment .banner ul li {
  margin-right: 20px;
  float: left;
}
#environment .banner ul li:nth-child(2) {
  margin-right: 0;
}
#environment .banner ul li dl dt {
  font-size: 21px;
  color: #00904a;
  font-weight: bold;
}
#environment .banner ul li dl dd {
  font-size: 14px;
  width: 445px;
}
@media screen and (max-width: 994px) {
  #environment .banner ul li dl dd {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #environment .banner ul li dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 994px) {
  #environment .banner ul li {
    width: 45.69948%;
  }
}
@media screen and (max-width: 578px) {
  #environment .banner ul li {
    width: 304px;
    margin: 0 auto;
    float: none;
  }
  #environment .banner ul li:nth-child(2) {
    margin-right: auto;
  }
  #environment .banner ul li:nth-child(2) {
    margin-top: 20px;
  }
}

.scholarship {
  /*.sub-title{
  	@include sp{
  		font-size:11px !important;
  	}
  }*/
}
.scholarship .article a {
  color: #333 !important;
}
.scholarship .article a:hover {
  color: #B1000E !important;
}
.scholarship .article .adj-s {
  font-size: 83%;
  margin-top: 20px;
}

@media screen and (max-width: 994px) {
  #archives {
    /*margin-left:-15px;*/
    width: auto;
  }
}
@media screen and (max-width: 578px) {
  #archives #TopicPath {
    display: none;
  }
}
#archives .title {
  background-color: #FFFAEA;
  border-top: #FEA05F 5px solid;
  max-width: 965px;
  margin: 0 auto;
}
#archives .title img {
  padding-left: 18px;
  padding-top: 17px;
  padding-bottom: 5px;
}
@media screen and (max-width: 578px) {
  #archives .title img {
    padding-top: 10px;
    padding-left: 11px;
  }
}
#archives .title p {
  color: #333333;
  font-size: 25px;
  font-weight: 700;
  line-height: 42px;
  padding-left: 18px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #archives .title p {
    font-size: 23px;
  }
}
@media screen and (max-width: 578px) {
  #archives .title p {
    padding-left: 11px;
    padding-bottom: 11px;
    font-size: 22px;
    line-height: 1.5;
  }
}
#archives .back {
  text-align: right;
  max-width: 965px;
  margin: 0 auto;
  padding-top: 15px;
}
#archives .back a {
  font-family: Meiryo;
  color: #FE7D27;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}
@media screen and (max-width: 398px) {
  #archives .back a {
    font-size: 12px;
  }
}
#archives .topics p {
  max-width: 965px;
  margin: 30px auto 0;
  font-size: 14px;
}
#archives .topics p.first {
  margin-top: 20px;
}
#archives .topics p span {
  color: #FE7D27;
}
@media screen and (max-width: 578px) {
  #archives .topics p {
    margin-top: 20px;
  }
}
@media screen and (max-width: 398px) {
  #archives .topics p {
    font-size: 12px;
    line-height: 2;
  }
}
#archives .topics .item {
  max-width: 965px;
  margin: 0 auto;
}
#archives .topics .item p {
  display: inline-block;
  float: left;
  font-weight: bold;
}
#archives .topics .item ul {
  display: inline-block;
  float: right;
  margin-top: 20px;
  font-size: 0;
}
#archives .topics .item ul li {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.5;
  padding: 0 10px;
  margin-left: 15px;
}
#archives .topics .item ul li.education {
  background: #4296D1;
}
#archives .topics .item ul li.contribution {
  background: #9D5D34;
}
#archives .topics .item ul li.volunteer {
  background: #FE9650;
}
#archives .topics .item ul li.environment {
  background: #33A66E;
}
#archives .topics .item ul li.other {
  background: #FFE5D4;
}
#archives .topics dl {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}
@media screen and (max-width: 578px) {
  #archives .topics dl {
    padding-top: 20px;
  }
}
#archives .topics dl dt {
  font-size: 17px;
  font-weight: 700;
}
@media screen and (max-width: 398px) {
  #archives .topics dl dt {
    font-size: 15px;
  }
}
#archives .topics dl dd {
  font-size: 14px;
}
@media screen and (max-width: 398px) {
  #archives .topics dl dd {
    font-size: 12px;
    line-height: 2;
  }
}
#archives .topics .photoList {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}
#archives .topics .photoList figure {
  margin: 0;
}
#archives .topics .photoList figure figcaption {
  font-size: 12px;
}
@media screen and (max-width: 398px) {
  #archives .topics .photoList figure figcaption {
    font-size: 11px;
  }
}
#archives .topics .photoList ul {
  padding-left: 0;
}
#archives .topics .photoList ul li {
  display: inline-block;
  margin-right: 25px;
}
#archives .topics .photoList ul li:nth-child(2) {
  margin-right: 0;
}
@media screen and (max-width: 994px) {
  #archives .topics .photoList ul li {
    width: 48.39378%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 578px) {
  #archives .topics .photoList ul li {
    margin-right: 1%;
  }
}
#archives .topics .smalltx {
  font-size: 12px;
  line-height: 2;
}
#archives .topics .smalltx .strong {
  color: #000;
  font-weight: bold;
}
#archives .topics .list {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}
#archives .topics .list table {
  table-layout: fixed;
  border: 1px solid #FFE5D4;
}
#archives .topics .list table th {
  width: 28%;
  background: #FE9650;
  border: 1px solid #FFE5D4;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 578px) {
  #archives .topics .list table th {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box;
    font-size: 12px;
  }
}
#archives .topics .list table td {
  border: 1px solid #FFE5D4;
  font-size: 14px;
}
#archives .topics .list table td.colors {
  background: #fff9f5;
}
@media screen and (max-width: 578px) {
  #archives .topics .list table td {
    display: block;
    border: none;
    font-size: 12px;
  }
}
#archives .topics .link-list dl dt {
  font-size: 14px;
  line-height: 1;
  border-left: 3px solid #FE7D27;
  padding-left: 0.5em;
  margin-bottom: 10px;
}
#archives .topics .link-list dl dd {
  line-height: 2;
  position: relative;
  padding-left: 1.5em;
}
#archives .topics .link-list dl dd:before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/sustainability/sc/report/archives/img/link-logo.png) no-repeat left;
  position: absolute;
  left: 0;
  top: 6px;
}
#archives .topics .link-list dl dd a {
  color: #333333;
}
@media screen and (max-width: 578px) {
  #archives .topics .link-list dl dd {
    line-height: 1.8;
  }
}
#archives .topics .back-btn {
  position: relative;
  max-width: 469px;
  margin: 55px auto 61px;
}
#archives .topics .back-btn .def {
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#archives .topics .back-btn .def:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #archives .topics .back-btn .def:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #archives .topics .back-btn .def.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
@media screen and (max-width: 578px) {
  #archives .topics .back-btn {
    margin-bottom: 22px;
    margin-top: 40px;
  }
}
#archives .topics a.NewWin {
  background-image: url(/sustainability/sc/img/icon_new_window_black.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 17px 0 0;
}
#archives .topics a.Inner {
  background-image: url(/sustainability/sc/img/icon_link_right_xl_hd_black.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 17px 0 0;
}
@media screen and (max-width: 768px) {
  #archives .PageTop {
    display: none;
  }
}

#archives .topics h2 {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}

#archives .topics h3 {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}

#archives .topics table {
  max-width: 965px;
  margin: 0 auto;
  padding-top: 30px;
}

#archives .topics ol {
  max-width: 965px;
  margin: 0 auto;
  display: inherit;
}

#archives .topics ul {
  max-width: 965px;
  margin: 0 auto;
  display: inherit;
}

#archives .topics .ttl-child {
  font-size: 138.5%;
  font-weight: bold;
  color: #333333;
  background: url(/sustainability/sc/report/img/icn-modal_headline.png) no-repeat left center;
  padding: 7px 0 7px 18px;
  margin-top: 30px;
}

#archives .topics .ttl-child:first-child {
  margin-top: 0;
}

#archives .topics .ttl-grandchild {
  font-weight: bold;
  font-size: 108%;
  margin-top: 20px;
  background: url(/sustainability/sc/report/img/icn-modal_headline_grandchild.png) no-repeat left top;
  padding: 0 0 9px 23px;
  border-bottom: 1px dotted #EA5C5C;
}

#archives .topics .ttl-grandchild + * {
  margin-top: 5px !important;
}

#archives .topics .ttl-grandchild:first-child {
  margin-top: 0;
}

#archives .topics .ttl-greatgrandchild {
  font-weight: bold;
  font-size: 108%;
  margin-top: 20px;
}

#archives .topics .ttl-greatgrandchild + * {
  margin-top: 5px !important;
}

#archives .topics .ttl-grandchild + * > img {
  padding-top: 5px !important;
}

#archives .topics .ttl-greatgrandchild:first-child {
  margin-top: 0;
}

#archives .topics > table {
  margin-top: 35px;
}

#archives .topics table {
  box-sizing: border-box;
  width: 100%;
}

#archives .topics table.relation {
  margin-top: 25px;
}

#archives .topics table th,
#archives .topics table td {
  font-size: 14px;
  padding: 6px 8px;
  line-height: 160%;
}

#archives .topics table th {
  vertical-align: middle;
}

#archives .topics .aln-center {
  text-align: center !important;
}

#archives .topics .aln-right {
  text-align: right !important;
}

#archives .topics p.img,
#archives .topics p.caption {
  text-align: center;
}

#archives .topics p.img img {
  display: inline-block;
  margin: 0 5px 5px 0;
}

#archives .topics p.caption {
  margin-top: 1em;
}

#archives .topics strong,
#archives .topics b {
  font-size: 17px;
  font-weight: 700;
}

#archives .topics ul {
  list-style: disc;
  padding-left: 2em;
  margin-top: 10px;
}

#archives .topics ol {
  list-style: decimal;
  padding-left: 2em;
  margin-top: 10px;
}

#archives .topics ul li,
#archives .topics ol li {
  margin-top: 5px;
  font-size: 14px;
}
@media screen and (max-width: 578px) {
  #archives .topics ul li,
  #archives .topics ol li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 398px) {
  #archives .topics ul li,
  #archives .topics ol li {
    font-size: 12px;
    line-height: 2;
  }
}

#archives .topics li li {
  font-size: 100%;
}

#archives .topics ul li:first-child,
#archives .topics ol li:first-child {
  margin-top: 0;
}

#archives .topics ol ul {
  list-style: none;
  display: block;
}

#archives .topics ol ul li {
  list-style-type: disc;
}

#archives .topics ul.lst-note {
  position: relative;
  padding-left: 2em;
}
#archives .topics ul.lst-note:before {
  content: "*";
  position: absolute;
  left: 17px;
  top: 1px;
}

#archives .topics ul.lst-note li {
  font-size: 85%;
}

#archives .topics ul.lst-note.ext-num li {
  padding-left: 1em;
  text-indent: -1.5em;
}

#archives .topics ul.lst-note.ext-num li span {
  width: 1.5em;
  display: inline-block;
  text-indent: 0;
}

/* unique  0293 */
#archives .topics div.unq-brand_ch {
  max-width: 800px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px auto 0;
}

#archives .topics div.unq-brand_ch .img {
  float: left;
  margin: 0;
}

#archives .topics div.unq-brand_ch .txt {
  padding-left: 135px;
  margin: 0;
}

#archives .topics div.unq-brand_ch .clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* unique  0284 */
#archives .topics div.unq-letter {
  max-width: 900px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 10px;
  margin: 20px auto 0;
}

#archives .topics div.unq-letter_ft {
  max-width: 900px;
  border: 2px solid #c00;
  border-left: 0;
  border-right: 0;
  padding: 10px;
  margin: 20px auto 0;
  text-align: center;
}

/* unique  0216 */
#archives .topics div.unq-title_box {
  max-width: 700px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

#archives .topics div.unq-title_box h4 {
  background: #efefef;
  font-size: 108%;
  font-weight: bold;
  border-top: 3px solid #9f9f9f;
  border-bottom: 1px solid #ccc;
  padding: 0.5em 1em;
}

#archives .topics div.unq-title_box table {
  margin: 0.5em 1em;
  border: none;
  background: none;
  width: auto;
}

#archives .topics div.unq-title_box table th,
#archives .topics div.unq-title_box table td {
  border: none;
  background: none;
  color: #333;
  width: auto;
  font-size: 108%;
  vertical-align: top;
  padding: 0;
}

#archives .topics div.unq-title_box table th {
  font-weight: bold;
  text-align: right;
  padding-right: 0.5em;
}

/* unique  0134 0194 0191 */
#archives .topics div.unq-dual_column {
  max-width: 965px;
  margin: 0 auto;
}

#archives .topics div.unq-dual_column .col {
  float: left;
  width: 50%;
  vertical-align: top;
}

#archives .topics div.unq-dual_column .col p {
  margin-top: 10px;
}

/* 0184 */
#archives .topics div.box-common {
  max-width: 965px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 20px auto 0;
}

#archives .topics div.box-common p {
  margin-top: 10px;
}

#campaign .main {
  width: 965px;
  margin: 0 auto;
}
@media screen and (max-width: 994px) {
  #campaign .main {
    width: 100%;
  }
}
#campaign .main .main-inner {
  position: relative;
}
@media screen and (max-width: 578px) {
  #campaign .main .main-inner {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#campaign .main .main-inner .navi {
  position: absolute;
  bottom: 0;
  left: 0;
}
#campaign .main .main-inner .navi img:hover {
  opacity: 1;
}
#campaign .main .main-inner .navi ul {
  margin-bottom: 9px;
  box-sizing: border-box;
  font-size: 0;
}
@media screen and (max-width: 994px) {
  #campaign .main .main-inner .navi ul {
    width: 100%;
  }
}
#campaign .main .main-inner .navi ul li {
  display: inline-block;
  box-sizing: border-box;
}
#campaign .main .main-inner .navi ul li:nth-child(1) {
  border-right: 2px dotted #fff;
}
#campaign .main .main-inner .navi ul li:nth-child(2) {
  border-right: 2px dotted #fff;
}
@media screen and (max-width: 994px) {
  #campaign .main .main-inner .navi ul li:nth-child(1) {
    width: 33.16062%;
  }
  #campaign .main .main-inner .navi ul li:nth-child(2) {
    width: 33.67876%;
  }
  #campaign .main .main-inner .navi ul li:nth-child(3) {
    width: 33.16062%;
  }
}
@media screen and (max-width: 578px) {
  #campaign .main .main-inner .navi {
    position: inherit;
  }
  #campaign .main .main-inner .navi ul li {
    display: block;
  }
  #campaign .main .main-inner .navi ul li:nth-child(1) {
    width: 100%;
  }
  #campaign .main .main-inner .navi ul li:nth-child(2) {
    width: 100%;
  }
  #campaign .main .main-inner .navi ul li:nth-child(3) {
    width: 100%;
  }
}
@media screen and (max-width: 578px) {
  #campaign .mbadj {
    margin-bottom: 7.77202% !important;
  }
}
#campaign .section-01, #campaign .section-02, #campaign .section-03 {
  width: 965px;
  margin: 39px auto 7.77202%;
}
@media screen and (max-width: 994px) {
  #campaign .section-01, #campaign .section-02, #campaign .section-03 {
    width: 100%;
    margin: 4.04145% auto 0;
  }
}
#campaign .section-01 .sub-title, #campaign .section-02 .sub-title, #campaign .section-03 .sub-title {
  background: #32BACC;
  text-align: center;
  padding: 2.59067% 0;
  border-radius: 20px;
}
#campaign .section-01 .sub-title img, #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
  width: 17.72021%;
  vertical-align: middle;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-title, #campaign .section-02 .sub-title, #campaign .section-03 .sub-title {
    border-radius: 10px;
    padding: 4.53333% 0;
  }
  #campaign .section-01 .sub-title img, #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
    width: 26.93333%;
  }
}
#campaign .section-01 .description, #campaign .section-02 .description, #campaign .section-03 .description {
  margin-top: 4.2487%;
  color: #333333;
  font-size: 16px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .description, #campaign .section-02 .description, #campaign .section-03 .description {
    font-size: 14px;
  }
}
#campaign .section-01 .sub-navi, #campaign .section-02 .sub-navi, #campaign .section-03 .sub-navi {
  font-size: 0;
  margin-top: 2.59067%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-navi, #campaign .section-02 .sub-navi, #campaign .section-03 .sub-navi {
    margin-top: 6.8%;
  }
}
#campaign .section-01 .sub-navi li, #campaign .section-02 .sub-navi li, #campaign .section-03 .sub-navi li {
  display: inline-block;
  margin-right: 30px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-navi li, #campaign .section-02 .sub-navi li, #campaign .section-03 .sub-navi li {
    position: relative;
    margin-right: 22px;
  }
}
#campaign .section-01 .sub-navi li a, #campaign .section-02 .sub-navi li a, #campaign .section-03 .sub-navi li a {
  color: #32bacc;
  font-size: 16px;
  text-decoration: none;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-navi li a, #campaign .section-02 .sub-navi li a, #campaign .section-03 .sub-navi li a {
    font-size: 13px;
  }
}
#campaign .section-01 .sub-navi li:last-child, #campaign .section-02 .sub-navi li:last-child, #campaign .section-03 .sub-navi li:last-child {
  margin-right: 0;
}
#campaign .section-01 .sub-navi li:after, #campaign .section-02 .sub-navi li:after, #campaign .section-03 .sub-navi li:after {
  content: url(/sustainability/sc/vision/campaign/img/arrow_icon.png);
  margin-left: 7px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-navi li:after, #campaign .section-02 .sub-navi li:after, #campaign .section-03 .sub-navi li:after {
    content: "";
    width: 13px;
    height: 13px;
    background: url(/sustainability/sc/vision/campaign/img/arrow_icon.png);
    position: absolute;
    right: -15px;
    top: -8px;
  }
}
#campaign .section-01 .box#kankyokyoiku, #campaign .section-02 .box#kankyokyoiku, #campaign .section-03 .box#kankyokyoiku {
  padding-top: 8.80829%;
  margin-top: 3px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#kankyokyoiku, #campaign .section-02 .box#kankyokyoiku, #campaign .section-03 .box#kankyokyoiku {
    padding-top: 12%;
    margin-top: 30px;
  }
}
#campaign .section-01 .box#green, #campaign .section-02 .box#green, #campaign .section-03 .box#green {
  padding-top: 5.3886%;
  margin-top: 30px;

}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#green, #campaign .section-02 .box#green, #campaign .section-03 .box#green {
    padding-top: 13%;
    margin-top: 30px;

  }
}
#campaign .section-01 .box#seisou, #campaign .section-02 .box#seisou, #campaign .section-03 .box#seisou {
  padding-top: 5.69948%;
  margin-top: 30px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#seisou, #campaign .section-02 .box#seisou, #campaign .section-03 .box#seisou {
    padding-top: 13%;
    margin-top: 30px;
  }
}
#campaign .section-01 .box#other, #campaign .section-02 .box#other, #campaign .section-03 .box#other {
  padding-top: 5.69948%;
  margin-top: 20px;

}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#other, #campaign .section-02 .box#other, #campaign .section-03 .box#other {
    padding-top: 12%;
    margin-top: 20px;
  }
}
#campaign .section-01 .box#human, #campaign .section-02 .box#human, #campaign .section-03 .box#human {
  padding-top: 8.80829%;
  margin-top: 3px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#human, #campaign .section-02 .box#human, #campaign .section-03 .box#human {
    padding-top: 13%;
    margin-top: 20px;
  }
}
#campaign .section-01 .box#kankyo, #campaign .section-02 .box#kankyo, #campaign .section-03 .box#kankyo {
  padding-top: 5.69948%;
  margin-top: 30px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#kankyo, #campaign .section-02 .box#kankyo, #campaign .section-03 .box#kankyo {
    padding-top: 13%;
    margin-top: 20px;
  }
}
#campaign .section-01 .box#chiki, #campaign .section-02 .box#chiki, #campaign .section-03 .box#chiki {
  padding-top: 5.69948%;
  margin-top: 3px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box#chiki, #campaign .section-02 .box#chiki, #campaign .section-03 .box#chiki {
    padding-top: 13%;
    margin-top: 20px;
  }
}
#campaign .section-01 .box .box-title, #campaign .section-02 .box .box-title, #campaign .section-03 .box .box-title {
  border-bottom: 2px solid #32BACC;
  position: relative;
}
#campaign .section-01 .box .box-title .box-title-left, #campaign .section-02 .box .box-title .box-title-left, #campaign .section-03 .box .box-title .box-title-left {
  position: absolute;
  bottom: 0;
}
#campaign .section-01 .box .box-title .box-title-left.box-title-01, #campaign .section-02 .box .box-title .box-title-left.box-title-01, #campaign .section-03 .box .box-title .box-title-left.box-title-01 {
  width: 27.35751%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-01, #campaign .section-02 .box .box-title .box-title-left.box-title-01, #campaign .section-03 .box .box-title .box-title-left.box-title-01 {
    width: 40.8%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-02, #campaign .section-02 .box .box-title .box-title-left.box-title-02, #campaign .section-03 .box .box-title .box-title-left.box-title-02 {
  width: 28.80829%;
  bottom: 8%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-02, #campaign .section-02 .box .box-title .box-title-left.box-title-02, #campaign .section-03 .box .box-title .box-title-left.box-title-02 {
    width: 43.2%;
    bottom: 8%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-03, #campaign .section-02 .box .box-title .box-title-left.box-title-03, #campaign .section-03 .box .box-title .box-title-left.box-title-03 {
  width: 26.21762%;
  bottom: 20%;
  left: 0.8%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-03, #campaign .section-02 .box .box-title .box-title-left.box-title-03, #campaign .section-03 .box .box-title .box-title-left.box-title-03 {
    width: 39.33333%;
    bottom: 20%;
    left: 0.8%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-04, #campaign .section-02 .box .box-title .box-title-left.box-title-04, #campaign .section-03 .box .box-title .box-title-left.box-title-04 {
  width: 19.89637%;
  bottom: 30%;
  left: 2.2%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-04, #campaign .section-02 .box .box-title .box-title-left.box-title-04, #campaign .section-03 .box .box-title .box-title-left.box-title-04 {
    width: 29.86667%;
    bottom: 30%;
    left: 2.2%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-05, #campaign .section-02 .box .box-title .box-title-left.box-title-05, #campaign .section-03 .box .box-title .box-title-left.box-title-05 {
  width: 23.31606%;
  bottom: -3%;
  left: 0.2%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-05, #campaign .section-02 .box .box-title .box-title-left.box-title-05, #campaign .section-03 .box .box-title .box-title-left.box-title-05 {
    width: 34.8%;
    bottom: -3%;
    left: 0.2%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-06, #campaign .section-02 .box .box-title .box-title-left.box-title-06, #campaign .section-03 .box .box-title .box-title-left.box-title-06 {
  width: 18.34197%;
  bottom: -5%;
  left: 1%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-06, #campaign .section-02 .box .box-title .box-title-left.box-title-06, #campaign .section-03 .box .box-title .box-title-left.box-title-06 {
    width: 27.33333%;
    bottom: -5%;
    left: 1%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-07, #campaign .section-02 .box .box-title .box-title-left.box-title-07, #campaign .section-03 .box .box-title .box-title-left.box-title-07 {
  width: 27.35751%;
  bottom: -7%;
  left: 0.4%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-07, #campaign .section-02 .box .box-title .box-title-left.box-title-07, #campaign .section-03 .box .box-title .box-title-left.box-title-07 {
    width: 41.06667%;
    bottom: -7%;
    left: 0.4%;
  }
}
#campaign .section-01 .box .box-title .box-title-left img, #campaign .section-02 .box .box-title .box-title-left img, #campaign .section-03 .box .box-title .box-title-left img {
  width: 100%;
  vertical-align: bottom;
}
#campaign .section-01 .box .box-title .box-title-right, #campaign .section-02 .box .box-title .box-title-right, #campaign .section-03 .box .box-title .box-title-right {
  float: right;
  color: #32bacc;
  font-size: 15px;
  font-weight: bold;
  line-height: 38px;
  display: inline-block;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-right, #campaign .section-02 .box .box-title .box-title-right, #campaign .section-03 .box .box-title .box-title-right {
    position: relative;
    line-height: 19px;
    padding-right: 25px;
    font-weight: normal;
  }
}
#campaign .section-01 .box .box-title .box-title-right:after, #campaign .section-02 .box .box-title .box-title-right:after, #campaign .section-03 .box .box-title .box-title-right:after {
  content: url(/sustainability/sc/vision/campaign/img/arrow_icon_02.png);
  margin-left: 7px;
  position: relative;
  top: 5px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-right:after, #campaign .section-02 .box .box-title .box-title-right:after, #campaign .section-03 .box .box-title .box-title-right:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/sustainability/sc/vision/campaign/img/arrow_icon_02.png);
    background-size: cover;
    position: absolute;
    right: 6px;
    top: 1px;
  }
}
#campaign .section-01 .box .photoList, #campaign .section-02 .box .photoList, #campaign .section-03 .box .photoList {
  font-size: 0;
  margin-top: 3.31606%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList, #campaign .section-02 .box .photoList, #campaign .section-03 .box .photoList {
    margin-top: 4.26667%;
  }
}
#campaign .section-01 .box .photoList li, #campaign .section-02 .box .photoList li, #campaign .section-03 .box .photoList li {
  display: inline-block;
  width: 47.66839%;
  margin-right: 4.66321%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList li, #campaign .section-02 .box .photoList li, #campaign .section-03 .box .photoList li {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
#campaign .section-01 .box .photoList li:last-child, #campaign .section-02 .box .photoList li:last-child, #campaign .section-03 .box .photoList li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList li:last-child, #campaign .section-02 .box .photoList li:last-child, #campaign .section-03 .box .photoList li:last-child {
    margin-top: 4.26667%;
  }
}
#campaign .section-01 .box .photoList li dl img, #campaign .section-02 .box .photoList li dl img, #campaign .section-03 .box .photoList li dl img {
  width: 100%;
}
#campaign .section-01 .box .photoList li dl dd, #campaign .section-02 .box .photoList li dl dd, #campaign .section-03 .box .photoList li dl dd {
  background: #32BACC;
  padding: 2.82609%;
  box-sizing: border-box;
}
#campaign .section-01 .box .photoList li dl dd .caption, #campaign .section-02 .box .photoList li dl dd .caption, #campaign .section-03 .box .photoList li dl dd .caption {
  color: #ffffff;
  font-size: 16px;
  height: 45px;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList li dl dd .caption, #campaign .section-02 .box .photoList li dl dd .caption, #campaign .section-03 .box .photoList li dl dd .caption {
    font-size: 14px;
    height: 40px;
  }
}
#campaign .section-01 .box .photoList li dl dd .link-btn, #campaign .section-02 .box .photoList li dl dd .link-btn, #campaign .section-03 .box .photoList li dl dd .link-btn {
  text-align: right;
  line-height: 1;
}
#campaign .section-01 .box .photoList li dl dd .link-btn img, #campaign .section-02 .box .photoList li dl dd .link-btn img, #campaign .section-03 .box .photoList li dl dd .link-btn img {
  width: 20.43478%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList li dl dd .link-btn img, #campaign .section-02 .box .photoList li dl dd .link-btn img, #campaign .section-03 .box .photoList li dl dd .link-btn img {
    width: 27%;
  }
}
#campaign .section-01 .linkBtn, #campaign .section-02 .linkBtn, #campaign .section-03 .linkBtn {
  text-align: center;
  margin-top: 5.28497%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .linkBtn, #campaign .section-02 .linkBtn, #campaign .section-03 .linkBtn {
    position: relative;
  }
}
#campaign .section-01 .linkBtn img, #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
  width: 36.06218%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .linkBtn img, #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
    width: 64.26667%;
  }
}
#campaign .section-02, #campaign .section-03 {
  margin-top: 39px;
  margin-bottom: 0;
}
@media screen and (max-width: 994px) {
  #campaign .section-02, #campaign .section-03 {
    margin-top: 4.04145%;
  }
}
#campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
  width: 42.79793%;
}
@media screen and (max-width: 578px) {
  #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
    width: 55%;
  }
}
#campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
  width: 48.18653%;
}
@media screen and (max-width: 578px) {
  #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
    width: 85.6%;
  }
}
#campaign .section-03 {
  margin-bottom: 5.73575%;
  margin-top: 65px;
}
@media screen and (max-width: 578px) {
  #campaign .section-03 {
    margin-top: 6.73575%;
    margin-bottom: 8.73575%;
  }
}
#campaign .section-03 .sub-title img {
  width: 52.02073%;
}
@media screen and (max-width: 578px) {
  #campaign .section-03 .sub-title img {
    width: 55%;
  }
}
#campaign .section-03 .banner {
  margin-top: 3.10881%;
}

#education .main_title img, #index-2 .main_title img, #environment .main_title img {
  padding-bottom: 16px;
}
#education .main_title img.pc, #index-2 .main_title img.pc, #environment .main_title img.pc {
  display: inline-block;
}
#education .main_title img.sp, #index-2 .main_title img.sp, #environment .main_title img.sp {
  display: none;
}
@media screen and (max-width: 994px) {
  #education .main_title img, #index-2 .main_title img, #environment .main_title img {
    width: 52.5% !important;
  }
}
@media screen and (max-width: 768px) {
  #education .main_title img, #index-2 .main_title img, #environment .main_title img {
    padding-bottom: 13px;
  }
}
@media screen and (max-width: 578px) {
  #education .main_title img, #index-2 .main_title img, #environment .main_title img {
    width: 269px !important;
  }
  #education .main_title img.pc, #index-2 .main_title img.pc, #environment .main_title img.pc {
    display: none;
  }
  #education .main_title img.sp, #index-2 .main_title img.sp, #environment .main_title img.sp {
    display: inline-block;
  }
}
#education .main_title ul li, #index-2 .main_title ul li, #environment .main_title ul li {
  width: 100%;
}
#education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
  width: auto;
  padding: 0 0 26px 28px;
}
@media screen and (max-width: 768px) {
  #education .main_title ul li:nth-child(2), #index-2 .main_title ul li:nth-child(2), #environment .main_title ul li:nth-child(2) {
    padding-left: 2.50627%;
    padding-right: 2.50627%;
    padding-bottom: 13px;
  }
}
@media screen and (max-width: 768px) {
  #education .article ul li dl dt img, #index-2 .article ul li dl dt img, #environment .article ul li dl dt img {
    width: 100%;
  }
}
#education .article ul li dl dd, #index-2 .article ul li dl dd, #environment .article ul li dl dd {
  height: auto;
}

#universaldesign .title img.pc, #community .title img.pc, #disaster .title img.pc {
  display: inline-block;
}
#universaldesign .title img.sp, #community .title img.sp, #disaster .title img.sp {
  display: none;
}
@media screen and (max-width: 994px) {
  #universaldesign .title img, #community .title img, #disaster .title img {
    width: 80.1% !important;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign .title img, #community .title img, #disaster .title img {
    width: 247px !important;
  }
  #universaldesign .title img.pc, #community .title img.pc, #disaster .title img.pc {
    display: none;
  }
  #universaldesign .title img.sp, #community .title img.sp, #disaster .title img.sp {
    display: inline-block;
  }
}
@media screen and (max-width: 994px) {
  #universaldesign.science .title img, #community .title img, #disaster .title img {
    width: 66.5% !important;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign.science .title img, #community .title img, #disaster .title img {
    width: 287px !important;
  }
}
@media screen and (max-width: 994px) {
  #universaldesign.scholarship .title img, .scholarship#community .title img, .scholarship#disaster .title img {
    width: 53.9% !important;
  }
}
@media screen and (max-width: 578px) {
  #universaldesign.scholarship .title img, .scholarship#community .title img, .scholarship#disaster .title img {
    width: 248px !important;
  }
}

@media screen and (max-width: 994px) {
  #environment .main_title img {
    width: 31.5% !important;
  }
}
@media screen and (max-width: 578px) {
  #environment .main_title img {
    width: 171px !important;
  }
}

@media screen and (max-width: 994px) {
  #index-2 .main_title img {
    width: 49.0% !important;
  }
}
@media screen and (max-width: 578px) {
  #index-2 .main_title img {
    width: 254px !important;
  }
}

@media screen and (max-width: 994px) {
  #community .title img, #disaster .title img {
    width: 79.7% !important;
  }
}
@media screen and (max-width: 578px) {
  #community .title img, #disaster .title img {
    width: 192px !important;
  }
}

@media screen and (max-width: 994px) {
  #disaster .title img {
    width: 34.1% !important;
  }
}
@media screen and (max-width: 578px) {
  #disaster .title img {
    width: 186px !important;
  }
}

#campaign .section-01 .sub-title img, #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
  width: 52.64249%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-title img, #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
    width: 67.73333%;
  }
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .sub-navi li, #campaign .section-02 .sub-navi li, #campaign .section-03 .sub-navi li {
    height: 20px;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-01, #campaign .section-02 .box .box-title .box-title-left.box-title-01, #campaign .section-03 .box .box-title .box-title-left.box-title-01 {
  width: 53.05699%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-01, #campaign .section-02 .box .box-title .box-title-left.box-title-01, #campaign .section-03 .box .box-title .box-title-left.box-title-01 {
    width: 75.86667%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-02, #campaign .section-02 .box .box-title .box-title-left.box-title-02, #campaign .section-03 .box .box-title .box-title-left.box-title-02 {
  width: 21.45078%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-02, #campaign .section-02 .box .box-title .box-title-left.box-title-02, #campaign .section-03 .box .box-title .box-title-left.box-title-02 {
    width: 30.66667%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-03, #campaign .section-02 .box .box-title .box-title-left.box-title-03, #campaign .section-03 .box .box-title .box-title-left.box-title-03 {
  width: 44.35233%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-03, #campaign .section-02 .box .box-title .box-title-left.box-title-03, #campaign .section-03 .box .box-title .box-title-left.box-title-03 {
    width: 63.46667%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-04, #campaign .section-02 .box .box-title .box-title-left.box-title-04, #campaign .section-03 .box .box-title .box-title-left.box-title-04 {
  width: 36.89119%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-04, #campaign .section-02 .box .box-title .box-title-left.box-title-04, #campaign .section-03 .box .box-title .box-title-left.box-title-04 {
    width: 49.2%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-05, #campaign .section-02 .box .box-title .box-title-left.box-title-05, #campaign .section-03 .box .box-title .box-title-left.box-title-05 {
  width: 49.32642%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-05, #campaign .section-02 .box .box-title .box-title-left.box-title-05, #campaign .section-03 .box .box-title .box-title-left.box-title-05 {
    width: 70.4%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-06, #campaign .section-02 .box .box-title .box-title-left.box-title-06, #campaign .section-03 .box .box-title .box-title-left.box-title-06 {
  width: 34.09326%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-06, #campaign .section-02 .box .box-title .box-title-left.box-title-06, #campaign .section-03 .box .box-title .box-title-left.box-title-06 {
    width: 48.66667%;
  }
}
#campaign .section-01 .box .box-title .box-title-left.box-title-07, #campaign .section-02 .box .box-title .box-title-left.box-title-07, #campaign .section-03 .box .box-title .box-title-left.box-title-07 {
  width: 47.66839%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .box-title .box-title-left.box-title-07, #campaign .section-02 .box .box-title .box-title-left.box-title-07, #campaign .section-03 .box .box-title .box-title-left.box-title-07 {
    width: 68.13333%;
  }
}
#campaign .section-01 .box .photoList li dl dd .caption, #campaign .section-02 .box .photoList li dl dd .caption, #campaign .section-03 .box .photoList li dl dd .caption {
  height: 80px;
}
@media screen and (max-width: 768px) {
  #campaign .section-01 .box .photoList li dl dd .caption, #campaign .section-02 .box .photoList li dl dd .caption, #campaign .section-03 .box .photoList li dl dd .caption {
    height: 120px;
  }
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .box .photoList li dl dd .caption, #campaign .section-02 .box .photoList li dl dd .caption, #campaign .section-03 .box .photoList li dl dd .caption {
    height: 50px;
  }
}
#campaign .section-01 .linkBtn img, #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
  width: 64.97409%;
}
@media screen and (max-width: 578px) {
  #campaign .section-01 .linkBtn img, #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
    width: 83.6%;
  }
}
#campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
  width: 42.90155%;
}
@media screen and (max-width: 578px) {
  #campaign .section-02 .sub-title img, #campaign .section-03 .sub-title img {
    width: 55.2%;
  }
}
#campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
  width: 56.47668%;
}
@media screen and (max-width: 578px) {
  #campaign .section-02 .linkBtn img, #campaign .section-03 .linkBtn img {
    width: 72.66667%;
  }
}
#campaign .section-03 .sub-title img {
  width: 52.02073%;
}
@media screen and (max-width: 578px) {
  #campaign .section-03 .sub-title img {
    width: 66.93333%;
  }
}
#campaign .section-03 .banner {
  margin-top: 3.10881%;
}
@media screen and (max-width: 994px) {
  #campaign .mbadj {
    margin-bottom: 7.77202% !important;
  }
}

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