@charset "UTF-8";
/* CSS Document */

/* Common */
#pagetitle { display: flex; }
#pagetitle .txt-box { width: calc(66% - 10em); padding: 2.5em 5em; }
#pagetitle h1 { font-size: 240%; line-height: 1.3; font-weight: bold; padding-bottom: .3em; }
#pagetitle p { font-size: 105%; line-height: 1.8; text-align: justify; padding-bottom: 1em; }
#pagetitle .img-box { width: 34%; overflow: hidden; position: relative; }
#pagetitle .img-box img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
@media only screen and (max-width: 768px) {
  .basis { min-height: auto; }
  #pagetitle p { font-size: 105%; line-height: 1.4; padding-bottom: 0; }
  #pagetitle .img-box img { width: auto; height: 100%; }
}
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #pagetitle .txt-box { width: calc(66% - 2em); padding: 1em 2em; }
  #pagetitle h1 { font-size: 200%; line-height: 1.3; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #pagetitle { margin: 0 auto 1em auto; display: block; }
  #pagetitle h1 { font-size: 180%; line-height: 1.3; }
  #pagetitle p { font-size: 100%; line-height: 1.4; padding-bottom: .5em; }
  #pagetitle .txt-box { width: 94%; padding: 3% 3%; position: relative; }
  #pagetitle .img-box { width: 100%; height: 12em; }
  #pagetitle .img-box img { width: 100%; height: auto; }
}

.basis { min-height: 18em; }
p.unit-read { font-size: 105%; line-height: 1.8; text-align: justify; padding-bottom: 2em; }
.unit-txtbox { width: 60%; position: relative; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  .unit-txtbox { width: 100%; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  p.unit-read { font-size: 100%; line-height: 1.6; padding-bottom: 1em; }
}


/* About */
#about #pagetitle { min-height: 24em; background: #F50; }
#about #pagetitle h1 { font-size: 360%; line-height: 1.2; font-weight: normal; color: #FFF; padding-bottom: 0; }
#about #pagetitle h2 { font-size: 100%; line-height: 1.3; color: #FFF; padding-bottom: 1em; }
#about #pagetitle p { color: #FFF; }
#about #pagetitle .img-box img { width: auto; height: 100%; }

#about1 { background: #FFF; display: flex; }
#about1 .txt-box { width: calc(50% - 10em); padding: 2.5em 5em; position: relative; }
#about1 .txt-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#about1 .txt-box ul li { width: 48%; line-height: 1.2; margin-top: 1em; }
#about1 .txt-box ul li a { text-align: center; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; }
#about1 .txt-box ul li a:hover { color: #FFF; border-color: #FFF; background: #C10358; }
#about1 .img-box { width: 50%; }
#about1 .img-box iframe { width: 100%; height: 100%; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #about #pagetitle { min-height: auto; }
  #about #pagetitle h1 { font-size: 280%; line-height: 1.2; }
  #about #pagetitle .img-box img { width: 100%; height: auto; }
  #about1 { display: block; }
  #about1 .txt-box { width: calc(100% - 4em); padding: 2em 2em; position: relative; }
  #about1 .img-box { width: 100%; padding-top: 56.25%; position: relative; overflow: hidden; }
  #about1 .img-box iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #about1 .txt-box { width: 94%; padding: 3% 3%; position: relative; }
  #about1 .txt-box ul { width: 100%; display: block; }
  #about1 .txt-box ul li { width: 100%; }
}

#about2, #about3, #about4 { display: flex; }
#about2 { background: #D9D2C7; }
#about3, #about4 { background: #FFF; }
#about3 { flex-direction: row-reverse; }
#about .basis .txt-box { width: calc(66% - 10em); padding: 2.5em 5em; position: relative; }
#about .basis .img-box { width: 34%; overflow: hidden; position: relative; }
#about .basis .txt-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#about .basis .txt-box ul li { width: 30%; line-height: 1.2; margin-top: 1em; }
#about .basis .txt-box ul li a { text-align: center; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; }
#about .basis .txt-box ul li a:hover { color: #FFF; border-color: #FFF; background: #C10358; }
#about2 .txt-box ul li, #about3 .txt-box ul li { width: 34% !important; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #about .basis .txt-box { width: calc(66% - 4em); padding: 2em 2em; }
  #about .basis .txt-box ul li { width: 48%; margin-top: .5em; }
  #about2 .txt-box ul li, #about3 .txt-box ul li { width: 49% !important; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #about2, #about3, #about4 { display: block; }
  #about .basis .txt-box { width: 94%; padding: 3% 3%; position: relative; }
  #about .basis .txt-box ul { display: block; }
  #about .basis .txt-box ul li { width: 100%; }
  #about .basis .txt-box ul li a { width: calc(100% - 2px); }
  #about .basis .img-box { width: 100%; height: 12em; }
  #about2 .txt-box ul li, #about3 .txt-box ul li { width: 100% !important; }
}

#about2 .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-30%); }
#about3 .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* :::::::::::::::::::: 2020.10.4変更 :::::::::::::::::::: */
#about4 .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
/* :::::::::::::::::::: 2020.10.4変更 :::::::::::::::::::: */

@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #about2 .img-box img { top: 0; transform: translate(-50%,0); }
  #about3 .img-box img { width: auto; height: 100%; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #about2 .img-box img { top: 50%; transform: translate(-50%,-30%); }
  #about3 .img-box img { width: 100%; height: auto; }
}


/* Our Place */
#ourplace { background: #FFF; }
#ourplace h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#ourplace .flex-box { display: flex; justify-content: space-between; }
#ourplace .txt-box { width: 64%; }
#ourplace .side-box { width: 30%; }
#place-img { width: 100%; height: auto; margin-bottom: 2em; }
#place-img img { width: 100%; height: auto; }
.place-column { margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid 1px #D9D2C7; }
#place4 { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
#place4 p { padding-bottom: .8em; }
.place-column h2 { font-size: 123%; line-height: 1.4; font-weight: bold; padding-bottom: .5em; }
.place-column p { text-align: justify; }
.place-column p.link-btn { line-height: 1.2; margin-top: 1em; }
.place-column p.link-btn a { text-align: center; width: 24em; padding: 1em 0; border: solid 1px #000; display: block; }
.place-column p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
.place-column ul { padding-top: 1em; }
.place-column ul li { text-align: justify; }
.place-column ul.attention li { font-size: 93%; line-height: 1.4em; text-indent: -1em; padding: 0 0 .2em 1em; }
.place-column ul.sub-list li { line-height: 1.4em; text-indent: -1em; padding: 0 0 .2em 1em; }
.place-column ul.sub-list li span { color: #FF5500; }

.side-menu { margin-bottom: 2em; padding: 1.5em; background: #D9D2C7; }
.side-menu h3 { font-size: 115%; line-height: 1.4;font-weight: bold; padding-bottom: .1em; }
.side-menu ul li { line-height: 1.4; padding-top: .6em; }
.side-menu ul li a { text-decoration: underline; }
.side-menu ul li span { font-size: 85%; line-height: 1.4; color: #666; display: block; }
.side-menu p.link-btn { line-height: 1.2; margin-top: 1em; }
.side-menu p.link-btn a { text-align: center; width: calc(100% - 2px); padding: 1em 0; border: solid 1px #000; display: block; }
.side-menu p.link-btn a:hover { color: #000; background: #FFF; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #ourplace h1 { margin-bottom: .5em; }
  #ourplace .flex-box { display: block; }
  #ourplace .txt-box { width: 100%; margin-bottom: 1em; }
  #ourplace .side-box { width: 100%; }
  #place-img { margin-bottom: 1em; }
  .place-column p.link-btn a { width: calc(100% - 2px); } 
}


/* Donate */
#donation #pagetitle { background: #D9D2C7; }
#donation #pagetitle strong { color: #C10358; }
#donation #pagetitle ul.attention { margin-bottom: 1em; }
#donation #pagetitle ul li a { text-decoration: underline; padding-left: 1em; position: relative; display: block; }
#donation #pagetitle ul li a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: .4em 0 .4em .5em; border-color: transparent transparent transparent #C10358; position: absolute; top: .5em; left: .2em; }

.tabs { width: 100%; margin-top: 4em; }
.tab_item { font-size: 105%; line-height: 1.2em; width: calc(50% - 2em); height: 4em; padding: 0 1em; background: none; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer; transition: .3s; }
.tab_item strong { text-align: center; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; transition: .3s; }
.tab_item:hover { opacity: 0.8; }
input[name="tab_item"] { display: none; }
#donate1 .tab_content { background: #FFF; clear: both; overflow: hidden; display: none; }

/* :::::::::::::::::::: 2020.10.4変更 :::::::::::::::::::: */
#donate1 .tab_content h2 { font-size: 115%; line-height: 1.3; text-align: center; color: #F50; margin-bottom: 1em; }
/* :::::::::::::::::::: 2020.10.4変更 :::::::::::::::::::: */

#monthly:checked ~ #monthly_content, #once:checked ~ #once_content { display: block; }
.tabs input:checked + .tab_item { background: #FFF; }
.tabs input:checked + .tab_item strong { border: none; }
.donate-box { display: flex; justify-content: space-between; }
.donate-box dl { width: 32%; box-shadow: 0 0 .5em 0 rgba(0,0,0,0.3); position: relative; }
.donate-box dl dt { width: 100%; margin-bottom: 1em; padding-top: 60%; position: relative; overflow: hidden; }
.donate-box dl dt img { width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.donate-box dl dd { min-height: 7em; padding: 0 2em 6em 2em; }
#donate-price dl dd h3 { font-size: 220%; line-height: 1.3; font-weight: bold; color: #F50; padding-bottom: .4em; }
#donate-price dl dd h3 strong, #donate-price dl dd h3 span { font-size: 50%; }
#donate-method dl dd h3 { font-size: 150%; line-height: 1.3; font-weight: bold; color: #F50; padding: .6em 0 1.2em 0; }
.donate-box dl dd p a { text-decoration: underline; }
.donate-box dl dd p.link-btn { line-height: 1.2; width: calc(100% - 4em); position: absolute; bottom: 2em; }
.donate-box dl dd p.link-btn a { text-align: center; text-decoration: none; width: calc(100% - 2px); padding: 1em 0; border: solid 1px #000; display: block; }
.donate-box dl dd p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
#other-price { margin-top: 2em; display: flex; align-items: center; justify-content: center; }
#other-price dt { margin-right: 1em; }
#other-price dd .select-box { margin-right: 1em; position: relative; }
#other-price dd .select-box:after { content: ""; width: .5em; height: .5em; border-right: #000 1px solid; border-bottom: #000 1px solid; display: block; position: absolute; top: 35%; right: 1em; transform: rotate(45deg)translateY(-25%); pointer-events: none; }
#other-price dd select { -webkit-appearance: none; appearance: none; font-size: 115%; line-height: 1.2; width: 12em; padding: .5em; border: none; border-radius: 0; background: #D9D2C7; }
#other-price dd input[type=submit] { -webkit-appearance: none; appearance: none; font-size: 115%; line-height: 1.2; color: #FFF; padding: .5em; border: none; border-radius: 0; background: #FF5500; cursor: pointer; }
#other-price dd input[type=submit]:hover { background: #C10358; }
#donate1 #monthly_content p.attention, #donate1 #once_content p.attention { text-align: center; padding-top: 1em; }
#donate1 #monthly_content p.attention a, #donate1 #once_content p.attention a { text-decoration: underline; }
.tab_content p.contact-btn { line-height: 1.2; margin-top: 1em; }
.tab_content p.contact-btn a { text-align: center; width: calc(32% - 2px); margin: 0 auto; padding: 1em 0; border: solid 1px #000; display: block; }
.tab_content p.contact-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  .donate-box dl dd { min-height: auto; padding: 0 1em 5em 1em; }
  .donate-box dl dd p.link-btn { width: calc(100% - 2em); bottom: 1em; }
  #donate-price dl dd h3 span { display: block; }
  #donate-method dl dd h3 { padding: .4em 0 .8em 0; }
  .tab_content p.contact-btn a { width: calc(24em - 2px); }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .tab_item { width: calc(50% - 1em); padding: 0 .5em; }
  .tab_item strong { padding: .5em; }
  .donate-box { display: block; }
  .donate-box dl { width: 100%; margin-bottom: 1em; }
  #donate-price dl dd h3 { font-size: 200%; line-height: 1.2; padding: 0 0 .2em 0; }
  #donate-price dl dd h3 span { display: inline; }
  #donate-method dl dd h3 { font-size: 135%; line-height: 1.2; padding: 0 0 .2em 0; }
  #other-price { margin: 0 0 .5em 0; flex-wrap: wrap; }
  #other-price dd.select-box { width: 70%; }
  #other-price dd select { width: 100%; }
  #other-price dd#submit-btn { width: 30%; }
  #other-price dd input[type=submit] { width: 100%; }
  #donate1 p.attention { text-align: justify; text-indent: -1em; padding: 0 0 0 1em; }
  .tab_content p.contact-btn a { width: calc(100% - 2px); }
}

#donate2 { background: #FFF; display: flex; }
#donate2 .txt-box { width: calc(66% - 10em); padding: 2.5em 5em; position: relative; }
#donate2 .img-box { width: 34%; overflow: hidden; position: relative; }
#donate2 .txt-box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#donate2 .txt-box ul li { width: 49%; line-height: 1.2; margin-top: .5em; }
#donate2 .txt-box ul li a { text-align: center; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; }
#donate2 .txt-box ul li a:hover { color: #FFF; border-color: #FFF; background: #C10358; }
#donate2 .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-30%); }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #donate2 { display: block; }
  #donate2 .txt-box { width: 94%; padding: 3% 3%; position: relative; }
  #donate2 .img-box { display: none; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #donate2 .txt-box ul li { width: 100%; }
  #donate2 .txt-box ul li a { width: calc(100% - 2px); }
}


/* Donate-credit */
#donate1b .tab_content { background: #FFF; clear: both; overflow: hidden; display: none; }
#donate1b .donate-box dl dd p a { text-decoration: underline; }
#donate1b .donate-box dl dd p.link-btn { line-height: 1.2; width: calc(100% - 4em); position: absolute; bottom: 2em; }
#donate1b .donate-box dl dd p.link-btn a { text-align: center; text-decoration: none; width: calc(100% - 2px); padding: 1em 0; border: solid 1px #000; display: block; }
#donate1b .donate-box dl dd p.link-btn a:hover { color: #000; background: #FFF; }
#donate1b p.attention { text-align: center; padding-top: 1em; }
#donate1b p.attention a { text-decoration: underline; }
#donate1b .donate-box dl dd .price-box p.attention { font-size: 85%; line-height: 1.4; text-align: justify !important; text-indent: -1em; padding: .5em 0 0 1em; }

#donate-credit #pagetitle { background: #FFF; }
#donate-credit #pagetitle ul.attention li { text-indent: -1em; padding-left: 1em; }
#personal:checked ~ #personal_content, #juridical:checked ~ #juridical_content { display: block; }

#donate-personal { flex-wrap: wrap; }
#donate-personal dl { width: 24%; background: #FFB90D; position: relative; }
#donate-personal dl dd { padding: 0 1em 9em 1em; }
#donate-personal dl dd h3 { font-size: 135%; line-height: 1.4; color: #F50; min-height: 3.4em; display: flex; align-items: center; justify-content: center; }
#donate-personal dl dd h3 strong { display: block; }
#donate-personal dl dd h3 strong span { font-size: 85%; line-height: 1.4; text-align: center; display: block; }
.donate-box dl dd .price-box { line-height: 1.2; width: calc(100% - 2em); position: absolute; bottom: 1em; }
.donate-box dl dd .select-box { margin-bottom: .3em; position: relative; }
.donate-box dl dd .select-box:after { content: ""; width: .5em; height: .5em; border-right: #000 1px solid; border-bottom: #000 1px solid; display: block; position: absolute; top: 35%; right: 1em; transform: rotate(45deg)translateY(-25%); }
.donate-box dl dd select { -webkit-appearance: none; appearance: none; font-size: 115%; line-height: 1.2; width: 100%; padding: .5em; border: none; border-radius: 0; background: #FFF; }
.donate-box dl dd input[type=submit] { -webkit-appearance: none; appearance: none; font-size: 115%; line-height: 1.2; color: #FFF; margin: 0; padding: .5em; border: none; border-radius: 0; background: #FF5500; cursor: pointer; }
.donate-box dl dd input[type=submit]:hover { background: #C10358; }

#donate-juridical dl { width: 49%; background: #FFB90D; position: relative; }
#donate-juridical dl dd h3 { font-size: 135%; line-height: 1.4; color: #F50; min-height: 3.4em; display: flex; align-items: center; justify-content: center; }
#donate-juridical dl dd h3 strong { display: block; }
#donate-juridical dl dd { padding: 0 2em 9em 2em; }
#donate-juridical dl dd .price-box { line-height: 1.2; width: calc(100% - 4em); }

#credit-attention { padding: 0 5em 2.5em 5em; background: #FFF; }
#credit-attention div { padding-top: 2.5em; border-top: solid 1px #CCC; }
#credit-attention p { padding-bottom: .6em; }
#credit-attention p a { text-decoration: underline; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #donate-personal dl, #donate-juridical dl { width: 49%; margin-bottom: 1em; }
  #donate-personal dl dd, #donate-juridical dl dd { padding: 0 2em 9em 2em; }
  #donate1b .donate-box dl dd .price-box { width: calc(100% - 4em); }
  #donate1b p.attention { text-align: justify; text-indent: -1em; padding: 0 0 0 1em; }
  #credit-attention { padding: 0 2em 2em 2em; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #donate-personal dl, #donate-juridical dl { width: 100%; }
  #donate-personal dl dd, #donate-juridical dl dd { padding: 0 1em 9em 1em; }
  #donate-personal dl dt { min-height: auto; padding-bottom: .6em; }
  #donate1b .donate-box dl dd .price-box { width: calc(100% - 2em); }
  #credit-attention { width: 94%; padding: 0 3% 3% 3%; }
  #credit-attention div { padding-top: 3%; }
}

#preferential { background: #FFF; }
#preferential h1 { font-size: 160%; line-height: 1.2; font-weight: bold; text-align: justify; padding-bottom: .2em; }
#preferential p { padding-bottom: 1em; }
#preferential ul { display: flex; }
#preferential ul li { line-height: 1.2; width: 12em; margin-right: 2em; }
#preferential ul li a { text-align: center; padding: 1em 0; border: solid 1px #000; display: block; }
#preferential ul li a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #preferential ul { justify-content: space-between; }
  #preferential ul li { width: 49%; margin-right: 0; }
  #preferential ul li a { width: calc(100% - 2px); }
}


/* Donate-Transfer */
#donate-transfer #pagetitle { min-height: 20em; background: #7F001B; }
#donate-transfer #pagetitle h1, #donate-transfer #pagetitle p { color: #FFF; }
#donate-transfer #pagetitle .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* :::::::::::::::::::: 2020.11.19追加 ::::::::::::::::::::::::: */
#donate-transfer #pagetitle ul li a { text-decoration: underline; color: #FFF; padding-left: 1em; position: relative; display: block; }
#donate-transfer #pagetitle ul li a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: .4em 0 .4em .5em; border-color: transparent transparent transparent #FFF; position: absolute; top: .5em; left: .2em; }
#donate-transfer #pagetitle ul li a:hover { color: #FFB90D; }
#donate-transfer #pagetitle ul li a:hover::before { border-color: transparent transparent transparent #FFB90D; }

#donate-transfer2 ul.bank li.yuchosub { padding: .6em 0 .6em 0; }
#donate-transfer2 ul.bank li span { padding-left: 1em; }
#donate-transfer2 ul.bank li#yucho-border { border-bottom: dotted 1px #F50; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #donate-transfer2 ul.bank li span { padding-left: 0; }
  #donate-transfer2 ul.bank li span:before { content: "\A"; white-space: pre; }
}
/* :::::::::::::::::::: 2020.11.19追加 ::::::::::::::::::::::::: */

#donate-transfer2 .txt-box { padding-left: 40%; }
#donate-transfer1 .txt-box h2 { font-size: 135%; line-height: 1.3; font-weight: bold; padding-bottom: .2em; }
#donate-transfer1 .txt-box dl dd p.link-btn { line-height: 1.2; }
#donate-transfer1 .txt-box dl dd p.link-btn a { text-align: center; text-decoration: none; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; }
#donate-transfer1 .txt-box dl dd p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
.transfer-flow { margin-bottom: 1.5em; position: relative; }
#transfer-flow1:after { content: ""; width: 0; height: 0; border-style: solid; border-width: .8em .6em 0 .6em; border-color: #9F918E transparent transparent transparent; position: absolute; bottom: -1em; left: 2em; }
#online, #offline { padding-top: 1.5em; border-top: solid 1px #D9D2C7; }
#offline-method { margin-bottom: 1.5em; padding-left: 1em; display: flex; justify-content: space-between; }
#offline-method dl { width: calc(32% - 2em); padding: 1em; background: #D9D2C7; position: relative; }
#offline-method dl:before { content: ""; width: 0; height: 0; border-style: solid; border-width: .8em .6em 0 .6em; border-color: #9F918E transparent transparent transparent; position: absolute; top: -1.2em; left: 50%; transform: translate(-50%,0); }
#offline-method dl dt { font-size: 123%; margin-bottom: .3em; padding: 0 0 .3em 0; border-bottom: solid 1px #FFF; }
#offline-method dl dt:before { content: ""; }
#offline-method dl dd { padding: 0; }
#offline-method dl dd p { font-size: 93%; line-height: 1.6; padding-bottom: 0; word-break: break-all; }
#offline-method dl dd p span:before { content: "\A"; white-space: pre; }
#offline-method dl dd p strong { font-weight: normal; }
#offline-method dl dd p strong:before { content: "\A"; white-space: pre; }
#donate-transfer2 ul.bank { border-top: solid 1px #F50; border-bottom: solid 1px #F50; margin-bottom: 1.5em; }
#donate-transfer2 ul.bank li { line-height: 1.4; padding: .6em 0 .6em 6em; border-bottom: solid 1px #D9D2C7; position: relative; }
#donate-transfer2 ul.bank li:last-child { border-bottom: none; }
#donate-transfer2 ul.bank li h3 { color: #F50; position: absolute; left: 0; }
#donate-transfer2 .txt-box p.link-btn { line-height: 1.2; }
#donate-transfer2 .txt-box p.link-btn a { text-align: center; text-decoration: none; width: 70%; margin: .5em 0 1.5em 0; padding: 1em 0; border: solid 1px #000; display: block; }
#donate-transfer2 .txt-box p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
#donate-transfer3 ul.link-btn { margin-top: 1em; display: flex; }
#donate-transfer3 ul.link-btn li { line-height: 1.2; width: 16em; margin-right: 1em; }
#donate-transfer3 ul.link-btn li a { text-align: center; text-decoration: none; width: 100%; padding: 1em 0; border: solid 1px #000; display: block; }
#donate-transfer3 ul.link-btn li a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
#donate-transfer1 .inner-box { background: url("../images/donate-transfer/transfer_img1.png") no-repeat right 10% center; }
#donate-transfer2 .inner-box { background: url("../images/donate-transfer/transfer_img2.png") no-repeat left 10% center; }

/* :::::::::::::::::::: 2020.10.26追加 :::::::::::::::::::: */
#member-link { line-height: 1.4; margin-top: 2em; padding: 0 0 .2em .7em; position: relative; }
#member-link a::before { content: ""; width: .5em; height: .5em; border-right: #000 1px solid; border-bottom: #000 1px solid; display: block; position: absolute; top: 40%; left: 0; transform: rotate(-45deg)translate(0,-50%); }
#member-link a:hover::before { border-right: #C10358 1px solid; border-bottom: #C10358 1px solid; }
#donate-members .txt-box { width: 100%; }
#donate-members ul li { line-height: 1.3; padding: 0 0 .2em .8em; position: relative; }
#donate-members ul li:before { content: "●"; font-size: 60%; color: #9F918E; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); } 
/* :::::::::::::::::::: 2020.10.26追加 :::::::::::::::::::: */

@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #donate-transfer1 .inner-box { background-position: right center; }
  #donate-transfer2 .inner-box { background-position: left center; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #donate-transfer2 .txt-box { padding-left: 0; }
  #donate-transfer1 .inner-box, #donate-transfer2 .inner-box { background: none; }
  #donate-transfer1 .txt-box dl dd p.link-btn a, #donate-transfer2 .txt-box p.link-btn a { width: 100%; }
  #offline-method { display: block; position: relative; }
  #offline-method:before { content: ""; width: 0; height: 0; border-style: solid; border-width: .8em .6em 0 .6em; border-color: #9F918E transparent transparent transparent; position: absolute; top: -1.2em; left: 50%; transform: translate(-50%,0); }
  #offline-method dl { width: calc(100% - 2em); margin-bottom: 1em; }
  #offline-method dl:before { border: none; }
  #offline-method dl dd p span:before, #offline-method dl dd p strong:before { content: ""; padding-left: .5em; }
  #donate-transfer3 ul.link-btn { justify-content: space-between; }
  #donate-transfer3 ul.link-btn li { width: 49%; margin-right: 0; }
}

/* Doinate Other */
#donate-other #pagetitle { min-height: 20em; background: #C10358; }
#donate-other #pagetitle h1, #donate-other #pagetitle p { color: #FFF; }

.donate-other { background: #FFF; }
.donate-other .txt-box { width: 60%; position: relative; }
#donate-other1 .txt-box, #donate-other3 .txt-box { padding-left: 40%; }
.donate-other .txt-box a { text-decoration: underline; }
.donate-other .txt-box dl { padding-bottom: 1.5em; }
.donate-other .txt-box dl dt { font-size: 123%; line-height: 1.3; font-weight: bold; padding: 0 0 .2em .8em; position: relative; }
.donate-other .txt-box dl dt:before { content: "●"; font-size: 60%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); } 
.donate-other .txt-box dl dd { padding-left: 1em; }
.donate-other .txt-box dl dd p { text-align: justify; padding-bottom: .5em; }

/* :::::::::::::::::::: 2020.10.29追加・更新 :::::::::::::::::::: */
.donate-other .txt-box dl dd ul.link-list li { font-size: 115%; line-height: 1.4; font-weight: bold; padding: 0 0 .2em 0; position: relative; }
.donate-other .txt-box dl dd ul.link-list li a { color: #C10358; }
.donate-other .txt-box dl dd ul.link-list li a:hover { color: #F50; }
#donate-other3 a, #donate-other4 a { font-weight: bold; color: #C10358; }
#donate-other3 a:hover, #donate-other4 a:hover { color: #F50; }
/*
.donate-other .txt-box dl dd ul.link-list li a::before { content: ""; width: .5em; height: .5em; border-right: #C10358 1px solid; border-bottom: #C10358 1px solid; display: block; position: absolute; top: 40%; left: 0; transform: rotate(-45deg)translate(0,-50%); transition: .3s;  }
.donate-other .txt-box dl dd ul.link-list li a:hover::before { border-right: #F50 1px solid; border-bottom: #F50 1px solid; }
*/
/* :::::::::::::::::::: 2020.10.29追加・更新 :::::::::::::::::::: */

.donate-other .txt-box ul.attention li { text-indent: -1em; padding-left: 1em; }
#donate-other1 .inner-box { background: url("../images/donate-other/other_img1.png") no-repeat left 10% center; }
#donate-other2 .inner-box { background: url("../images/donate-other/other_img2.png") no-repeat right 10% center; }
#donate-other3 .inner-box { background: url("../images/donate-other/other_img3.png") no-repeat left 10% center; }
#donate-other4 .inner-box { background: url("../images/donate-other/other_img4.png") no-repeat right 10% center; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #donate-other1 .inner-box { background-position: left 2% center; }
  #donate-other2 .inner-box { background-position: right 1% center; }
  #donate-other3 .inner-box { background-position: left 2% center; }
  #donate-other4 .inner-box { background-position: right 0 center; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .donate-other .txt-box { width: 100%; }
  #donate-other1 .txt-box, #donate-other3 .txt-box { padding-left: 0; }
  #donate-other1 .inner-box, #donate-other2 .inner-box, #donate-other3 .inner-box, #donate-other4 .inner-box { background: none; }
  .donate-other .txt-box dl dt:before { top: 1.1em; }
  .donate-other .txt-box ul.attention li a::before { content: "\A"; white-space: pre; }
}


/* Donate Other Details */
.division-wrap { background: #FFF; }
.division-wrap h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
.division-wrap .flex-box { display: flex; justify-content: space-between; }
.division-wrap .txt-box { width: 64%; }
.division-wrap .side-box { width: 30%; }
.division-wrap .contents { margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid 1px #D9D2C7; }
#place4 { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.division-wrap .contents a { text-decoration: underline; }
.division-wrap .contents h2 { font-size: 123%; line-height: 1.4; font-weight: bold; padding-bottom: .5em; }
.division-wrap .contents p { text-align: justify; padding-bottom: 1em; }
.division-wrap .contents p.signature { text-align: right; }
.division-wrap .contents p.signature span { padding-left: 1em; }
.division-wrap .contents p.link-btn { line-height: 1.2; margin-top: 1em; }
.division-wrap .contents p.link-btn a { text-align: center; text-decoration: none; width: 24em; padding: 1em 0; border: solid 1px #000; display: block; }
.division-wrap .contents p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
.division-wrap .contents ul { padding-bottom: 1em; }
.division-wrap .contents ul li { text-align: justify; }
.division-wrap .contents ul.attention li { font-size: 93%; line-height: 1.4em; text-indent: -1em; padding: 0 0 .2em 1em; word-break: break-all; }
.division-wrap .contents ul.sub-list li { line-height: 1.4em; text-indent: -1em; padding: 0 0 .2em 1em; word-break: break-all; }
.division-wrap .contents ul.sub-list li span { color: #FF5500; }
#process-flow { margin-bottom: 2em; }
#process-flow h3 { line-height: 1.3; padding: .4em 0 .3em .4em; background: #F6F0EA; }
#process-flow div { padding-top: 1em; }
#process-flow div dl { margin-bottom: 1em; padding-bottom: .8em; border-bottom: solid 1px #D9D2C7; position: relative; }
#process-flow div dl:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 1em .8em 0 .8em; border-color: #9F918E transparent transparent transparent; position: absolute; bottom: -1em; left: 50%; }
#process-flow div dl:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 1em .8em 0 .8em; border-color: #FFF transparent transparent transparent; position: absolute; bottom: -.92em; left: 50%; }
#process-flow div dl#process-flow4:before, #process-flow div dl#process-flow4:after { border: none; }
#process-flow div dl dt { color: #7F001B; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .division-wrap h1 { margin-bottom: .5em; }
  .division-wrap .flex-box { display: block; }
  .division-wrap .txt-box { width: 100%; margin-bottom: 1em; }
  .division-wrap .side-box { width: 100%; }
  .division-wrap .contents p.signature { text-align: left; }
  .division-wrap .contents p.signature span { padding-left: 0; }
  .division-wrap .contents p.signature span:before { content: "\A"; white-space: pre; }
}




/* Message */
#message { background: #FFF; }
#message h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#message dl { display: flex; flex-direction: row-reverse; justify-content: space-between; }
#message dl#message1 { margin-bottom: 3em; padding-bottom: 2em; border-bottom: dotted 1px #9F918E; }
#message dl dt { width: 26%; }
#message dl dt img { width: 100%; height: auto; }
#message dl dd { width: 70%; }
#message dl dd h2 { font-size: 150%; line-height: 1.6; font-weight: bold; }
#message dl dd h3 {}
#message dl dd ul { margin: 1em 0; padding: .5em 0 .3em 0; border-top: solid 1px #D9D2C7; border-bottom: solid 1px #D9D2C7; }
#message dl dd ul li { font-size: 93%; line-height: 1.4; text-align: justify; padding: 0 0 .3em 1em; position: relative; }
#message dl dd ul li:before { content: "・"; position: absolute; left: 0; }
#message dl dd p { text-align: justify; padding-bottom: 1em; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #message dl { display: block; }
  #message dl#message1 { margin-bottom: 2em; padding-bottom: .5em; }
  #message dl dt { width: 100%; margin-bottom: 1em; padding-top: 75%; overflow: hidden; position: relative; }
  #message dl dt img { position: absolute; top: 0; }
  #message dl dd { width: 100%; }
}


/* :::::::::::::::::::: 2021.2.26追記 :::::::::::::::::::: */
.message-link { line-height: 1.2; margin-top: 2em; padding-top: 2em; border-top: dotted 1px #CCC; }
.message-link a { text-align: center; text-decoration: none; width: 24em; margin: 0 auto; padding: 1em 0; border: solid 1px #000; display: block; }
.message-link a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .message-link { padding: 1em 0 .5em 0; }
  .message-link a { width: calc(100% - 2px); }
}


/* :::::::::::::::::::: 2021.2.17追記 :::::::::::::::::::: */  
/* Director */
#director { background: #FFF; }
#director h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#director h1 span { font-size: 60%; font-weight: normal; }
#director-box ul li { margin-bottom: 4em; }
#director-box ul li:last-child { border-bottom: none; }
#director-box ul li dl { display: flex; flex-flow: row-reverse; justify-content: space-between; }
#director-box ul li:nth-child(2n) dl { flex-flow: row; }
#director-box ul li dl dt { width: 24%; }
#director-box ul li dl dt img { width: 100%; height: auto; }
#director-box ul li dl dd { width: 72%; position: relative; }
#director-box ul li dl dd h2 { font-size: 150%; line-height: 1.4; font-weight: bold; }
#director-box ul li dl dd h2 span { font-size: 70%; }
#director-box ul li dl dd h3 { font-weight: bold; }
#director-box ul li dl dd ol { padding: .8em 0 1em 0; }
#director-box ul li dl dd ol li { font-size: 93%; line-height: 1.4; color: #F50; margin-bottom: 0; padding: 0 0 .3em 1em; border-bottom: none; position: relative; }
#director-box ul li dl dd ol li:before { content: "・"; color: #F50; position: absolute; left: 0; }
#director-box p.link-btn { margin-top: 1em; }
#director-box p.link-btn a { line-height: 1.2; }
#director-box p.link-btn a { text-align: center; text-decoration: none; width: 20em; padding: 1em 0; border: solid 1px #000; display: block; }
#director-box p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }

#parttime dl { padding: 2em 0; border-top: dotted 1px #D9D2C7; }
#parttime dl dt { font-size: 135%; line-height: 1.3; font-weight: bold; padding-bottom: .5em; }
#parttime dl dd ul li { line-height: 1.3; padding: 0 0 .5em 9em; position: relative; }
#parttime dl dd ul li span { font-size: 60%; line-height: 1.6; color: #D9D2C7; position: absolute; top: .2em; left: .2em; }
#parttime dl dd ul li strong { font-size: 105%; line-height: 1.2; position: absolute; left: 1em; }

#supervisor { padding-top: 2em; border-top: dotted 1px #D9D2C7; }
#supervisor ul li { line-height: 1.4; text-indent: -1em; padding: 0 0 .3em 1em; }
#supervisor ul li span { color: #D9D2C7; padding-right: .2em; }
#supervisor ul li strong { font-size: 135%; padding-left: .4em; }
#supervisor ul li i { font-style: normal; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #director-box ul li { margin-bottom: 1.5em; padding-bottom: 4em; border-bottom: dotted 1px #D9D2C7; }
  #director-box ul li:last-child { margin-bottom: 0; }
  #director-box ul li dl, #director-box ul li:nth-child(2n) dl { display: flex; flex-flow: column-reverse; }
  #director-box ul li dl dt { width: 60%; margin: 0 auto; padding-top: .5em; }
  #director-box ul li dl dd { width: 100%; }
  #director-box ul li dl dd h2, #director-box ul li dl dd h3 {  }
  #director-box ul li dl dd ol { padding-bottom: .6em; }
  #director-box ul li dl dd ol li:last-child { margin-bottom: 0; padding: 0 0 .3em 1em; }
  #director-box p.link-btn { margin: .5em 0 1em 0; position: relative; }
  #director-box p.link-btn a { width: calc(100% - 2px - 1em); padding: 1em .5em; }
}
/* :::::::::::::::::::: 2021.2.17追記 :::::::::::::::::::: */  


/* Articles of incorporation */
#aoi { background: #FFF; }
#aoi h1, #aoi h2 { margin-bottom: .8em; border-bottom: solid 1px #9F918E; }
#aoi h2 { font-size: 200%; line-height: 1.2; font-weight: bold; text-align: justify; margin-top: 2em; padding-bottom: .5em; }
#aoi ul { margin-bottom: 1em; }
#aoi ul li { line-height: 1.4; padding: 0 0 .4em 1.2em; position: relative; }
#aoi ul li:before { content: url("../images/common/pdf_icon.png"); position: absolute; top: .9em; left: 0; transform: translate(0,-50%); }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #aoi h2 { font-size: 160%; line-height: 1.2; }
}


/* NEWS & TOPICS */
#news-column { background: #FFF; }
#news-title { margin-bottom: 1em; position: relative; }
#news-title h1 { border-bottom: solid 1px #9F918E; }
#news-title h1.title-ja { font-family: Arial; font-size: 220%; font-weight: normal; }
#news-title ul { width: 30%; display: flex; justify-content: flex-end; position: absolute; bottom: 0; right: 0; }
#news-title ul li { width: 48%; position: relative; }
#news-title ul li:last-child { margin-left: 4%; }
#news-title ul li a { line-height: 1.3; text-align: center; padding: .6em 0; border: solid 1px #9F918E; border-radius: .2em .2em 0 0; background: #F5F5F5; display: block; }
#news-title ul li a:hover { color: #FFF; background: #9F918E; }
#news-title ul li a:after { content: ""; width: .5em; height: .5em; border-right: #9F918E 1px solid; border-bottom: #9F918E 1px solid; display: block; position: absolute; top: 50%; right: .5em; transform: rotate(-45deg)translateY(-50%); }
#news-title ul li a:hover::after { border-color: #FFF; }
#news-column .flex-box { display: flex; justify-content: space-between; }
#news-column .txt-box { width: 64%; }
#news-column .txt-box .news a { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: dotted 1px #9F918E; display: block; position: relative; }

/* ↓ 2021.5.7更新 */
#news-column .txt-box .news a dl { display: flex; align-items: flex-start; justify-content: space-between; }
#news-column .txt-box .news a dl dt { width: 40%; padding-top: 21%; background: url("../images/news/blank_bg2.jpg") no-repeat; background-size: cover; box-shadow: 0 0 .5em 0 rgba(0,0,0,0.2); position: relative; overflow: hidden; }
#news-column .txt-box .news a dl dt img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#news-column .txt-box .news a dl dd { text-align: justify; width: 56%; }
#news-column .txt-box .news a dl dd h2 { font-size: 123%; line-height: 1.4; font-weight: bold; text-align: justify; margin-bottom: .5em; }
#news-column .txt-box .news a dl dd h2 strong { font-size: 75%; line-height: 1.3; font-weight: normal; color: #F50; margin-top: .2em; display: block; }
/* ↑ 2021.5.7更新 */

#news-column .txt-box .news a:hover dl dt { opacity: .8; }
#news-column .txt-box .news a:hover dl dd p { color: #000; }
#news-column .txt-box #pager { margin: 2em 0; display: flex; justify-content: center; }
#news-column .txt-box #pager ul { display: flex; }
#news-column .txt-box #pager ul li { font-size: 100%; line-height: 1.2; }
#news-column .txt-box #pager ul li a { text-align: center; color: #9F918E; padding: .7em 1em .6em 1em; border-top: solid 1px #D9D2C7; border-bottom: solid 1px #D9D2C7; border-right: solid 1px #D9D2C7; display: block; }
#news-column .txt-box #pager ul li:first-child a { border-left: solid 1px #9F918E; border-radius: .5em 0 0 .5em; }
#news-column .txt-box #pager ul li:last-child a { padding: .7em .8em .6em .8em; border-radius: 0 .5em .5em 0; }
#news-column .txt-box #pager ul li a.active, #news-column .txt-box #pager li a.active:hover { color: #FFF; border-color: #9F918E; background: #9F918E; }
#news-column .txt-box #pager ul li a:hover { background: #D9D2C7; }
#news-column .side-box { width: 30%; }
#news-column .side-box ul li {  }
#news-column .side-box ul li i, #news-column .side-box dl dt i { font-style: normal; padding-left: .5em; color: #9F918E; }
#news-column .side-box ul li i::before, #news-column .side-box dl dt i::before { content: "（"; }
#news-column .side-box ul li i::after, #news-column .side-box dl dt i::after { content: "）"; }
#news-column .side-box dl dt { margin-top: .5em; padding-bottom: .2em; border-bottom: solid 1px #9F918E; position: relative; cursor: pointer; transition: .3s; }
#news-column .side-box dl dt:after { content: ""; width: .5em; height: .5em; border-right: #9F918E 1px solid; border-bottom: #9F918E 1px solid; display: block; position: absolute; top: .6em; right: 1em; transform: rotate(45deg)translateY(-50%); }
#news-column .side-box dl dt:hover { color: #C10358; }
#news-column .side-box dl dd { padding-bottom: 1em; display: none; }

/* ↓ 2021.5.7追加 */
@media only screen and (max-width: 768px) and (orientation: portrait) {
  #news-column .txt-box .news a dl { flex-direction: column; }
  #news-column .txt-box .news a dl dt { width: 100%; padding-top: 52.5%; margin-bottom: 1em; }
  #news-column .txt-box .news a dl dd { width: 100%; }
}
@media only screen and (max-width: 736px) {
  #news-title h1.title-ja { font-size: 190%; }
  #news-title ul { width: 50%; }
  #news-title ul li a { text-align: left; padding-left: .4em; }
  #news-column .txt-box .news a dl { flex-direction: column; }
  #news-column .txt-box .news a dl dt { width: 100%; padding-top: 52.5%; margin-bottom: 1em; }
  #news-column .txt-box .news a dl dd { width: 100%; }
}
/* ↑ 2021.5.7追加 */

@media only screen and (max-width: 736px) and (orientation: portrait) {
  #news-title h1 { border-color: #F6F0EA; }
  #news-title ul { width: 100%; margin: .5em 0 1.5em 0; padding-bottom: .5em; border-bottom: dotted 1px #9F918E; justify-content: flex-start; position: relative; }
  #news-title ul li:first-child { margin-right: 4%; }
  #news-title ul li:last-child { margin-left: 0; }
  #news-title ul li a { border: solid 1px #9F918E; border-bottom: solid 1px #9F918E; border-radius: .2em; }
  #news-column .flex-box { display: block; }
  #news-column .txt-box, #news-column .side-box { width: 100%; }

/* ↓ 2021.5.7削除
  #news-column .txt-box .news a dl { flex-direction: column; }
  #news-column .txt-box .news a dl dt { width: 10em; height: 10em; margin: 0 auto .8em auto; background-size: 12em 12em; background-position: center center; }
↑ 2021.5.7更新 */

#news-column .txt-box .news a dl dt img { width: 100%; height: auto; }
  #news-column .txt-box .news a dl dd { font-size: 93%; line-height: 1.6; width: 100%; }
}


/* News Detail */
.news-detail { text-align: justify; }
.news-detail h3 { font-size: 135%; line-height: 1.4; font-weight: bold; }
.news-detail h4 { font-size: 93%; line-height: 1.4; color: #C10358; margin-bottom: 2em; }
.news-detail img { max-width: 100%; height: auto; display: block; }
.news-detail hr { height: 0; padding: 0; border: 0; border-top: solid 1px #D9D2C7; margin: 1.5em 0; display: block;  }



/* :::::::::::::::::::: 2021.3.4追記 :::::::::::::::::::: */  
/* Media */
#news-column .txt-box .media { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: dotted 1px #9F918E; display: block; position: relative; }
#news-column .txt-box .media dl dt { font-size: 100%; line-height: 1.8; color: #F50; padding-bottom: .2em; }
#news-column .txt-box .media dl dt span { font-size: 75%; line-height: 1.6; text-align: center; color: #000; width: 12em; margin-left: 1em; padding: .2em 0 .1em 0; border-radius: .5em; background: #D9D2C7; display: inline-block; transform: translateY(-.2em); }
#news-column .txt-box .media dl dt span.newspaper { background: #FFB90D; }
#news-column .txt-box .media dl dt span.tv-radio { color: #FFF; background: #C10358; }
#news-column .txt-box .media dl dt span.web-doc { color: #FFF; background: #F50; }
#news-column .txt-box .media dl dt span.other { background: #D9D2C7; }
#news-column .txt-box .media dl dd h3 { font-weight: bold; }
#news-column .txt-box .media dl dd p { font-size: 93%; line-height: 1.6; text-align: left; padding-top: .4em; }
#news-column .txt-box .media dl dd p span.continued { color: #999; }
/* :::::::::::::::::::: 2021.3.4追記 :::::::::::::::::::: */  



/* Schedule */
#schedule-column { background: #FFF; }
#schedule-column p { padding-bottom: 1em; text-align: justify; }
#schedule-column ul.attention { padding-bottom: 1em; }
#schedule-column ul.attention li { line-height: 1.4; text-indent: -1em; text-align: justify; padding: 0 0 .4em 1em; }

/* :::::::::::::::::::: 2021.2.17追記 :::::::::::::::::::: */  
#schedule-column p.link-btn { margin-bottom: 1em; }
#schedule-column p.link-btn a { line-height: 1.2; }
#schedule-column p.link-btn a { text-align: center; text-decoration: none; width: 24em; padding: 1em 0; border: solid 1px #000; display: block; }
#schedule-column p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #schedule-column p.link-btn a { width: 100%; }
}
/* :::::::::::::::::::: 2021.2.17追記 :::::::::::::::::::: */  


/* Buildings */
.build-img { width: 100%; margin-bottom: 1em; padding-top: 60%; position: relative; overflow: hidden; }
.build-img img { width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); }
#build-supporter { margin: 2em 0; display: flex; align-items: center; justify-content: space-between; }
#build-supporter li { width: 30%; }
#build-supporter li img { width: 100%; height: auto; }
#architecture h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#architecture dl { width: 100%; margin-bottom: 2em; }
#architecture dl dt { font-size: 150%; line-height: 1.3; font-weight: bold; margin-bottom: .5em; position: relative; }
#architecture dl dt span { font-size: 65%; font-weight: normal; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
#architecture dl dd ul { display: flex; flex-wrap: wrap; }
#architecture dl dd ul li { width: 32%; margin: 0 2% 2% 0; }
#architecture dl dd ul li:nth-child(3n) { margin-right: 0; }
#architecture dl dd ul li img { width: 100%; height: auto; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #build-supporter { margin: 0; display: block; }
  #build-supporter li { text-align: center; width: 100%; margin: 0; padding: 1em 0; border-bottom: dotted 1px #D9D2C7; }
  #build-supporter li:last-child { border-bottom: none; }
  #build-supporter li img { width: 60%; height: auto; }
  #architecture h1 { margin-bottom: .5em; }
  #architecture dl dt { font-size: 123%; line-height: 1.3; }
  #architecture dl dt span { font-size: 75%; position: relative; top: 0; transform: translate(0,0); display: block; }
  #architecture dl dd ul li { width: 49%; margin: 0 2% 2% 0; }
  #architecture dl dd ul li:nth-child(3n) { margin-right: 2%; }
  #architecture dl dd ul li:nth-child(2n) { margin-right: 0; }
}


/* Publications */
#publications #pagetitle { min-height: 24em; background: #D9D2C7; }
#publications #pagetitle h1 { font-size: 360%; line-height: 1.2; font-weight: normal; padding-bottom: 0; }
#publications #pagetitle h2 { font-size: 100%; line-height: 1.3; padding-bottom: 1em; }
#publications #pagetitle p { word-break: break-all; }
#publications #pagetitle .img-box img { width: 100%; height: auto; }
#pub-box { margin-bottom: 2.5em; display: flex; justify-content: space-between; }
#pub-box .pub-column { width: 48%; background: #FFF; }
#pub-box .pub-column .pub-img { width: 100%; }
#pub-box .pub-column .pub-img img { width: 100%; height: auto; }
.pub-inner { padding: 1em 2em; }
.pub-inner h1 { font-size: 150%; line-height: 1.3; font-weight: bold; margin-bottom: .5em; padding-bottom: .2em; border-bottom: solid 1px #000; }
.pub-inner p { text-align: justify; padding-bottom: 1em; }
.pub-inner dl { padding-bottom: 1em; }
.pub-inner dl dt { font-size: 105%; line-height: 1.4; font-weight: bold; padding-bottom: .5em; }
.pub-inner dl dd { display: flex; }
.pub-inner dl dd .select-box { margin-right: 1em; position: relative; }
.pub-inner dl dd .submit-box { }
.pub-inner dl dd .select-box:after { content: ""; width: .5em; height: .5em; border-right: #000 1px solid; border-bottom: #000 1px solid; display: block; position: absolute; top: 35%; right: 1em; transform: rotate(45deg)translateY(-25%); }
.pub-inner dl dd select { -webkit-appearance: none; appearance: none; font-size: 100%; line-height: 1.2; padding: .5em; border: none; border-radius: 0; background: #D9D2C7; }
.pub-inner dl dd input[type=submit] { -webkit-appearance: none; appearance: none; font-size: 100%; line-height: 1.2; color: #FFF; padding: .5em; border: none; border-radius: 0; background: #FF5500; cursor: pointer; }
.pub-inner dl dd input[type=submit]:hover { background: #C10358; }
.pub-inner ul.attention li { font-size: 93%; line-height: 1.4; text-indent: -1em; padding: 0 0 .4em 1em; }
.pub-inner ul.attention li a { text-decoration: underline; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #pub-box { margin-bottom: 1em; display: block; }
  #pub-box .pub-column { width: 100%; margin-bottom: 1em; }
  .pub-inner { width: 94%; padding: 3% 3%; }
  .pub-inner h1 { font-size: 123%; line-height: 1.3; padding-bottom: .5em; }
  .pub-inner dl dd { display: block; }
  .pub-inner dl dd .select-box { margin-right: 0; }
  .pub-inner dl dd select { width: 100%; }
}


/* Training */
.training-img { margin-bottom: 2em; }
.training-img img { width: 100%; height: auto; }
.training-img span { font-size: 85%; line-height: 1.3; text-align: right; padding-top: .3em; display: block; }
.division-wrap #training h2 { padding-bottom: 0; }
.division-wrap #training h3 { font-size: 115%; line-height: 1.4; font-weight: bold; padding: 1em 0 .4em 0; }
.training-column { margin-top: 2em; }
.training-column a { text-decoration: underline; }
.training-column dt { line-height: 1.3; font-weight: bold; padding: .4em 0 .3em .4em; background: #F6F0EA; }
.training-column dd { padding-top: 1em; }
.training-column dd p { padding-bottom: 1em; word-break: break-all; }
.training-column dd ul li { line-height: 1.4; text-align: justify; padding: .6em 0 .5em 10em; border-bottom: dotted 1px #D9D2C7; position: relative; word-break: break-all; }
.training-column dd ul li:last-child { border-bottom: none; }
.training-column dd ul li h4 { position: absolute; left: 0; }
.training-column dd ul li h4 span::before { content: "\A"; white-space: pre; }
.training-column dd ul li ul li { text-indent: -1em; padding: .2em 0 0 1em; border-bottom: none; }
.training-column dd ul li ul#training-contents li:first-child { padding-top: 0; }
.training-column dd ul.attention { margin-top: 1em; }
.training-column dd ul.attention li { text-indent: -1em; padding: 0 0 0 1em; }
.training-column dd ul.attention li strong { color: #C10358; }
.training-column dd p.link-btn { line-height: 1.2; margin-top: 1em; }
.training-column dd p.link-btn a { text-align: center; text-decoration: none; width: 24em; padding: 1em 0; border: solid 1px #000; display: block; }
.training-column dd p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  .training-column dd ul li { padding: .6em 0 .5em 0; }
  .training-column dd ul li h4 { color: #7F001B; padding-bottom: .2em; position: relative; }
  .training-column dd ul li h4 span::before { content: ""; }
  .training-column dd p.link-btn a { width: calc(100% - 2px); }
}



/* Contact */
#contact { background: #FFF; }
#contact p { text-align: justify; padding-bottom: 1em; }
#contact p span::before { content: "\A"; white-space: pre; }
#form-box { margin-top: 1.5em; border-top: solid 1px #D9D2C7; }
#form-box ul { margin-bottom: 2em; }
#form-box ul li { padding: 1.2em 0 1.1em 20em; border-bottom: dotted 1px #D9D2C7; position: relative; }
#form-box ul li h3 { position: absolute; left: 0; top: 2.2em; transform: translate(0,-50%); }
#form-box ul li h3 strong { color: #C10358; padding-left: .5em; }
#form-box input[type="text"], #form-box input[type="email"], #form-box textarea, #form-box select, #form-box button, #form-box input[type="submit"], #form-box input[type="reset"] { margin: 0; padding: .4em; border: 0; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#form-box input[type="text"], #form-box input[type="email"] { font-size: 105%; line-height: 1.3; width: calc(80% - .8em); box-shadow: 0 0 0 1px #D9D2C7 inset; }
#form-box textarea { font-size: 105%; line-height: 1.3; width: calc(80% - .8em); box-shadow: 0 0 0 1px #D9D2C7 inset; }
#form-box select { font-size: 105%; line-height: 1.3; box-shadow: 0 0 0 1px #D9D2C7 inset; }
#submit-btn { text-align: center; }
#form-box button, #form-box input[type="submit"], #form-box input[type="reset"], #form-box input[type="button"] { font-size: 115%; line-height: 1.3; color: #000; width: 16em; margin-right: .5em; padding: .8em 0; background: #FFF; border: solid 1px #000; border-radius: 0; cursor: pointer; transition: .3s; }
#form-box button:hover, #form-box input[type="submit"]:hover, #form-box input[type="reset"]:hover, #form-box input[type="button"]:hover { color: #FFF; border-color: #FFF; background: #C10358; border: solid 1px #C10358; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #contact p span::before { content: ""; }
  #form-box ul li { padding: 1em 0 1.2em 0; }
  #form-box ul li h3 { padding-bottom: .2em; position: relative; top: 0; transform: translate(0,0); }
  #form-box input[type="text"], #form-box input[type="email"], #form-box textarea { width: calc(100% - .8em); }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #form-box button, #form-box input[type="submit"], #form-box input[type="reset"] { width: 100%; }
}


/* Tax Benefits */
#tax-benefits h1 strong { color: #F50; }
.benefit-column { margin-top: 2em; padding-top: 2em; border-top: solid 1px #D9D2C7; }
.benefit-column h2 { font-size: 150%; line-height: 1.3; font-weight: bold; color: #7F001B; padding-bottom: .3em; }
.benefit-column dl { padding-top: 1em; }
.benefit-column dl dt { font-size: 115%; line-height: 1.3; font-weight: bold; text-align: justify; padding-bottom: .3em; }
.benefit-column dl dd { text-align: justify; }
.benefit-column dl dd dl, .benefit-column .benefit-formula dl { margin-top: 1em; padding: .5em; background: #F6F0EA; }
.benefit-column dl dd dl dt, .benefit-column .benefit-formula dl dt { font-size: 123%; line-height: 1.3; text-align: center; color: #FFF; margin-bottom: .8em; padding: .3em 0; background: #7F001B; }
.benefit-column dl dd dl dd p { font-size: 150%; line-height: 1.3; font-weight: bold; text-align: center; }
.benefit-column .benefit-formula dl dd p { font-size: 135%; line-height: 1.3; font-weight: bold; text-align: center; }
.benefit-column dl dd dl dd p sup { font-size: 60%; color: #7F001B; }
.benefit-column dl dd dl dd ul.attention1 { padding-top: .5em; }
.benefit-column dl dd dl dd ul.attention1 li { padding: .2em 0 0 2em; position: relative; }
.benefit-column dl dd dl dd ul.attention1 li h3 { color: #7F001B; position: absolute; left: 0; }
.benefit-column dl dd dl dd ul.attention2 li { font-size: 93%; line-height: 1.4; text-indent: -1em; padding: .2em 0 0 1em; }
.benefit-column ul.attention { margin-top: 1em; line-height: 1.4; }
.benefit-column ul.attention li { font-size: 93%; line-height: 1.6; text-indent: -1em; text-align: justify; padding-left: 1em; }


/* Privacy Policy - Web Policy */
#policy-column { background: #FFF; }
#policy-column h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#policy-read { text-align: justify; margin-bottom: 2em; }
.policy-list p { text-align: justify; padding-bottom: 1em; }
.policy-list a { text-decoration: underline; }
.policy-list dl { margin-bottom: 1em; }
.policy-list dl dt { font-size: 115%; line-height: 1.4; font-weight: bold; padding-bottom: .2em; }
.policy-list dl dd ul { padding-bottom: 1em; }
.policy-list dl dd ul li { line-height: 1.4; }
.policy-list dl dd ul li ul { padding: .2em 0 0 0; }
.policy-list p.signature { text-align: right; }
#privacy dl dt span { padding-right: .3em; }
#privacy dl dd ul li { text-indent: -1.6em; padding: 0 0 .4em 1.6em; }
#privacy dl dd ul li span { padding-right: .2em; }
#privacy dl dd ul li ul li { text-indent: -1em; padding: 0 0 .4em 1em; }
#webpolicy dl dd ul li { padding: 0 0 .4em 1em; position: relative; }
#webpolicy dl dd ul li span { font-size: 60%; color: #9F918E; position: absolute; top: 1.2em; left: .2em; transform: translate(0,-50%); }


/* Search */
#search-column { background: #FFF; position: relative; }
#search-column h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#search-column #result { margin-bottom: 2em; }
#search-column #result strong { color: #F50; margin-right: 2em; }
#search-list ul { display: flex; flex-wrap: wrap; }
#search-list ul li { width: 22%; margin: 0 4% 4% 0; background: #F6F0EA; }
#search-list ul li:nth-child(4n) { margin-right: 0; }
#search-list ul li a { padding: 1em; display: block; }
#search-list ul li a:hover { box-shadow: 0 0 .5em 0 rgba(0,0,0,0.3); }
#search-list ul li a div { width: 100%; margin-bottom: .8em; padding-top: 100%; background: url("../images/search/blank_bg.png") no-repeat center center; background-size: cover; position: relative; overflow: hidden; }
#search-list ul li a div img { width: auto; height: 120%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#search-list ul li a:hover div:after { content: ""; width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0; }
#search-list ul li h2 { font-size: 115%; line-height: 1.4; font-weight: bold; text-align: justify; margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 1px #9F918E; }
#search-list ul li p { line-height: 1.4; text-align: justify; }
#search-column #pager { margin: 2em 0; display: flex; justify-content: center; }
#search-column #pager ul { display: flex; }
#search-column #pager ul li { font-size: 100%; line-height: 1.2; }
#search-column #pager ul li a { text-align: center; color: #9F918E; padding: .7em 1em .6em 1em; border-top: solid 1px #D9D2C7; border-bottom: solid 1px #D9D2C7; border-right: solid 1px #D9D2C7; display: block; }
#search-column #pager ul li:first-child a { border-left: solid 1px #9F918E; border-radius: .5em 0 0 .5em; }
#search-column #pager ul li:last-child a { padding: .7em .8em .6em .8em; border-radius: 0 .5em .5em 0; }
#search-column #pager ul li a.active, #news-column .txt-box #pager li a.active:hover { color: #FFF; border-color: #9F918E; background: #9F918E; }
#search-column #pager ul li a:hover { background: #D9D2C7; }
@media only screen and (max-width: 768px) and (orientation: portrait), only screen and (max-width: 736px) {
  #search-list ul li { width: 30%; margin: 0 5% 5% 0; }
  #search-list ul li:nth-child(4n) { margin-right: 5%; }
  #search-list ul li:nth-child(3n) { margin-right: 0; }
}
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #search-list ul li { width: 100%; margin: 0 0 4% 0; }
  #search-list ul li:nth-child(4n) { margin-right: 0; }
  #search-list ul li div { display: none; }
}


/* Center */
#center #pagetitle { min-height: 24em; background: #D9D2C7; }
#center #pagetitle h1 { font-size: 360%; line-height: 1.2; font-weight: normal; padding-bottom: 0; }
#center #pagetitle h2 { font-size: 100%; line-height: 1.3; padding-bottom: 1em; }
#center-box .column { background: #FFF; }
#center-box .column h1 { margin-bottom: 1em; border-bottom: solid 1px #9F918E; }
#center-box .column h1 span { font-size: 50%; line-height: 1.2; font-weight: normal; display: block; padding-top: .2em; }
#center-box .column p { padding-bottom: .8em; }
#center-box .column dl dt img { width: 100%; height: auto; }
#center-box .column dl dd h2 { font-size: 160%; line-height: 1.2; font-weight: bold; color: #F60; padding-bottom: .5em; }
#impetus dl { display: flex; flex-direction: row; justify-content: space-between; }
#impetus dl dt { width: 40%; }
#impetus dl dd { width: 56%; }
#ceo-message dl { display: flex; flex-direction: row-reverse; justify-content: space-between; }
#ceo-message dl dt { width: 30%; }
#ceo-message dl dt span { display: none; }
#ceo-message dl dt i { font-size: 85%; line-height: 1.2; font-style: normal; text-align: right; padding-top: .3em; display: block; }
#ceo-message dl dd { width: 66%; }
#ceo-message dl dd .ceo-box { padding-bottom: 1em; }
#ceo-message .attention li { font-size: 93%; line-height: 1.4; text-indent: -1em; padding: 0 0 .2em 1em; }
#ceo-message .attention li a { text-decoration: underline; }
#ceo-message p.link-btn { margin-top: 2em; }
#ceo-message p.link-btn a { line-height: 1.2; text-align: center; text-decoration: none; width: 24em; padding: 1em 0; border: solid 1px #000; display: block; }
#ceo-message p.link-btn a:hover { color: #FFF; border-color: #C10358; background: #C10358; }
@media only screen and (max-width: 736px) and (orientation: portrait) {
  #center #pagetitle { min-height: auto; }
  #center #pagetitle h1 { font-size: 280%; line-height: 1.2; }
  #center-box .column h1 { font-size: 150%; line-height: 1.2; }
  #center-box .column h1 strong { font-size: 60%; padding: .6em 0; }
  #center-box .column h1 span { font-size: 60%; line-height: 1.3; }
  #center-box .column dl dd h2 { font-size: 135%; line-height: 1.2; }
  #impetus dl, #ceo-message dl { flex-direction: column; }
  #impetus dl dt, #ceo-message dl dt { width: 100%; margin-bottom: 1em; }
  #ceo-message dl dt i { text-align: center; }
  #impetus dl dd, #ceo-message dl dd { width: 100%; }
  #ceo-message dl dt strong { display: none; }
  #ceo-message dl dt span { display: block; }
  #ceo-message dl dd .ceo-box { padding-bottom: .5em; }
  #ceo-message p.link-btn a { width: calc(100% - 1em - 2px); padding: 1em .5em; }
}