@media print, screen and (min-width: 751px) {
.pc {display: block;}
.sp {display: none;}
* {font-size: 18px; line-height: 1.8;}

ul li {text-align: center; font-size: 18px;}
header {height: 130px; width: 1200px; margin: 0 auto;}
h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 0 0 30px 0;}

#vmap {width: 1200px; height: 657px;}

.page_navi {display: flex; justify-content: center; margin: 50px 0 0 0;}
.page_navi > li {font-size: 24px; margin: 0 6px;}
.news_title {text-align: left;}

.top {display: flex; justify-content: space-between; align-items: center;}
.logo {margin: 22px 0; width: 820px;}
.logo img {float: left; width: auto; margin: 0 16px 0 0;}
.right_box {width: 380px; margin: 22px 0;}
.right_box a {color: #000;}
.rBox_top {display: flex; justify-content: space-between; align-items: center}
.lang ul {display: inline-flex; justify-content: flex-end;}
.lang ul li {font-size: 14px; display: block; width: 70px; height: 30px; line-height: 30px;}
.lang ul li:first-child {background: #f8b551; color: #fff;}
.lang ul li:nth-child(2) {background: #fde9ca;}
.qlink ul {display: inline-flex; justify-content: flex-end;}
.qlink ul li {padding: 0 10px; border-right: solid 1px #a3a3a3; font-size: 12px; letter-spacing: -0.9px;}
.qlink ul li:last-child {border: none;}

#searchform1 {position: relative;}
#searchform1 #s {width: 380px; height: 40px; border: solid 2px #c9c9c9; margin: 13px 0 0 0; line-height: 40px; padding: 0 0 0 10px; font-size: 12px;}
#searchform1 #searchBTN1 {margin: 13px 0 0 0; font-size: 20px; border: none; position: absolute; top: 0; right: 15px; cursor: pointer; background: transparent; padding: 10px 0; color: #c9c9c9;}

/******** global naviation ********/
.g_nav {width: 100%; height: 60px;}
.g_nav > ul li {height: 60px; line-height: 60px;}
.g_nav ul.top_menu {position: relative; top: 0; display: flex; line-height: 60px;}
.top_menu > li { position: relative; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; font-weight: bold;}
  .top_menu li a {display: block; width: 100%; color: #fff;}
.top_menu li.menu_1 {border-right: 1px solid #fff; background: repeating-linear-gradient(-45deg, #2c4eaa, #2c4eaa 1px, #3658b4 1px, #3658b4 7px);}
.top_menu li.menu_2,
.top_menu li.menu_3,
.top_menu li.menu_4,
.top_menu li.menu_5 {border-right: 1px solid #f29859; height: 60px; background: #ee7926;}
/*  .top_menu li.menu_2::before {content: url(../images/nav_icon_2.png); margin: 0 0 0 0;}*/
.top_menu li.menu_1 {width: 265px;}
.top_menu li.menu_1 img {margin: 0 12px -10px 0;}
.top_menu li.menu_2 {width: 280px;}
.top_menu li.menu_2 img {margin: 0 6px -12px 0;}
.top_menu li.menu_3 {width: 315px;}
.top_menu li.menu_3 img {margin: 0 12px -11px 0;}
.top_menu li.menu_4 {width: 340px;}
.top_menu li.menu_4 img {margin: 0 6px -9px 0;}
.top_menu li.menu_5 {width: 246px; border-right: none;}
.top_menu li.menu_5 img {margin: 0 12px -9px 0;}

.top_menu li ul {display: none; position: absolute; top: 100%; left: 0; width: 100%; transition: all .2s ease;}
.top_menu li ul li {padding-left: 14px; font-size: 18px; text-align: left; width: 100%; background: #ee7926; border-bottom: 1px solid #e85f19; box-shadow: 0 1px 0 #f49333; margin-bottom: 1px;}
.top_menu li.menu_1 ul.drop_1 li.drop_list_1 {background: #5471bf; border-bottom: 1px solid #3e58ac; box-shadow: 0 1px 0 #3e58ac;}
.top_menu li ul li a {color: #fff; display: block; line-height: 60px;}
.top_menu li ul li a:hover {color: #fff799; cursor: pointer; opacity: 1;}
.top_menu li a:hover {color: #fff799; cursor: pointer; opacity: 1.0;}
.top_menu li.menu_1:hover ul.drop_1,
.top_menu li.menu_2:hover ul.drop_2,
.top_menu li.menu_3:hover ul.drop_3,
.top_menu li.menu_4:hover ul.drop_4,
.top_menu li.menu_5:hover ul.drop_5 {display: block; z-index: 100;}
.top_menu li:hover ul li:hover {color: #f0f; opacity: 1;}

/***** Jump tab *****/

section.jump_nav .jumpToDonation a {color: #fff; position: fixed; top: 130px; right: 0; width: 60px; height: 200px; border-radius: 0; display: block; text-align: center; background: repeating-linear-gradient(-45deg, #de0315, #de0315 1px, #e70d1e 1px, #e70d1e 7px);}
  .jump_nav .jumpToDonation img {width: 40px; margin: 16px 10px 12px 10px;}
  .jump_nav .jumpToDonation p {text-indent: 0; margin: 0; font-size: 22px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: 60px;}

/****** Footer *****/
section.footer .address {width: 100%; background: #eb6100; padding: 0; height: 56px; text-align: center; line-height: 56px;}
section.footer .footer_link {width: 100%; background: #eee; padding: 0; height: 50px; text-align: center; line-height: 50px;}
  .footer .address p.pc {font-size: 14px; color: #fff; margin: 0; text-indent: 0;}
  .footer .footer_link ul {display: flex; justify-content: center;}
  .footer .footer_link ul li {font-size: 14px;}
  .footer .footer_link ul li a {border-left: solid 1px #b1b1b1; padding: 0 20px;}
  .footer .footer_link ul li:first-child a {border-left: none;}
  .footer .copyright {width: 1200px; margin: 0 auto; text-align: right; height: 60px; padding: 16px 0 0 0;}
  .footer .copyright p {font-size: 12px;}

/***** breadcrumbs *****/
section.sub_info {width: 1200px; height: 30px; margin: 95px auto 0 auto; padding: 0; display: flex; justify-content: space-between; align-items: center;}
  .sub_info p {font-size: 12px;}
  .sns_icon {width: 120px;}

/***** keyvisual *****/
section.kv {position: relative; width: 1200px; margin: 6px auto 0 auto; }
  .kv img {width: 1200px;}
  .kv .kv_tit {position: absolute; top: 40px; left: 0; width: 800px; height: 70px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));}
  .kv .kv_tit p {text-indent: 0; line-height: 70px; padding: 0 0 0 30px; font-size: 30px; font-weight: bold; margin: 0;}
  .sns_icon ul {display: inline-flex; justify-content: flex-end; align-items: center;}
  .sns_icon ul li {margin: 0 8px 0 0;}
  .sns_icon ul li img {width: 24px;}

/******* SNS banner ******/
section.sns_banner {width: 1200px; margin: 40px auto;}
  .sns_banner ul {display: inline-flex; justify-content: flex-start; align-items: center;}
  .sns_banner ul li {width: auto; margin: 0 2px 0 0;}

/***** your support *****/
section.your_support {width: 1200px; margin: 0 auto; padding: 32px; background: #fde9ca; display: flex;}
  .your_support .cnts_right {width: 340px; margin: 0 0 0 40px;}
  .your_support .cnts_right img {width: 100%;}
  .your_support .cnts_left {position: relative; width: 756px;}
  .your_support .cnts_left h3 {font-size: 28px; font-weight: bold; color: #eb6100; padding: 0 0 0 56px; position: relative;}
  .your_support .cnts_left h3::before {content: url(../images/support_icon.png); position: absolute; top: 0; left: 0;}
  .your_support .cnts_left p {margin: 0 0 0 0; font-size: 14px; line-height: 1.8;}
  .your_support a {display: inline-flex; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 0; width: 300px; height: 80px; color: #fff; line-height: 80px; background: #eb6100; border: none; font-size: 22px; font-weight: bold}
/*  .your_support button a {color: #fff;}*/

/***** contents detail *****/
section.cnts_detail {width: 1200px; margin: 40px auto 0 auto;}
  .cnts_detail ul {display: inline-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
  .cnts_detail ul li {display: block; width: 380px; height: 100px; margin: 0 0 20px 0; line-height: 100px; border: solid 3px #eee; font-size: 20px; font-weight: bold;}
  .cnts_detail ul li a {display: table-cell; line-height: 1.2; width: 380px; height: 94px; vertical-align: middle; color: #000;}
/***** top page *****/
/***** slider *****/
.flexslider {width: 1200px; margin: 90px auto 0 auto; border: none;}
.flexslider .slides li{position: relative;}
.flexslider img {width: 100%;}
  .flexslider p {position: absolute; bottom: 30px; right: 0; display: block; width: 800px; line-height: 100px; padding: 0 0 0 250px; text-align: left; font-size: 24px; font-weight: bold; background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0));}
  .flexslider p span {display: inline-block; vertical-align: middle; line-height: normal;}

/***** topics *****/
section.topics {width: 1200px; margin: 37px auto 0 auto; display: flex; justify-content: space-between; align-items: stretch;}
  .monthly_topics {width: 590px; border: solid 1px #dcdcdc; padding: 10px;}
  .monthly_topics img {width: 240px; float: left; margin: 0 15px 0 0;}
  .monthly_topics h2 {font-size: 24px; font-weight: bold; text-align: left; margin: 10px 0 30px 255px;}
  .monthly_topics p {font-size: 14px; line-height: 1.5; margin: 15px 0 0 0;}
  .BHNandSDG {width: 590px; border: solid 1px #dcdcdc; padding: 10px;}
  .BHNandSDG img {width: 240px; float: left; margin: 0 15px 0 0;}
  .BHNandSDG h2 {font-size: 24px; font-weight: bold; margin: 10px 0 30px 255px;}
  .BHNandSDG p {font-size: 14px; line-height: 1.5; margin: 15px 0 0 0;}



/***** activities *****/
section.activities {width: 1200px; margin: 32px auto 0 auto; display: flex; justify-content: space-between; align-items: stretch;}
  .ourpeople, .reports, .training {position: relative; width: 380px; border: solid 1px #dcdcdc; background: #fff; margin: 0; padding: 20px; text-align: center;}
  .ourpeople img.thum, .reports img.thum, .training img.thum {width: 340px; height: 115px; object-fit: cover;}
  .ourpeople div.tit, .reports div.tit, .training div.tit {display: inline-flex; justify-content: center; align-items: center;}
  .ourpeople div.tit {margin: 15px 0 9px 0;}
  .reports div.tit {margin: 4px 0 0 0;}
  .training div.tit {margin: 12px 0 9px 0;}
  .ourpeople div.tit img {width: 42px;}
  .reports div.tit img {width: 32px;}
  .training div.tit img {width: 24px;}
  .ourpeople div.tit p, .reports div.tit p, .training div.tit p {font-size: 20px; font-weight: bold; margin: 0 0 0 10px;}
  .ourpeople p, .reports p, .training p {font-size: 14px; margin: 8px 0 0 0; text-align: left;}
  .ourpeople::after {content: ""; position: absolute; width: 40px; height: 10px; top: -10px; right: 10px; background: #30bb8b}
  .reports::after {content: ""; position: absolute; width: 40px; height: 10px; top: -10px; right: 10px; background: #00b7ee}
  .training::after {content: ""; position: absolute; width: 40px; height: 10px; top: -10px; right: 10px; background: #f98286}

/*++++ news ******/
section.news {width: 1200px; margin: 32px auto 50px auto; display: flex; justify-content: space-between; align-items: stretch;}
  .news_left {width: 790px;}
  .news_right {width: 380px;}
  .fb_frame {width: 380px; height: 450px; /*border: solid 1px #dcdcdc; padding-left: 145px;*/ margin: 50px 0 0 0;}
  .news_box {margin: 40px 0 0 0;}
  .news_box:first-child {margin: 0;}
  .news_box h2 {font-size: 20px; text-align: left; margin: 0 0 12px 0;}
  .news_box h2 span {margin: 0 0 0 24px;}
  .news_list {display: inline-flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; height: 52px; border-bottom: dotted 1px #dcdcdc; border-top: none;}
  .news_list:last-child {margin: 0;}
  .news_date {display: block; width: 86px; color: #999999; font-size: 14px; line-height: 52px; transform: scaleX(0.8); margin: 0 0 0 -8px; text-indent: 0;}
  .news_cat {display: block; width: 60px; height: 20px; color: #fff; font-size: 12px; line-height: 20px; text-align: center; margin: 0; text-indent: 0;}
  .news_title a {display: block; width: 524px;}
  .news_event a {width: 640px;}
  #news_archive .news_title a {width: auto;}
  .activity_report a {width: 524px;}
  .event {background: #0068b7;}
  .announce {background: #eb6877;}
  .development {background: #00b7ee; width: 180px;}
  .kinkyu {background: #f98286; width: 180px;}
  .human {background: #30bb8b; width: 180px;}
/*  .newsList {background: #ff0000; width: 180px;}*/
  .news_title {display: block; font-size: 14px; line-height: 16px; padding: 0 0 0 12px; margin: 0; text-indent: 0;}

	.withSflag .news_title a {width: 945px;}

  .top_banner {width: 380px; height: 100px; line-height: 100px; display: inline-flex; justify-content: flex-start; align-items: center; margin: 0 0 20px 0; font-size: 20px;}
  .top_banner a {display: inline-flex; align-items: center; color: #000;}

  .mailmag {background: #ffffcc;}
  .mailmag img {margin: 0 44px 0 38px;}
  .pointdonation {background: #fbebee;}
  .pointdonation img {margin: 0 44px 0 56px;}
  .donation {background: #eeeeee;}
  .donation img {margin: 0 13px 0 59px;}


/**** about page ****/
/***** about *****/
#about section.about_01 {width: 1200px; margin: 30px auto;}
#about .about_01 h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 0 0 30px 0;}
#about .about_01 p {font-size: 18px; line-height: 1.8; margin-bottom: 18px;}
#about .vision_mt {margin: 24px 0 0 0;}
#about .vision_mt li {margin-bottom: 6px;}
/*#about .vision_mt_01, .vision_mt_02 {height: 150px;}*/
/*#about .vision_mt_01 {background: url(../images/vision_bk_01.png) no-repeat;}*/
#about .vision_mt_01 {border-left: solid 60px; border-image: linear-gradient(to bottom, #fbb263, #fbba5e); border-image-slice: 1; text-align: left;}
/*#about .vision_mt_02 {background: url(../images/vision_bk_02.png) no-repeat;}*/
#about .vision_mt_02 {border-left: solid 60px; border-image: linear-gradient(to bottom, #fbba5e, #fbc658); border-image-slice: 1; text-align: left;}
/*#about .vision_mt_03 {background: url(../images/vision_bk_03.png) no-repeat;}*/
#about .vision_mt_03 {border-left: solid 60px; border-image: linear-gradient(to bottom, #fbc658, #fbe04b); border-image-slice: 1; text-align: left;}
#about .vision_mt h3 {font-size: 28px; color: #eb6100; text-shadow: 2px 2px 5px #fff; padding: 24px 0 0 0; margin: 0 0 0 16px;}
#about .vision_mt p {margin: 16px 0 0 16px; font-size: 18px; line-height: 1.8; text-indent: 0;}
#about .vision_mt_03 ul {/*display: inline-flex; justify-content: center; align-items: center;*/ margin: 16px 0 0 0;}
#about .vision_mt_03 ul li {display: block; width: /*307px*/100%; font-size: 18px; text-align: left;}
#about .vision_mt_03 ul li a {color: #000;}
/*#about .vision_mt_03 ul li:first-child {margin: 0 28px 0 0;}*/
/*#about .vision_mt_03 ul li:last-child {margin: 0 0 0 28px;}*/
#about .vision_mt_03 ul li img {margin: 10px 0 0 16px; width: 25%;}
#about .vision_mt_03 ul li p {float: right; width: 70%; text-indent: 0;}
#about .vision_mt_03 ul li span {font-weight: bold;}

/***** story *****/
#about section.story {width: 1200px; margin: 50px auto 0 auto;}
#about section.story .story_header {display: flex; justify-content: space-between; border-bottom: solid 4px #f8b551; padding: 0 0 20px 0;}
#about section.story .story_header h2 {font-size: 28px; font-weight: bold; border: none; margin: 0 0 0 0; padding: 0 0 0 0;}
#about section.story .story_header h3 {font-size: 28px; font-weight: bold; margin: 20px 0 0 0;}

#about section.story .story_header .SDGs_icon {display: inline-flex;}
#about section.story .story_header .SDGs_icon img {width: 80px; height: 80px; margin: 0 0 0 8px;}

#about section.story .story_cnts > ul {margin: 35px 0 0 0;}
#about section.story .story_cnts > ul li {display: flex; margin: 0 0 16px 0;}
#about section.story .story_cnts > ul > li .story_img img {width: 380px;}
#about section.story .story_cnts > ul > li .story_img p {font-size: 12px; margin: 4px 0 0 0;}
#about section.story .story_cnts > ul > li .cnts {padding: 0 0 0 30px; text-align: left;}
#about section.story .story_cnts > ul > li .cnts p {font-size: 18px;}
#about section.story .story_cnts > ul > li .cnts p:first-child {font-size: 20px; margin: 0 0 25px 0;}
#about section.story .story_cnts > ul > li .cnts_link {margin: 50px 0 0 0; font-size: 16px;}
#about section.story .story_cnts > ul > li .cnts_link ul li::before {content: "⇒"; margin: 0 0.5em 0 0;}

/******* activities ******/
section.summary {width: 1200px; margin: 30px auto 0 auto;}
  .summary p {font-size: 18px; line-height: 1.8;}

section.activity {width: 1200px; margin: 30px auto 0 auto;}
  .activity h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 0 0 30px 0;}

  .component_01 h3 {font-size: 26px; font-weight: bold;}
  .component_01 p {font-size: 14px; font-weight: bold; line-height: 1.8; margin: 20px 0 0 0;}

  .component_01 .story_banner_01,
  .component_01 .story_banner_02,
  .component_01 .story_banner_03 {padding: 16px; margin: 30px 0 0 0; display: flex; justify-content: space-between; align-items: stretch;}
  .component_01 .story_banner_01 {border: solid 3px #00b7ee;}
  .component_01 .story_banner_02 {border: solid 3px #fcc0c2;}
  .component_01 .story_banner_03 {border: solid 3px #97ddc5;}
  .component_01 .story_banner_left {width: 380px;}
  .component_01 .story_banner_left img {width: 380px;}
  .component_01 .story_banner_right {padding: 0 0 0 20px;}
  .component_01 .story_banner_right p {font-size: 14px; margin: 0;}
  .component_01 .case_list {display: inline-flex; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; margin: 32px 0 0 0;}
  .component_01 .case_list li {width: 580px; text-align: left; margin: 0 0 30px 0;}
  .component_01 .case_list li:nth-child(2n+1) {margin-right: 40px;}
  .component_01 .case_list li:last-child {margin-bottom: 50px;}
  .component_01 .case_list .case .case_cnts_01 {margin: 20px 0 0 0; padding: 0 20px 20px 0; border-right: solid 3px #ccf0fb; border-bottom: solid 3px #ccf0fb;}
  .component_01 .case_list .case .case_cnts_02 {margin: 20px 0 0 0; display: flex; padding: 0 20px 20px 0; border-right: solid 3px #fee6e7; border-bottom: solid 3px #fee6e7;}
  .component_01 .case_list .case .case_cnts_03 {margin: 20px 0 0 0; display: flex; padding: 0 20px 20px 0; border-right: solid 3px #d5f1e8; border-bottom: solid 3px #d5f1e8;}
  .component_01 .case_list .case .case_cnts_01 img,
  .component_01 .case_list .case .case_cnts_02 img,
  .component_01 .case_list .case .case_cnts_03 img {width: 195px; height: 140px; float:left; object-fit: cover; margin: 0 0 10px 10px;}

  .component_01 .case_list li.case p.tit {font-size: 20px; font-weight: bold; margin: 0;}
  .component_01 .case_list li.case p.subtit {font-size: 16px; font-weight: bold; margin: 0;}
  .component_01 .case_list .case .case_cnts_01 p,
  .component_01 .case_list .case .case_cnts_02 p,
  .component_01 .case_list .case .case_cnts_03 p {font-size: 14px; font-weight: normal;}

  .activities_map {margin: 0 0 70px 0;}

  .BHN_SDGs_tree p {font-size: 14px; line-height: 1.3; margin: 0 0 20px 0;}

/******** corporation page **********/
section.corporation_list {width: 1200px; margin: 0 auto;}
.corporation_list ul {width: 1200px; display: inline-flex; justify-content: flex-start; flex-wrap: wrap; margin: 40px 0 0 0;}
.corporation_list ul li {width: 380px; height: 300px; border: solid 3px #fce1b9; margin: 0 30px 40px 0; position: relative;}
.corporation_list ul li:nth-child(3n) {margin: 0 0 40px 0;}
.corporation_list ul li .corp_list_tit {width: 380px; height: 60px; line-height: 60px; background: #f8b551; margin: -3px 0 0 -3px; font-size: 22px; font-weight: bold; display: inline-flex; justify-content: center; align-items: center;}
.corporation_list ul li .corp_list_tit p {margin: 0 0 0 8px; text-indent: 0;}
.corporation_list ul li .corp_list_tit span {font-size: 14px;}
.corporation_list ul li .corp_list_txt {text-align: left; padding: 20px 15px; font-size: 14px; line-height: 1.6;}
.corporation_list button {position: absolute; bottom: 24px; left: 80px; width: 220px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; background: #eb6100;}
.corporation_list .smallBTN {position: absolute; bottom: 24px; left: 57.5px; width: 265px; height: 40px; display: inline-flex; justify-content: space-between; align-items: center;}
.corporation_list .smallBTN button {position: relative; width: 120px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; bottom: 0; left: 0;}

section.advantageBHN {width: 1200px; margin: 0 auto;}
  .advantageBHN h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 0 0 30px 0;}
.advantageBHN dl dt {font-size: 20px; font-weight: bold; margin: 0 0 24px 0;}
.advantageBHN dl dd {font-size: 18px; margin: 0 0 40px 0;}

/************ support page ***************/
#support section.summary {width: 1200px; margin: 32px auto 0 auto; display: flex; justify-content: space-between; align-items: stretch;}

#support .summary .left {width: 670px;}
#support .summary .left p {font-size: 18px;}
#support .summary .right {width: 530px;}
#support .summary .right p {text-align: center; font-size: 18px;}
#support .summary .right p span {font-weight: bold;}

#support section.support_list {width: 1200px; margin: 30px auto 0 auto;}
#support .beaSupporter h2,
#support .Donation h2
{font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 65px 0 30px 0;}

#support .beaSupporter p {font-size: 18px; margin: 40px 0 0 0;}

#support section.support_list ul {display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
#support section.support_list li {width: 590px; margin: 30px 0;}
#support section.support_list li .beaSupporter_tit {height: 60px; line-height: 60px; font-size: 22px; font-weight: bold; background: #f8b551; }
#support section.support_list li .beaSupporter_txt p {margin: 20px 0 0 0; font-size: 18px;}
#support section.support_list li .beaSupporter_txt .BTNs {display: inline-flex; justify-content: space-between; margin: 20px 0 0 0;}
#support .BTNs button {width: 140px; height: 40px; font-size: 18px; font-weight: bold; color: #fff;}
#support .BTNs button.showDetail {background: #3075db;}
#support .BTNs button.submit {background: #eb6100;}

#support .Donation {margin: 0;}
#support .Donation p {font-weight: bold; margin: 0;}
#support .Donation p span {font-weight: normal;}
#support .Donation .Donation_cnts {
  display: flex; justify-content: space-between; margin: 24px 0 0 0;}
#support .Donation .Donation_cnts .left {width: 590px;}
#support .Donation .Donation_cnts .left img {width: 590px;}
#support .Donation .Donation_cnts .right {width: 610px; position: relative;}
#support .Donation .Donation_cnts .right p {font-weight: normal; padding: 0 0 0 20px; margin: 0;}
#support .Donation .Donation_cnts .BTNs {margin: 50px 235px;}
#support .Donation .Donation_cnts .volunteer {width: 265px; display: inline-flex; justify-content: space-between; position: absolute; bottom: 50px; right: 172.5px;}
#support .Donation .mailMag {border: solid 3px #ededed; padding: 30px; margin: 15px 0 0 0; position: relative;}

#support .Donation .mailMag ul li {margin: 0; text-align: left; font-size: 14px;}
#support .Donation .mailMag ul li::before {content: "●"; color: #c9caca; margin: 0 4px 0 0;}
#support .Donation .mailMag ul li:nth-child(2) {margin: 20px 0;}
#support .Donation .mailMag input[name="sirName"],
#support .Donation .mailMag input[name="firstName"]
{width: 150px; height: 30px; margin: 0 8px;}
#support .Donation .mailMag input[type="email"] {width: 350px; height: 30px;}
#support .Donation .mailMag input[name="email"] {margin: 0 0 0 55px;}
#support .Donation .mailMag input[name="email_chk"] {margin: 0 0 0 13px;}
#support .Donation .mailMag input[type="submit"] {width: 240px; height: 40px; line-height: 40px; background: #eb6100; color: #fff; font-size: 18px; font-weight: bold; border: none; position: absolute; bottom: 30px; right: 50px;}

/************ generalinformation ********/
#generalinfo section.aboutBHN {width: 1200px; margin: 0 auto;}
#generalinfo .aboutBHN .info_table h2,
#generalinfo .aboutBHN .greetings h2
{font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 65px 0 30px 0;}

#generalinfo .aboutBHN .info_table table {width: 100%; font-size: 18px; text-align: left;}
#generalinfo .aboutBHN .info_table table tr {height: 35px;}
#generalinfo .aboutBHN .info_table table th {width: 175px;}

#generalinfo .aboutBHN .info_table ul {width: 100%;}
#generalinfo .aboutBHN .info_table ul li {width: 100%; text-align: left; font-size: 14px;  height: 30px; display: inline-flex; align-items: center; justify-content: flex-start;}
#generalinfo .aboutBHN .info_table ul li p {width: 200px;}
#generalinfo .aboutBHN .info_table ul li p:first-child {margin: 0 0 0 4px; width: 200px;}
#generalinfo .aboutBHN .info_table ul li::before {content: "▼"; transform: rotate(30deg);}

#generalinfo .aboutBHN .info_table dl {margin: 50px 0 0 0;}
#generalinfo .aboutBHN .info_table dl dt {font-size: 20px;}
#generalinfo .aboutBHN .info_table dl dd {font-size: 18px; margin: 20px 0 0 0; }


#generalinfo .aboutBHN .greetings .greetings_cnts {
  display: flex; justify-content: space-between; margin: 24px 0 0 0;}
#generalinfo .greetings .greetings_cnts .left {width: 380px;}
#generalinfo .greetings .greetings_cnts .left img {width: 380px;}
#generalinfo .greetings .greetings_cnts .right {width: 820px; -ms-flex:0 1 auto;}
#generalinfo .greetings .greetings_cnts .right p {font-size: 18px; font-weight: normal; padding: 0 0 0 40px; margin: 0;}

/*************** development page **************/
#components_temp {width: 1200px; margin: 0 auto;}
#components_temp section.summary {width: 1200px; margin: 0 auto;}
#components_temp section.summary p {margin: 30px 0 0 0; font-size: 18px;}

#components_temp section.story {width: 1200px; margin: 50px auto 0 auto;}
#components_temp section.story .story_header {display: flex; justify-content: space-between; border-bottom: solid 4px #f8b551; padding: 0 0 20px 0;}
#components_temp section.story .story_header h2 {font-size: 28px; font-weight: bold; border: none; margin: 0;}
#components_temp section.story .story_header h3 {font-size: 28px; font-weight: bold; margin: 0;}

#components_temp section.story .story_header .SDGs_icon {display: inline-flex;}
#components_temp section.story .story_header .SDGs_icon img {width: 80px; height: 80px; margin: 0 0 0 8px;}

#components_temp section.story .story_cnts > ul {margin: 35px 0 0 0;}
#components_temp section.story .story_cnts > ul li {display: flex; margin: 0 0 16px 0;}
#components_temp section.story .story_cnts > ul > li .story_img img {width: 380px;}
#components_temp section.story .story_cnts > ul > li .story_img p {font-size: 14px; margin: 4px 0 0 0;}
#components_temp section.story .story_cnts > ul > li .cnts {padding: 0 0 0 30px; text-align: left;}
#components_temp section.story .story_cnts > ul > li .cnts p {font-size: 18px; line-height: 1.8;}
#components_temp section.story .story_cnts > ul > li .cnts p:first-child {font-size: 20px; margin: 0 0 25px 0;}
#components_temp section.story .story_cnts > ul > li .cnts_link {display: block!important; margin: 50px 0 0 0; font-size: 16px;}
#components_temp section.story .story_cnts > ul > li .cnts_link ul li::before {content: "⇒"; margin: 0 0.5em 0 0;}

#components_temp section.story dl {margin: 70px 0 0 0;}
#components_temp section.story dl dt {font-size: 20px;}
#components_temp section.story dl dt::before {content: "■"; margin: 0 8px 0 0;}
#components_temp section.story dl dd {font-size: 18px; margin: 20px 0 50px 0; line-height: 1.8; padding: 0 0 0 30px;}
#components_temp section.story dl dd:last-child {margin: 20px 0 0 0;}

/*************** support_point page **************/
#support_point section.summary {width: 1200px; margin: 0 auto;}
#support_point section.summary p {margin: 30px 0 0 0; font-size: 18px; line-height: 1.6;}
.support_point_list {width: 1200px; margin: 40px auto 0 auto;}
.support_point_list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.support_point_list ul li {width: 590px; margin: 0 0 40px 0; border: solid 3px #fce1b9; position: relative;}
.support_point_list ul li .tit {width: 590px; height: 60px; background: #f8b551; margin: -3px 0 0 -3px; display: flex; justify-content: center; align-items: center;}
.support_point_list ul li .tall-h {height: 110px;}
  .support_point_list ul li .tit p {margin: 0; text-align: center; font-size: 22px; font-weight: bold; line-height: 1.0; text-indent: 0;}
  .support_point_list ul li .tit p span {font-size: 16px;}
.support_point_list ul li .txt {text-align: center; padding: 18px; font-size: 14px; line-height: 1.6;}
#support_point .support_point_list ul li .txt {text-align: left; padding: 18px; font-size: 14px; line-height: 1.6;}
.support_point_list ul li .txt img {width: 100%;}
.support_point_list ul li .BTN,
.support_point_list ul li input.BTN,
.support_point_list ul li .BTN button {width: 460px; height: 40px; background: #eb6100; color: #fff; font: 18px bold; border: none;}
  .support_point_list ul li .BTN {margin: 0 auto 20px auto;}
  .support_point_list ul li .BTN:hover {opacity: 0.3;}
.support_point_list ul li .smallBTN {width: 265px; margin: 0 0 20px 0; display: inline-flex; justify-content: space-between;}
.support_point_list ul li .smallBTN button {width: 125px; height: 40px; font: 18px bold; color: #fff;}
.smallBTN button.showDetail {background: #3075db;}
.smallBTN button.submit {background: #eb6100;}

    .support_point_list ul li .txt form div {display: inline-flex; margin: 0 0 20px 0; align-items: center;}
  .support_point_list ul li .txt form div p {display: inline-block; text-indent: 0; width: 100px; margin: 0; text-align: left;}
  .support_point_list ul li .txt form div p:nth-child(2) {text-align: right;}
  .support_point_list ul li .txt form div p:last-child {width: 3em; margin: 0 0 0 1em;}




/*#support_point section.cnts_detail ul li {margin: 0 30px 10px 0;}*/

/***** key visual in project report ********/
#project_detail .kv {width: 1200px;}
#project_detail .kv img {width: 1200px;}
#project_detail .kv .kv_tit {width: 800px;}

#project_detail section.summary {width: 1200px; margin: 0 auto;}
#project_detail section.summary p {margin: 30px 0 0 0; font-size: 18px; line-height: 1.6;}

#project_detail section.summary_table {width: 1200px; margin: 0 auto;}
#project_detail section.summary_table table {width: 100%; margin: 40px 0 0 0; border: solid 1px #dcdcdc;}
#project_detail section.summary_table table tr {border-bottom: solid 1px #dcdcdc;}
#project_detail section.summary_table table tr:last-child {border-bottom: none;}
#project_detail section.summary_table table th {width: 195px; background: #fdecd3; font-size: 18px; padding: 20px; text-align: left; vertical-align: middle;}
#project_detail section.summary_table table td {font-size: 18px; padding: 20px; text-align: left; line-height: 1.5;}
#project_detail section.report {width: 1200px; margin: 0 auto;}
#project_detail section.report dl {margin: 0;}
#project_detail section.report dt {margin: 50px 0 0 0; font-size: 20px;}
/*#project_detail section.report dt::before {content: "■"; margin: 0 0 0 0;}*/
#project_detail section.report dt span {margin: 0 0 0 15px;}
#project_detail section.report dd {margin: 20px 0 0 0; }
#project_detail section.report dd p.tit {font-size: 20px;}
#project_detail section.report dd p.txt {margin: 20px 0 0 0;}

#project_detail section.report dd ul {display: inline-flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0 0 0;}
#project_detail section.report dd ul li {width: 590px; margin: 0 20px 15px 0;}
#project_detail section.report dd ul li:nth-child(2n) {margin: 0 0 15px 0;}
#project_detail section.report dd ul li img {width: 100%;}
#project_detail section.report dd ul li p {font-size: 14px; margin: 0; line-height: 1.2;}
#project_detail section.report dd ol {padding-left: 1em;}

#project_detail section.report dd .news_box {margin: 20px 0 0 0;}
	#project_detail .news_title a {width: 945px;}
/************ search ************/
  section.search_form {width: 1200px; margin: 0 auto;}
  section.search_form .search_header h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 25px 0 30px 0;}
  section.search_form .search_header .search_tit div {display: flex; justify-content: space-between; align-items: center;}
  section.search_form .search_header p {font-size: 18px; margin: 20px 0 0 0; line-height: 1.8}
  section.search_form .search_header p.movie {color: #3d76e2; position: relative; margin: 20px 0 0 0; padding: 0 40px 0 0;}
  section.search_form .search_header p.movie::after {content: url(../images/movie_icon.png); position: absolute; right: 0;}

  #searchform2 {width: 1200px; margin: 30px auto 0 auto;}
  #searchform2 .input_form {display: flex; justify-content: space-between;}
  #searchform2 select {width: 275px; height: 40px; border: solid 2px #c9c9c9; outline: none; text-overflow: ''; vertical-align: middle; box-shadow: none; background: none transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0 0 0 15px;}
  #searchform2 select::-ms-expand {display: none;}
  #searchform2 select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #828c9a;}
  #searchform2 select option{background-color: #fff; color: #000;}

  #searchform2 .select_wrap {position: relative; width: 275px; height: 40px;}
  #searchform2 .select_wrap::before {z-index: 3; position: absolute; left: 250px; top: 10px; content: "▼"; color: #c9c9c9; pointer-events: none;}

  #searchform2 #s {width: 275px; height: 40px; border: solid
  2px #c9c9c9;}

  #searchBTN2 {width: 200px; height: 50px; background: #f8b551; border: none; margin: 25px 500px; font-size: 24px; font-weight: bold; color: #fff;}
  #searchBTN2 i {color: #f37f39; margin: 0 0 0 4px;}

  section.report_list {width: 1200px; margin: 0 auto 0 auto;}
  section.report_list ul.reportLists {display: inline-flex; justify-content: flex-start; flex-wrap: wrap;}
  section.report_list ul.reportLists li {width: 380px; margin: 0 30px 30px 0; text-align: left;}
  section.report_list ul.reportLists li:nth-child(3n) {margin: 0 0 30px 0;}
  section.report_list ul.reportLists li img {width: 380px; height: 255px; object-fit: cover;}
  section.report_list ul.reportLists li p {margin: 10px 0 0 0; font-size: 14px;}
  section.report_list ul.reportLists li p.date {margin: 15px 0 0 0; font-size: 12px; color: #666;}
  section.report_list ul.reportLists li p a {font-weight: bold;}


  #news_archive {width: 1200px; margin: 0 auto;}
  #news_archive .sub_info {width: 1200px; margin: 95px auto 20px auto;}
  #news_archive .newsList {width: 1200px; margin: 0 auto;}
  #news_archive .newsList ul.lists li {width: 100%; height: 50px; border-bottom: dotted 1px #ccc; text-align: left; display: inline-flex; justify-content: flex-start; align-items: center;}
  #news_archive .newsList ul.lists li p.news_cat {display: inline-block; width: 5em;}
  #news_archive .newsHeader {width: 100%;}
  #news_archive .newsHeader h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 25px 0 0 0;}
  #news_archive .newsList ul.lists li p.news_cat {width: 80px}
  #news_archive .newsList ul.page_navi {display: flex; justify-content: center; margin: 50px 0 0 0;}
  #news_archive .newsList ul.page_navi li {font-size: 24px; margin: 0 6px;}

  #on-site_report {width: 1200px; margin: 0 auto;}
  #on-site_report .sub_info {width: 1200px; margin: 95px auto 20px auto;}
  #on-site_report .newsList {width: 100%; margin: 0 auto;}
  #on-site_report .newsList ul.lists li {width: 100%; height: 50px; border-bottom: dotted 1px #ccc; text-align: left; display: inline-flex; justify-content: flex-start; align-items: center;}
  #on-site_report .newsList ul.lists li p.news_cat {display: inline-block; width: 5em;}
  #on-site_report .newsHeader {width: 100%;}
  #on-site_report .newsHeader h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 25px 0 0 0;}
  #on-site_report .newsList ul.lists li p.news_cat {width: 60px}
  #on-site_report .newsList ul.page_navi {display: flex; justify-content: center; margin: 50px 0 0 0;}
  #on-site_report .newsList ul.page_navi li {font-size: 24px; margin: 0 6px;}
	#on-site_report .news_right section {margin-top: 30px;}
  #on-site_report .news_right p {font-size: 14px; margin: 0 6px; line-height: 1.2;}

  #education {width: 1200px; margin: 0 auto;}
  #education .sub_info {width: 1200px; margin: 95px auto 20px auto;}
  #education .newsList {width: 100%; margin: 0 auto;}
  #education .newsList ul.lists li {width: 100%; height: 50px; border-bottom: dotted 1px #ccc; text-align: left; display: inline-flex; justify-content: flex-start; align-items: center;}
  #education .newsList ul.lists li p.news_cat {display: inline-block; width: 5em;}
  #education .newsHeader {width: 100%;}
  #education .newsHeader h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 25px 0 0 0;}
  #education .newsList ul.lists li p.news_cat {width: 60px}
  #education .newsList ul.page_navi {display: flex; justify-content: center; margin: 50px 0 0 0;}
  #education .newsList ul.page_navi li {font-size: 24px; margin: 0 6px;}
  #education .news_right section {margin-top: 30px;}
  #education .news_right p {font-size: 14px; margin: 0 6px; line-height: 1.2;}


	
	
  #news_report .newsRep_header {width:1200px; margin: 0 auto;}
  #news_report .newsRep_header .tit_box {margin: 20px 0 0 0;}
  #news_report .newsRep_header .tit_box h2 {font-size: 30px;}
  #news_report .newsRep_header .submitDay {text-align: right ; margin: 35px 0 0 0;}
  #news_report .newsRep_header .submitDay p {font-size: 14px; }
  #news_report .newsRep_header .contents p {font-size: 18px; margin: 0 0 20px 0;}


  #aboutBHN_temp {width: 1200px; margin: 0 auto;}
  #aboutBHN_temp section.contents {width: 1200px; margin: 30px auto;}
  #aboutBHN_temp section.contents p {font-size: 18px;}
  #aboutBHN_temp section.contents h2 {font-size: 30px; padding: 0 0 24px 0; border-bottom: solid 4px #f8b551; margin: 25px 0 30px 0;}
  #aboutBHN_temp section.contents .summary {display: flex;}
  #aboutBHN_temp section.contents .summary .right img {margin: 0 0 0 20px;}
  #aboutBHN_temp ul li {font-size: 18px;}


  #default_temp {width: 1200px; margin: 0 auto;}
  #default_temp .searchResult {width: 1200px; margin: 0 auto;}
  #default_temp .contents .summary {margin: 30px auto; font-size: 18px; line-height: 1.6;}
  #default_temp .Donation .mailMag {border: solid 3px #ededed; padding: 30px; margin: 15px 0 0 0; position: relative;}
  #default_temp .Donation .mailMag ul li {margin: 0; text-align: left; font-size: 14px;}
  #default_temp .Donation .mailMag ul li::before {content: "●"; color: #c9caca; margin: 0 4px 0 0;}
  #default_temp .Donation .mailMag ul li:nth-child(2) {margin: 20px 0;}
  #default_temp .Donation .mailMag input[name="sirName"],
  #default_temp .Donation .mailMag input[name="firstName"] {width: 150px; height: 30px; margin: 0 8px;}
  #default_temp .Donation .mailMag input[type="email"] {width: 350px; height: 30px;}
  #default_temp .Donation .mailMag input[name="email"] {margin: 0 0 0 55px;}
  #default_temp .Donation .mailMag input[name="email_chk"] {margin: 0 0 0 13px;}
  #default_temp .Donation .mailMag input[type="submit"] {width: 240px; height: 40px; line-height: 40px; background: #eb6100; color: #fff; font-size: 18px; font-weight: bold; border: none; position: absolute; bottom: 30px; right: 50px;}

  #default_temp .report .movie_list {display: flex; justify-content: space-around; flex-wrap: wrap;}
  #default_temp .report .movie_list .movie_item {width: 560px; margin: 0 0 30px 0;}
  #default_temp .report .movie_list .movie_item:last-child {margin: 0 0 0 0;}

  #activity_temp {width: 1200px; margin: 0 auto;}
  #activity_temp .contents .summary {margin: 30px 0 0 0; font-size: 18px;}
/*#activity_temp .cnts_detail ul li {display: inline-flex; justify-content: center; align-items: center;}*/
  /*#activity_temp .cnts_detail ul li a {line-height: 1.4; margin: auto; display: block; width: 100%;}*/

  .supporter, .joinMember, .donate {width: 1200px; margin: 0 auto;}
  .supporter h2, .joinMember h2, .donate h2 {margin: 20px 0 30px 0;}
  .donate p {line-height: 1.5; font-size: 18px;}
  .supporter p {font-size: 18px; margin: 0 0 8px 0;}
  .supporter ul.footnote {font-size: 14px; line-height: 1.5; margin: 0 0 8px 0;}
  .supporter table {border: solid 1px #dcdcdc; font-size: 16px; table-layout: fixed;}
  .supporter table tr {border-bottom: solid 1px #dcdcdc; height: 60px;}
  .supporter table th {background: #fdecd3; line-height: 60px; border-right: solid 1px #dcdcdc;}
  .supporter table td {vertical-align: middle; padding: 4px; border-left: solid 1px #dcdcdc;}
  .supporter table th:first-child {width: 180px; table-layout: fixed;}
  .supporter table th:nth-child(2) {width: 165px; table-layout: fixed;}
  .supporter table th:nth-child(3) {width: 375px; table-layout: fixed;}
  .supporter table th:nth-child(4) {width: 480px; table-layout: fixed;}
  .supporter table tr:nth-child(2) td:first-child,
  .supporter table tr:nth-child(2) td:nth-child(2),
  .supporter table tr:nth-child(3) td:first-child,
  .supporter table tr:nth-child(4) td:first-child,
  .supporter table tr:nth-child(4) td:nth-child(2),
  .supporter table tr:nth-child(5) td:first-child {text-align: center;}
  .supporter table tr:nth-child(2) td:first-child,
  .supporter table tr:nth-child(4) td:first-child {line-height: 120px;}
  .supporter table tr:nth-child(2) td:nth-child(4),
  .supporter table tr:nth-child(2) td:nth-child(5),
  .supporter table tr:nth-child(4) td:nth-child(4) {line-height: 1.5; vertical-align: inherit;}
  .supporter ul.footnote {list-style: disc; margin-left: 1em;}
  .supporter ul.footnote li {text-align: left;}

  .joinMember h3 {margin: 30px 0 0 0; font-size: 20px;}
  .joinMember p {margin: 15px 0 0 0; text-align: left; font-size: 18px;}
  .joinMember .support_point_list ul {display: flex;}
  .joinMember .support_point_list ul li div.txt {text-align: center;}
  .joinMember .support_point_list ul li div.txt div p {display: inline-block; width: 100px;}
  .joinMember .support_point_list ul li div.txt div p:nth-child(2) {width: 10rem;}
  .joinMember .support_point_list ul li form div {display: inline-flex; align-items: baseline;}
  .joinMember .support_point_list ul li form div p {display: block;}
  .joinMember .support_point_list ul li form div select {border: solid 1px #dcdcdc; text-align: center; margin: 0 0 0 4px; width: 100px; background: none;}
  .joinMember .support_point_list ul li form input[type="text"] {width: 140px; margin: 0 4px 0 0;}

/*  .donate .support_point_list ul li div.txt {text-align: center;}
  .donate .support_point_list ul li .txt img {width: 100%;}*/
  .donate .support_point_list form ul {margin: 8px auto; display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; width: 450px;}
  .donate .support_point_list form ul li {text-align: left; margin: 0 0 8px 0; width: 150px; border: none; font-size: 16px;}
  .donate .support_point_list form ul li:last-child {width: 450px;}
  .donate .support_point_list form label {display: block; position: relative; padding-left: 2em;}
  .donate .support_point_list form label input[type="radio"] {position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
  .donate .support_point_list form label input[type="text"] {margin: 0 8px;}


  .report_list {width: 1200px; margin: 0 auto;}
  .report_list > ul {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
  .report_list > ul.reportLists li {width: 380px; text-align: left; margin: 0 0 30px 0;}
  .report_list > ul.reportLists li img {margin: 0 0 20px 0;}
  .report_list > ul.reportLists li p.date {font-size: 12px; color: #666; line-height: 1.5;}
  .report_list > ul.reportLists li p {font-size: 14px; line-height: 1.5;}

  .aboutBHN .info_table table {border: solid 1px #dcdcdc; table-layout: fixed;}
  .aboutBHN .info_table table tr {border-bottom: solid 1px #dcdcdc;}
  .aboutBHN .info_table table tr:last-child {border-bottom: none;}
  .aboutBHN .info_table table th {vertical-align: middle; border-right: solid 1px #dcdcdc; padding: 4px;}
  .aboutBHN .info_table table.staff th:first-child {width: 120px;}
  .aboutBHN .info_table table.staff th:nth-child(2) {width: 300px;}
  .aboutBHN .info_table table.staff th:nth-child(3) {width: 180px;}
  .aboutBHN .info_table table td {vertical-align: middle; border-right: solid 1px #dcdcdc; padding: 4px; line-height: 1.5;}
  .aboutBHN .info_table table.staff td:nth-child(4n) {border-right: none;}

  .report_list > ul.page_navi {display: flex; justify-content: center; margin: 50px 0 0 0;}
  .report_list > ul.page_navi > li {font-size: 24px; margin: 0 6px;}

  #country_archive {width: 1200px; margin: 0 auto;}
  #country_archive .sub_info {margin: 95px 0 20px 0;}
  #country_archive .newsList {width: 100%;}
  #country_archive .newsList ul.news_tbl li {width: 100%; height: 50px; border-bottom: dotted 1px #ccc; text-align: left; display: inline-flex; justify-content: flex-start; align-items: center;}
  #country_archive .newsList ul.news_tbl li p.news_cat {display: inline-block; width: 180px;}


  #activity_report {width: 1200px; margin: 0 auto;}
  #activity_report .newsRep_header {width:1200px; margin: 0 auto;}
  #activity_report .newsRep_header .tit_box {margin: 20px 0 0 0;}
  #activity_report .newsRep_header .tit_box h2 {font-size: 30px;}
  #activity_report .newsRep_header .submitDay {text-align: right ; margin: 35px 0 0 0;}
  #activity_report .newsRep_header .submitDay p {font-size: 14px; }
  #activity_report .newsRep_header .contents > p {font-size: 18px; line-height: 1.6; margin: 0 0 20px 0;}

  #sitemap_list li {text-align: left;}

  #full_individual, #full_corporation {font-size: 16px; width: 100px;}
  #supp_individual, #supp_corporation {font-size: 16px;}

  .wp-caption-text {font-size: 14px; margin: 0;}

  .interview {width: 1200px; margin: 0 auto;}
.interview .tit_box {margin: 32px 0 0 0;}
.interview .contents h4 {
  display: inline-block;
  width: 100%;
  background: #fdecd3;
  color: #eb6100;
  font-size: 22px;
  line-height: 1.4;
  font-weight: bold;
  padding: 1em 1em 1em 3em;
  text-indent: -2em;}
.interview .contents p {padding: 0; text-indent: 0;}
.interview .contents p:last-child {margin-top: 128px; font-weight: bold; font-size: 14px;}
.interview .contents div {margin: 18px 0;}
.interview .contents div.wp-caption img {margin-bottom: 0;}
.interview .contents div .wp-caption-text {margin: 0; text-align: center; font-size: 12px; font-weight: normal;}
.interview .contents img {clear: both; margin: 8px 16px 16px 16px; }

.interview .lead_box {overflow: auto; margin: 0 0 32px 0;}
.interview .lead_box img {float: right; margin: 0 0 0 16px;}
.interview .lead_box .projects {margin: 0; font-size: 16px;}
.interview .lead_box h3 {font-size: 28px; margin: 32px 0;}
.interview .lead_box {position: relative;}
.interview .lead_box .personal_data {position: absolute; bottom: 0; right: 470px; margin: 0;}
.interview .lead_box .personal_data p {margin: 0; font-size: 14px;}

  .archive-link {margin-bottom: 32px;}
  .archive-link div {text-align: center;}
  .archive-link a {font-weight: bold;}
  .archive-link img {vertical-align: middle; margin-left: 0.5em;}

_:-ms-lang(x), .jump_nav .jumpToDonation p {
text-indent: -100px;}

.wp-pagenavi {text-align: center; margin-top: 50px; font-size: 24px;}
.wp-pagenavi span {margin: 0 6px;}
.wp-pagenavi a {margin: 0 6px;}

/** add 2023.07 aiming_for **/
article.aiming_for {background: url("https://www.bhn.or.jp/english/wp-content/uploads/2023/07/aiming_BK.png") no-repeat; background-size: 100% 100%; width: 751px; margin: 0 auto;}
article.aiming_for > div {text-align: center; border-bottom: solid 2px #ffc000; width: 550px; margin: 0 auto; margin-bottom: 15px;}
article.aiming_for > div:last-child {border-bottom: none; width: 600px;}
article.aiming_for > div h3 {color: #7030A0;}
article.aiming_for > div p span {color: #2E75B6;}
article.aiming_for > div ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
article.aiming_for > div ul li {padding: 5px 20px; margin: 10px; background: #2E75B6; color: #fff; border-radius: 20px; font-weight: bold;}

	.jumpToTop {width: 60px; height: 60px; background: rgba(54,88,180,0.8); border-radius: 5px; text-align: center; position: fixed; bottom: 100px; right: 10%;}
	.jumpToTop a {display: block;}
	.jumpToTop i {line-height: 60px; color: #fff;}
}