@charset "utf-8";
/*-------------------------------------------------
	txt
--------------------------------------------------*/
.txt_ls { font-size: 24px; letter-spacing: 1px; letter-spacing: 1; font-weight: 500;}
.pay_box .txt_m { letter-spacing: 1px;}
/*-------------------------------------------------
	txt
--------------------------------------------------*/
#donations .txt_l { font-size: 30px; letter-spacing: 4px; line-height: 1.3; font-weight: 500;}
#donations .txt_m { font-size: 18px;letter-spacing: 2.1px; line-height: 1.65; font-weight: 500;}
#donations .txt_s { font-size: 16px; letter-spacing: 2px; line-height: 1.5; font-weight: 500;}
@media screen and (max-width: 1200px) {
#donations .txt_m { font-size: 16px;letter-spacing: 1.7px; line-height: 1.6;}
}/*END*/
@media screen and (max-width: 1024px) {
#donations .txt_l { font-size: 24px; letter-spacing: 4px; line-height: 1.1;}
#donations .txt_m { font-size: 16px;letter-spacing: 1.7px; line-height: 1.6;}
#donations .txt_s { font-size: 16px; letter-spacing: 1.7px; }
}/*END*/
@media screen and (max-width: 460px) {
#donations .txt_l { font-size: 22px; letter-spacing: 2px; line-height: 1.1;}
}/*END*/
/*-------------------------------------------------
	volunteer
--------------------------------------------------*/
#donations { position: relative; max-width: 1600px; padding: 114px 0 152px; margin: 0 auto; text-align: center; font-weight: 500;}
#donations .donations_wrap{ margin: 0 auto; width: 80%;}
#donations .dona_bar { margin: 50px auto 66px; height: 1px; width: 708px; background: #000;}
@media screen and (max-width: 1160px) {
#donations .dona_bar { width: 78.6vw;}
}/*END*/
@media screen and (max-width: 900px) {
#donations .dona_bar { width: 78.6vw;}
}/*END*/
@media screen and (max-width: 510px) {
#donations .donations_wrap p span{ display: inline-block;}
#donations .donations_wrap h2 span{ display: inline-block;}
}/*END*/
/* 約束 */
#donations .donations_wrap .dona_img_box { margin-bottom: 65px;}
#donations .donations_wrap .dona_img_box ul{ margin-top: -80px; display: flex; align-items: center; justify-content: center;}
#donations .donations_wrap .dona_img_box ul li{ width: 300px;height: 300px; border-radius: 50%; color: #fff;}
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-top: 280px; margin-right: 13px;background: #a5a4d1;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-top: 0px;margin-right: 13px;background: #81cde3;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: 280px; background: #c9d800;}
/* 約束(txt） */
#donations .donations_wrap .dona_img_box ul li.purple p{ margin-top: 15px;}
#donations .donations_wrap .dona_img_box ul li.l_blue p{ margin-top: 26px;}
#donations .donations_wrap .dona_img_box ul li.green p{ margin-top: 24px;}
#donations .donations_wrap .dona_img_box ul li p.txt_m{ line-height: 1.3;}
/* 約束(アイコン） */
#donations .donations_wrap .dona_img_box ul li.purple img{ height: 133px; margin-top: 43px;}
#donations .donations_wrap .dona_img_box ul li.l_blue img{ height: 96px; margin-top: 60px;}
#donations .donations_wrap .dona_img_box ul li.green img{ height: 114px; margin-top: 54px;}
#donations .donations_wrap h2 .br_sp{ display: none;}
#donations .donations_wrap h2 .br_sp{ display: block;}
@media screen and (max-width: 1200px) {
#donations .donations_wrap .dona_img_box ul{ width: 65vw;margin: 80px auto 0;flex-wrap: wrap;}
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-top: 0px; margin-right: 40px;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-top: 0px;margin-left: 40px;margin-right: 0px;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: -20px;}
}/*END*/
@media screen and (max-width: 1050px) {
#donations .donations_wrap .dona_img_box ul li{ width: 28.5vw;height: 28.5vw; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{margin-right: 3.8vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-left: 3.8vw;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: -1.9vw;}
}/*END*/
@media screen and (max-width: 1024px) {
#donations .donations_wrap .dona_img_box ul{ width: 80vw;}
#donations .donations_wrap .dona_img_box ul li{ width: 300px;height: 300px; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-right: 40px;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-left: 40px;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: -20px;}
.dona_txt_sp { text-align: left;}
.dona_txt_sp .br_sp{ display: none;}
}/*END*/
@media screen and (max-width: 850px) {
#donations .donations_wrap .dona_img_box ul li{ width: 35.2vw;height: 35.2vw; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-right: 4.7vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-left: 4.7vw;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: -2.3vw;}
/* 約束(txt） */
#donations .donations_wrap .dona_img_box ul li.purple p{ margin-top: 1.7vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue p{ margin-top: 3vw;}
#donations .donations_wrap .dona_img_box ul li.green p{ margin-top: 2.8vw;}
#donations .donations_wrap .dona_img_box ul li p.txt_m{ line-height: 1.3;}
/* 約束(アイコン） */
#donations .donations_wrap .dona_img_box ul li.purple img{ height: 15.6vw; margin-top: 5vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue img{ height: 11.2vw; margin-top: 7vw;}
#donations .donations_wrap .dona_img_box ul li.green img{ height: 13.4vw; margin-top: 6.3vw;}
}/*END*/
@media screen and (max-width: 700px) {
#donations .donations_wrap .dona_img_box ul li{ width: 38vw;height: 38vw; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-right: 2vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-left: 2vw;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: -2.3vw;}
}/*END*/
@media screen and (max-width: 650px) {
#donations .donations_wrap .dona_img_box ul li{ width: 300px;height: 300px; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.purple{ margin-right: 0px;}
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-top: 30px;margin-left: 0px;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: 30px;}
/* 約束(txt） */
#donations .donations_wrap .dona_img_box ul li.purple p{ margin-top: 15px;}
#donations .donations_wrap .dona_img_box ul li.l_blue p{ margin-top: 26px;}
#donations .donations_wrap .dona_img_box ul li.green p{ margin-top: 24px;}
/* 約束(アイコン） */
#donations .donations_wrap .dona_img_box ul li.purple img{ height: 133px; margin-top: 43px;}
#donations .donations_wrap .dona_img_box ul li.l_blue img{ height: 96px; margin-top: 60px;}
#donations .donations_wrap .dona_img_box ul li.green img{ height: 114px; margin-top: 54px;}
}/*END*/
@media screen and (max-width: 380px) {
#donations .donations_wrap .dona_img_box ul li{ width: 78.9vw;height: 78.9vw; }
/* 約束(円） */
#donations .donations_wrap .dona_img_box ul li.l_blue{ margin-top: 7.8vw;}
#donations .donations_wrap .dona_img_box ul li.green{ margin-top: 7.8vw;}
/* 約束(txt） */
#donations .donations_wrap .dona_img_box ul li.purple p{ margin-top: 3.9vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue p{ margin-top: 6.8vw;}
#donations .donations_wrap .dona_img_box ul li.green p{ margin-top: 6.3vw;}
/* 約束(アイコン） */
#donations .donations_wrap .dona_img_box ul li.purple img{ height: 35vw; margin-top: 11.3vw;}
#donations .donations_wrap .dona_img_box ul li.l_blue img{ height: 25.2vw; margin-top: 15.7vw;}
#donations .donations_wrap .dona_img_box ul li.green img{ height: 30vw; margin-top: 14.2vw;}
}/*END*/
.pay_box{ margin-top: 160px; }
.pay_box h2{ margin-bottom: 65px;}
.pay_box .pay_to_box { margin: 30px auto 0; width: 850px; height: 180px; background: #f7f7f7; display: flex; align-items: center; }
.pay_box .pay_to_box .pay_inner{ display: flex; align-items: center; }
.pay_box .pay_to_box .pay_inner .pay_l{ margin-left: 70px;}
.pay_box .pay_to_box .pay_inner .pay_c{ margin-left: 70px;}
.pay_box .pay_to_box .pay_inner .pay_c .pay_bar{ width: 2px; height: 142px; background: #e8e8e8;}
.pay_box .pay_to_box .pay_inner .pay_r{ margin-left: 35px; text-align: left;}
.pay_box .p_br_sp{display: none;}
@media screen and (max-width: 1024px) {
.pay_txt_sp { text-align: left;}
.pay_box .pay_to_box { width: 80vw; }
}/*END*/
@media screen and (max-width: 850px) {
.pay_box .pay_to_box .pay_inner .pay_l{ margin-left: 50px;}
.pay_box .pay_to_box .pay_inner .pay_c{ margin-left: 50px;}
.pay_box .pay_to_box .pay_inner .pay_r{ margin-left: 30px;}
}/*END*/
@media screen and (max-width: 770px) {
.pay_box .pay_to_box { height: 240px;}
.pay_box .pay_to_box .pay_inner{ display: block; margin: 0 auto; justify-content: center;}
.pay_box .pay_to_box .pay_inner .pay_c .pay_bar{ width: 70vw; height: 2px; }
.pay_box .pay_to_box .pay_inner .pay_l{ margin-left: 0px;}
.pay_box .pay_to_box .pay_inner .pay_c{ margin: 20px auto;}
.pay_box .pay_to_box .pay_inner .pay_r{ margin-left: 0px;}
}/*END*/
@media screen and (max-width: 500px) {
.pay_box .pay_to_box { height: 370px;}
.pay_box .p_br_sp{display: block;}
.pay_box .p_span_sp{ display: none !important;}
}/*END*/
/*-------------------------------------------------
	bg_img
--------------------------------------------------*/
.bg_img01{ position: absolute; top: 6.8%; left: 3%; width: 299px;}
.bg_img02{ position: absolute; top: 44.5%; right: 2.6%; width: 133px;}
@media screen and (max-width: 1600px) {
.bg_img01{ width: 18.6vw;}
.bg_img02{ width: 8.3vw;right: 2.6%;}
}/*END*/
@media screen and (max-width: 1400px) {
.bg_img01{ width: 16vw; top: 6.5%;}
.bg_img02{ width: 8.3vw;right: 2.6%;}
}/*END*/
@media screen and (max-width: 1160px) {
.bg_img01{  top: 4%;}
.bg_img02{ width: 100px; top: 45%;}
}/*END*/
@media screen and (max-width: 1024px) {
.bg_img01{ width: 160px;}
.bg_img02{ width: 95px; top: 70%;}
}/*END*/
@media screen and (max-width: 800px) {
.bg_img01{ width: 20vw; top: 2.5%;}
.bg_img02{ width: 10.6vw; top: 65%;}
}/*END*/
@media screen and (max-width: 670px) {
.bg_img01{ display: none;}
.bg_img02{ display: none;}
}/*END*/