@charset "utf-8";
/* ==============================================================
/*     Common  
/* ============================================================== */
.fSP {
  display: none
}
/* Mincho
---------------------------------*/
#mCol h1, #sCol h3, footer h4 {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
/* header
---------------------------------*/
#mCol h1 {
  margin-bottom: 20px;
  font-size: 1.5em;
}
#mCol h1 span {
  font-size: 0.7em
}
#mCol h1 .btn {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 10px;
  background: #e60012;
  border: 2px solid #e60012;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  vertical-align: text-bottom;
}
#mCol h1 .btn:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 10px;
  margin-left: 10px;
  background: url(../img/common/bg_parts.png) no-repeat 0 -49px;
}
#mCol h1 .btn:hover {
  opacity: 0.7;
}
#mCol h1 .btnBL {
  border: 2px solid #fffc48;
  background: #0c92d5;
}
#mCol h2 {
  margin: 40px 0 15px;
  padding: 5px 15px;
  color: #e60012;
  border-left: 5px solid #e60012;
  font-size: 1.25em;
}
#mCol h2.label {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  color: #e60012;
  background: #fff;
  border: none;
}
#mCol h2.label span {
  display: inline-block;
  width: auto;
  text-align: center;
  background: #e60012;
  color: #fff;
  margin-right: 5px;
  padding: 3px 15px;
  font-size: 15px;
  vertical-align: middle;
}
#mCol h3 {
  clear: both;
  margin: 30px 0 10px;
  font-size: 1.2em;
  color: #333
}
#mCol h4 {
  margin: 30px 0 10px;
  font-size: 1.1em;
  color: #333
}
#mCol h5 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ccc;
  font-size: 1em;
  color: #333
}
#mCol h6 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 0.9em;
  color: #333
}
#mCol p, #mCol li, #mCol th, #mCol td, #mCol dt, #mCol dd, .infoBody div{
  font-size: 1em
}
#mCol p {
  margin-bottom: 20px;
}
#mCol .sTxt {
  font-size: 0.85em;
}
#mCol .lTxt {
  font-size: 1.14em;
  font-weight: bold
}
.lgTxt{
  font-size: 1.25rem !important;
}
.inLink.xlTxt {
  font-size: 1.4em;
  background: url(../img/common/bg_parts.png) no-repeat 0 -143px;
}
.bbTxt {
  padding: 0 5px;
  font-size: 1.8em;
}
.anchor{
  margin-top: -120px;
  padding-top: 120px;
}

/* table
---------------------------------*/
#mCol table {
  width: 100%;
  border-top: 2px solid #e60012;
}
#mCol th {
  padding: 8px 10px;
  background: url(../img/common/bg_dl.gif);
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #ddd
}
#mCol td {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd
}
#mCol table.tableS th, #mCol table.tableS td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: center;
  vertical-align: middle
}
.wS { width: 60px}
.wS2 { width: 85px}
.wM { width: 120px}
.wL { width: 220px}
.w10 {  width: 10%}
.w20 {  width: 20%}
.w25 {  width: 25%}
.w30 {  width: 30%}
.w40 {  width: 40%}
.w50 {  width: 50%}
.w60 {  width: 60%}
.w70 {  width: 70%}
.w80 {  width: 80%}
.w90 {  width: 90%}

.dB {  display: block}
.bd2 {
  border-right-width: 2px !important
}
th.bgRed, .bgPk {
  background: #f6cccf !important
}
td.bgRed {
  background: #fdf2f3 !important
}
td.bgEmpty{
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}
/* dl
---------------------------------*/
#mCol dl {
  margin-top: 20px;
  border-top: 2px solid #e60012;
  background: url(../img/common/bg_dl.gif) repeat-y
}
#home #mCol dl {
  margin-top: 0;
}
#mCol dt {
  clear: both;
  float: left;
  width: 120px;
  padding: 12px 15px;
  font-weight: bold
}
#mCol dd {
  width: calc(100% - 170px);
  padding: 12px 5px 12px 165px;
  border-bottom: 1px solid #ddd
}
#mCol dl.dlL {
  margin-top: 30px;
  border-top: 2px solid #e60012;
  background: url(../img/common/bg_dlL.gif) repeat-y
}
#mCol dl.dlL dt {
  clear: both;
  float: left;
  width: 190px;
  padding: 12px 15px;
  font-weight: bold
}
#mCol dl.dlL dd {
  width: calc(100% - 245px);
  padding: 12px 5px 12px 240px;
  border-bottom: 1px solid #ddd
}
#mCol dl.dlLine {
  margin-top: 0;
  border: none
}
#mCol dl.dlLine dt {
  width: 160px;
  padding: 5px 0;
}
#mCol dl.dlLine dd {
  width: auto;
  padding: 5px 0 5px 165px;
  border: none
}

#mCol .dlAcd{
  margin-bottom: 20px;
  background: none;
  border: none
}
#mCol .dlAcd dt {
  float: none;
  width: auto;
  margin-bottom: 0;
  padding: 0 0 5px 25px;
  background: url("../../lib/img/common/ico_acd.png") no-repeat 0 0.6em;
  background-size: 14px auto !important;
  cursor: pointer;
}
#mCol .dlAcd dt.opn {
  background: url("../../lib/img/common/ico_acd_opn.png") no-repeat 0 0.6em;
}
#mCol .dlAcd dd {
  display: none;
  width: auto;
  margin-bottom: 20px;
  padding: 0;
  border: none;
}

/* ul
---------------------------------*/
.liDot {
  margin-top: 15px
}
.liDot.mt-0 {
  margin-top: -10px
}
.liDot li {
  margin: 0 0 10px 1.5em;
  list-style: square
}
#mCol .content .liDot2 li {
  margin: 0 0 3px 1.5em;
  list-style: square
}
ol li {
  margin-bottom: 10px;
}
.liLTxtBg {
  padding: 15px 0 15px 15px;
  background: #f3f3f3;
}
.liLTxtBg li {
  display: inline;
  margin-right: 25px;
  padding-left: 22px;
  background: url(../img/common/bg_parts.png) no-repeat 0 -147px;
  font-size: 15px;
  font-weight: bold
}
.liLTxtBg li a {
  color: #444
}
.liPage {
  margin: 30px 0
}
.liPage li {
  display: inline;
  margin-right: 20px;
  padding-left: 25px;
  background: url(../img/common/bg_parts.png) no-repeat 0 -348px;
  font-size: 15px
}
.liPage li a, .liPage li a:visited {
  color: #444
}
.liBsc {
  margin-bottom: 30px
}
.liBsc li {
  margin-bottom: 5px
}
.liBsc span {
  display: block;
  font-weight: bold
}
.liKata li {
  margin-left: 2em;
  list-style: katakana
}
/* img
---------------------------------*/
.imgL, .imgL50 {
  float: left;
  width: 220px;
  margin: 0 20px 20px 0
}
.imgR, .imgR50 {
  float: right;
  width: 220px;
  margin: 0 0 20px 20px
}
.imgL16 {
  float: left;
  width: 160px;
  margin: 0 20px 20px 0
}
.imgR16 {
  float: right;
  width: 160px;
  margin: 0 0 20px 20px
}
.imgL12 {
  float: left;
  width: 120px;
  margin: 0 20px 20px 0
}
.imgR12 {
  float: right;
  width: 120px;
  margin: 0 0 20px 20px
}
.imgL50, .imgR50 {
  width: 340px;
}
@media screen and (min-width:641px) {
  .imgL33, .imgR33{
    width: 340px;
  }
  .imgL16_txt{
    float: right;
    width: calc(100% - 180px);
  }
}

.capImg, .capTxt {
  text-align: center;
  font-size: 0.8em !important;
}
.capImg img, .capTxt img{
  display: inline-block;
  margin-bottom: 10px;
}

/* form
---------------------------------*/
#mCol table.tableForm {
  margin-bottom: 20px;
  border-top: 1px solid #ddd
}
#mCol table.tableForm th {
  width: 150px;
  padding: 15px;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.4;
}
#mCol table.tableForm2 th{
  font-size: 1.1rem;
}
#mCol table.tableForm th span {
  font-size: 11px;
  font-weight: normal;
}
#mCol table.tableForm td {
  padding: 15px;
  font-size: 14px
}
#mCol table.tableForm td strong {
  line-height: 1;
}
#mCol table.tableForm td .sTxt {
  font-size: 11px
}
.tableForm label{
  cursor: pointer;
}
.tableForm input[type="text"], .tableForm input[type="email"], .tableForm textarea {
  width: 340px;
  margin-bottom: 5px;
  padding: 10px;
  border: 1px solid #aaa;
}
.tableForm input[type="text"]:disabled{
  background: #eee;
}
.tableForm input[type="text"].wM {
  width: 120px
}
.tableForm input[type="text"].wS {
  width: 100px
}
.tableForm select.wSS {
  width: 50px
}
.tableForm select {
  padding: 8px;
  border: 1px solid #aaa;
  background: #fff;
  color: #444;
}
.tableForm input[type="radio"], .tableForm input[type="checkbox"] {
  vertical-align: -0.1em
}
.tableForm-label{
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 0;
}
.other_txt {
  margin: 3px 0 10px 25px;
}

/* radio 2022 */
.radioTabBtnBox{
  display: flex;
  margin-bottom: 20px;
  border-bottom: 2px solid #e60012;
}
.radioTabBtn{
  display: none;
}
.radioTabBtnLabel{
  display: inline-block;
  width: calc(50% - 5px);
  padding: 20px 0;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.radioTabBtnBox .radioTabBtnLabel:not(:last-child){
  margin-right: 10px;
}
.radioTabBtn:checked + .radioTabBtnLabel{
  color: #fff;
  background: #e60012;
}
.precautionsBox{
  height: 200px;
  margin-bottom: 20px;
  padding: 20px 15px 10px;
  border: 1px solid #ddd;
  overflow-y: scroll;
}

/* Adobe Reader
---------------------------------*/
#mCol .arBox {
  margin: 20px 0;
  padding: 15px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  font-size: 11px
}
.arBox img {
  display: block;
  position: relative;
  top: -3px;
  float: left;
  margin-right: 10px;
}
/* other
---------------------------------*/
.marker {
  margin: 0 2px;
  padding: 0 3px;
  background: #cee9f7;
  font-weight: bold
}
ol {
  margin-left: 2em
}
.inLink:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  padding-left: 23px;
  background: url(../img/common/bg_parts.png) no-repeat 0 -150px;
  text-decoration: underline;
}
/*
.inLink {
    padding-left: 23px;
    background: url(../img/common/bg_parts.png) no-repeat 0 -147px;
    text-decoration: underline;
    cursor: pointer;
}*/
.inLink a, .inLink a:visited {
  color: #444
}
.inLink a:hover, .inLink a:active {
  color: #666
}
.linkBtn, .linkBtn:visited {
  display: inline-block;
  width: 200px;
  border-radius: 5px;
  background: #e60012;
  padding: 10px 0;
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}
.linkBtn:hover, .btn:hover{
  color: #fff;
  opacity: 0.8
}
.btn, .btn:visited{
  display: inline-block;
  background: #e60012;
  color: #fff;
  text-align: center;
  padding: 15px 30px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.2rem;
  text-decoration: none;
}
.clr {
  clear: both
}
.bTxt {
  font-weight: bold
}
.nTxt {
  font-weight: normal
}
.rTxt {
  text-align: right !important
}
.cTxt {
  text-align: center !important
}
.ltTxt {
  text-align: left !important
}
.rdTxt {
  color: #e60012
}
.blTxt {
  color: #0d92d5
}
.ulTxt {
  text-decoration: underline
}
.ltTxt {
  text-decoration: line-through
}
.sup {
  vertical-align: super;
  font-weight: normal;
  font-size: smaller;
  padding-right: 3px;
}
.bdTop {
  border-top: 1px solid #e6e6e6;
  padding-top: 15px
}
.bdBottom {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 30px
}
.bdTB {
  padding: 15px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.gbdBox {
  padding: 15px 20px;
  border: 1px solid #ddd;
}
.rbdBox, .rbdbBox {
  padding: 15px 20px;
  border: 1px solid #e60012
}
.rbdbBox {
  border: 2px solid #e60012
}
.hideBox {
  display: none
}
.hideBox.active {
  display: block
}

.mt-25 { margin-top: -25px !important}
.mt0{ margin-top: 0 !important}
.mt15 { margin-top: 15px !important}

.mb0 { margin-bottom: 0 !important}
.mb5 { margin-bottom: 5px!important}
.mb10 { margin-bottom: 10px !important}
.mb20 { margin-bottom: 20px !important}
.mb30 { margin-bottom: 30px !important}
.mb40 { margin-bottom: 40px !important}
.mb50 { margin-bottom: 50px !important}

.pt10 { padding-top: 10px !important}
.pt20 { padding-top: 20px !important}
.pt30 { padding-top: 30px !important}
.pt40 { padding-top: 40px !important}
.pb1 { padding-bottom: 1px !important}

@media screen and (min-width:641px) {
  .w520{ width: 520px}
}

/* Index Lists
---------------------------------*/
#indexLists, .indexLists {
  margin-right: -20px;
}
#mCol #indexLists li, #mCol .indexLists li {
  float: left;
  width: 220px;
  margin: 0 20px 20px 0;
  line-height: 1.2;
  font-size: 13px;
}
#indexLists li span, .indexLists li span {
  display: block;
  padding: 12px 10px 12px 30px;
  background: #e60012 url(../img/common/bg_parts.png) no-repeat -690px -188px
}
#indexLists li.sTxt span, .indexLists li.sTxt span {
  padding: 6px 10px 6px 30px;
  font-size: 12px
}
#indexLists li a, .indexLists li a {
  color: #fff;
  text-decoration: none
}
#btnLists {
  clear: both;
  padding-top: 20px
}
#btnLists li {
  margin-bottom: 10px
}
#mCol .indexLists.twoCol li {
  float: left;
  width: 340px;
  margin: 0 20px 20px 0;
  line-height: 1.2;
  font-size: 14px;
}
#mCol .indexLists.fourCol li {
  float: left;
  width: 160px;
  margin: 0 20px 20px 0;
  line-height: 1.2;
  font-size: 13px;
}
.indexLists.fourCol li.sTxt span {
  padding: 7px 0 6px 30px;
  font-size: 11px
}
/* Columns
---------------------------------*/
.list2 {
  margin-bottom: 30px !important;
}
.list2 > li {
  float: left;
  width: calc(50% - 10px);
  margin: 0 20px 20px 0;
}
.list2 li:nth-child(2n) {
  margin-right: 0;
}
.list3 > li {
  float: left;
  width: calc(33.3333% - 13.3333px);
  margin-right: 20px;
}
.list3 li:nth-child(3n) {
  margin-right: 0;
}
.list3 li img {
  display: inline-block;
  margin-bottom: 15px;
}
.programBody .list3 li img {
  margin-bottom: 5px;
}
.programBody .list3 {
  margin-bottom: 30px;
}
.list4 {
  display: flex;
  flex-wrap: wrap;
}
.list4 li{
  width: calc(25% - 15px);
  margin-bottom: 20px;
}
.list4 li:not(:nth-child(4n)){
  margin-right: 20px;
}

/* ==============================================================
/*     TOP
/* ============================================================== */
#topImgs {
  clear: both;
  width: 1010px;
  margin: 0 auto 40px
}
/* Information
---------------------------------*/
#home .rbdBox {
  padding: 8px 10px;
}
#home .rbdBox img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.linkGr, .linkGr:visited {
  color: #444 !important
}
.linkGr:hover, .linkGr:active {
  color: #999 !important
}
#mCol #infos h2 {
  margin: 0 0 20px;
  line-height: 1
}

.openVideo:hover{
  opacity: 0.8;
}
/* Image -------------------------- */
.tab li, .tab li a{
  float: left;
  display: block;
  width: 161px;
  height: 35px;
  margin-right: 5px;
  text-indent: -9999px;
  background: url(../img/top/bg_top_tab.png) no-repeat
}
.tab li#tPr, .tab li#tPr a {
  background-position: -166px 0;
  width: 191px
}
.tab li#tEv, .tab li#tEv a {
  background-position: -362px 0
}
.tab li#tSp, .tab li#tSp a {
  background-position: -528px 0;
  width: 167px
}
.tab li.active, .tab li.active a {
  background-position: 0 100%
}
.tab li#tPr.active, .tab li#tPr.active a {
  background-position: -166px 100%
}
.tab li#tEv.active, .tab li#tEv.active a {
  background-position: -362px 100%
}
.tab li#tSp.active, .tab li#tSp.active a {
  background-position: -528px 100%
}
/* CSS -------------------------- */
.tab li, .tab2 li, .tab-btn li{
  float: left;
  width: 23% !important;
  height: auto;
  margin-right: 1%;
  background: none;
  text-indent: 0;
  text-align: center;
  font-weight: bold;
  font-size: 15px !important;
}
.tab li#tPr {
  width: 27% !important
}
.tab li a, .tab2 li a, .tab-btn li a {
  display: block;
  width: 100% !important;
  height: auto;
  margin: 0;
  padding: 10px 0;
  background: none #ccc;
  color: #666;
  text-indent: 0;
  text-decoration: none;
  border-radius: 5px 5px 0 0
}
.tab li.active, .tab-btn li.active {
  background: none
}
.tab li.active a, .tab-btn li.active a {
  color: #fff;
  background: #e60012
}
.content {
  clear: both;
}
#mCol .content dl {
  background: none
}
#mCol .content dt{
  width: 220px;
  padding-right: 0;
}
#mCol .content dt img {
  margin-left: 5px;
  vertical-align: -0.2em
}
#mCol .content dd {
  width: calc(100% - 235px);
  padding-left: 235px;
}
#mCol .content .liPhoto:not li {
  margin-top: 10px;
}
.area, .area2 {
  display: none;
  margin-bottom: 20px;
}
#mCol .grBox {
  margin: 30px 0 60px;
  padding: 15px;
  border: 1px solid #ccc;
  text-align: center
}
#map {
  position: relative
}
#map li {
  position: absolute;
  font-size: 11px;
}
#map li a {
  text-decoration: none;
  color: #333;
}
#map li a:hover {
  text-decoration: underline;
}
#map #ej {top: 153px; left: 360px}
#map #sr {top: 42px; left: 283px}
#map #gz {top: 293px; left: 261px}
#map #ss2 {top: 365px; left: 255px}
#map #ks {top: 208px; left: 370px}
#map #wj2018 {top: 191px; left: 360px}
#map #ym {top: 330px; left: 261px}
#map #af {top: 60px; left: 324px}
#map #mr2017 {top: 100px; left: 347px}
#map #cb2019 {top: 172px; left: 360px}
#map #vn2019 {top: 296px; left: 470px}
#map #drc2019 {top: 382px; left: 255px}
#map #cc2020 {bottom: 14px; left: 0}
#map #bd2020 {top: 127px; left: 352px}
#map #mzn2021 {top: 424px; left: 277px}
#map #et2021 {top: 348px; left: 261px}
#map #mm2021 {top: 115px; left: 347px}
#map #gz2021 {top: 311px; left: 261px}
#map #ua2022 {top: 110px; left: 35px}
#map #pk2022 {top: 81px; left: 330px}
#map #tr2023 {top: 23px; left: 283px}

/* NGO Units
---------------------------------*/
#ngos li {
  float: left;
  height: 40px;
  margin: 0 15px 20px 0
}
#ngos li a:hover {
  opacity: 0.7
}

/* SNS links
---------------------------------*/
.snsBlock{
  clear: both;
  margin: 20px 0;
  padding: 30px 15px;
  border: 1px solid #e60012;
  text-align: center;
}
.snsBlock_ttl{
  margin: 0 !important;
  border: none !important;
  color: #444 !important;
  font-size: 1.5em !important;
}
.snsBlock_list{
  display: flex;
}
.snsBlock_list li{
  flex: 1;
  padding: 10px;
  font-size: 0.9em !important;
}
.snsBlock_list li:not(:last-child){
  border-right: 1px solid #e6e6e6;
}
.snsBlock_list li img{
  display: block;
  margin: 0 auto 10px;
  width: 52px;
  height: auto;
}
.snsBlock_list li a{
  color: #444;
  text-decoration: none;
}
.snsBlock_list li a:hover{
  opacity: 0.7;
}

/* ==============================================================
/*     ABOUT
/* ============================================================== */
/* vision
---------------------------------*/
.vsnBoxs{
  display: flex;
}
.vsnBox {
  width: calc(33% - 7px);
  padding: 0 15px;
  border: 1px solid #e60012
}
.vsnBox:not(:last-child){
  margin-right: 11px;
}
#mCol .vsnBox h2 {
  text-align: center;
  color: #444;
  border: none;
}
#mCol dl.dlTxt {
  background: none;
  border: none;
}
#mCol .dlTxt dt {
  width: auto;
  float: none;
  margin: 20px 0 5px;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold
}
#mCol .dlTxt dd {
  width: auto;
  border: none;
  padding: 0;
}

/* message
---------------------------------*/
.prfBox {
  margin-bottom: 40px;
  padding: 25px 25px 1px;
  background: #eee;
}
#mCol .prfBox h2 {
  color: #444;
  margin: 0 0 5px;
  font-size: 1rem
}
#mCol .prfBox p, #mCol .prfBox li {
  font-size: 0.8rem
}
/* JPF
---------------------------------*/
#mCol h2.tgl2 {
  font-size: 1.1em
}
.tgl2 a {
  color: #444 !important;
  text-decoration: none
}
.tgl2 a:hover {
  opacity: 0.6
}
.tgl2 .labelDtl {
  padding: 0 10px;
  font-size: 14px;
  color: #333;
  vertical-align: middle
}
/* minutes
---------------------------------*/
#mCol h2.tgl, #mCol h2.tgl2 {
  margin-bottom: 0;
  padding: 0 0 10px 15px;
  color: #444;
  border-left: none;
  border-bottom: 2px solid #e60012;
  cursor: pointer;
  background: url(../img/common/bg_parts.png) no-repeat 2px -244px;
}
#mCol h2.tgl, #mCol h2.tgl2 {
  cursor: default
}
#mCol h2.tgl, #mCol h2.tgl2 span {
  cursor: pointer
}
#mCol h2.tgl.opn, #mCol h2.tgl2.opn {
  background-position: -699px -244px
}
#mCol .dlNobg, #mCol .dlNobgS {
  display: none;
  margin-top: 0;
  border: none;
  background: none
}
#mCol .dlNobg.opn, #mCol .dlNobgS.opn {
  display: block
}
#mCol .dlNobg dt {
  width: 210px;
  padding: 15px 0 15px 10px;
}
#mCol .dlNobg dt span {
  font-size: 0.7em;
  font-weight: normal
}
#mCol .dlNobg dd {
  width: calc(100% - 230px);
  padding: 15px 10px 15px 220px;
}
/*　議事録から時間削除 */
#mCol .dlNobgS dt {
  width: 150px;
  padding: 15px 0 15px 10px;
}
#mCol .dlNobgS dd {
  width: calc(100% - 170px);
  padding: 15px 10px 15px 160px;
}
/* ---------------------------*/
#mCol .dlNobg dd a, #mCol .dlNobgS dd a, #mCol .dlReport dd a {
  padding-left: 20px;
  background: url(../img/common/bg_parts.png) no-repeat -700px 0.2em;
}
#mCol .dlNobg dd span, #mCol .dlNobgS dd span, #mCol .dlReport dd span {
  font-size: 0.7em
}

/* report
---------------------------------*/
.list3-reports{
  margin-bottom: 40px;
}
.list3-reports li{
  text-align: center;
}
.list3-reports li img{
  margin-bottom: 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

/* NGO-units
---------------------------------*/
#liNGO {
  margin-right: -20px
}
#liNGO li {
  float: left;
  width: 158px;
  margin: 0 20px 15px 0;
  font-size: 0.7em;
}
#liNGO li a {
  display: inline-block;
  margin-bottom: 1px;
  text-align: center;
  font-weight: bold;
}
#liNGO li:nth-child(4n-3) {
  clear: both;
}
#liNGO li.l3 {
  margin-bottom: 35px
}
#liNGO li img {
  margin-bottom: 7px;
  border: 1px solid #ddd
}
#liNGO li a {
  color: #555
}
#liNGO li a:hover img {
  border-color: #e60012
}
/* Article
---------------------------------*/
#mCol dl.dlArticle {
  margin-top: 0;
  border: none;
  background: none
}
#mCol dl.dlArticle dt {
  width: 4em;
  padding: 5px 0;
}
#mCol dl.dlArticle dd {
  width: auto;
  padding: 5px 0 5px 4em
}
/* Participation
---------------------------------*/
#flowBox {
  position: relative
}
#flowBox ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  padding: 15px 15px 10px;
  border: 1px dashed #7f7f7f;
  background: #fff
}
#flowBox li {
  margin-bottom: 5px;
  font-size: 0.75em
}
#flowBox li a[href $='.pdf'], .pdfBox li a[href $='.pdf'], .liDoc li a[href $='.pdf'], #mCol .content dd a[href $='.pdf'], .infoBody a[href $='.pdf'], .programPdf a[href $='.pdf'], a.icoPdf {
  padding-left: 20px;
  background: url(../img/common/bg_parts.png) no-repeat -700px 1px;
}
#flowBox li a[href $='.doc'], #flowBox li a[href $='.docx'], .pdfBox li a[href $='.doc'], .pdfBox li a[href $='.docx'], .liDoc li a[href $='.doc'], .liDoc li a[href $='.docx'], .infoBody a[href $='.doc'], .infoBody a[href $='.docx'], .icoDoc {
  padding-left: 20px;
  background: url(../img/common/icon_doc.gif) no-repeat 0 0.1em;
}
#flowBox li a[href $='.xls'], #flowBox li a[href $='.xlsx'], .pdfBox li a[href $='.xls'], .pdfBox li a[href $='.xlsx'], .liDoc li a[href $='.xls'], .liDoc li a[href $='.xlsx'], .infoBody a[href $='.xls'], .infoBody a[href $='.xlsx'], .icoXls{
  padding-left: 20px;
  background: url(../img/common/icon_xls.gif) no-repeat 0 0.1em;
}
.infoBody a[href $='.pdf'], .infoBody a[href $='.doc'] {
  display: inline
}
#mCol .dlNobg dd.noPdf a, a.noPdf, .programPdf a[href $='.pdf'].noMark {
  padding: 0 !important;
  background: none !important;
}
#flowBox ul#flowBoxUl2 {
  top: 160px
}
#flowBox ul#flowBoxUl3 {
  top: 385px
}
/* Docments
---------------------------------*/
.tab2 {
  margin-bottom: 20px;
  border-bottom: 3px solid #e60012
}
.tab2 li, .tab2 li a {
  float: left;
  display: block;
  width: 227px;
  height: auto;
  padding: 5px 0;
  margin-right: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-indent: 0;
  background: none #ccc;
  transition: none;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none
}
.tab2 li.active, .tab2 li.active a {
  background: #e60012;
  transition: none;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none
}
.liDoc {
  margin-bottom: 25px
}
.liDoc li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 1em;
  font-weight: bold;
}
.liDoc li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "■";
}
.liDoc li.new::before {
  color: #e60012;
}
.liDoc li.new_bl::before {
  color: #0d92d5;
}
.liDot.liDoc li {
  padding-left: 0;
  background: none
}
.liDoc li a, .liDoc li span {
  font-weight: normal
}
.liDoc li .sTxt, #mCol .liDoc li .redTxt, h2 .sTxt {
  font-size: 0.8em;
  color: #444
}
#mCol .liDoc li .redTxt, #mCol h2 .redTxt {
  margin: 0;
  padding: 0;
  border: none;
  color: #e60012;
  font-weight: normal
}
/* ==============================================================
/*     Activity
/* ============================================================== */
/* flow-support
---------------------------------*/
#liFlow {
  margin-bottom: 30px
}
#liFlow li {
  padding: 0 0 25px 0;
  background: url(../img/activity/bg_flow_arrow.gif) no-repeat 15px 100%;
  font-size: 1.1em;
  font-weight: bold
}
#liFlow li.firstL {
  padding-top: 20px;
}
#liFlow li.lastL {
  padding: 0;
  background: none
}
#liFlow li img {
  vertical-align: middle
}
#liFlow li span {
  display: block;
  margin: 5px 0 0 68px;
  font-size: 0.8em;
  font-weight: normal
}
#liFlow li.liBdR {
  padding: 10px 0;
  border: 2px solid #e60012;
  color: #e60012;
  text-align: center;
  background: none
}
/* ==============================================================
/*     PROGRAMS
/* ============================================================== */
/* index
---------------------------------*/
#liPgms, .liPgms {
  margin-bottom: 40px
}
#liPgms li, .liPgms li{
  display: flex;
  clear: both;
  margin-bottom: 20px;
  font-size: 1em;
  align-items: center;
}
#liPgms .liPgms_img, .liPgms .liPgms_img{
  display: block;
  margin-right: 20px;
}
#liPgms li img, .liPgms li img {
  border: 1px solid #ddd;
}
#liPgms .liPgms_txt, .liPgms .liPgms_txt{
  display: block;
  width: calc(100% - 205px);
}
#liPgms li a.inLink, #liPgms li a.inLink:visited, .liPgms li a.inLink, .liPgms li a.inLink:visited{
  position: relative;
  display: block !important;
  padding-left: 23px !important;
  color: #444;
  font-size: 1.2em;
  font-weight: bold
}
#liPgms li .inLink:before{
  position: absolute;
  top: 8px;
  left: 0;
}
#liPgms li a.inLink:hover, #liPgms li a.inLink:active, .liPgms li a.inLink:hover, .liPgms li a.inLink:active {
  color: #666;
}

/* program
---------------------------------*/
#mCol .infoBody h2 a {
  color: #e60012
}
.programBody .flexslider {
  width: 600px;
}
.programBody p img {
  vertical-align: middle;
}
.btnDonate a {
  display: block;
  padding: 15px 0;
  background: #e60012;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1.4em
}
.btnDonate a:hover {
  opacity: 0.7
}
#sCol .btnDonate a {
  margin-bottom: 20px;
  border: 4px solid #fffc48;
  background: #0c92d5;
}
.programPdf {
  float: left;
  width: 340px;
  margin: 0 20px 30px 0
}
.programPdf.lastL {
  margin-right: 0
}
.programPdf img {
  margin-bottom: 5px
}
.pdfBox {
  margin: 20px 0;
  padding: 20px 20px 15px;
  background: #f3f3f3;
}
.pdfBox li {
  margin-bottom: 5px
}
.pdfBox li:first-child {
  margin-top: 0 !important
}
.pdfBox li a[href $='.pdf'] {
  padding-left: 25px
}
.pdfBox li a, .pdfBox li a:visited {
  color: #444
}
.pdfBox li a:hover, .pdfBox li a:active {
  color: #666
}
.programBody a > img, .programBody a:visited > img {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out
}
.programBody a:hover > img, .programBody a:active > img {
  opacity: 0.8;
  transition: all 0.01s ease-in-out;
  -moz-transition: all 0.01s ease-in-out;
  -o-transition: all 0.01s ease-in-out;
  -webkit-transition: all 0.01s ease-in-out
}
#mCol .redTxt, #mCol .redTxtImg1, #mCol .redTxtImg2 {
  margin: 20px 0;
  padding: 15px;
  border: 2px solid #e60012;
  color: #e60012;
  text-align: center;
  font-weight: bold;
}
#mCol .redTxtImg1 {
  height: 65px;
  padding: 0;
}
#mCol .redTxtImg2 {
  height: 90px;
  padding: 0;
}
#mCol .redTxtImg1 p, #mCol .redTxtImg2 p {
  float: left;
  padding: 20px 0 0 30px;
  font-size: 1em;
  text-align: left
}
#mCol .redTxtImg1 img, #mCol .redTxtImg2 img {
  float: right;
}
#mCol #dlNews, #mCol .dlNews{
  background: none;
  border: none
}
#mCol #dlNews dt, #mCol .dlNews dt {
  float: none;
  width: auto;
  margin-bottom: 0;
  padding: 0 0 5px 15px;
  cursor: pointer;
  background: url(../img/common/bg_parts.png) no-repeat 2px -244px;
  font-size: 0.95em
}
.programBody .tgl {
  padding: 0 0 5px 15px;
  cursor: pointer;
  background: url(../img/common/bg_parts.png) no-repeat 2px -244px;
}
#mCol #dlNews dt.opn, #mCol .dlNews dt.opn {
  background-position: -699px -244px
}
#mCol #dlNews.newIcon dt, #mCol .dlNews.newIcon dt{
  padding-left: 20px;
  background: url(../img/common/ico_acd.png) no-repeat 0 0.4em;
  background-size: 14px auto !important;
}
#mCol #dlNews.newIcon dt.opn, #mCol .dlNews.newIcon dt.opn{
  background: url(../img/common/ico_acd_opn.png) no-repeat 0 0.4em;
}

#mCol #dlNews dd, #mCol .dlNews dd {
  display: none;
  width: auto;
  margin-bottom: 20px;
  padding: 0;
  border: none;
}
#mCol .dlNews_more {
  display: none;
}
.dlNews_more_link {
  cursor: pointer;
}
#mCol .programBody table, #mCol .infoBody table {
  margin-bottom: 40px
}
#mCol table.noRB, #mCol table.noTRB {
  border-top: none
}
#mCol table.noRB th, #mCol table.noRB td {
  border: none;
  vertical-align: top;
  padding: 0
}
.programBody .rdTxt, .infoBody .rdTxt {
  color: #e60012
}
.programBody .liEvent li {
  float: left;
  width: 218px;
  margin: 0 20px 20px 0;
  padding-top: 14px;
  border: 1px solid #e60012;
  font-size: 0.7em !important
}
.programBody .liEvent li:nth-child(3n) {
  margin-right: 0
}
.programBody .liEvent li a {
  display: block;
  text-decoration: none;
}
.programBody .liEvent li span {
  color: #444;
  padding: 0 14px;
}
.programBody .liEvent li img {
  padding: 5px 14px 14px;
}
.programBody .liEvent li span.ttl {
  display: block;
  padding: 8px 14px;
  background: #e60012;
  color: #fff;
  font-size: 1.4em !important;
  font-weight: bold;
  line-height: 1.3;
}
.programBody .liEvent li a span.ttl {
  text-decoration: underline;
}
.programBody .liEvent li a:hover span.ttl {
  text-decoration: none;
}
.programBody .h2l {
  height: 42px !important
}
.programBody .h3l {
  height: 62px !important
}
.programBody .h4l {
  height: 82px !important
}
.ppBtns {
  margin-bottom: 40px
}
.ppBtns form {
  display: inline
}
table .ppBtns {
  margin-bottom: 0;
  display: none
}
/* for new program page
--------------------------*/
@media screen and (min-width:641px) {
  .h1Box h1 {
    float: left;
    width: 555px;
    margin-right: 25px
  }
  .h1Box_btns {
    float: right;
    width: 120px;
  }
  .h1Box_btns li:first-child {
    margin-bottom: 10px;
  }
}
.h1Box_btns a {
  display: block;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}
.h1Box_btns a img {
  vertical-align: middle;
}
.h1Box_btns-donate a {
  padding: 13px 0;
  color: #fff;
  background: #e60012;
  font-size: 1.12em;
  font-weight: bold;
}
.h1Box_btns-english a {
  padding: 4px 0;
  color: #e60012;
  border: 1px solid #e60012;
}
#mCol .programBody h2 {
  margin: 30px 0 10px;
}
#mCol .programBody table {
  margin-bottom: 10px;
}
.programBody .pdfBox {
  margin: 0
}
.programBody .area {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.programBody .area div {
  font-size: 1em;
}
#grBox {
  margin-bottom: 20px;
  padding: 1px 30px 20px;
  background: url(..//img/common/bg_dl.gif);
}
#mCol #grBox .dlAccount {
  background: #fff;
}
#mCol .programBody .tab, #mCol .programBody .tab2 {
  border-bottom: 2px solid #e60012
}
#mCol .programBody .tab {
  margin: 10px 0 30px;
}
#mCol .programBody .tab li, #mCol .programBody .tab2 li {
  background: #fff;
  width: auto !important;
  height: auto;
  margin: 10px 2px 0 0;
}
#mCol .programBody .tab2 {
  margin-top: 10px
}
#mCol .programBody .tab2 li {
  margin-left: 0 !important;
  padding: 0 !important;
}
#mCol .programBody .tab2 li a {
  font-size: 13px;
  font-weight: normal
}
#mCol .programBody .tab li a, #mCol .programBody .tab2 li a {
  width: auto !important;
  height: auto;
  margin-right: 0;
  padding: 10px 20px;
  text-indent: 0;
  text-align: center;
  background: #ccc;
  color: #555;
  text-decoration: none
}
#mCol .programBody .tab li.active a, #mCol .programBody .tab2 li.active a {
  background: #e60012;
  color: #fff;
}
#mCol .programBody table.tableForm {
  background: #fff
}
#mCol .programBody table.tableForm th {
  width: 80px;
  background: #f9f9f9
}
/* to BTN */
#mCol .programBody .tab-btn, #mCol .programBody .tab-3btn {
  height: auto;
  border-bottom: none;
}
#mCol .programBody .tab-btn li {
  width: 49% !important;
  margin: 0 1% 10px 0;
}
#mCol .programBody .tab-btn li a, #mCol .programBody .tab-3btn li a {
  width: 100% !important;
  padding: 15px 0;
  border-radius: 0;
}
/* to 3rows BTN */
#mCol .programBody .tab-3btn, #mCol .programBody .tab-4btn {
  margin-bottom: 30px;
}
#mCol .programBody .tab-3btn li, #mCol .programBody .tab-4btn li {
  width: 32.3333% !important;
  margin: 0 1% 10px 0;
}
#mCol .programBody .tab-4btn li {
  width: 24.25% !important;
}
#mCol .programBody .tab-4btn li:nth-child(4n) {
  margin-right: 0;
}
.content .area h3 {
  position: relative;
}
.content .area h3 .sTxt {
  position: absolute;
  right: 0;
}
.boxProject, .boxVoice {
  margin: 30px 0 20px;
  padding: 1px 40px 10px;
  background: #f3f9fd;
}
.boxVoice {
  margin-top: 20px;
  background: #fef5f6;

}
.boxProject h2, .boxVoice h2 {
  padding: 0 !important;
  font-size: 1.4em !important;
  border-left: none !important;
}
.boxProject h3, .boxVoice h3 {
  margin: 10px 0 15px !important;
  padding: 0 !important;
}
.boxProject h3 span, .boxVoice h3 span{
  display: block;
  position: static !important;
  text-align: right;
}
.boxProject h2 {
  color: #0c92d5 !important;
}
.boxProject.iconone h2, .boxVoice.iconone h2 {
  padding: 0 !important;
  background: none;
}
@media screen and (min-width:641px) {
  .programPdf.lastL h2 {
    margin-bottom: 39px !important;
  }
}
.liSDGs {
  margin-bottom: 15px;
}
.liSDGs li {
  display: inline-block;
  margin: 0 5px 10px 0;
}
.liSDGs li img {
  width: 50px;
  height: auto;
}
.ytBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}
.ytBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* programs
---------------------------------*/
.tablePrograms {
  margin-bottom: 1.5em;
  font-size: 0.9em
}
.tablePrograms .w1 {
  width: 180px
}
.tablePrograms .w3 {
  width: 155px
}
/* Kyushu Photos
---------------------------------*/
#kumamon {
  position: relative;
  margin-bottom: 40px;
}
.liPhotos li {
  vertical-align: top;
  width: calc(50% - 10px);
  margin-bottom: 15px;
  font-size: 0.8em !important;
  text-align: center;
}
.liPhotos li:nth-child(2n) {
  padding-left: 20px
}
.liPhotos li img {
  width: 100%;
  height: auto;
  padding-bottom: 5px;
}
@media screen and (min-width:641px) {
  .liPhotos{
    display: flex;
    flex-wrap: wrap;
  }
}
/* for AFPK gallery
---------------------------------*/
#flk {
  clear: both;
}
.slideFrame {
  position: relative;
  margin: 5px 0 15px;
  overflow: hidden;
  overflow-x: auto;
  width: 700px;
  height: 75px;
}
.slideGuide {
  width: 150%;
  height: 100%;
}
.slideCell {
  display: block;
  float: left;
  margin-right: 10px;
  width: 75px;
  height: 75px;
}
/* Country Overview
---------------------------------*/
.riskLow, .riskMod, .riskHigh {
  vertical-align: middle;
  text-align: center
}
.riskLow {
  background: #fc0
}
.riskMod {
  background: #ff7e00
}
.riskHigh {
  background: #e60012;
  color: #fff
}
.itlcTxt {
  font-style: italic;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
/* ==============================================================
/*     SUPPORT
/* ============================================================== */
p + .liBtn2L {
  margin-top: -10px !important;
}
.liBtn2L li {
  float: left;
  width: 340px;
  margin-bottom: 20px;
}
.liBtn2L li:nth-child(2n-1) {
  margin-right: 20px;
}
.liBtn2L li a {
  display: block;
  padding: 15px 10px 15px 45px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  background: #d00012 url(../img/common/bg_parts.png) no-repeat -680px -183px;
}
.liBtn2L li a:hover {
  opacity: 0.8;
}
#mCol h2.wtIcon, #mCol h3.wtIcon {
  position: relative;
  clear: both;
  margin: 25px 0 10px;
  padding: 0;
  border-left: none;
  color: #444;
  font-size: 18px
}
#mCol h2.wtIcon img, #mCol h3.wtIcon img {
  margin-right: 10px;
  vertical-align: middle
}
#mCol h2.wtIcon a, #mCol h3.wtIcon a {
  padding-right: 25px;
  color: #444;
  background: url(../img/common/bg_parts.png) no-repeat 100% -297px
}
h2.wtIcon .label {
  width: auto;
  padding: 3px 10px;
  font-size: 12px;
  background: #999
}
#mCol .dlAccount, .bdGr {
  width: auto;
  margin: 0 0 10px;
  padding: 20px 25px 20px;
  border: 1px solid #ddd;
  background: none
}
#mCol .dlAccount dt {
  width: 100px;
  padding: 0
}
#mCol .dlAccount dd {
  width: 450px;
  padding: 0 0 0 100px;
  border: none
}
#mCol .dlAccount dd.memo {
  padding: 3px 0;
  width: 100%;
  font-weight: bold
}
#mCol .boxR {
  float: right;
  width: 460px;
}
.mt-15 {
  margin-top: -15px !important
}
.liCld {
  margin: 0.5em 0 0 2em
}
.liIdt {
  margin: 0 0 1em 1em
}
.liIdt li {
  margin-bottom: 5px;
  text-indent: -1em
}
.liIdt2 {
  margin: 0 0 1em 2.0em
}
.liIdt2 li {
  margin-bottom: 3px;
  text-indent: -2.5em
}
.liIdt15 {
  margin: 0 0 1em 2em
}
.liIdt15 li {
  margin-bottom: 10px;
  text-indent: -2em
}
#mCol .indexLists.fourCol li {
  line-height: 1.5;
}
#mCol .indexLists.col5 {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
#mCol .indexLists.col5 li {
  display: flex;
  align-items: center;
  float: none;
  width: 132px;
  margin: 0 10px 0px 0;
}
#mCol .indexLists.col5 li.marker {
  background: #e6f4fb;
  padding: 0;
}
.txtWay {
  display: block;
  padding: 0 15px;
  font-size: 1rem;
}
@media screen and (min-width:641px) {
  #mCol .indexLists.fourCol li {
    width: 150px;
    margin: 0 10px 0px 0;
  }
}

.redBox{
  margin-bottom: 20px;
  padding: 20px 20px 5px;
  background: #fef2f3;
}
.list2 .redBox{
  margin-bottom: 0;
}
.redBox h3{
  margin: 0 0 20px !important;
  font-size: 1.2rem !important;
}
.redBox h3 a{
  color: #444;
  position: relative;
  padding-left: 15px;
}
.redBox h3 a::before{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #e60012;
}
.redBox .liDot li{
  font-size: 0.95rem !important;
}
.redBox .indexLists li span{
  padding: 10px 0;
  background-image: none;
  text-align: center;
}
.redBox .liDot a{
  color: #444;
}
.redBox h3 a:hover, .redBox .liDot a:hover{
  opacity: 0.7;
}
.redBox-bequest, .redBox-continually{
  height: 170px;
  background-position: 93% 90%;
  background-repeat: no-repeat;
}
.redBox-bequest{
  background-image: url("../img/support/bg_indexIcon_bequest.png");
  background-size: 85px auto;
}
.redBox-continually{
  background-image: url("../img/support/bg_indexIcon_continually.png");
  background-size: 65px auto;
}
@media screen and (max-width:640px){
  .redBox .list2{
    width: calc(100% - 1.5em);
    margin-bottom: 0 !important;
  }
  .redBox-bequest ul, .redBox-continually ul{
    height: auto;
  }
  .redBox-bequest ul{
    padding-right: 115px;
  }
}

/* Continually
---------------------------------*/
.memberType {
  float: left;
  width: 300px;
  margin: 0 20px 40px 0;
  padding: 20px;
  background: url(../img/common/bg_blue.gif);
  font-size: 13px;
  line-height: 1.2
}
.memberType.lastL {
  margin-right: 0
}
.memberType img {
  display: block;
  float: left;
  margin-right: 10px
}
.memberType strong {
  font-size: 18px
}
.memberType strong .sTxt {
  font-size: 14px
}
#mCol .dlTxt dd.contactBox {
  width: 310px;
  margin-bottom: 20px;
  padding: 15px 20px;
  font-size: 16px;
  border: 1px solid #ddd
}
.liFlow li{
  position: relative;
  margin-bottom: 35px;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #e60012;
}
.liFlow li::after{
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #e60012 transparent transparent transparent;
}
.liFlow li:last-child::after{
  display: none;
}

/* Member
---------------------------------*/
.liMembers {
  float: left;
  width: 340px;
  margin: 0 10px 20px 0
}
.liMembers li {
  margin-bottom: 5px;
  padding-left: 12px;
  background: #fff url(../img/common/bg_parts.png) no-repeat 0 5px;
  font-size: 12px;
}
.liMembers li.sTxt {
  font-size: 11px
}
/* Receipt
---------------------------------*/
#mCol .dlTxt dd.contactBox.receipt {
  width: 450px;
}
/* ==============================================================
/*     INFORMAITON
/* ============================================================== */
.label {
  display: inline-block;
  width: 8em;
  text-align: center;
  background: #e60012;
  color: #fff;
  margin-left: 5px;
  padding: 1px 5px;
  font-size: 10px;
  vertical-align: middle
}
#mCol .infoEntDate {
  margin-bottom: 5px
}
.infoBody.press a[href $='.pdf'] {
  padding: 20px 0 0 0;
  background: url(../img/info/ico_pressrelease.png) no-repeat
}
#mCol .listArchives {
  border: none;
  background: #f3f3f3;
}
#mCol .listArchives dt {
  padding: 20px 0 0 20px;
  font-size: 1em;
}
#mCol .listArchives dd {
  border: none;
  margin-bottom: 0;
  width: 485px;
  padding: 12px 20px 12px 190px;
}
.dlSpt .label {
  width: 10em
}
.dlSpt dt {
  width: 220px !important
}
.dlSpt dd {
  width: 450px !important;
  padding-left: 245px !important;
}
.pSpt {
  position: absolute;
  top: 15px;
  left: 10px
}
#support {
  position: relative
}
#infos #support .dlSpt {
  padding-top: 40px;
}
#mCol .listArchives {
  border: none;
  background: #f3f3f3;
}
#mCol .listArchives dt {
  width: 200px;
  padding: 20px 0 0 20px;
  font-size: 1em;
}
#mCol .listArchives dd {
  border: none;
  margin-bottom: 0;
  width: 455px;
  padding: 12px 20px 12px 220px;
}
.pnNav {
  margin-top: 20px
}
.pnNav a, .pnNav .current_page {
  display: inline-block;
  margin-right: 5px;
  padding: 2px 10px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #666;
  vertical-align: middle
}
.pnNav .current_page {
  margin: 0;
  border-color: #0c92d5;
  background: #0c92d5;
  color: #fff
}
/* 15周年寄付ページ
-------------------*/
.liCompanyList1 {
  margin-bottom: 20px;
}
.liCompanyList1 li {
  float: left;
  width: 330px;
  margin: 0 10px 10px;
  text-align: center;
  line-height: 3
}
.liCompanyList1 li span {
  display: table-cell;
  width: 328px;
  height: 100px;
  margin-bottom: 10px;
  padding: 20px 0;
  border: 1px solid #ddd;
  vertical-align: middle;
  line-height: 1
}
.liCompanyList2 {
  clear: both;
  margin-bottom: 40px;
  border-top: 1px solid #ddd;
}
.liCompanyList2 li, .liCompanyList3 li {
  margin-bottom: 0;
  padding: 20px 0;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #ddd;
  border-top: none
}
.liCompanyList3 {
  margin-bottom: 40px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.liCompanyList3 li {
  float: left;
  width: 233px;
  font-size: 0.7em !important;
  border: none;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/* ==============================================================
/*     SITE POLICY
/* ============================================================== */
.liBrowser li {
  margin-bottom: 10px
}
.liBrowser li img {
  display: inline-block;
  width: 32px;
  vertical-align: middle
}
/* ==============================================================
/*     SITE MAP
/* ============================================================== */
.sitemapBox {
  float: left;
  width: 340px;
  margin-right: 10px
}
.sitemapBox a, .sitemapBox a:visited {
  color: #444
}
.sitemapBox a:hover, .sitemapBox a:active {
  color: #999
}
#mCol .sitemapBox h2 {
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  border: none;
  background: url(../img/common/bg_parts.png) no-repeat -783px -296px
}
.sitemapBox ul {
  margin-bottom: 30px
}
.sitemapBox li {
  margin: 0 0 5px 20px;
  text-indent: -10px;
}
.sitemapBox li a::before, .sitemapBox li span::before{
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  background: url(../img/common/bg_parts.png) no-repeat 0 0;
}
.sitemapBox ul ul {
  margin: 5px 0
}
/* ==============================================================
/*     DATA
/* ============================================================== */
#data #mCol .dlNobg {
  margin-bottom: 15px
}
#data #mCol .dlNobg dt {
  width: 140px;
  padding: 10px 0;
}
#data #mCol .dlNobg dd {
  width: 555px;
  padding: 10px 0 10px 145px;
  border: none
}
/* ==============================================================
/*     Company
/* ============================================================== */
#supportBox {
  position: relative
}
#supportBox a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 102px;
  height: 102px;
  text-indent: -9999px
}
#supportBox a#sup2 {
  top: 107px
}
#supportBox a#sup3 {
  top: 217px
}
#supportBox a#sup4 {
  top: 327px
}
#supportBox a:hover {
  background: #fff;
  opacity: 0.3
}
.indexLists.indexLists-noArrow li span {
  padding: 10px 0;
  background-image: none;
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width:640px){
  #mCol .indexLists.indexLists-noArrow li{
    width: calc(50% - 20px);
  }
  #mCol .indexLists.indexLists-noArrow li:nth-child(2n) {
    margin-right: 0;
  }
  .indexLists.indexLists-noArrow li img{
    width: 100%;
    height: auto;
  }
  .indexLists.indexLists-noArrow li span {
    font-size: 14px;
}
}

/* ==============================================================
/*     Single Page
/* ============================================================== */
#sPage {
  padding: 30px;
}
#sPage h1 {
  margin-bottom: 10px
}
#sPage h2 {
  margin: 20px 0 5px;
  font-size: 1em
}
#sPage p {
  margin-bottom: 1em
}
#sPage dt {
  clear: both;
  float: left;
  width: 4em;
  padding: 5px 0
}
#sPage dd {
  margin: 0 0 5px 4.5em;
  padding: 5px 0
}


@media screen and (max-width:640px) {
  body {
    -webkit-text-size-adjust: 100%;
    padding-top: 89px;
  }
  body:not(.noFixed) header{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 999;
    transition: right .25s ease-in-out;
  }
  body.noFixed{
    padding-top: 0;
  }
  header.noFixed{
    position: static;
  }
  header p {
    top: 0;
    width: 94%;
    padding: 5px 3%;
    background: #e60012;
    font-size: 10px;
    line-height: 1.2
  }
  header h1 {
    float: none;
    width: calc(100% - 10px);
    margin: 0;
    padding: 34px 0 15px 10px;
  }
  /* Search
-----------------------------------*/
  #___gcse_0 {
    display: none;
    position: relative;
    top: 0;
    width: 94%;
    padding: 10px 3%;
    background: #ddd
  }
  #___gcse_0 table.gsc-search-box {
    width: 100%;
  }
  #___gcse_0 .gsib_a input {
    font-size: 16px;
  }
  .fSP {
    display: block
  }
  .fPC {
    display: none !important
  }
  .innerFS, header nav, footer .fNav, #fNavL ul {
    display: none
  }
  #contents, #sCol, .inner, .flexslider {
    width: 100% !important
  }
  #contents {
    margin-bottom: 10px;
  }
  .flexslider {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px !important
  }
  .flex-direction-nav .flex-prev, .programBody .flex-direction-nav .flex-prev {
    left: 4px;
  }
  .flex-direction-nav .flex-next, .programBody .flex-direction-nav .flex-next {
    right: 4px !important;
  }
  #mCol, .contents-wide #mCol{
    width: calc(100% - 30px);
    margin: 0 15px;
  }
  #mCol h1 {
    padding: 8px 10px;
    background: #ddd;
    font-size: 18px
  }
  #mCol h2 {
    margin: 25px 0 10px;
    font-size: 16px;
  }
  #mCol h3 {
    margin: 10px 0 5px;
    padding: 5px 10px;
    border-left: 5px solid #e60012;
    font-size: 1em;
    color: #333;
  }
  #mCol h2.wtIcon, #mCol h3.wtIcon {
    position: relative;
    min-height: 40px;
    margin: 20px 0 10px;
    padding: 5px 0 0 50px;
    font-size: 16px;
  }
  #mCol h2.wtIcon img, #mCol h3.wtIcon img {
    position: absolute;
    top: 0;
    left: 0
  }
  #mCol .dlTxt dt {
    font-size: 16px;
  }
  /* img
---------------------------------*/
  .imgL50, .imgR50 {
    float: none;
    width: 100%;
    margin: 0 0 15px
  }
  .imgL50 img, .imgR50 img {
    width: 100%;
    height: auto;
  }
  #sCol h3 {
    width: 94%;
    height: auto;
    padding: 10px 3%;
    border-radius: 0
  }
  aside {
    display: none;
    width: 220px;
    margin: 0 auto;
  }
  #imgNav, .bnNav, #sCol .fb-like-box {
    width: 220px;
    margin: 0 auto
  }
  #sCol .fb_iframe_widget {
    display: block !important
  }
  #asdBox {
    display: block;
    margin: 0 10px 10px;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    color: #666;
  }
  #asdBox span {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../img/sp/bg_aside.png) no-repeat;
    background-size: auto 100%
  }
  #asdBox.open span {
    background-position: 100% 0
  }
  .headImg{
    margin-bottom: 15px;
  }
  .headImg img{
    width: 100%;
    height: auto;
  }
  #pNav {
    margin: 0 3% 15px;
  }
  #pNav li {
    margin-right: 3px;
    font-size: 10px;
    line-height: 1.2 !important
  }
  #pNav li a {
    padding-right: 13px
  }
  #mCol p .lTxt, #mCol p.lTxt, #mCol li.lTxt, #mCol div .lTxt {
    font-size: 14px;
  }
  #mCol p {
    margin-bottom: 10px;
  }
  /* Footer
------------------------------------------*/
  footer {
    margin-top: 20px;
    padding: 0;
    border-top: none;
    text-align: center
  }
  #toTop {
    display: none
  }
  .liFooterSP {
    padding: 10px;
    background: #ddd;
    text-align: left;
  }
  .liFooterSP li {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
  }
  .liFooterSP li a {
    padding-left: 10px;
    color: #333;
    background: url(../img/sp/bg_arrow_bk.png) no-repeat 0 50%;
    background-size: 4px auto;
  }
  #fAddress {
    margin: 0;
    padding: 20px 3%;
    border: none;
    border-bottom: 1px solid #777;
    background: #666;
  }
  #fAddress .inner {
    height: auto;
    padding: 0;
    background: none
  }
  footer address {
    padding-top: 15px;
    font-size: 13px
  }
  #fNavL p {
    padding: 10px 0;
    background: #666;
    text-align: center;
    font-size: 11px;
  }
  #svSupport {
    margin-top: 0;
    padding: 10px 3%;
    font-size: 10px
  }
  #svSupport span {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
  }
  #fSNS {
    height: 40px;
    margin-top: 15px
  }
  #fSNS li {
    display: inline;
    margin: 0 5px
  }
  /* Width and Height
------------------------------------*/
  .img2 {
    width: 25%;
    height: auto
  }
  .img5 {
    width: 50%;
    height: auto
  }
  .img7 {
    width: 75%;
    height: auto
  }
  .img9 {
    width: 90%;
    height: auto
  }
  header h1 img {
    width: auto;
    height: 40px
  }
  .img10, .programBody .flexslider img, .programPdf img, #payment, #indexLists li img, #liNGO li img, #mCol .indexLists.fourCol li img {
    width: 100%;
    height: auto
  }
  .wM {
    width: 25%
  }
  #mCol h2.label {
    width: 100%
  }
  /* Common
------------------------------------*/
  #mCol dl {
    margin-bottom: 20px;
    background: none
  }
  #mCol dt, #mCol .dlNobgS dt {
    width: 28%;
    padding: 2% 2% 2% 0;
  }
  #mCol dd, #mCol .dlNobgS dd {
    width: 68%;
    padding: 2% 0 2% 32%;
  }
  #mCol dl.dlL {
    margin-top: 20px;
    background: none
  }
  #mCol dl.dlL dt, #mCol .content dt {
    float: none;
    width: 100%;
    padding: 10px 0 0;
  }
  #mCol .boxR {
    clear: both;
    float: none;
    width: 100%;
    margin: 15px 0;
  }
  #mCol dl.dlL dd, #mCol .content dd {
    width: 100%;
    padding: 0 0 10px;
  }
  .dlSpt dt {
    width: 100% !important
  }
  .dlSpt dd {
    width: 100% !important;
    padding-left: 0 !important;
  }
  .liPage li {
    display: block;
    margin-bottom: 10px
  }
  #mCol .listArchives dt, #mCol .listArchives dd{
    float: none;
    width: 100%;
    padding: 10px 15px 5px;
    box-sizing: border-box;
  }
  #mCol .listArchives dd{
    padding: 0 15px 15px;
  }

  /* Columns
---------------------------------*/
  .list2 li, .list3 li {
    float: none;
    width: 100%;
    margin-right: 0;
    box-sizing: border-box;
  }
  .list2 li:nth-child(2n) {
    margin-right: 0;
  }
  .list2sp {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px !important;
  }
  .list2sp > li {
    width: calc(50% - 10px);
    margin: 0 20px 20px 0;
  }
  .list2sp li:nth-child(2n) {
    margin-right: 0;
  }
  .list4 li{
    width: calc(50% - 10px);
  }
  .list4 li:nth-child(2n){
    margin-right: 0;
  }


  /* table
  -----------------------------------*/
  .table-scroll {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 35px;
  }
  .table-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .table-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .table-scroll::-webkit-scrollbar-thumb {
    background: #999;
  }
  .table-scroll:before {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px;
    content: "\25BC\6A2A\306B\30B9\30AF\30ED\30FC\30EB\3057\3066\304F\3060\3055\3044";
    background: #eee;
    font-size: 12px;
  }
  /* Top
------------------------------------------*/
  #home #mCol p, #home #mCol li, #home #mCol dt, #home #mCol dd {
    font-size: 12px;
  }
  #topImgs {
    width: 100%;
    margin-bottom: 0;
  }
  #topImgs li.topImgs100 {
    width: 100%;
  }
  #home .rbdBox {
    margin: 20px 0 0;
    padding: 3px 1%;
    text-align: left;
    font-size: 10px;
    line-height: 1.6;
    background: #fff;
    border: 1px solid #e60012;
    box-sizing: border-box;
  }
  #home .rbdBox img {
    clear: both;
    float: left;
    margin: 2px 5px 0 0;
    width: auto;
    height: 10px;
  }
  #home .tab li {
    width: 49% !important;
    margin: 10px 1% 0 0;
  }
  #home #mCol .content dt, #home .dlSpt dt {
    float: left;
    width: 7em !important;
    padding: 10px 0 0;
    font-size: 12px;
  }
  #home #mCol .content dt span {
    display: none;
  }
  #home #mCol .content dd, #home .dlSpt dd {
    float: right;
    width: calc(100% - 7em) !important;
    padding: 10px 0 0 !important;
    border-bottom: none;
    font-size: 12px;
  }
  .dlSpt {
    padding-top: 60px
  }
  #home #mCol .content dt:nth-child(7), #home #mCol .content dd:nth-child(8),
  #home #mCol .content dt:nth-child(9), #home #mCol .content dd:nth-child(10) {
    display: none;
  }
  #mCol .content li {
    margin-top: 5px
  }
  #home h2 {
    margin-bottom: 0;
    padding: 8px 0;
    background: #e60012;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
  }
  /* 寄付をしてくださる方へ */
  .liSupport1, .liSupport2 {
    width: 100%;
    display: table;
    border-left: 1px solid #e60012;
    box-sizing: border-box;
  }
  .liSupport1 li, .liSupport2 li {
    display: table-cell;
    width: 50%;
    border-right: 1px solid #e60012;
    border-bottom: 1px solid #e60012;
    text-align: center;
    vertical-align: middle;
  }
  .liSupport1 li a, .liSupport2 li a {
    display: block;
    padding: 15px 0;
    color: #333;
    background: url(../img/sp/bg_arrow_rd.png) no-repeat 96% 50%;
    background-size: 4px auto;
  }
  .liSupport1 li.liL a {
    padding: 10px 0
  }
  .liSupport1 li img {
    display: inline-block;
    margin-bottom: 5px;
  }
  .liSupport2 li {
    width: 33%;
    text-align: left;
    font-size: 11px !important;
  }
  .liSupport2 li a {
    padding: 10px 0 10px 8px;
  }
  /* NGO・支援団体の方へ */
  .liForNGO li {
    min-height: 60px;
    margin-top: 10px;
  }
  .liForNGO li a {
    color: #333;
    text-decoration: none;
  }
  .liForNGO li img {
    display: block;
    float: left;
    margin-right: 10px;
  }
  /* 英語ページ用 */
  #programs h2 span, #ngos h2 span {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    background: #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    text-align: center
  }
  #programs h2 img {
    display: none
  }
  #ngos {
    width: 94%;
    margin: 0 3%;
  }
  #ngos li {
    float: left;
    height: 20px;
    margin: 0 10px 10px 0;
  }
  #ngos li img {
    width: auto;
    height: 100%
  }

  /* SNS links
  ---------------------------------*/
  .snsBlock{
    padding: 20px 15px;
  }
  .snsBlock_ttl{
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: #fff !important;
    font-size: 18px !important;
  }
  .snsBlock_list{
    flex-wrap: wrap;
  }
  .snsBlock_list li{
    width: 50%;
    flex: none;
    padding: 15px 0;
    font-size: 12px !important;
    box-sizing: border-box;
  }
  .snsBlock_list li:nth-child(2){
    border-right: none !important;
  }
  .snsBlock_list li:nth-child(1),
  .snsBlock_list li:nth-child(2){
    border-bottom: 1px solid #e6e6e6 !important;
  }
  /* About
------------------------------------------*/
  #indexLists li, #mCol .indexLists.fourCol li {
    width: 45.5% !important;
    margin: 0 10px 10px 0 !important
  }
  #indexLists li span {
    min-height: 30px
  }
  .vsnBoxs{
    display: block;
  }
  .vsnBox {
    width: 94%;
    padding: 0 3%;
    margin: 0 0 10px 0;
  }
  #mCol .vsnBox p {
    height: auto;
  }
  #liNGO {
    margin: 0
  }
  #liNGO li {
    float: left;
    width: calc(50% - 7px);
    height: auto;
    margin: 0 14px 10px 0;
    margin-bottom: 10px !important;
  }
  #liNGO li:nth-child(2n) {
    margin-right: 0
  }
  .tab2 li {
    width: 31%;
    padding: 10px 0;
    margin-right: 2%;
  }
  .tab2 li a {
    width: 100%;
    font-size: 11px;
  }
  #flowBox ul {
    position: relative;
    top: 0 !important;
    width: 85%;
    margin: 20px 0 10px 5%;
    padding: 3% 3% 3% 6%;
  }
  #flowBox li.fSP {
    position: absolute;
    top: -10px;
    left: -5%;
    width: 30px;
    height: 27px;
    padding-top: 3px;
    border-radius: 20px;
    background: #0c92d5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center
  }
  /* report
  ---------------------------------*/
  .list3-reports{
    margin-bottom: 40px;
  }
  .list3-reports li{
    float: left;
    width: 47%;
    margin: 0 1.5% 20px;
    font-size: 12px !important;
  }
  .list3-reports p{
    font-size: 12px !important;
  }
  #mCol .list3-reports h3 {
    border-left: none;
}

  /* Programs
------------------------------------------*/
  #liPgms, .liPgms {
    margin-bottom: 20px
  }
  #liPgms li, .liPgms li {
    height: auto;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.4
  }
  #liPgms .liPgms_img, .liPgms .liPgms_img{
    width: 30%;
    margin-right: 10px;
  }
  #liPgms li img, .liPgms li img{
    width: 100%;
    height: auto;
  }
  #liPgms .liPgms_txt, .liPgms .liPgms_txt{
    width: calc(70% - 10px);
  }
  #liPgms li a.inLink, #liPgms li a.inLink:visited, .liPgms li a.inLink, .liPgms li a.inLink:visited {
    padding: 0;
    background: none;
    font-size: 15px;
  }
  .liPgmsS li a.inLink {
    display: inline;
  }
  .programPdf {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .btnDonate a {
    display: block;
    padding: 10px 0;
    background: #e60012;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px
  }
  #grBox {
    margin-bottom: 20px;
    padding: 1px 15px 5px;
  }
  #mCol .programBody .tab li, #mCol .programBody .tab2 li {
    width: auto !important;
  }
  #mCol .programBody .tab li a, #mCol .programBody .tab2 li a {
    width: auto !important;
    padding: 10px 4px;
  }
  .tableForm th, .tableForm td {
    display: block;
    padding: 10px 3% !important;
    width: 94% !important;
    border: none !important
  }
  .tableForm th {
    background: #bbb !important;
    color: #fff !important;
  }
  .pcLabel {
    display: block;
    padding-left: 28px;
  }
  #grBox .imgR {
    width: auto;
    margin: 0 0 10px;
    float: none;
    text-align: center
  }
  .ppBtns form {
    display: block;
    text-align: center;
    margin-top: 10px
  }
  #mCol .dlAccount {
    padding: 15px 15px 5px;
  }
  #mCol .dlAccount dt {
    float: none;
    width: 100px;
  }
  #mCol .dlAccount dd, #mCol .dlAccount dd.memo {
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
  }
  #mCol .redTxt, #mCol .redTxtImg1, #mCol .redTxtImg2 {
    margin: 10px 0;
    padding: 10px;
    font-size: 14px;
  }
  .boxProject, .boxVoice {
    padding: 1px 20px 10px;
  }
  .boxProject h2, .boxVoice h2 {
    padding: 10px 0 10px 70px;
    font-size: 1.2em !important;
  }
  .boxProject h3, .boxVoice h3 {
    margin-bottom: 20px !important;
    padding: 0 !important;
    border: none !important;
  }
  .boxProject h2 {
    color: #0c92d5 !important;
  }
  .h1Box {
    margin-bottom: 15px;
    padding: 5px 0 15px;
    background: #ddd;
  }
  .h1Box_btns {
    display: flex;
    margin: -15px 10px 0;
  }
  .h1Box_btns li {
    margin-right: 10px;
  }
  .h1Box_btns-donate a {
    width: 125px;
    padding: 7px 0;
    font-size: 1em;
  }
  .h1Box_btns-english a {
    width: 100px;
    padding: 8px 0;
    background: #fff;
    font-size: 0.8em;
  }
  .liSDGs {
    text-align: center;
  }
  .liSDGs li {
    margin: 0 2px 5px 0;
  }
  .liSDGs li img {
    width: 40px;
  }
  /* Kyushu Photos
-----------------------*/
  #kumamon {
    margin-bottom: 20px;
  }
  #kumamon img {
    display: block;
    margin: 0 auto;
    width: 94px;
  }
  .liPhotos li {
    width: 100%;
  }
  .liPhotos li:nth-child(2n) {
    padding-left: 0
  }
  /* Support
---------------------------------*/
  #mCol .dlTxt dd.contactBox, #mCol .dlTxt dd.contactBox.receipt {
    width: 92%;
    padding: 10px 3%;
  }
  #ppBtns_off {
    padding-top: 10px;
    text-align: center;
    line-height: 0.8
  }
  #ppBtns_off img {
    display: block;
    margin: 0 auto
  }
  /* form
---------------------------------*/
  .tableForm input[type="text"], .tableForm input[type="email"], .tableForm textarea {
    width: 93%;
    padding: 10px 3%;
    font-size: 16px;
  }
  .tableForm input[type="text"].wM {
    width: 120px
  }
  .tableForm input[type="text"].wS {
    width: 30%
  }
  .tableForm select {
    width: 100%;
    padding: 3%;
    border: 1px solid #aaa;
    font-size: 16px;
    -webkit-appearance: none;
  }
  .tableForm select.wS {
    width: 25%;
  }
  .tableForm select.wSS {
    width: 50px;
  }
  .tableForm input[type="radio"], .tableForm input[type="checkbox"] {
    vertical-align: -0.1em
  }
  #r_howto_1_txt, #r_howto_10_txt {
    width: 80%;
  }
  /* Data　???
---------------------------------*/
  #data #mCol .dlNobg {
    margin-bottom: 15px
  }
  #data #mCol .dlNobg dt {
    width: 140px;
    padding: 10px 0;
  }
  #data #mCol .dlNobg dd {
    width: 555px;
    padding: 10px 0 10px 145px;
    border: none
  }
  /* info - 15周年寄付ページ
--------------------------------- */
  .liCompanyList1 li {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .liCompanyList1 li span {
    width: 500px;
  }
  .liCompanyList3 {
    border-left: none;
  }
  .liCompanyList3 li {
    float: none;
    width: 100%;
    padding: 10px 0;
  }
  /* Sitemap
---------------------------------*/
  .sitemapBox, .liMembers {
    float: none;
    width: 100%
  }
  /* Menu
------------------------------*/
  .spMenu {
    position: absolute;
    top: -44px;
    right: 0;
  }
  .button-nav-toggle, .spMenu_english, .spMenu_search, .spMenu_donate{
    display: block;
    width: 40px;
    height: 40px;
    border: 0;
    outline: 0;
    cursor: pointer;
    position: absolute;
    top: 80px;
    right: 10px;
    background: url(../img/sp/bg_menu.png) no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
  }
  .spMenu_donate {
    right: 160px;
    background-image: url(../img/sp/bg_donate.png);
  }
  .spMenu_english {
    right: 110px;
    background-image: url(../img/sp/bg_english.png);
  }
  .spMenu_search {
    right: 60px;
    background-image: url(../img/sp/bg_search.png);
  }
  .open .button-nav-toggle {
    background-image: url(../img/sp/bg_close.png);
  }
  .nav-main {
    transition: right .25s ease-in-out;
    background: #666;
    position: fixed;
    overflow-x: hidden;
    width: 80%;
    right: -80%;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
  }
  .nav-main .nav-container {
    transition: left .25s ease-in-out;
    position: relative;
    left: 0
  }
  .nav-main .nav-container.show-sub {
    left: -100%
  }
  .nav-main .nav-container ul {
    margin: 0;
    padding: 10px 20px;
  }
  .nav-main .nav-container ul li {
    list-style: none;
    border-bottom: 1px solid #777;
    color: #fff
  }
  .nav-main .nav-container ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 14px
  }
  .nav-main .nav-container ul li.liS {
    border-bottom: none;
    color: #fff
  }
  .nav-main .nav-container ul li.liS a {
    text-decoration: none;
    display: block;
    padding: 5px 0;
    color: #fff;
    font-size: 13px
  }
  .nav-main .nav-container ul li ul {
    display: none;
    position: absolute;
    width: 100%;
    right: -100%;
    top: 0;
  }
  .nav-main .nav-container ul li ul li.nav-label {
    border-top: 1px solid #777;
    padding: 20px 0 10px;
    font-size: 16px;
    font-weight: bold
  }
  .nav-main .nav-container ul li ul li a {
    padding: 10px 0;
    font-size: 13px
  }
  .nav-main .nav-container ul li ul li a.back {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 25px;
    background: url(../img/sp/arrow-left.png) left center no-repeat
  }
  .nav-main .nav-container ul li.has-sub-nav a {
    background: url(../img/sp/arrow-right.png) right center no-repeat
  }
  .nav-main .nav-container ul li.has-sub-nav ul a {
    background: 0 0
  }
  .nav-main .nav-container ul li.active ul {
    display: block
  }
  .open .nav-main {
    right: 0
  }
  .nav-main *, .nav-main :after, .nav-main :before {
    box-sizing: border-box
  }
  /*
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}*/
  .page-wrapper {
    max-width: 1040px;
    margin: 0 auto
  }
  .header-main {
    overflow: hidden;
    padding: 20px 0
  }
  .section-stage {
    background: #202020;
    width: 100%;
    height: 500px
  }
  .main {
    transition: right .25s ease-in-out;
    position: relative;
    right: 0
  }
  .main.open, .main.open header{
    right: 80%;
  }
}