@charset "utf-8";
/* 寄付をする共通
-------------------------------------------------- */

#donation {
  display: none;
}

/* 寄付をする
-------------------------------------------------- */
#pageHeader.withImg {
	background-image: url(../images/img_1.jpg);
}

@media screen and (max-width: 768px) {
	#pageHeader.withImg h1::after {
		background-image: url(../images/img_1_sp.jpg);
	}
}

.boxBank {
	margin: 50px 0;
}
#policy .box {
	margin-top: 10px;
	margin-bottom: 13px;
}

.btn {
	margin-top: 10px;
}
p.btn + *,
.btnGroup + * {
	margin-top: 20px;
}
.boxBank h2 {
	margin: 0 0 20px 0;
}

.guide {
	margin-bottom: 72px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.guide .btn {
	margin: 0;
}

.errorMsg {
	margin-top: 6px;
}
.kifu__content h3 {
	margin: 18px 0 12px;
	height: 3em;
}

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

	.guide .btn {
		margin: 0 auto;
	}
}

.paymentMethod ul {
	display: flex;
	justify-content: space-between;
	margin-top: 56px;
}

.paymentMethod li {
	width: calc((100% - 162px) / 3 + 80px);
	padding: 0 40px;
	border-right: 1px solid var(--borderLightGray);
	border-left: 1px solid var(--borderLightGray);
}

.paymentMethod li:first-child,
.paymentMethod li:last-child {
	width: calc((100% - 160px) / 3 + 40px);
	border-right: 0;
	border-left: 0;
}

.paymentMethod li:first-child {
	padding-left: 0;
}

.paymentMethod li:last-child {
	border-right: 0;
}

.paymentMethod li F {
	margin: -6px 0 20px;
	font-size: 2rem;
}

.paymentMethod li :last-child {
	margin-bottom: 0;
}

.paymentMethod li .linkA {
	margin-top: 24px;
}

@media screen and (max-width: 768px) {
	.paymentMethod ul {
		display: block;
		margin-top: 24px;
	}

	.paymentMethod li {
		width: auto !important;
		padding: 24px 0;
		border: 0;
		border-top: 1px solid var(--borderLightGray);
	}

	.paymentMethod li:first-child {
		padding-top: 0;
		border-top: 0;
	}
}
/*
#donateTab {
	display: none !important;
}
*/
.tabBottom {
	margin-top: 40px;
	min-height: 52px;
}

#gotoDonation {
	margin-top: 0;
	z-index: 10;
}

@media screen and (max-width: 768px) {
	#gotoDonation.fixed {
		width: calc(100% - 100px);
	}
}

.realProject {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #d9d9d6;
	padding: 30px;
	margin-top: 24px;
}

.realProjectLeft {
	width: 60%;
}

.realProjectLeft p {
	margin-bottom: 0;
}

.realProjectRight .m-r5 {
	margin-right: 5px;
}

.numberProject {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}

.numberProjectLeft {
	width: 85%;
}

.numberProjectRight {
	width: 21%;
	display: block;
}

.mt-20 {
	margin-top: 16px;
}

.color-red {
	color: #cc292e;
}

.linkBoxTab {
	width: 100%;
	display: flex;
	justify-content: end;
}

.box hr.line {
	margin-top: 20px;
}

.box hr.line {
	width: 100%;
	height: 0;
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	border-top: 1px solid #dad8d6;
}

.spaceLinkB {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}

.photo {
	margin: 10px 0 0 20px;
}
.photo:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 14px;
	margin-top: -2px;
	margin-left: -20px;
	margin-right: 5px;
	background: url(../images/icon_photo.png) 0 0 no-repeat;
	vertical-align: middle;
}

.txt {
	margin-top: 16px;
}
.tableWrap {
	margin: 0;
}
.w-100 {
	width: 100%;
}
.m-0 {
	margin: 0;
}
.rowDow {
	display: flex;
	flex-direction: column;
	align-items: center;
	span {
		background: url(/shared/images/ico_4.svg) no-repeat 0 58% / 94%;
		width: 70px;
		height: 100px;
		transform: rotate(90deg);
	}
}
@media screen and (max-width: 768px) {
	.realProject {
		display: block;
	}
	.realProjectLeft {
		width: 100%;
	}
	.realProjectRight {
		margin-top: 20px;
	}
	.numberProject {
		display: block;
	}
	.numberProjectLeft {
		width: 100%;
	}
	.numberProjectRight {
		width: 100%;
	}
	.numberProjectRight a img {
		width: 100%;
	}
}

#contentBody .bgGray h3 {
	margin-top: 10px;
}
#contentBody #policy h3 {
	margin-top: 0;
	border: none;
	padding-top: 0;
}
.bgGray .center strong{
 font-size: 18px;
}
ul.marker li .toc .linkB li{
	padding-left: 0;
}
ul.marker li .toc .linkB li::before {
	content: '';
	position: absolute;
	top: 0.6625em;
	left: 0;
	width: 0.375em;
	height: 0.375em;
	border: 0;
	border-radius: 0;
	background-color: var(--textBlack);
	display: none;
}

.globalPj .col {
	align-items: center;
	column-gap: 40px;
	justify-content: space-between;
}
.globalPj .img {
	max-width: 472px;
	margin-top: 0;
	border-radius: 8px;
}
.globalPj .selectAmount{
	flex: 1;
}
.globalPj dl {
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.globalPj dt {
	width: 100%;
	margin-bottom: 24px;
}
.globalPj dd {
	text-indent: 52px;
	width: calc((100% / 3) + 32px);
	padding: 0 16px;
	background-repeat: no-repeat;
	background-position: 16px 2.5px;
}
.globalPj dd:nth-child(2) {
	width: calc((100% / 3) - 16px);
	padding: 0 16px 0 0;
	background-image: url(/kifu/images/ico_1.svg);
	background-position: 0 2.5px;
}
.globalPj dd:nth-child(3) {
	border-right: 1px solid var(--borderLightGray);
	border-left: 1px solid var(--borderLightGray);
	background-image: url(/kifu/images/ico_2.svg);
}
.globalPj dd:nth-child(4) {
	width: calc((100% / 3) - 16px);
	padding: 0 0 0 16px;
	background-image: url(/kifu/images/ico_3.svg);
}
@media screen and (max-width: 768px) {
	.globalPj dd {
		text-indent: 34px;
		width: 100%;
		padding: 16px 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 26px 13.76px;
	}
	.globalPj dd:nth-child(2) {
		width: 100%;
		padding: 0 0 16px 0;
		background-position: 0 5.5px;
	}
	.globalPj dd:nth-child(3) {
		border-right: 0 solid var(--borderLightGray);
		border-left: 0 solid var(--borderLightGray);
		border-top: 1px solid var(--borderLightGray);
		border-bottom: 1px solid var(--borderLightGray);
		background-position: 0 21.5px;
	}
	.globalPj dd:nth-child(4) {
		width: 100%;
		padding: 16px 0 0 0;
		background-position: 0 21.5px;
	}
}
/*寄付イラストSP
-------------------------------------------------- */


.selectDonate .monthly .use dd:first-of-type {
    background-image: url(/kifu/images/sp-kifu-icon_01.svg);
	background-size: 70px 70px;
}
.selectDonate .monthly .use dd:nth-of-type(2) {
    background-image: url(/kifu/images/sp-kifu-icon_02.svg);
	background-size: 70px 70px;
}
.selectDonate .monthly .use dd:nth-of-type(3) {
    background-image: url(/kifu/images/sp-kifu-icon_03.svg);
	background-size: 70px 70px;
}
.selectDonate .monthly .use dd {
	height: 86px;
    padding: 12px 0 12px 80px;
    border-bottom: 1px solid var(--borderLightGray);
    background-repeat: no-repeat;
    background-position: 0 16px;
}
@media screen and (max-width: 820px) {
	.selectDonate .monthly .use {
        padding: 23px 23px 40px 23px;
	}}
@media screen and (max-width: 768px) {
	.selectDonate .monthly .use {
        padding: 17px 15px 8px;
    }
	.selectDonate .monthly .use dd:first-of-type {
	background-size: 64px 64px;
}
.selectDonate .monthly .use dd:nth-of-type(2) {
	background-size: 64px 64px;
}
.selectDonate .monthly .use dd:nth-of-type(3) {
	background-size: 64px 64px;
}
.selectDonate .monthly .use dd {
	    height: 84px;
    padding: 15px 0 12px 74px;
}
	
}
@media screen and (max-width: 413px) {
	.selectDonate .monthly .use {
        padding: 17px 15px 15px;
    }
	.selectDonate .monthly .use dd {
    padding: 5px 0 12px 70px;
	background-position: 0 10px;
}
    
}
@media screen and (max-width: 359px) {
	.selectDonate .monthly .use {
        padding: 17px 15px 60px;
    }

}

/*寄付イラストGS
-------------------------------------------------- */
.gskifuinner{
	margin-top:24px;
}
.gsitem {
	display: flex;
}
.gsitem .inner_item {
	
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: calc(100% / 3);

}
.gsitem span {
    width: 1px;
    height: 39px;
    background-color: #d9d9d6;
    margin: 30px 20px;
}
.inner_item img {
    width: 21%;
}
@media screen and (max-width: 1100px) {
	.inner_item img {
    width: 25%;
}
}

@media screen and (max-width: 900px) {
    .gsitem .inner_item {
        width: 100%;
		
    }
    
	.inner_item img {
        width: 60px;
		 margin: 0;
    }
	
}
@media screen and (max-width: 720px) {
    .gsitem {
        display: block;
    }

	.gsitem .inner_item:not(:last-child) {
    border-bottom: 1px solid #d9d9d6;
		padding-bottom: 20px;
}
}

/* ポップアップ
-------------------------------------------------- */
.remodal-overlay {
  background: rgba(37, 60, 74, 0.8);
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto;
}

.remodal-overlay {
  background: rgba(37, 60, 74, 0.8);
}
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
  cursor: pointer;
}

.remodal-wrapper {
  padding: 10px 10px 0;
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
}
.remodal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 96vh;
}
.modal-column {
  display: flex;
  gap: 20px;
}

.modal-column .cell-text {
  width: 100%;
  height: auto;
}

.modal-column .cell-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.modal {
  position: relative;
  display: flex;
  height: auto;
  background-color: #fff;
  padding: 20px;
  z-index: 1;
}

.modal-inner {
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
}

.modal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 100;
  cursor: pointer;
}

.micromodal-slide.is-open {
  padding: 0;
}

@media screen and (max-width: 720px) {
  .modal-column {
    display: block;
    gap: 20px;
  }
}

.kifu_button_selected {
	display: none;
}
.already {
	display: none;
}
.kifu-input .btn {
	margin: 0;
}