@charset "UTF-8";

/* ====== BASE Module SET ===== */
*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html,
body{
font-size: 16px;
margin: 0;
padding: 0;
}

html{
overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,td,th,
address,
blockquote,form,fieldset,legend,div,hr,pre{
margin: 0;
padding: 0;
font-style: normal;
text-align: left;
line-height: 2;
letter-spacing: 2px;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}


body{
background: #FFF;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

sup {
vertical-align:super;
font-size:small;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

th,td{
vertical-align: top;
}

img,
object,
embed{
border: 0;
vertical-align: top;
outline: none;
max-width: 100%;
height: auto;
}

object:focus{
outline: none;
}

embed:focus{
outline: none;
}

img,
input,
select,
textarea{
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
font-size: 12px;
}

input[type="button"],
input[type="text"],
input[type="submit"] {
-webkit-appearance: none;
}

button{
background-color: transparent;
border: 0;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}

::-webkit-input-placeholder{
color: #ccc;
}
::-moz-placeholder{
color: #ccc;
}
:-moz-placeholder{
color: #ccc;
}
:-ms-input-placeholder{
color: #ccc;
}

abbr,
acronym,
fieldset{
border: 0;
}

hr{
margin: 2em 0;
display: block;
border: 0;
border-bottom: 1px solid #ddd;
clear: both;
}

img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;

-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
vertical-align: top;
}

iframe{
display: block;
vertical-align: top;
}

i,
em{
font-style: normal;
}

a{
color: #333;
background: transparent;
-moz-transition: 0.25s;
-webkit-transition: 0.25s;
transition: 0.25s;
word-wrap: break-word;
}

.sp_b { 
display: none;
}
.pc_b{
display: block;
}

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

/* ====== header ===== */

.menu_inner:after {
content: "";
clear: both;
display: block;
}

#menu {
width: 100%;
line-height: 1;
z-index: 999;
position: absolute;
}

#menu a,
#menu {
color: #333;
text-decoration: none;
}

#menu .menu_inner {
position: relative;
background: #fff;
padding: 20px 15px 0 15px;
box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
}

#menu .logo {
width: 100%;
max-width: 350px;
}

#menu .menu_ntbox {
position: absolute;
right: 1em;
top: 2.5em;
}

#menu .ntbox_btn a {
padding: 10px 20px;
border: 2px solid #FF006E;
border-radius: 10px;
color: #FF006E;
background: #fff;
font-size: 80%;
font-weight: bold;
}

#menu .ntbox_btn a:hover{
background: #FF006E;
color: #fff;
}

#menu .ntbox_btn i {
margin-left: 5px;
}

#menu_globalnav {
display: flex;
justify-content: center;
}

#menu_globalnav .globalnav_ul {
list-style: none;
background: #fff;
width: 100%;
display: flex;
justify-content: space-around;
padding: 0 2em;
}

#menu_globalnav .globalnav_ul li {
position: relative;
display: inline-block;
padding: 1em 0;
width: 100%;
}

#menu_globalnav .globalnav_ul li a:hover {
color: #30A804;
}

#menu_globalnav .globalnav_ul li:after{
content: "";
display: block;
height: 3em;
border-left: 1px solid #999;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}

#menu_globalnav .globalnav_ul li:first-child:after{
content: unset;
}

#menu_globalnav .globalnav_ul li a{
padding: 15px 30px 0 30px;
display: block;
letter-spacing: 2px;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
padding: 1em 0;
max-width: 150px;
width: 100%;
margin: auto;
}

#menu_globalnav .globalnav_ul li a img {
display: block;
max-width: 35px;
margin: 0 auto 10px auto;
}

#menu_globalnav .globalnav_ul li span{
margin-left: 1.2em;
}

#menu_globalnav .globalnav_ul li :hover > a{
color: #333;
}

#menu_globalnav .globalnav_ul li ul{
position: absolute;
left: 0;
min-width: 260px;
background: #fff;
box-shadow: 0px 0px 10px 0px rgba(136, 136, 136, 1);
margin-top: 1em;
border-radius: 15px;
z-index: 999;
}

#menu_globalnav .globalnav_ul .globalnav_inmenu li{
display: block;
padding: 0;
margin: 0;
}

#menu_globalnav .globalnav_ul .globalnav_inmenu li:after{
content: unset;
}

#menu_globalnav .globalnav_ul .globalnav_inmenu li a{
padding: 12px;
text-align: left;
font-size: 0.9rem;
max-width: none;
}

#menu_globalnav .globalnav_ul .globalnav_inmenu li a:hover{
color: #30A804;
}

.globalnav_inmenu {
display: none;
}

ul li:hover .globalnav_inmenu {
display: block;
}

#menu.fixed {
margin-top: 0;
top: 0;
position: fixed;
height: 55px;
background: #fff;
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}

#menu.fixed .logo {
font-size: 24px;
color: #333;
}

#menu.fixed #menu_globalnav .globalnav_ul li a {
color: #333;
}

#menu.fixed #menu_globalnav .globalnav_ul li a:hover {
color: #30A804;
}

#menu.fixed #menu_globalnav .globalnav_ul .globalnav_inmenu li a {
padding: 12px;
}

#menu.fixed #menu_globalnav .globalnav_ul li a img{
display: none;
}

#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 16px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}

#nav-toggle div {
position: relative;
}

#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
top: 0;
}

#nav-toggle span:nth-child(2) {
top: 11px;
}

#nav-toggle span:nth-child(3) {
top: 22px;
}

@media screen and (max-width: 1020px) {
#menu_globalnav .globalnav_ul {
padding: 0;
}

#menu_globalnav .globalnav_ul li a {
max-width: 100px;
}
}

@media screen and (max-width: 768px) {
#menu,
.menu_inner {
width: 100%;
padding: 0;
}

#menu {
top: 0;
position: fixed;
margin-top: 0;
}

#menu.fixed {
padding-top: 0;
background: transparent;
}

#menu_mobileh {
background: #fff;
width: 100%;
height: 60px;
z-index: 999;
position: relative;
}

#menu.fixed .logo,
#menu .logo {
position: absolute;
left: 13px;
top: 13px;
color: #333;
font-size: 26px;
}

#menu_globalnav {
position: absolute;
top: -500px;
left: 0;
background: #333;
width: 100%;
text-align: center;
padding: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

#menu_globalnav .globalnav_ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
}

#menu_globalnav .globalnav_ul li {
float: none;
position: static;
border-bottom: 1px solid #ccc;
}

#menu #menu_globalnav .globalnav_ul li a,
#menu.fixed #menu_globalnav .globalnav_ul li a {
width: 100%;
display: block;
color: #333;
padding: 0;
max-width: unset;
padding: 10px;
text-align: left;
}

#menu_globalnav .globalnav_ul li a img {
display: none;
}

#nav-toggle {
display: block;
}

.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}

.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}

.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}

.open #menu_globalnav {
-moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
}

#menu .menu_inner {
padding: 0px;
}

#menu .logo {
max-width: 250px;
}

#menu.fixed .logo, #menu .logo {
left: 0;
top: 3px;
}

#menu_globalnav .globalnav_ul {
flex-direction: column;
padding: 0;
}

#menu_globalnav .globalnav_ul li:after{
content: unset;
}

#menu_globalnav .globalnav_ul li ul {
position: unset;
box-shadow: unset;
}

#menu_globalnav .globalnav_ul .globalnav_inmenu li {
border: none;
}

ul li:checked .globalnav_inmenu {
display: block;
}

.pull:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f078";
margin-left: 5px;
color: #30A804;
}

}

/* ====== slide ===== */

.topslide {
background-color: #9f9f9f;
padding-top: 225px;
}

.slick-slide img.pc_b {
display: block;
}

.slick-slide img.sp_b {
display: none;
}

@media screen and (max-width: 768px) {
.slick-dotted.slick-slider {
padding-top: 60px;
}

.slick-slide img.pc_b {
display: none;
}

.slick-slide img.sp_b {
display: block;
}
}


/* ====== toppage ===== */
section.topsec {
margin: auto;
}

section.topsec .topsec_inner {
padding: 2em 1em;
max-width: 1230px;
margin: auto;
}

h2.main_title {
font-size: 3rem;
margin-bottom: 20px;
font-weight: 500;
letter-spacing: 3px;
}

@media screen and (max-width: 768px) {
section.topsec .topsec_inner {
padding: 2em 1em;
}

h2.main_title {
font-size: 1.8rem;
}
}

/* ====== sec_donation ===== */

section.topsec.sec_donation {
margin: 2em auto;
background: #FFFAF8;
}

section.topsec.sec_donation .donation_inbox h3 {
font-size: 1.3rem;
color: #F74F27;
font-weight: 700;
}

section.topsec.sec_donation .donation_inbox {
font-size: 2rem;
font-weight: bold;
text-align: center;
}

section.topsec.sec_donation .donation_box {
display: flex;
justify-content: space-around;
position: relative;
}

section.topsec.sec_donation .donation_inbox:before {
content: "";
display: block;
height: 3em;
border-left: 1px solid #999;
position: absolute;
bottom: 0;
right: 50%;
margin: auto;
}

.smalltext {
font-size: 0.8rem;
}

.text_right {
text-align: end;
}

.notice_btn a {
display: block;
background: #F74F27;
border: 2px solid #F74F27;
width: 300px;
padding: 0.5em 1em;
text-align: center;
color: #fff;
text-decoration: none;
font-weight: 500;
font-size: 1.3rem;
margin: 1em auto;
border-radius: 40px;
}

.notice_btn a:hover {
background: #fff;
border: 2px solid #F74F27;
color: #F74F27;
}

@media screen and (max-width: 768px) {
section.topsec.sec_donation {
margin: 1em auto;
}

section.topsec.sec_donation .donation_box {
flex-direction: column;
}
section.topsec.sec_donation .donation_inbox h3 {
font-size: 1.2rem;
text-align: center;
}
section.topsec.sec_donation .donation_inbox:before {
content: unset;
}

section.topsec.sec_donation .donation_inbox {
font-size: 1.5rem;
margin: 0.5em;
}

.notice_btn a {
font-size: 1rem;
width: 250px;
}

}

/* ====== sec_news ===== */

section.topsec.sec_news .topsec_inner h2 {
text-align: center;
font-size: 2rem;
}

section.topsec.sec_news .news_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

section.topsec.sec_news .news_inbox {
flex: 0 1 25%;
}

section.topsec.sec_news .news_inbox {
position: relative;
display: flex;
flex-direction: column;
align-items: start;
max-width: 230px;
width: 100%;
margin: 1em;
}

section.topsec.sec_news .news_inbox img {
max-width: 300px;
object-fit: contain;
width: 100%;
height: 140px;
border: 1px solid #e3e3e3;
}

section.topsec.sec_news .news_inbox .newsdays {
font-size: 0.8rem;
margin-top: 1em;
align-self: self-start;
}

section.topsec.sec_news .news_inbox a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

section.topsec.sec_news .news_inbox:hover{
opacity: 0.8;
color: #9f9f9f;
transition: 0.25s;
}

.simple_btn a {
display: block;
background: #fff;
border: 2px solid #707070;
max-width: 250px;
width: 100%;
padding: 0.5em 1em;
text-align: center;
text-decoration: none;
font-weight: 500;
margin: 1em auto;
border-radius: 40px;
}

.simple_btn a:hover {
background: #707070;
border: 2px solid #707070;
color: #fff;
}

section.topsec.sec_news .dmnet_aq {
background: #f7f7f7;
padding: 1em;
margin: 3em auto 1em auto;
max-width: 800px;
font-size: 90%;
}

@media screen and (max-width: 768px) {
section.topsec.sec_news .news_box {
flex-direction: column;
margin-bottom: 2em;
}
section.topsec.sec_news .news_inbox img {
display: none;
}

section.topsec.sec_news .news_inbox {
max-width: unset;
margin: auto;
padding: 0.5em 0;
border-bottom: 1px dotted #707070;
}

section.topsec.sec_news .topsec_inner h2 {
font-size: 1.5rem;
margin-bottom: 0;
}
}

/* ====== sec_support ===== */

section.topsec.sec_support {
background: #FFFAF8;
}


section.topsec.sec_support .topsec_inner h2 {
text-align: center;
color: #F89E43;
font-size: 2rem;
}

section.topsec.sec_support .support_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

section.topsec.sec_support .support_inbox {
display: flex;
align-items: center;
flex: 0 0 48%;
margin: 1em 0.5em;
}

section.topsec.sec_support .support_inbox img {
max-width: 200px;
border-radius: 20px;
object-fit: cover;
width: 100%;
height: 140px;
}

section.topsec.sec_support .support_inbox h3 {
font-size: unset;
font-weight: 600;
text-align: left;
}

section.topsec.sec_support .support_inbox h3 a {
text-decoration: none;
}

section.topsec.sec_support .support_inbox .support_snsbox {
display: flex;
}

section.topsec.sec_support .support_inbox .support_snsbtn {
margin: 10px 10px 0 0;
}

section.topsec.sec_support .support_inbox .support_snsbtn a {
display: block;
max-width: 200px;
width: 100%;
font-size: 0.8rem;
text-align: center;
border: 1px solid #F89E42;
background: #fff;
color: #F89E42;
border-radius: 20px;
text-decoration: none;
padding: 5px 15px;
font-weight: 500;
}

section.topsec.sec_support .support_inbox .support_snsbtn a:hover {
background: #F89E42;
color: #fff;
}

section.topsec.sec_support .support_inbox .support_snsbtn a.sns_facebook {
border: 1px solid #3F3DAC;
color: #3F3DAC;
}

section.topsec.sec_support .support_inbox .support_snsbtn a.sns_facebook:hover {
background: #3F3DAC;
color: #fff;
}

section.topsec.sec_support .support_inbox .support_snsbtn a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f054";
margin-left: 5px;
}

section.topsec.sec_support .support_inbox .support_intext {
display: flex;
flex-direction: column;
align-items: start;
margin-left: 1em;
}

@media screen and (max-width: 768px) {
section.topsec.sec_support .support_inbox {
flex-direction: column;
flex: unset;
margin: 1em 0;
}

section.topsec.sec_support .topsec_inner h2 {
font-size: 1.5rem;
}

section.topsec.sec_support .support_inbox .support_intext {
margin: 1em 0;
align-items: center;
}

section.topsec.sec_support .support_inbox .support_snsbtn a {
min-width: 130px;
}
}

/* ====== sec_bottom ===== */

.sec_bottom .bottom_slider{
width:100%;
margin:0 auto;
}

.sec_bottom .bottom_slider img{
max-height: 300px;
min-height: 300px;
height: 100%;
width: 100%;
object-fit: cover;

}
.sec_bottom .bottom_slider .slick-slide{
height:auto!important;
}

/* ====== footer ===== */
footer {
background: #346C03;
color: #fff;
font-size: 0.8rem;

}

footer .footer-inner {
max-width: 1200px;
margin: auto;
}


footer .footer-inner p {
text-align: center;
padding: 1em 0;
}

footer .footer-inner .footerlist {
display: flex;
padding-top: 1em;
justify-content: space-around;
}

footer .footer-inner .footerlist li {
display: inline-block;
position: relative;
}


footer .footer-inner .footerlist li:after {
content: "";
display: block;
height: 1em;
border-left: 1px solid #fff;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -5em;
}

footer .footer-inner .footerlist li:first-child:after{
content: unset;
}

footer .footer-inner a {
text-decoration: none;
color: #fff;
}

@media screen and (max-width: 768px) {
footer .footer-inner .footerlist {
flex-direction: column;
align-items: center;
}
footer .footer-inner .footerlist li:after{
content: unset;
}
}

/* ====================================

secpage

==================================== */

/* ====== secpagestyle ===== */

body.subback {
background: #f6fbf0;
}

#main_area.secpage h1 {
color: #30A804;
padding: .5em .7em;
margin-bottom: 1em;
font-weight: 600;
}

/* ====== パンくず ===== */

.breadclumb__box {
max-width: 1230px;
padding: 0 1em;
font-size: 0.8rem;
padding-top: 240px;
margin: auto;
}

.breadclumb__box .breadclumb__list {
display: flex;
flex-wrap: wrap;
}

.breadclumb__box .breadclumb__list li {
list-style: none;
}

.breadclumb__box .breadclumb__list li a {
text-decoration: none;
}

.breadclumb__box .breadclumb__list li:not(:last-child)::after {
content: "＞";
margin-left: 0.5em;
margin-right: 0.5em;
}

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

/* ====== main＆side ===== */
#main_area.secpage {
display: flex;
margin: 1em auto;
padding: 0 1em;
max-width: 1230px;
}

#main_area.secpage .common_box {
width: 70%;
margin: 0 2em 5em 0;
padding: 15px 25px 25px;
background: #fff;
}

@media screen and (max-width: 1020px) {
#main_area.secpage {
max-width: unset;
flex-direction: column;
}
#main_area.secpage .common_box {
width: 100%; 
}
}

@media screen and (max-width: 768px) {
#main_area.secpage .common_box {
margin: 4em auto; 
}
}

/* ====== side ===== */

#main_area.secpage .sidemenu {
width: 30%;
}

#main_area.secpage .sidemenu section {
background: #fff;
padding: 15px 25px 25px;
margin-bottom: 1em;
}


#main_area.secpage .sidemenu .notice_btn a {
font-size: unset;
padding: 5px 40px;
margin: 1em auto;
width: fit-content;
}

#main_area.secpage .sidemenu .subsec.sec_donation .donation_inbox h3 {
font-size: 1.2rem;
text-align: center;
font-weight: 500;
}

#main_area.secpage .sidemenu .subsec.sec_donation .donation_inbox {
text-align: center;
font-size: 1.2rem;
font-weight: bold;
border-bottom: 1px dotted #707070;
padding: 1em 0;
font-weight: 600;
}

#main_area.secpage .sidemenu h2.side_title {
text-align: center;
margin-bottom: 1em;
}

#main_area.secpage .sidemenu .news_box .news_inbox {
position: relative;
border-bottom: 1px dotted #707070;
padding: 10px 0;
}

#main_area.secpage .sidemenu .news_box .news_inbox .newsdays {
font-size: 0.8rem;
}

#main_area.secpage .sidemenu .news_box .news_inbox a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#main_area.secpage .sidemenu .news_box .news_inbox:hover{
opacity: 0.8;
color: #9f9f9f;
transition: 0.25s;
}

#main_area.secpage .sidemenu .simple_btn a {
max-width: unset;
width: fit-content;
}

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

#main_area.secpage .sidemenu {
width: 100%;
margin: 2em auto;
}
}

/* ====== tobira ===== */

#main_area.secpage .tobira__list li {
list-style: none;
margin: 10px 5px;
flex: 1 0 45%;
}

#main_area.secpage .tobira__list li a {
display: flex;
text-decoration: none;
border: 1px solid #9f9f9f;
padding: 1em;
border-radius: 5px;
width: 100%;
}
#main_area.secpage .tobira__list li a:hover {
background: #f6fbf0;
}

#main_area.secpage .tobira__list li a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f054";
margin: 0 0 0 auto;
color: #346C03;
}

/* ====== listpage ===== */

#main_area.secpage .item__list li {
position: relative;
list-style: none;
display: flex;
border-bottom: 1px dotted;
padding: 1em 0;
}

#main_area.secpage .item__list li a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#main_area.secpage .item__list li:hover{
opacity: 0.8;
color: #9f9f9f;
transition: 0.25s;
}

#main_area.secpage .item__list li img {
max-width: 80px;
min-height: 80px;
width: 100%;
height: 100%;
object-fit: cover;
margin-right: 1em;
}

#main_area.secpage .item__list li .textarea .days {
font-size: 0.8rem;
}

#main_area.secpage .item__list li .textarea .text {
line-height: 1.3;
}

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

#main_area.secpage .item__list li {
align-items: center;
}
#main_area.secpage .item__list li img {
max-width: 60px;
min-height: 60px;
}
}

/* ====== kijipage ===== */

#main_area.secpage .common_box a:hover {
color: #30A804;
}

#main_area.secpage .common_box .yaji2 {
text-decoration: none;
}

#main_area.secpage .common_box .yaji2:before  {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f138";
margin-right: 5px;
color: #30A804;
}

#main_area.secpage .common_box .kiji_btm_donation {
font-size: 0.9rem;
background: #ededed;
padding: 1em;
margin: 3em auto;
max-width: 700px;
width: auto;
}

#main_area.secpage .common_box .kiji_btm_donation_num {
background: #fff;
padding: 1em;
margin-top: 1em;
}

#main_area.secpage .common_box p {
margin-bottom: 1em;
}

#main_area.secpage .common_box img.img_r {
display: block;
float: right;
max-width: 300px;
min-width: 250px;
width: 100%;
margin: 0 0 1em 1em;
}

#main_area.secpage .common_box img.img_l {
display: block;
float: right;
max-width: 300px;
min-width: 250px;
width: 100%;
margin: 1em 1em 0 0 ;
}

#main_area.secpage .common_box .kijiymd {
text-align: start;
font-size: 0.9rem;    
margin: 10px;
}

#main_area.secpage .common_box h2 {
background-image: linear-gradient(#30a804 50%, #304e23 50%);
background-size: 8px 100%;
background-repeat: no-repeat;
padding-left: 18px;
margin: 2em 0 1em 0;
font-weight: 500;
font-size: 1.4rem;
}

#main_area.secpage .common_box h3 {
color: #006500;
border-bottom: 3px dotted;
padding: 5px;
margin-bottom: 1em;
}

#main_area.secpage .common_box h4 {
color: #006500;
padding: 5px;
margin-bottom: 1em;
}

#main_area.secpage .common_box h5 {
padding: 5px;
margin-bottom: 1em;
}

.common_box .simple_btn a {
max-width: fit-content;
}

#main_area.secpage .common_box .simple_btn a:hover {
color: #fff;
}

@media screen and (max-width: 768px) {
#main_area.secpage .common_box img.img_r,#main_area.secpage .common_box img.img_l {
float: unset;
margin: 1em auto;
}
}

figure.img_left {
float: left;
margin: 1em 1em 0 0 ;
}

figure.img_right {
float: right;
margin: 0 0 1em 1em;
}

figure.img_right img,figure.img_left img {
max-width: 250px;
}

figure.img_center {
margin: 2em auto;
}

figure figcaption {
font-size: 0.9rem;
text-align: center;
}

figure img {
display: block;
margin: auto;
}

.list__disc {
margin: 1em auto;
}

.list__disc li {
list-style: disc;
margin-left:2em;
margin-bottom: 0.5em;
}

.list__decimal {
margin: 1em auto;

}

.list__decimal li {
list-style: decimal;
margin-left: 2em;
margin-bottom: 0.5em;
}

.flex_only {
display: flex;
align-items: center;
justify-content: center;
}

.profbox {
background: #f5f5f5;
padding: 1em;
margin: 1em auto;
font-size: 95%;
width: 100%;
justify-content: left;
}

.profbox img {
margin: 0 1em;
}

@media screen and (max-width: 768px) {
.flex_only {
flex-direction: column;
align-items: center;
}

figure.img_left,figure.img_right {
float: none;
margin: 1em auto;
}
}

/* ====== 支援者一覧 ===== */

#main_area.secpage .support-gallery {
display: flex;
flex-wrap: wrap;
width: 100%;
}

#main_area.secpage .support-gallery li {
list-style: none;
flex: 0 0 50%;
}

#main_area.secpage .support-gallery li img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
}

#main_area.secpage .support-gallery li a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
border: 1px solid #ccc;
border-radius: 5px;
margin: 5px;
padding: 1em;
}

#main_area.secpage .support-gallery li a:hover {
background: #f6fbf0;
}

#main_area.secpage .support-gallery li a .name {
font-weight: 500;
font-size: 0.9rem;
}

@media screen and (max-width: 768px) {
#main_area.secpage .support-gallery {
flex-direction: column;
}
}


/* ====== 支援者一覧 ===== */
#main_area.secpage .arichive-list {
display: flex;
flex-wrap: wrap;
}

#main_area.secpage .arichive-list li {
flex: 0 0 20%;
list-style: none;
}

.arichive-list li a {
display: flex;
justify-content: space-between;
border: 1px solid #ccc;
border-radius: 5px;
margin: 5px;
padding: 0.5em 1em;
text-decoration: none;
}

.arichive-list li a:hover{
background: #f6fbf0;
}

.arichive-list li a:after {
font-family: "Font Awesome 5 Free";
font-weight: bold;
content: "\f138";
color: #30a804;
}

@media screen and (max-width: 768px) {
#main_area.secpage .arichive-list li {
flex: 0 0 50%;
}
}

/* ====== 支援をする ===== */

.noticetype_box {
padding: 1em;
background: #f5f5f5;
}

.noticetype_table {
margin: 1em auto;
font-size: 0.9rem;
}

.noticetype_table th {
background: #30A804;
border: solid 1px #ccc;
color: #fff;
padding: 5px 10px;
text-align: center;
font-weight: 500;
}
.noticetype_table td {
border: solid 1px #ccc;
padding: 10px;
}

.noticetype_table td:first-child {
background: #f6fbf0;
font-weight: 500;
}
@media screen and (max-width: 640px) {
.noticetype_table {
width: 100%;
border: none;
}
.noticetype_table .thead {
display: none;
}
.noticetype_table tr {
width: 100%;
}
.noticetype_table td {
display: block;
text-align: left;
width: 100%;
}
.noticetype_table td:first-child {
background: #30A804;
color: #fff;
font-weight: bold;
text-align: center;
}
.noticetype_table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
width: 100%;
text-align: center;
background:#f5f5f5;
}
}

/* ====== ページング ===== */
.news_pageing_list {
display: flex;
justify-content: center;
align-items: center;
margin: 1em auto;
}

.news_pageing_list .num {
background: #f0f0f0;
height: 40px;
width: 40px;
border-radius: 50%;
line-height: 40px;
text-align: center;
margin: 5px;
text-decoration: none;
}

.news_pageing_list .num.num_on {
background: #30A804;
color: #fff;
font-weight: 500;
}

.news_pageing_list a:not([class]) {
text-decoration: none;
margin: 0 1em;
font-weight: 700;
}

/* ====== 森田会長のブログ ===== */

.sally-footerblock {
margin: 1em auto;
border-bottom: 1px dotted;
}

#main_area.secpage .sally-footerblock .arichive-list li {
flex: 0 0 25%;
}

.sally-footerblock h4 a {
display: block;
text-decoration: none;
margin-top: 1em;
color: #30A804;
}

.sally-footerblock h4 a:before {
content: "・";
}

@media screen and (max-width: 768px) {
#main_area.secpage .sally-footerblock .arichive-list li {
flex: none;
}
#main_area.secpage .sally-footerblock .arichive-list li a:after {
margin-left: 1em;
}
}