@charset 'UTF-8';

/* テーブル */

.theme_table {

  width: 100%;

  margin-top: 40px;

}

.theme_table, .theme_table_table-head, .theme_table_table-head2, .theme_table_table-data {

  border: 1px solid #d1d0d0;

  padding: 10px 0px;

}

.theme_table_table-head {

  background-color: #f6f6f6;

  text-align: center;

}

.theme_table_table-data {

  padding-left: 20px;

  padding-right: 20px;

  vertical-align: middle;

}

.theme_table_center {

  text-align: center;

  padding: 0;

}

/* ロゴ画像 */

.img_sdgs_logo {

  width: 360px;

}

.mb25 {

  margin-bottom: 25px;

}

.mt20 {

  margin-top: 20px;

}

/*  下部ボタン

----------------------------------------*/

.csr_under_main_bottom {

  clear: both; 

  width: 1080px;

  margin: 80px auto 0;

  padding-top: 80px;

  border-top: 1px solid #d1d0d0;

}

.csr_under_main_bottom_list {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

  width: 100%;

  margin-top: -10px; 



  -webkit-flex-flow: wrap;

      -ms-flex-flow: wrap;

          flex-flow: wrap;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

          justify-content: flex-start;

}

.csr_under_main_bottom_list_item {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

  margin-top: 10px;

  width: 334px;

}

.csr_under_main_bottom_list_item:nth-child(3n) {

  margin-right: 0;

}

.csr_under_main_bottom_list_anchor {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

  width: 344px;

  padding: 17px 25px 18px 40px;

  -webkit-transition: border-color 0.3s ease-out;

          transition: border-color 0.3s ease-out; 

  border: 1px solid #d1d0d0;



  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

          align-items: center;

  

  font-weight: bold;

  border-right: 1px solid #fff;

}

.csr_under_main_bottom_list_anchor:hover {

  text-decoration: none; 

  border-color: #e6002d;

}

.csr_under_main_bottom_list_anchor-red_under {

  border-bottom: 2px solid #e6002d;

}

.csr_under_main_bottom_list_anchor-red_next:after {

  position: absolute;

  top: 50%;

  left: -11px;

  display: block;

  width: 7px;

  height: 2px;

  margin-top: -1px;

  content: '';

  background-color: #e6002d;

  transform: none;

  border: none;

}

.csr_under_main_bottom_list_anchor.current {

  color: #fff;

  border-color: #999;

  background: #999;

  font-weight: 700;

}

.csr_under_main_bottom_list_anchor.current:after {

  display: none;

}

.csr_under_main_bottom_list-other_link {

  border: 1px solid #d1d0d0;

  border-left: none;

}

.csr_under_main_bottom_list-other_link_list {

  border-left: 2px dotted #d1d0d0;

  border-radius: 1px;

  margin: 20px 0;

  padding-left: 20px;

}

.csr_capture_item_left_list {

  font-size: 16px;

  font-weight: bold;

}

.csr_capture_item_left_list_item {

  margin-bottom: 5px;

  margin-left: 25px;

  list-style: disc;

}

.csr_under_main_bottom_list_item .csr_under_main_bottom_list_anchor-none:after{

  content: none;

}

.csr_capture_item_right_list_item {

  position: relative;

}

.fontBold {

  font-weight: bold;

}

@media print {

  .print_none {

    display: none;

  }

}

.another_window_icon {

  position: absolute;

  right: 0px;

  bottom: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

  width: 50px;

  height: 50px;

  color: #fff;

  background: rgba(0, 0, 0, 0.7);

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.another_window_icon svg {

  width: 25px;

  height: 25px;

  fill: currentColor;

}

.pc_sustainability_img:hover {

  opacity: 0.5;

}

.pc_sustainability_img {

  position: relative;

}

.popup_wrap input {

  display: none;

}



.popup_overlay {

  display: flex;

  justify-content: center;

  overflow: auto;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  transition: opacity 0.5s, transform 0s 0.5s;

  transform: scale(0);

}



.popup_trigger {

  position: absolute;

}

.popup_content {

  position: relative;

  align-self: center;

  max-height: 90%;

  padding: 30px 30px 15px;

  box-sizing: border-box;

  line-height: 1.4em;

  transition: 0.5s;

}

.close_btn2 {

  position: absolute;

  top: -13px;

  right: 30px;

  font-size: 53px;

  cursor: pointer;

  color: #f5f5f5;

}

.popup_wrap input:checked ~ .popup_overlay {

  opacity: 1;

  transform: scale(1);

  transition: opacity 0.5s;

}

.open_btn:hover{

    background:#000;

    color:#fff;

    transition: .3s ease;

}

.content_title_fourth--noborder {

  border-bottom: none;

}

.box_content {

  padding: 6px 14px 5px;

  border: 1px solid #d1d0d0;

}

.box_content_ttl {

  margin-right: 20px;

  margin-bottom: 15px;

  margin-left: 20px;

  font-weight: bold;

}

.number_list_item {

  padding-left: 1em;

  text-indent: -1em;

  margin: 10px 0;

}

.health_management_image {

  width: 600px;

  margin: 40px auto;

  display: block;

}

.flex-container {

  display: -webkit-flex;

  display: flex;

  -webkit-justify-content: space-around;

  justify-content: space-around;

}

.event_image_list {

  text-align: center;

  width: 270px;

}

.event_image_list img {

  width: 240px;

  margin-top: 20px;

}

.content_text_title {

  margin-top: 20px;

  font-weight: bold;

}

.number_list_item {

  padding-left: 1em;

  text-indent: -1em;

  margin: 10px 0;

}

.center {

  vertical-align: middle;

}

.fbold {

  font-weight: bold;

}

.content_thumb.img_2col .content_thumb_image {

  display: flex;

  justify-content: space-between;

  width: 352px;

}

.content_thumb.img_2col .content_thumb_image img {

  height: 190px;

  width: auto;

  object-fit: contain;

}

.content_thumb.img_2col .content_thumb_text {

  width: -webkit-calc(100% - 372px);

  width: calc(100% - 372px);

}

.image_area {

  width: 55%;

  margin: auto;

}