@charset "utf-8";

/* ------------------------------
   寄附金募集ページ用CSS
------------------------------ */

h2 { margin-bottom: 3em;}

#content {
	font-size: 16px;}
#content p {
	margin: 0 0 1em 0;
	line-height: 1.6;}
#content ul,
#content ol {
	list-style: none;}

@media screen and (min-width:641px){

.hide-pc { display: none;}

}

@media screen and (max-width:640px){

.hide-sp { display: none;}

}

/* 共通パーツ */

#content .content-title {
	margin-bottom: 30px;
	width: 100%;
	height: 140px;
	background-image: url("../img/content-title-bg.jpg");}
#content .bg_general {
	background-image: url("../img/content-title-bg_general.jpg");}
#content .bg_specific {
	background-image: url("../img/content-title-bg_specific.jpg");}
#content .bg_seeking {
		background-image: url("../img/content-title-bg_seeking.jpg");}

#content .content-title h3 {
	line-height: 140px;
	color: #2457a0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;}
#content .content-title h2 {
	margin-bottom: 1em;
	padding-top: 40px;
	color: #2457a0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	text-shadow: 2px 2px 5px #fff ,
	-2px 2px 5px #fff ,
	2px -2px 5px #fff ,
	-2px -2px 5px #fff;
	}
#content .content-title p {
	font-weight: 700;
	text-align: center;
	text-shadow: 2px 2px 5px #fff ,
	-2px 2px 5px #fff ,
	2px -2px 5px #fff ,
	-2px -2px 5px #fff;
}

#content section .container {
	margin: 0 auto;
	width: 700px;}
#content section .section-title {
	margin-bottom: 20px;
	border-bottom: solid 1px #2457a0;
	width: 100%;
	height: 50px;
	line-height: 50px;}
#content section .section-title span {
	margin-left: 150px;
	padding: 0 1em;
	display: inline-block;
	width: auto;
	color: #fff;
	background-color: #2457a0;
	font-size: 21px;
	border-radius: 20px 20px 0 0/20px 20px 0 0;}
#content section .content-box {
	margin-bottom: 50px;
}
#content section .content-box.mb-0 {
	margin-bottom: 0px;
}
#content section .hlfirst {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #2457a0;
	color: #2457a0;
	font-size: 22px;
	font-weight: 700;
	text-align: center;}
#content section .hlplain {
	margin-bottom: 1em;
	color: #2457a0;
	font-size: 18px;
	font-weight: 700;}
#content section .hlline {
	margin-bottom: 1em;
	border-bottom: solid 1px #2457a0;
	color: #2457a0;
	font-size: 18px;
	font-weight: 700;}
#content section .hlbox {
	margin-bottom: 1em;
	padding: 0.5em 0;
	border: solid 1px #2457a0;
	color: #2457a0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;}
#content section .btn-plain { text-align: center;}
#content section .btn-plain a {
	padding: 0 1em;
	display: inline-block;
	border: solid 1px #333;
	height: 2em;
	line-height: 2em;
	color: #333;
	border-radius: 5px;
}

@media screen and (max-width:640px){

#content { width: 100% !important;}
#content .inner { width: 100% !important;}
#content section .container {
	margin: 0 auto;
	width: calc(100% - 2em);}
#content section .section-title {
	background-image: none;}
#content section .section-title span {
	margin-left: 0.5em;}

}

/* 寄附金トップ */

#donation-top .content-box .container {
	display: none;}
#donation-top .content-box .section-title span { cursor: pointer;}
#content #donation-type .container { display: block !important;}


#notice {
	margin-bottom: 80px;
}

#notice > ul {
	margin: 10px auto 10px;
	max-width: 700px;
	list-style-type: none;
}

#notice > ul > li {
	margin: 12px 0;
	padding-left: 1em;
  text-indent: -1em;
}

#notice > ul > li::before {
	content: "◆";
	color: #2457a0;
}

#content #donation-message .container {
	padding-bottom: 3em;
	overflow: hidden;}
#content #donation-message .fix {
	float: right;
	height: 25em;}
#content #donation-message .chairman {
	margin: 0 0 0 1em;
	float: right;
	clear: both;
	font-size: 0.8em;}
#content #donation-message .chairman img {
	margin-bottom: 0.5em;}
#content #donation-message .chairman div:nth-of-type(1) { line-height: 1.3;}
#content #donation-message .chairman div:nth-of-type(2) { padding-top: 0.5em;}
#content #donation-message .chairman div:nth-of-type(2) span.name {
	font-size: 1.3em;
	font-weight: 700;}

#content #donation-guide { padding-bottom: 1em;}

#content #donation-type ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
#content #donation-type ul li {
	width: 340px;
	box-sizing: border-box;}
#content #donation-type ul li:nth-of-type(1),
#content #donation-type ul li:nth-of-type(2) {
	margin-bottom: 20px;}
#content #donation-type ul li a {
	display: block;
	padding: 15px;
	border: solid 1px #2457a0;
	border-radius: 10px;}
#content #donation-type ul li a:hover {
	background-color: #dee6f1;
	text-decoration: none;}

#content #donation-type ul li dl dt {
	margin-bottom: 0.5em;
	color: #2457a0;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;}

#content #donation-flow ol { margin-bottom: 2em;}
#content #donation-flow ol li {
	margin-bottom: 0.75em;
	padding-left: 2.5em;
	padding-bottom: 0.75em;
	border-bottom: solid 1px #333;
	text-indent: -2.5em;}
#content #donation-flow ol li span { color: #2457a0;}
#content #donation-flow ol li ol {
	margin-bottom: 0;
	padding-left: 0}
#content #donation-flow ol li ol li {
	margin: 0;
	padding: 0.75em 0 0.75em 1.5em;
	text-indent: -1.5em;
	border-bottom: dashed 1px #999;}
#content #donation-flow ol li ol li:last-of-type { border-bottom: none;}
#content #donation-flow ol li ol li::first-letter { color: #2457a0;}
#content #donation-flow .guide {
	margin-bottom: 2em;
	padding: 1.5em;
	background-color: #dee6f1;}
#content #donation-flow .guide-title {
	margin-bottom: 1em;
	text-align: center;
	font-size: 1.1em;
	font-weight: 700;}
#content #donation-flow .guide .btn { margin-bottom: 2em;}
#content #donation-flow .guide .btn a {
	margin: 0 auto;
	border: solid 2px #fff;
	display: block;
	width: 75%;
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background-color: #2457a0;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 0 5px #999;
	border-radius: 5px;}
#content #donation-flow .guide ul {
	margin-bottom: 1em;
	display: flex;
	justify-content: center;}
#content #donation-flow .guide ul li { margin: 0 0.5em;}
#content #donation-flow .guide ul li a {
	padding: 0.25em 1em;
	border: solid 1px #2457a0;
	display: block;
	background-color: #fff;
	border-radius: 5px;}

#content #donation-contact ul {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 420px;}
#content #donation-contact ul li {
	margin: 0 10px 10px 0;
	padding: 0.25em 1em;
	border: solid 1px #2457a0;
	width: 200px;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;}
#content #donation-contact ul li:nth-of-type(3) {
	width: 410px;}

#content #donation-results table {
	margin-bottom: 0.5em;
	width: 100%;
	border-collapse: collapse;}
#content #donation-results th {
	padding: 0.5em 0;
	border: solid 1px #333;
	color: #2457a0;
	background-color: #d3ddec;}
#content #donation-results td {
	padding: 0.5em 1em;
	border: solid 1px #333;
	text-align: center;}
#content #donation-results table + p { text-align: right;}
#content #donation-results ul {
	display: flex;
	justify-content: space-between;}
#content #donation-results ul li a {
	display: block;
	width: 340px;
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background-color: #2457a0;
	text-align: center;
	font-weight: 700;
	border-radius: 5px;
	box-sizing: border-box;}

#content #donation-donor ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom:50px;}
#content #donation-donor ul li {
	display: flex;
	margin: 0  0 10px 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	align-items: center;
	width: 350px;}
#content #donation-donor ul li img {
	margin-right: 10px;}
/* #content #donation-donor ul li span {
	margin-right: 10px;} */

#content #donation-reward ol li {
	margin-bottom: 1em;
	padding-left: 1.75em;
	text-indent: -1.75em;
}
/*50音*/
#content #donation-donor ul.kana_order {
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
}
#content #donation-donor ul.kana_order li {
	width: auto;
}
#content #donation-donor ul.donor {
	display: flex;
	flex-wrap: wrap;
}
#content #donation-donor ul.donor li {
	width: 33%;
	font-size: 80%;
}

#content #donation-event .btn { margin-bottom: 1em;}
#content #donation-event .btn a {
	padding: 0 1em;
	display: inline-block;
	color: #fff;
	background-color: #2457a0;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 5px;}

#content #donation-tax .formula {
	margin-bottom: 2em;
	padding: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #d3ddec;
	font-weight: 700;}
#content #donation-tax .formula div div { text-align: center;}
#content #donation-tax .formula div div:nth-of-type(1){
	border-bottom: solid 1px #333;}

#content #donation-faq dl dt {
	margin-bottom: 1em;
	display: flex;
	color: #2457a0;
	font-weight: 700;}
#content #donation-faq dl dt::before {
	content: 'Q';
	margin-right: 1em;
	border: solid 1px #2457a0;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 5px;}
#content #donation-faq dl dt div {
	padding-top: 0.5em;
	width: calc(100% - 3em);}
#content #donation-faq dl dd {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: solid 1px #333;
	display: flex;}
#content #donation-faq dl dd::before {
	content: 'A';
	margin-right: 1em;
	border: solid 1px #2457a0;
	width: 2em;
	height: 2em;
	line-height: 2em;
	color: #fff;
	background-color: #2457a0;
	text-align: center;
	border-radius: 5px;}
#content #donation-faq dl dd div {
	width: calc(100% - 3em);}

@media screen and (max-width:640px){

#content #donation-type ul li {
	margin-bottom: 1em;
	width: 100%;}

#content #donation-message .fix {
	height: 62em;}

#content #donation-flow .guide .btn a {
	padding: 0.5em;
	width: 100%;
	height: auto;
	line-height: 1.4;
	box-sizing: border-box;}

#content #donation-flow .guide ul {
	display: inherit;}
#content #donation-flow .guide ul li {
	margin: 0 0 0.5em 0;
	width: 100%;}

#content #donation-contact ul { width: 100%;}
#content #donation-contact ul li {
	width: 100%;
	box-sizing: border-box;}

#content #donation-results ul {
	display: inherit;}
#content #donation-results ul li { margin-bottom: 0.5em;}
#content #donation-results ul li a {
	width: 100%;}

}


/* コンテンツページ */

#content .intro {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
#content .intro p {
	width: 460px;}
#content .intro .btn {
	margin-left: 40px;
	width: 200px;}
#content .intro .btn a {
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background-color: #2457a0;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;}

#content ul.studies-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
#content ul.studies-list li {
	margin-bottom: 20px;
	width: 340px;}
#content ul.studies-list li dl {
	position: relative;
	width: 100%;
	height: 180px;}
#content ul.studies-list li dl.h150 {
	height: 150px;}
#content ul.studies-list li dl dt {
	position: absolute;
	right: 0;
	top: 0;
	width: 175px;
	font-weight: 700;}
#content ul.studies-list li dl dt span {
	display: block;
	font-size: 0.8em;
	font-weight: 400;}
#content ul.studies-list li dl dd:nth-of-type(1) {
	position: absolute;
	left: 0;
	top: 0;}
#content ul.studies-list li dl dd:nth-of-type(2) {
	padding-top: 0.5em;
	border-top: solid 1px #333;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 175px;
	font-size: 0.8em;}
#content ul.studies-list li dl dd:nth-of-type(2) .name {
	display: block;
	font-size: 1.2em;
	font-weight: 700;}

#content .btn-donation-upper {
	margin: 0 auto 1em auto;
	width: 768px;
	text-align: right;}
#content .btn-donation-lower {
	padding-bottom: 2em;
	text-align: center;}

@media screen and (max-width:640px){

#content .btn-donation-upper {
	width: calc(100% - 2em);
}

}

#content .support-studies {
	margin-bottom: 20px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #dee6f1;}
#content .support-studies .studies-box {
	padding: 20px;
	width: 320px;
	background-color: #fff;
	box-sizing: border-box;}
#content .support-studies .studies-box h6 {
	margin-bottom: 0.5em;
	color: #2457a0;
	font-size: 16px;
	font-weight: 700;}
#content .support-studies .studies-box img {
	width: 100%;}
#content .support-studies .studies-box:nth-of-type(2) ul {
	display: flex;
	justify-content: space-between;}
#content .support-studies .studies-box:nth-of-type(2) ul li {
	width: 130px;}
#content .support-arrow { margin-bottom: 20px;}
#content .support-arrow img {
	margin: 0 auto;
	display: block;}
#content .support-result {
	padding: 19px;
	border: solid 1px #2457a0;
	box-sizing: border-box;}
#content .support-result h6 {
	margin-bottom: 0.5em;
	color: #2457a0;
	font-size: 16px;
	font-weight: 700;
	text-align: center;}
#content .support-result ul {
	display: flex;
	justify-content: space-between;}
#content .support-result ul li {
	width: 150px;}
#content .support-result ul li:nth-of-type(3) {
	width: 320px;}
#content .support-result ul li img {
	width: 100%;}

#content #specific-studies .studies-box {
	margin-bottom: 2em;
	overflow: hidden;}
#content #specific-studies .studies-box h5 {
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: solid 1px #333;
	color: #2457a0;
	width: 100%;
	line-height: 1.4;
	font-size: 17px;
	font-weight: 700;
	box-sizing: border-box;}

#content #specific-studies .studies-box img {
	width: 320px;}
#content #specific-studies .studies-box p {
	width: 100%;
	box-sizing: border-box;}
#content #specific-studies .studies-box div.imgbox {
	display: flex;
	justify-content: space-between;
}

#content #specific-studies .studies-box-photowide img { width: 700px;}

/*
#content #specific-studies .studies-box:nth-of-type(2n-1) h5 { padding-left: 1em; float: right;}
#content #specific-studies .studies-box:nth-of-type(2n-1) img { float: left;}
#content #specific-studies .studies-box:nth-of-type(2n-1) p { padding-left: 1em; float: right;}

#content #specific-studies .studies-box:nth-of-type(2n) h5 { padding-right: 1em; float: left;}
#content #specific-studies .studies-box:nth-of-type(2n) img { float: right;}
#content #specific-studies .studies-box:nth-of-type(2n) p { padding-right: 1em; float: left;}
*/

@media screen and (max-width:640px){

#content .intro {
	margin-bottom: 3em;
	display: inherit;}
#content .intro p {
	width: 100%;}
#content .intro .btn {
	margin: 0 auto;
	width: 200px;}

#content .support-studies {
	display: inherit;}
#content .support-result ul {
	flex-wrap: wrap;}

#content #specific-studies .studies-box { margin-bottom: 1em;}
#content #specific-studies .studies-box h5 {
	padding: 0 !important;
	float: none;
	width: 100%;}
#content #specific-studies .studies-box div.imgbox {
	flex-direction: column;
}
#content #specific-studies .studies-box img {
	margin-bottom: 0.5em;
	float: none;
	width: 100%;}
#content #specific-studies .studies-box p {
	padding: 0 !important;
	float: none;
	width: 100%;}

#content #donation-donor ul.kana_order {
	flex-wrap: wrap;
}
#content #donation-donor ul.kana_order li {
	width: 16%;
}
#content #donation-donor ul.donor li {
	width: 50%;
	font-size: 80%;
}

}

/* 申込みフォーム */

/* .required {
	color: #c00;
	font-weight: 700;
} */
.entryform {
	padding: 2em;
	background-color: #DCE4F0;
	border-radius: 0.5em;}
.entryform dl {
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;}
.entryform dl dt {
	margin-bottom: 0.25em;
	padding: 0.5em;
	width: 25%;
	background-color: #9BB2D3;
	box-sizing: border-box;}
.entryform dl dd {
	margin-bottom: 0.25em;
	padding: 0.5em;
	width: 75%;
	background-color: #fff;
	box-sizing: border-box;}
.entryform .btn { text-align: center;}
.entryform .btn input { padding: 0.25em 0.5em;}

/*優遇措置についての法律条文ページ*/
ul.law li span {
    display: inline-block;
    width: 40px;
	margin-left: 10px;
}
ul.law li p.joubun {
	font-size: 0.8em;
}
/*追加*/

#content .under-btn {
	text-align: center;
}
#content .under-btn .btn {
    /* margin-bottom: 2em ; */
	margin-right: auto;
	margin-left: auto;
    text-align: center;
	padding-bottom: 20px;
}
#content .under-btn .btn a {
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background-color: #2457a0;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#content .top-btn {
	width: 100%;
}
#content .top-btn .btn {
    text-align: right;
	margin-bottom: 1em;
}
#content .under-btn .btn a {
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background-color: #2457a0;
	font-weight: 700;
	text-align: center;
	border-radius: 5px;
	width: 200px;
}


.text-right { text-align: right; }
.font-bold { font-weight: bold; }
.underline { text-decoration:underline; }
.italic { font-style: italic; }