@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
/*¹²Í¨
=============================*/
body {
	-webkit-text-size-adjust: 100%;
	position: relative;
	min-width: 1200px;
}
img{
	-webkit-backface-visibility: hidden;
}
body img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.sp_br {
	display: none;
}
.flex-box {
	display: flex;
	justify-content: space-between;
}
.bold {
	font-weight: bold;
}

/*PDF¥ê¥ó¥¯
=============================*/
.pdf_link::after {
    content: url("/funds/common/img/pdf-icon.png");
    padding: 0 5px;
}

a.pdf_link:link {
    text-decoration: underline #0D3D17;
	color: #0D3D17;
    -webkit-text-decoration: underline #0D3D17;
	-webkit-color: #0D3D17;
}

a.pdf_link:hover {
	text-decoration: none;
}

/*Word¥ê¥ó¥¯
=============================*/
.word_link::after {
    content: url("/funds/common/img/word-icon.png");
    padding: 0 5px;
}

a.word_link:link {
    text-decoration: underline #0D3D17;
	color: #0D3D17;
    -webkit-text-decoration: underline #0D3D17;
	-webkit-color: #0D3D17;
}

a.word_link:hover {
	text-decoration: none;
}

/*Íâ²¿¥ê¥ó¥¯
=============================*/
a.external_link:link {
	color: #0D3D17;
	text-decoration: underline #0D3D17;
    -webkit-text-decoration: underline #0D3D17;
	-webkit-color: #0D3D17;
}

a.external_link:hover {
	text-decoration: none;
}

a.external_link::after {
	content: url("/funds/common/img/external_icon.png");
	padding: 0 5px;
}

/*ÄÚ²¿¥ê¥ó¥¯
=============================*/
a.internal_link:link {
	color: #0D3D17;
	text-decoration: underline #0D3D17;
    -webkit-text-decoration: underline #0D3D17;
	-webkit-color: #0D3D17;
}

a.internal_link:hover {
	text-decoration: none;
}

/*header
=============================*/
header {
	width: 300px;
	height: auto;
}

/*¥°¥í©`¥Ð¥ë¥á¥Ë¥å©`£¨PC£©
=============================*/

.header-sp {
	display: none;
}

.menu-pc {
	position:fixed;
	width: 300px;
	/*height: calc(100% - 137px);*/
  height: 100%;
	box-shadow: 8px 4px 8px -9px;
	background-color: #fff;
  z-index: 99;
	margin-bottom: 80px;
	overflow-y: scroll;
}


.nav-title{
	text-align: center;
	padding: 15px 0;
}

.globalmenu-title {
  font-family: 'Noto Serif JP', serif;
	text-align: center;
	color: #fff;
	background: #0d3d17;
	font-size: 1.9rem;
	padding: 10px 0;
}

.menu-pc div.menu-pc-list {
	margin: 20px 0 10px;
}

.menu-pc-list p {
	position: relative;
	padding: 10px 0 10px 40px;
	border-bottom: solid 1px #ccc;
	font-weight: 550;
  font-size: 1.5rem;
}

.menu-pc-list .acd-content p::before {
	content: "";
	width: 6px;
	height: 1px;
	display: block;
	background: #606701;
	position: absolute;
	left: 17px;
	top: calc(50% - 0.5px);
}

.menu-pc-list p:hover {
	text-decoration: underline;
	opacity: 0.8;
}

.menu-pc-list p a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.menu-pc-list span.arrow {
	padding: 10px 0 10px 40px;
	display: flex;
	align-items: center;
	gap: 40px;
	position: relative;
	border-bottom: solid 1px #ccc;
	font-weight: 550;
	font-size: 1.5rem;
}
.menu-pc-list span.arrow:hover {
	cursor:pointer;
	text-decoration: underline;
}

.menu-pc-list span.arrow::after {
	content: url("/funds/common/img/arrow_green.png");
	width: 20px;
	height: 20px;
	display: inline-block;
	border-bottom: none;
	ransition: all .3s;
}
.acd-check:checked + .acd-label > span.arrow::after {
	transform: rotate(180deg);
}

.data-box {
	background: #0d3d17;
	width: 280px;
	margin: 0 auto;
	color: #fff;
	font-size:1.8rem;
}

.data-text-box {
	padding: 30px 0;
	width: 242px;
	margin: auto;
}

.data-box-border {
	border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	padding: 20px 0;
	margin-bottom: 20px;
}

.price {
	font-size: 2.2rem;
}


/*¥¢¥³©`¥Ç¥£¥ª¥ó
=============================*/
.acd-check{
    display: none;
}
.acd-label{
    display: block;
}
.acd-content{
    height: 0;
    opacity: 0;
    /*transition: .3s;*/
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding-left: 30px;
    visibility: visible;
}

.merin-box {
	display: flex;
	align-items: center;
	width: 242px;
	padding: 19px 16px 29px;
	margin: 0 auto 20px;
	border: 3px solid  #0d3d17;
}

.merin-box img {
	width: 130px;
	height: auto;
}

.merin-text {
	padding-top: 80px;
}

.contact-box {
	position: relative;
	width: 276px;
	margin: auto;
	border: solid 2px #0d3d17;
}

.cotact-title {
	background: #0d3d17;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
}

.contact-text {
	padding: 10px;
	line-height: 1.8;
}

.mail-icon p{
	position: absolute;
	background: url("/funds/common/img/mail-icon01.png") top center no-repeat;
	width: 80px;
	bottom:150px;
	right: 15px;
	padding: 52px 0 0;
	text-align: center;
	font-size: 1.1rem;
}

/*main
=============================*/
main {
	width: calc(100% - 300px);
}

.background {
	background: url("/funds/common/img/background.png") no-repeat top center;
	background-size: cover;
	width: 100%;
	height: 526px;
}

.container {
	max-width: 724px;
	width: 100%;
	margin: auto;
}

/*footer
=============================*/
footer {
	background: #0d3d17;
	color: #fff;
	font-size: 1.2rem;
	width: 100%;
}

.ft-container {
	max-width: 1024px;
	width: 72%;
	padding: 28px 0 28px 300px;
	margin: auto;
	line-height: 2;
}

/*¡¸¼Ä¸½¤¹¤ë¡¹¥Ü¥¿¥ó
=============================*/
#to_donate {
  width: 70px;
  height: 270px;
  position: fixed;
  top: 0;
	bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
	border-radius: 10px 0px 0px 10px;
  box-sizing: border-box;
}
#to_donate a {
  width: 100%;
  height: 100%;
  padding-top: 65px;
  display: flex;
  align-items: center;
  gap: 15px;
  writing-mode: vertical-rl;
  color: #fff;
  background: linear-gradient(165deg, #79AB28 0%, #20993B 100%);
  border-radius: 10px 0px 0px 10px;
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  box-sizing: border-box;
}
.btn_merin {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  left: -5px;
  margin: auto;
}
/*Ô”¼š¥Ü¥¿¥ó
=============================*/

.btn-menu li{
  background-color: #0D3D17;
  max-width: 230px;
  margin-bottom: 10px;
}
.btn-menu li:last-of-type{
  margin-bottom: 0px;
}
.btn-menu a{
  display: block;
  color: #fff;
  padding: 5px 20px;
}

/*ÏÂŒÓ¥Ú©`¥¸
=============================*/
.main-contents-wrap{
  display: flex;
  justify-content: space-between;
}
.main-bg{
	background: url("/funds/common/img/background.png") no-repeat top center;
  background-size: contain;
    width: 100%;
    /* height: 526px; */
    overflow: hidden;
  
}
.main-contents{
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 90px 0 100px;
}
.main-top-titlebox{
  background-color:#F1F1EF;
  display: flex;
  justify-content: flex-start;
}
.main-bottom-titlebox{
  background-color:#F1F1EF;
  display: flex;
  justify-content:flex-end;
}
.main-top-title,.main-top-subtitle{
  padding:15px 30px;
  font-family: 'Noto Serif JP', serif;
}

/*¥Ú©`¥¸„e¥«¥é©`
===================*/
.main-top-title{
  color: #fff;
}
.main-bottom-title{
  color: #fff;
}

.main-bottom-title,.main-bottom-subtitle{
  padding:15px 30px;
  font-family: 'Noto Serif JP', serif;
}
.main-title{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 3rem;
  font-weight:normal;
  padding: 60px 0 50px;
}
.main-title.border{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-size: 3rem;
  font-weight:normal;
  padding: 70px 0;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 40px;
}
.main-inner{
  overflow: hidden;
  padding: 0 60px;
}
.top-lead-text{
  margin-bottom: 60px;
  line-height: 1.8;
}

@media print {
body{
	width: 1200px;
	margin:auto;
}

.menu-pc {
	position:relative;
	width: 300px;
	/*height: calc(100% - 137px);*/
  height: 100%;
	box-shadow: 8px 4px 8px -9px;
	background-color: #fff;
  z-index: 99;
	margin-bottom: 50px;
	overflow-y:auto;
}
	
.ft-container {
    max-width: 1024px;
    width: 72%;
    padding: 28px 0 28px;
    margin: auto;
    line-height: 2;
}

#to_donate {
    position: absolute;
	right: 7%;
	bottom: 110px;
}
	
}
@page {
  size: A4;
  margin: 5mm 5mm;
}
