@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
/*@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);*/
@import url(../_plugin/lightGallery/css/lightgallery.min.css);
@import url(common_parts.css);
@import url(common.css);


/*
 page
==============================*/

/* mvp ----------*/
#mvp { background-repeat: no-repeat; background-position: center; background-size: cover; }
#mvp h1 { width: 30rem; padding: 4rem 1rem; color: #FFF; background-color: rgba(18, 135, 0, 0.8); text-align: center; line-height: 1.4; font-size: 3rem; letter-spacing: 0.1em; }
#mvp h1 i { margin-bottom: 2rem; }
#mvp.outline { background-image: url(../_img/common/bg_outline.jpg); }
#mvp.information { background-image: url(../_img/common/bg_information.jpg); }
#mvp.activity_introduction { background-image: url(../_img/common/bg_activity_introduction.jpg); }
#mvp.event { background-image: url(../_img/common/bg_event.jpg); }
#mvp.publication { background-image: url(../_img/common/bg_publication.jpg); }
#mvp.member { background-image: url(../_img/common/bg_member.jpg); }
#mvp.office { background-image: url(../_img/common/bg_office.jpg); }
#mvp.inquiry { background-image: url(../_img/common/bg_inquiry.jpg); }
#mvp.link { background-image: url(../_img/common/bg_inquiry.jpg); }
#mvp.only, #mvp.bbs, #mvp.mail_news { background: linear-gradient(180deg, #23731A 0%, #61B854 100%); }
#mvp.solo { padding: 3rem 0; background: linear-gradient(180deg, #BEE0B9 0%, #61B854 100%); text-align: center; }
#mvp.solo h1 { display: inline-block; width: auto; padding: 1rem 3rem; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#mvp { padding: 4rem 2rem; text-align: center; }
	#mvp h1 { display: inline-block; width: auto; padding: 2rem 4rem; text-align: center; }
	#mvp h1 br { display: none; }
	#mvp h1 i { margin-bottom: 0; margin-right: 1rem; }
}

/* split_contets_wrap ----------*/
#split_contets_wrap {}
#main_contents {}
#side_contents { background-color: #F7F7F7; }

/* page_list ----------*/
.page_list {}
.page_list li { margin-bottom: 1px; }
.page_list li a { display: block; padding: 2rem; color: #333; background-color: #FFF; text-decoration: none; line-height: 1.2; font-weight: bold; font-size: 2rem 1rem; }
.page_list li a::before { content: "\f105"; display: inline-block; margin-right: 1rem; color: #61B854; font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
.page_list li.current_page_item a { color: #61B854; background-color: #FFFCEE; }

/* custom_contents ----------*/
#custom_contents {}
#custom_contents .l { font-size: 3rem; }
#custom_contents .s { font-size: 1.4rem; }
#custom_contents figure { margin-top: 2em; text-align: center; }
#custom_contents figure:first-child { margin-top: 0; }
#custom_contents figure figcaption { padding-top: 1rem; text-align: center; font-size: 1.6rem; }
#custom_contents .gallery { display: flex; flex-flow: wrap; margin-top: calc(2em - 1rem); margin-left: -1rem; }
#custom_contents .gallery a { display: block; text-align: center; width: calc((100% - 3rem) / 3); margin-left: 1rem; margin-top: 1rem; color: #333; text-decoration: none; }
#custom_contents .gallery .caption { text-align: center; font-size: 1.6rem; line-height: 1.4; }
#custom_contents .table-wrap table { min-width: 80rem; }
#custom_contents table { width: auto; margin: 2em 0; border-collapse: separate; border: solid 1px #DDD; font-size: 1.6rem; }
#custom_contents table.noborder { border: none; font-size: 1.8rem; margin: 0; }
#custom_contents table.wide { width: 100% }
#custom_contents table tr {}
#custom_contents table th, #custom_contents table td { border-right: dotted 1px #DDD; border-bottom: dotted 1px #DDD; }
#custom_contents table th { padding: 0.8rem; background-color: #F0F8EE; text-align: left; line-height: 1.4; vertical-align: middle; }
#custom_contents table td { padding: 0.8rem; }
#custom_contents table.noborder th, #custom_contents table.noborder td { border: none; padding: 0; }
#custom_contents table:nth-child(1) { margin-top: 0; }
#custom_contents table:last-child { margin-bottom: 0; }
#custom_contents ul, #custom_contents ol { margin: 1em 0; }
#custom_contents ul > li, #custom_contents ol > li { margin-left: 2rem; margin-bottom: 0.6rem; line-height: 1.4; }
#custom_contents ul > li { list-style: disc; list-style-position: outside; }
#custom_contents .list-notes > li { list-style: none !important; }
#custom_contents ol > li { list-style: decimal; list-style-position: outside; }
#custom_contents ul, #custom_contents ol:nth-child(1) { margin-top: 0; }
#custom_contents ul, #custom_contents ol:last-child { margin-bottom: 0; }
#custom_contents .tab_wrap .tab { margin-bottom: 4rem; align-items: center; }
#custom_contents .tab_wrap .tab > div { width: 25%; }
#custom_contents .tab_wrap .tab > div li { margin-right: 5px; margin-bottom: 5px; }
#custom_contents .tab_wrap .tab > div li a { display: block; padding: 1rem; border-radius: 10rem; color: #999; background-color: #F7F7F7; text-align: center; text-decoration: none; line-height: 1.2; font-size: 1.6rem; font-weight: bold; }
#custom_contents .tab_wrap .tab > div li.active a { color: #FFF; background-color: #61B854; }
#custom_contents .member_list { columns: 4; }
#custom_contents .member_list a { text-decoration: none; font-size: 1.6rem; font-weight: bold; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#custom_contents .gallery a { width: calc((100% - 2rem) / 2); }
	#custom_contents .tab_wrap .tab > div { width: 33.3%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#custom_contents .tab_wrap .tab > div { width: 50%; }
}

/* member_count ----------*/
#member_count {}
#member_count ul {}
#member_count ul li {}
#member_count ul li a { line-height: 1.4; display: block; padding: 2rem 3rem; color: #FFF; text-decoration: none; text-align: center; font-weight: bold; }
#member_count ul div:nth-child(1) li a {background-color: #61B854; }
#member_count ul div:nth-child(2) li a {background-color: #008746; }
#member_count ul div:nth-child(3) li a {background-color: #008767; }
#member_count ul li a strong { font-size: 3rem; }
#member_count ul li a strong small { font-size: 1.6rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#member_count ul li a { padding: 1rem; }
}

/* information ----------*/
#information .information_list li .cw { width: 10rem; }
#information .information_list li .t { width: calc(100% - 10rem - 12rem); }
#information .information_list_no_cat li .t { width: calc(100% - 10rem); }

/* bbs ----------*/
#bbs .information_list li .cw { width: 4rem; }
#bbs .information_list li .cw .c { border-radius: 2rem; }
#bbs .information_list li .t { width: calc(100% - 10rem - 6rem); }

/* mail_news ----------*/
#mail_news .information_list li .d { width: 8em; }
#mail_news .information_list li .t { width: calc(100% - 8em);  }


/* comments ----------*/
#comments {}
#comments .commets-list {}
#comments .commets-list li { margin: 0; list-style: none; }
#comments .commets-list li .comment-body { display: flex; flex-flow: wrap; align-items: baseline; }
#comments .commets-list li .comment-author { display: flex; align-items: baseline; }
#comments .commets-list li .comment-author img { width: 3rem; height: 3rem; margin-right: 1rem; }
#comments .commets-list li .comment-author .fn { font-size: 1.6rem; font-weight: bold; }
#comments .commets-list li .comment-author .says { font-size: 1.2rem; }
#comments .commets-list li .comment-meta { margin-left: auto; font-size: 1.4rem; }
#comments .commets-list li .comment-meta a { text-decoration: none; }
#comments .commets-list li .comment-body p { width: 100%; margin-left: 4rem; padding: 2rem; border: solid 1px #DDD; border-radius: 0.5rem; }
#comments .commets-list li .reply { width: 100%; padding-top: 0.5rem; text-align: right; }
#comments .commets-list li .reply a { padding: 0.2rem 0.5rem; border: solid 1px #008767; border-radius: 0.5rem; opacity: 0.6; text-decoration: none; line-height: 1; font-weight: bold; font-size: 1.4rem; }
#comments .commets-list li .children { padding-left: 4rem; }
#comments .comment-respond { padding: 3rem; border-radius: 1rem; background-color: #EEE; }
#comments .comment-respond .comment-reply-title { margin-bottom: 1rem; text-align: center; }
#comments .comment-respond .logged-in-as { color: #EEE; text-align: center; }
#comments .comment-respond .logged-in-as a { padding: 0.2rem 0.5rem; border: solid 1px #008767; border-radius: 0.5rem; text-decoration: none; line-height: 1; font-weight: bold; font-size: 1.4rem; }
#comments .comment-respond .comment-form-comment label { display: none; }
#comments .comment-respond .comment-form-comment textarea { width: 100%; border: solid 1px #DDD; padding: 1rem; }
#comments .comment-respond .form-submit { margin-top: 2rem; text-align: center; }
#comments .comment-respond .form-submit .submit { padding: 1rem 2rem; border: none; border-radius: 0.5rem; color: #FFF; background-color: #61B854; text-decoration: none; line-height: 1; font-weight: bold; font-size: 1.8rem; }
#comments .comment-form-author, #comments .comment-form-email, #comments .comment-form-url { display: flex; max-width: 40rem; margin: auto; padding-top: 1rem; }
#comments .comment-form-author label, #comments .comment-form-email label, #comments .comment-form-url label { width: 8rem; display: inline-block; font-weight: bold; font-size: 1.6rem; }
#comments .comment-form-author label .required, #comments .comment-form-email label .required, #comments .comment-form-url label .required { color: red; }
#comments .comment-form-author input, #comments .comment-form-email input, #comments .comment-form-url input { width: calc(100% - 8rem); border: solid 1px #DDD; padding: 0.5rem; }

.list-ol { counter-reset: section; list-style-type: none !important; }
.list-ol > li { list-style-type: none !important; }
.list-ol > li:before { content: counters(section, " - ") ". "; counter-increment: section; }

/* wpcf7-form ----------*/
.wpcf7-form {}
.wpcf7-form label { padding: 2rem; display: flex; background-color: #EEF2ED; margin-bottom: 1px; }
.wpcf7-form label strong { width: 15%; color: #008767; }
.wpcf7-form label .ex { width: 10%; }
.wpcf7-form label .ex span { display: inline-block; font-size: 1.2rem; background-color: #FFF; line-height: 1; padding: 0.5rem 1rem; font-weight: bold; color: #BE0000; border: solid 1px #BE0000;  }
.wpcf7-form-control-wrap { display: inline-block; }
.wpcf7-form label .wpcf7-form-control-wrap { width: 75%; margin-left: auto; }
.wpcf7-form label .wpcf7-form-control-wrap input, .wpcf7-form label .wpcf7-form-control-wrap textarea { width: 100%; padding: 1rem; border: solid 1px #EEE; }