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

h2.pageTitle {
    background: url("../img/h2bg_topics.png");
    background-size: cover;
    background-position: center;
}
h2.pageTitle.inqu {
    background: url("../img/h2bg_con.png");
    background-size: cover;
    background-position: center;
}
/* ============================================


               コンテンツエリア


============================================ */
.sdgs ul {
    display: flex;
    flex-wrap: wrap;<strong></strong>
    gap: 32px;
    margin-top: 70px;
    justify-content: center;
}
.sdgs li {
    width: 173px;
    margin: 0 0;
}
.activitiesBox {
    display: flex;
    /*border-bottom: solid 1px #ddd;*/
    border-top: solid 1px #ddd;
    padding: 40px 0;
}
.leftBox {
    margin-right: 40px;
}

.rightBox h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 24px;
}
.contents_nav ul {
    margin: 60px auto 30px;
    gap: 1em;
}
figure.wp-block-image {
    margin: 30px 0;
}
li.contents_nav_btn {
    width: 20%;
}
.contents_nav_btn a {
    width: 100%;
    padding: 7px 10px;
    font-size: 14px;
}
.contents_nav_btn a:after {
    content: none;
}

article a {
    color: #5abfb4;
}
a.wp-block-file__button.wp-element-button {
    display: inline-block;
    background: #333;
    border-radius: 90px;
    padding: 2px 20px;
    color: #fff;
    margin: 0 0 0 10px;
}
a#wp-block-file--media-7d54bfec-a0c1-4c57-b88d-06da17ca8069 {
    margin-right: 10px;
}
/* ============================================
                 ページャー
============================================ */
h2.screen-reader-text {
    display: none;
}
.nav-links {
    text-align: center;
}
span.page-numbers.current {
    /* border: solid 1px #ddd; */
    background: #82d0c7;
    padding: 8px 15px;
    color: #ffffff;
}
a.page-numbers {
    border: solid 1px #ddd;
    padding: 8px 15px;
    color: #82d0c7;
}
/* ============================================
                 お問い合わせ
============================================ */
.Form-Item {
    border-top: 1px solid #ddd;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Form-Item-Label {
    width: 30%;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 15px;
}
.Form-Item-Input {
    width: 50%;
}
div#wpcf7-f58-p59-o1 {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}
label {
    font-weight: bold;
    display: flex;
    padding: 30px 0;
}
input.Form-Item-Input {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-left: 1em;
    padding-right: 1em;
    height: 48px;
    flex: 1;
    width: 100%;
    background: #eaedf2;
    font-size: 14px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-left: 1em;
    padding-right: 1em;
    height: 200px;
    flex: 1;
    width: 100%;
    background: #eaedf2;
    font-size: 14px;
}
.Form-Btn {
    border-radius: 6px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 280px;
    display: block;
    letter-spacing: 0.05em;
    background: #63c4b9;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.Form-Btn:hover {
    opacity: 0.6;
    transition: 0.2s;
}
span.Form-Item-Label-Required {
    border-radius: 6px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 48px;
    display: inline-block;
    text-align: center;
    background: #63c4b9;
    color: #fff;
    font-size: 14px;
}
.screen-reader-response {
    color: #E91E63;
    font-weight: bold;
    padding: 0px 0 20px;
}
.wpcf7-response-output {
    display: none;
}
.screen-reader-response ul {
    display: none;
}
span.Form-Item-Label-Required.nini {
    background: #fff;
	color: #3e3e3e;
    border: solid 1px #63c4b9;
}
span.wpcf7-not-valid-tip {
    color: #E91E63;
    font-weight: bold;
}
span.wpcf7-list-item.first {
    display: block;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.Form-Item-Input {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-left: 1em;
    padding-right: 1em;
    height: 48px;
    flex: 1;
    width: 100%;
    background: #eaedf2;
    font-size: 14px;
}
input.wpcf7-form-control.wpcf7-file.Form-Item-Input {
    background: none;
    border: none;
}
input.wpcf7-form-control.wpcf7-previous.Form-btn-back {
    border-radius: 6px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 280px;
    display: block;
    letter-spacing: 0.05em;
    background: #cbcbcb;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
input.wpcf7-form-control.wpcf7-previous.Form-btn-back:hover {
    opacity: 0.6;
    transition: 0.2s;
}
span.wpcf7-form-control.wpcf7-acceptance {
    border-top: 1px solid #ddd;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #E91E63;
}
input[type="checkbox"] {
    margin-right: 10px;
}

/* ============================================
                 ブログ本文
============================================ */

div#anc01 .eyecatch {
	margin-bottom: 20px;
}
div#anc01 h2.wp-block-heading {
    font-size: 24px;
    font-weight: bold;
    margin: 60px 0 20px;
}
div#anc01 hr.wp-block-separator.has-alpha-channel-opacity {
    margin: 60px 0;
}
div#anc01 summary {
    border: solid 1px #ddd;
    padding: 16px;
    margin-bottom: 20px;
}

/*メディア横並び*/	
div#anc01 .wp-block-gallery .wp-block-image {
    width: 33%;
    margin: 30px 0;
}
div#anc01 figure.wp-block-gallery.has-nested-images.columns-default.is-cropped.is-layout-flex.wp-block-gallery-is-layout-flex {
    display: flex;
    gap: 20px;
}
div#anc01 figure.wp-block-image.size-large img {
    width: 100%;
    height: auto;
}

/*メディアテキスト横並び*/	
div#anc01 .wp-block-media-text.is-stacked-on-mobile {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
div#anc01 .wp-block-media-text__content {
    width: 50%;
}
div#anc01 figure.wp-block-media-text__media {
    width: 50%;
}
div#anc01 figure.wp-block-media-text__media img {
    width: 100%;
    height: auto;
}

/*アコーディオン*/	
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
    margin-bottom: 60px;
}

@media screen and (max-width:767px) {
div#anc01 figure.wp-block-image.size-large img {
    width: 100%;
    height: auto;
}
	
/*メディア横並び*/	
div#anc01 figure.wp-block-gallery.has-nested-images.columns-default.is-cropped.is-layout-flex.wp-block-gallery-is-layout-flex {
    display: block;
    gap: 20px;
}
div#anc01 figure.wp-block-image.size-large {
    width: auto;
}
	
/*メディアテキスト横並び*/	
div#anc01 .wp-block-media-text.is-stacked-on-mobile {
    display: block;
}
div#anc01 .wp-block-media-text__content {
    width: 100%;
}
div#anc01 figure.wp-block-media-text__media {
    width: 100%;
}
div#anc01 figure.wp-block-media-text__media img {
    margin-bottom: 20px;
}
	
}

/* ============================================
                 レスポンシブ
============================================ */

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

}

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

.pc-only {
	display: none;
}
.sp-only {
	display: block;
}
	.sdgs ul {
    gap: 15px;
}
	.sdgs li {
    width: 30%;
    margin: 0 0;
}
	.sdgs li img {
    width: 100%;
}
	.activitiesBox {
    display: block;
}
	.leftBox {
    margin-right: 0;
	margin: 0 auto;
}
	.leftBox img {
    margin-bottom: 30px;
}
	li.contents_nav_btn {
    width: 20%;
}
	.contents_nav_btn a {
    width: 100%;
    height: 100%;
    padding: 20px 0px;
    font-size: 12px;
}
	.Form-Item {
    display: block;
}
	
	label {
    padding: 0px 0;
}
	.Form-Item-Input {
    margin-top: 7px;
    width: 100%;
}
	.Form-Item-Label {
    width: 100%;
}
}
@media screen and (max-width:590px) {
.activitiesBox {
    flex-wrap: wrap;
}
	.leftBox {
    /*width: 100%;*/
    /*margin-right: 0;*/
}
	li.contents_nav_btn {
    width: 40%;
}
	.contents_nav_btn a {
    padding: 7px 0px;
}
	.contents_nav ul {
    gap: 1em;
}
}

@media screen and (max-width:400px) {
a.wp-block-file__button.wp-element-button {
    margin: 7px 0 0 0;
}
}