@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 共通
---------------------------------------------------------------------------------------------------------*/
/* ---- ヘッダー余白 ---- */
.l-header__inner {
	margin: 0 auto;
}
.l-header__logo {
	padding: 0!important;
}
/* Search Form */
.w-header {
	position: absolute;
	top: 0;
	right: 1rem;
}
.c-searchForm__s {
	width: 200px
}
/* ---- ヘッダーメニューアイコン ---- */
header i {
	margin-right: .2rem;
}
header .menu-icon {
	color: #2b2925;
}
.oyako-icon a span::before{
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/image5.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: center;
	margin-right: .2rem;
}
/* ---- ページ全体 ---- */
body {
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #2b2925;
}
p {
    line-height: 1.7;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
/* ---- コピーライトの色 ---- */
.copyright {
	color: #fff;
}
/* ---- ｈ３ ---- */
#content-ttl-1 , #content-ttl-2 , #content-ttl-3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: #73af15;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/title-line.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
}
.about-title , .history-title , .general-meeting-title , .global-title , .connection-title , .onlprogram-title , .mbs-guide-title , .admission-form-title , .inpuiry-title , .inpuiry-form-title {
	text-align: center;
	display: inline-block;
	position: relative;
}
#h4-1 , #h4-2 , #h4-3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    color: #73af15;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.center-text {
    text-align: center;
}
.right-text {
    text-align: right;
}
/* ---- ボタンレイアウト ---- */
.main-btn {
    display: grid;
    place-items: center;
    width: 250px;
    height: 60px;
    margin: 3rem auto;
    max-width: 100%;
    background-color: #a7e259;
    border: #a7e259 solid 3px;
    border-radius: 9999px;
    box-sizing: border-box;
    color: #fff;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5rem;
    position: relative;
}

/* 下層ページヘッダー画像
------------------------------------------*/
.pagetop-content {
    width: 100%;
	height: 40vh;
    max-width: 100%;
    max-height: 40vh;
    margin: 3rem auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
#pagettl-h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #2b2925;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	text-shadow: 0 0 5px #fff;
	text-align: center;
}
.about-bg {
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/about-main02.png);
}
.donation-bg {
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/donation-top.png);
}
.global-bg {
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/top.png);
}
.voice-bg {
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/about-main.png);
}
.membership-bg {
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top02-2.png);
}
.beginner-bg {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top02-3.png);
}
.announce-bg {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top02.png);
}
.inquiry-bg {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/top-6.png);
}
.activity-bg {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/jijo-top.png);
}
.chinjo-bg {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/chihou-top.png);
}
/* 下層ページh3装飾
-----------------------------------------*/

/* トップページ
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slider-text {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	text-shadow: 2px 2px 5px rgb(255 255 255);
}
.main-btn {
	text-shadow: none;
}
/* お知らせ＆レポート
-----------------------------------------------------------------------------------------*/
.news {
	width: 70vw;
	max-width: 100%;
	margin: 10rem auto;
}
#top-ttl {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: #73af15;
	display: block;
	text-align: center;
	margin: 0 auto 10rem;	
}
.news-wrap {
	position: relative;
	z-index: 1;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.news-wrap img {
	width: 500px;
	position: absolute;
	top: -111px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
/* お知らせ＆レポート以外のタイトル
-----------------------------------------------------------------------------------------*/
#ttl-img , #ttl-img2 , #ttl-img3 {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    color: #73af15;
	display: block;
	text-align: center;
	margin: 0 auto;
	background-position: left center , right center;
	background-repeat: no-repeat , no-repeat;
	background-size: contain , contain;
}
#ttl-img {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child3.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title03.png);
	width: 400px;
	margin-bottom: 3rem;
}
#ttl-img2 {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child1.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title04-1.png);
	width: 700px;
	margin-bottom: 3rem;
}
#ttl-img3 {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child5.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title03.png);
	width: 200px;
	margin-bottom: 3rem;
}
/* トップページ親子ネットについて
-----------------------------------------------------------------------------------------*/
.top-about {
	width: 100%;
}
.top-about p {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
/* 親子ネットについて-フレックス
-----------------------------------------------------------------------------------------*/
.top-work {
	width: 100%;
	margin: 14rem auto;
}
.work-flex {
    display: flex;
    width: 90vw;
	max-width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.work-bg {
	background: linear-gradient(to right, transparent 0%, transparent 70%, #fff 100%), url(https://oyakonet1dev.com/wp-content/uploads/2022/11/24176779_m.jpg);
}
.work-bg2 {
	background: linear-gradient(to left, transparent 0%, transparent 70%, #fff 100%), url(https://oyakonet1dev.com/wp-content/uploads/2022/11/23935603_m.jpg);
}
.work-bg , .work-bg2 {
    width: 50%;
	height: 300px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.work-flex-wrapper {
    width: 50%;
}
.work-flex-text {
    width: 70%;
	margin: 0 auto;
}
.flex-left {
    flex-direction: row-reverse;
}
/* 親子ネットにではこんな活動をしています
-----------------------------------------------------------------------------------------*/
.works-wrapper {
    width: 90vw;
	max-width: 100%;
    margin: 14rem auto;
    text-align: center;
}
.works {
    display: flex;
    justify-content: space-around;
    margin-top: 3rem;
}
.works-content {
    width: 20%;
}
.works-content img {
	margin-bottom: 2rem;
}
.sub-btn {
    display: grid;
    place-items: center;
    width: 230px;
    height: 50px;
    border: #eacd53 solid 3px;
    border-radius: 9999px;
    text-align: center;
    margin: 0 auto;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
}
#link-color , #link-color2 , #link-color3 , #link-color4 , #link-color5 {
	color: #2b2925;
}
#link-color:hover , #link-color2:hover , #link-color3:hover , #link-color4:hover , #link-color5:hover{
	color: #fff;
}
.sub-btn:hover {
    background-color: #eacd53;
    transition: background 0.5s;
}
/* 報道
-----------------------------------------------------------------------------------------*/
.report-flex {
	display: flex;
    width: 60%;
    justify-content: space-between;
    margin: 0 auto;
}
.report ul {
	width: 80%;
	margin: 0 auto 3rem;
	border-top: rgba(0,0,0,.1) solid 1px;
}
/* 入会と寄付
-----------------------------------------------------------------------------------------*/
.guide {
    width: 100%;
    height: auto;
    margin: 5rem auto;
    display: flex;
    justify-content: center;
}
.guide h3 {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	font-size: 1.7rem;
    color: #2b2925;
	text-align: center;
    margin-bottom: 3rem;
}
.membership , .about-donation {
    width: 48%;
    border-radius: 10px;
    padding: 2rem 3rem;
}
.guide-text {
    width: 100%;
    height: 60%;
}
.guide-p {
    text-align: center;
    margin-bottom: 2rem;
}
.guide-btn {
    display: grid;
    place-items: center;
    width: 300px;
    height: 80px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
	color: #2b2925;
}
.guide-btn:hover {
    text-decoration: underline;
}
.guid-content {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/* ---- 入会 ---- */
.membership {
    background-color: #ffeb99;
    position: relative;
}
.membership li a {
	color: #2b2925;
}
.membership li a:hover {  
    text-decoration: underline;
}
.membership ul {
    margin-top: 1rem;
    margin-bottom: 2rem;
	list-style-type: none;
}
.membership h4 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1rem;
    color: #2b2925;
}
.membership ol {
    list-style-type: decimal;
    line-height: 1.7;
    list-style-position: inside;
}
.membership img {
    position: absolute;
    bottom: -50px;
    left: -30px;
    width: 17%;
}
/* ---- 寄付 ---- */
.about-donation {
    background-color: #d1f48c;
    position: relative;
}
.about-donation img {
    position: absolute;
    bottom: -60px;
    right: -50px;
    width: 25%;
}
/* フッター
-----------------------------------------------------------------------------------------*/
footer {
    background-color: #a7e259;
    padding-top: 1rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
}
#footer {
	padding: 0;
}
.w-footer__box {
	padding: 0;
}
.footer-flex {
    display: flex;
}
.footer-left , .footer-right {
    width: 50%;
}
.footer-right {
	text-align: center;
}
.footer-subtitle , .footer-maintitle {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff;
	text-shadow: 1px 1px 3px #2b2925;
}
.footer-subtitle {
    font-size: 1.2rem;
}
.footer-maintitle {
    font-size: 2rem;
    line-height: 1;
}
.address {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px 2px #2b2925;
}
.site-map {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 2rem 1rem 1rem;
    line-height: 1.7;
}
.site-map ul {
	display: flex;
	flex-wrap: wrap;
}
.site-map ul li {
	line-height: 1;
	padding-right: 1rem;
	padding-left: 1rem;
	border-right: #2b2925 solid 1px;
	margin-bottom: 1rem;
}
.site-map a:hover {
    text-decoration: underline;
}
.footer-right ul li img {
    width: 250px;
    object-fit: contain;
}
.footer-right li {
	width: 250px;
	background-color: #fff;
	margin: .7rem auto;
}
.bnr-bg1 {
	height: 84.938px;	
}
.bnr-bg2 {
	height: 64px;
}
.footer-right ul li a:hover {
    opacity: 0.7;
	transition:0.3s;
}
/* ---- フッター上スペーサー ---- */
.div-space {
  height: 10rem;
}
/*ここから各下層ページ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 親子ネットについて
-----------------------------------------------------------------------------------------*/
.about-oyakonet {
    width: 100%;
    margin: 14rem auto;
}
/* ---- タイトル部分 ---- */
.about-oyakonet .content-title img {
    width: 80px;
    position: absolute;
    bottom: 2px;
    right: -72px;
}
/* ---- 設立の目的と活動内容 ---- */
.about-content {
	width: 80%;
	margin: 0 auto;
}
.h5-before {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.h5-before::before {
    content: '';
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/title-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .2rem;
}
.about-content p {
    padding-left: 1rem;
    margin-bottom: 2rem;
}
.about-content ol {
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 1.7;
    padding-left: 1rem;
}
/* ---- 役員と組織図 ---- */

/* ---- テーブル ---- */
.table-wrap {
	width: 600px;
	margin: 0 auto;
}
.organization-chart td {
    padding: 1rem;
}
.table-left {
    width: 25%;
    font-size: 1.2rem;
    font-weight: 700;
    background-color: #ffeb99;
    vertical-align: middle;
}
.table-text {
    width: 600px;
    margin: 0 auto;
}
.table-text p {
 	margin-bottom: 2rem;
	padding-left: 0!important;
}
.btn-fontsize {
    font-size: 1.2rem!important;
	line-height: 1;
	text-align: center;
}
/* 歩み
-----------------------------------------------------------------------------------------*/
.history {
    width: 100%;
    margin: 14rem auto;
}
/* ---- タイトル部分 ---- */
.history .content-title img {
    width: 90px;
    position: absolute;
    bottom: 5px;
    right: -90px;
}
/* 総会・刊行物
-----------------------------------------------------------------------------------------*/
.general-meeting {
    width: 100%;
    margin: 14rem auto;
}
/* ---- タイトル部分 ---- */
.general-meeting .content-title img {
    width: 110px;
    position: absolute;
    bottom: 5px;
    right: -110px;
}
/* ---- ｐｄｆ ---- */
.pdf-flex {
	width: 100%;
    display: flex;
	justify-content: space-around;
	gap: 2rem;
    flex-wrap: wrap;
	margin: 0 auto 14rem;
}
.pdf-flex-items{
	width: 20%;
    text-align: center;
    margin-bottom: 4rem;
}
.pdf-flex-items a {
    display: block;
}
.pdf-flex-items a:hover {
    text-decoration: underline;
}
.pdf-img {
    width: 100%;
	border: #a7e259 solid 1px;
	background-color: #fff;
    margin: 0 auto;
}
.pdf-text {
    color: #73af15;
    margin-top: 1rem;
}
/* 全国親子ネット
-----------------------------------------------------------------------------------------*/
.global {
    width: 100%;
    margin: 14rem auto;
}
.global .content-title img {
    width: 120px;
    position: absolute;
    bottom: 5px;
    right: -120px;
}
/* ---- 全国ネットワーク一覧表 ---- */
.network-list-wrap {
	width: 60%;
	margin: 4rem auto;
}
.network-list {
    width: 100%;
}
.network-list th {
    font-size: 1.2rem;
    padding: 1rem;
    background-color: #ffeb99;
}
.network-list td {
    padding: 1rem;
}
.network-link {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #73af15;
}
.network-link::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/title-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
}
.network-link:hover {
    text-decoration: underline;
}
/* 親子交流に関連するサイト
-----------------------------------------------------------------------------------------*/
.connection-site {
    width: 100%;
    margin: 14rem auto;
}
.connection-site .content-title img {
    width: 90px;
    position: absolute;
    bottom: 5px;
    right: -90px;
}
/* ---- 各サイトへのリンク ---- */
.site-wrap {
    width: 50vw;
    border: #95c931 solid 1px;
    border-radius: 15px;
    padding: 1rem 2rem;
	margin: 1rem auto;
}
.site-wrap p {
    margin-left: 1.5rem;
}
/* 【告知】オンライン親教育プログラムのご紹介
-----------------------------------------------------------------------------------------*/
.onl-program {
    width: 100%;
	margin: 14rem auto;
}
.onl-program .content-title img {
    width: 110px;
    position: absolute;
    bottom: 5px;
    right: -110px;
}
/* ---- テキストエリア ---- */
.onl-textbox {
    width: 60%;
}
.onl-text-wrap {
	margin-bottom: 2rem;
}
.onl-textbox {
	margin: 0 auto 14rem;
}
.onl-textbox p, .onl-textbox ul {
    margin-bottom: 1rem;
}
/* 寄付ページ
-----------------------------------------------------------------------------------------*/
.donation-textbox {
    width: 70%;
    margin: 10rem auto;
}
.donation-textbox p {
    margin-bottom: 1rem;
}
.bank-accounts {
    width: 600px;
    border-radius: 10px;
    background-color: #d1f48c;
    margin: 1rem auto 14rem;
    padding: 2rem;
}
.bank-accounts li {
    line-height: 1.7;
}
/* 当事者の声
-----------------------------------------------------------------------------------------*/
.voice-acm {
    width: 100%;
	margin: 7rem auto;
}
/* ---- ご相談ください ---- */
#consultation-h3 {
    font-size: 1.5rem;
    color: #2b2925;
    margin-bottom: 3rem;
	text-align: center;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	margin-top: 0;
}
.consultation {
    width: 900px;
    border-radius: 10px;
    background-color: #d1f48c;
    padding: 3rem 2rem;
    margin: 0 auto 14rem;
    position: relative;
}
.consultation img {
    width: 600px;
    position: absolute;
    top: -105px;
    left: 50%;
    transform: translateX(-50%);
}
.consultation-btn-wrap {
    margin-top: 3rem;
}
/* ---- 当事者の声記事一覧 ---- */
.display-posts-listing li {
	list-style-type: none;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.display-posts-listing li::before {
	content: '';
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/title-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .2rem;
}
/* ご入会について
-----------------------------------------------------------------------------------------*/
.mbs-guide {
    width: 100%;
    margin: 14rem auto;
}
.mbs-guide .content-title img {
    width: 100px;
    position: absolute;
    bottom: 3px;
    right: -100px;
}
/* ---- 会員種別 ---- */
.mbs-kinds , .due , .terms {
	width: 60%;
	margin: 0 auto 7rem;
}
.mbsh5-margin {
    margin-top: 4rem;
}
.mbs-mrgleft {
    margin-left: 1.5rem;
}
.mbs-kinds ol {
    list-style-type: decimal;
    list-style-position: inside;
	margin-left: 1rem;
}
.mbs-kinds li {
    line-height: 1.7;
}
/* ---- 会費 ---- */
.due-flex-wrap {
    width: 100%;
    margin-bottom: 4rem;
	text-align: center;
}
.due-flex {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 450px;
    margin: 0 auto 2rem;
}
.due-p-wrap {
    width: 90px;
    border-radius: 10px;
    padding: 0.5rem;
    text-align: center;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
}
.green {
    background-color: #a8e83a;
}
.yellow {
    background-color: #ffdd4d;
}
/* ---- 会員規約等 ---- */
.terms-content {
    width: 100%;
    margin-bottom: 2rem;
}
.terms a {
    color: #73af15;
}
.terms a:hover {
    text-decoration: underline;
}
/* ご入会のお申込みはこちらから
-----------------------------------------------------------------------------------------*/
.admission-form .content-title img {
    width: 120px;
    position: absolute;
    bottom: 3px;
    right: -120px;
}
/* 初めての方（フォームの指定は固定ページ内）
-----------------------------------------------------------------------------------------*/
.beginner {
	width: 100%;
	margin: 14rem auto;
}
#pagettl-h2-sinple {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	color: #73af15;
	text-align: center;
}
.beginner-flex {
	display: flex;
	align-items: center;
	gap: 2rem;
	width: 660px;
	margin: 0 auto;
}
.reference {
	margin-top: 2rem;
	text-align: center;
}
.reference a {
	display: block;
}
.reference-p {
	margin-top: 2rem;
}
/* 声明・要望書等
---------------------------------------------------------------------------------------------------------*/
/* ---- 記事一覧 ---- */
.announce-article {
	width: 100%;
	margin: 14rem auto;
}
.announce-article ul {
	width: 100%;
	margin: 0 auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.announce-article .display-posts-listing li {
	width: 90%;
	margin: 1rem auto;
	border-bottom: #919191 solid 1px;
	padding-bottom: 0.5rem;
}
.announce-article .display-posts-listing li a:hover {
	text-decoration: underline;	
}
/* お問い合わせ
-----------------------------------------------------------------------------------------*/
.inquiry-article {
    width: 100%;
    margin: 14rem auto;
}
.inquiry-article .content-title img {
	width: 80px;
    position: absolute;
    bottom: 3px;
	right: -70px;
}
.inquiry-article-textbox {
	width: 80%;
	margin: 0 auto;
}
/* ---- お問い合わせ ---- */
.inpuiry-form {
    width: 100%;
    margin: 0 auto;
}
.inpuiry-form .content-title img {
    width: 100px;
    position: absolute;
    bottom: 3px;
    right: -90px;
}
/* 自助活動
-----------------------------------------------------------------------------------------*/
/* ---- テキストエリア ---- */
.activity-textarea {
	width: 80%;
	margin: 14rem auto;
}
/* ---- 画像エリア ---- */
.images-area {
	width: 100%;
	margin: 14rem auto;
	text-align: center;
}
.images-area img {
	width: 900px;
	height: 250px;
	object-fit: cover;
	margin-bottom: 2rem;
}
/* 地方議会への陳情
---------------------------------------------------------------------------------------------------------*/
#prefectures01 , #prefectures02 , #prefectures03 , #prefectures04 , #prefectures05 , #prefectures06 , #prefectures07 , #prefectures08 {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	color: #73af15;
	font-size: 1.5rem;
	padding: 0;
}
/* ---- テキスト ---- */
.petition-text {
    width: 80%;
    margin: 14rem auto 7rem;
}
.petition-text p {
    margin-bottom: 1rem;
}
/* ---- 日本地図 ---- */
.image-map {
    width: 70%;
    max-height: 100vh;
    margin: 0 auto 14rem;
    text-align: center;
}
/* ---- 地方別 ---- */
.petition-category {
    width: 850px;
    margin: 0 auto 14rem;
}
.category-title {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}
.category-title img {
    width: 60px;
}
.category-link {
	display: block;
	width: 33%;
	margin-bottom: 1rem;
}
.category-wrap {
    border: #95c931 solid 1px;
    border-radius: 10px;
	padding: 2rem 0 2rem 1rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.category-content {
	display: flex;
	flex-wrap: wrap;
}
area {
  border:none;
  outline:none;
}

/* ここからスマホ・タブ
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and  (max-width: 980px) {
/* 共通
---------------------------------------------------------------------------------------------------------*/
/* ---- ページサイド余白を消す ---- */
.l-container {
	padding-left: 0;
	padding-right: 0;
}
/* ---- ヘッダーメニューアイコン ---- */
.p-spMenu__nav i::before {
	margin-right: .5rem;
}
.p-spMenu__nav .c-spnav .oyako-icon a::before {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/image5.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: center;
	margin-right: .5rem;
}
/* ---- 見出し ---- */
#content-ttl-1 , #content-ttl-2 , #content-ttl-3 {
    font-size: 1.5rem;
}
#h4-1 , #h4-2 {
    font-size: 1.3rem;
    padding-top: 0;
    padding-bottom: 0;
}

/* 下層ページヘッダー画像
------------------------------------------*/
.pagetop-content {
	height: 10vh;
	max-height: 10vh;
    margin: 3rem auto;
}
#pagettl-h2 {
	width: 100%;
	font-size: 1.5rem;
	padding: 0;
}
/* 下層ページh3装飾
-----------------------------------------*/
/* ---- ｈ3 ---- */
.h3-wrap {
	text-align: center;
	margin-bottom: 4rem;
}
/* トップページ
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----ファーストビュー---- */ 
.p-mainVisual__slideTitle , .p-mainVisual__slideText {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	text-shadow: 2px 2px 5px rgb(255 255 255);
}
.main-btn {
	text-shadow: none;
}
/* お知らせ＆レポート
-----------------------------------------------------------------------------------------*/
.news {
	width: 95vw;
	max-width: 100%;
	margin: 4rem auto;
}
#top-ttl {
    font-size: 1.4rem;
	margin: 0 auto 5rem;	
}
.news-wrap {
	position: relative;
	z-index: 1;
}
.news-wrap img {
	width: 250px;
	position: absolute;
	top: -56px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
/* お知らせ＆レポート以外のタイトル
-----------------------------------------------------------------------------------------*/
#ttl-img , #ttl-img2 , #ttl-img3 {
    font-size: 1.4rem;
}
#ttl-img {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child3.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title03.png);
	width: 260px;
	margin-bottom: 3rem;
}
#ttl-img2 {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child1.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title04-1.png);
	width: 300px;
	margin-bottom: 3rem;
	background-size: 11%;
}
#ttl-img3 {
	background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/11/child5.png) , url(https://oyakonet1dev.com/wp-content/uploads/2022/11/top-title03.png);
	width: 120px;
	margin-bottom: 3rem;
}
/* トップページ親子ネットについて
-----------------------------------------------------------------------------------------*/
.top-about p {
	width: 90%;
}
/* 親子ネットについて-フレックス
-----------------------------------------------------------------------------------------*/
.top-work {
	width: 100%;
	margin: 4rem auto;
}
.work-flex {
    display: block;
    width: 95vw;
}
.work-bg {
	background: linear-gradient(to bottom, transparent 0%, transparent 60%, #fff 90%, #fff 100%), url(https://oyakonet1dev.com/wp-content/uploads/2022/11/24176779_m.jpg);
}
.work-bg2 {
	background: linear-gradient(to bottom, transparent 0%, transparent 60%, #fff 90%, #fff 100%), url(https://oyakonet1dev.com/wp-content/uploads/2022/11/23935603_m.jpg);
}
.work-bg , .work-bg2 {
    width: 100%;
	height: 300px;
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.work-flex-wrapper {
    width: 100%;
}
.work-flex-text {
    width: 100%;
	margin: 0 auto;
}
/* 親子ネットにではこんな活動をしています
-----------------------------------------------------------------------------------------*/
.works-wrapper {
    width: 90vw;
	max-width: 100%;
    margin: 4rem auto;
}
.works {
	display: block;
    margin-top: 3rem;
}
.works-content {
    width: 100%;
	margin-bottom: 3rem;
}
.works-content img {
	margin-bottom: 2rem;
}
.sub-btn {
    display: grid;
    place-items: center;
    width: 230px;
    height: 50px;
    border: #eacd53 solid 3px;
    border-radius: 9999px;
    text-align: center;
    margin: 0 auto;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
}
#link-color , #link-color2 , #link-color3 , #link-color4 , #link-color5 {
	color: #2b2925;
}
#link-color:hover , #link-color2:hover , #link-color3:hover , #link-color4:hover , #link-color5:hover{
	color: #fff;
}
.sub-btn:hover {
    background-color: #eacd53;
    transition: background 0.5s;
}
/* 報道
-----------------------------------------------------------------------------------------*/
.report {
	width: 100%;
	margin-bottom: 4rem;
}
.report-flex {
	display: block;
    width: 100%;
}
.report-flex .sub-btn {
	margin-bottom: 2rem;
}
.report ul {
	width: 90%;
}
/* 入会と寄付
-----------------------------------------------------------------------------------------*/
.guide {
    width: 100%;
    height: auto;
    margin: 4rem auto;
	display: block;
}
.guide h3 {
	font-size: 1.4rem;
    margin-bottom: 2rem;
}
.membership , .about-donation {
    width: 90%;
    margin: 0 auto;
	padding: 1rem;
}
.guide-text {
    width: 100%;
    height: 60%;
}
.guide-p {
    text-align: center;
    margin-bottom: 2rem;
}
.guide-btn {
    display: grid;
    place-items: center;
    width: 250px;
    height: 50px;
    max-width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 1.8rem;
    text-align: center;
}
.guide-btn:hover {
    text-decoration: none;
}
.guid-content {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
/* ---- 入会 ---- */
.membership {
    background-color: #ffeb99;
    position: relative;
	margin-bottom: 3rem;
}
.post_content ol, .post_content ul {
	padding-left: 0;
}
.membership img {
    position: absolute;
    bottom: -30px;
    left: -10px;
    width: 10%;
}
/* ---- 寄付 ---- */
.about-donation {
    background-color: #d1f48c;
    position: relative;
}
.about-donation img {
    position: absolute;
    bottom: -20px;
    right: -15px;
    width: 18%;
}

/* フッター
-----------------------------------------------------------------------------------------*/
footer {
    padding-top: 1rem;
    padding-bottom: 2rem;
	padding-left: 0;
}
.footer-flex {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.footer-left , .footer-right {
    width: 90%;
	margin: 0 auto;
}
	.footer-right {
		margin-top: 2rem;
	}
.footer-subtitle , .footer-maintitle {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #fff;
}
.footer-subtitle {
    font-size: 1.2rem;
}
.footer-maintitle {
    font-size: 2rem;
    line-height: 1;
}
.address {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #fff;
}
site-map {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 2rem 2rem 1rem 1rem;
    line-height: 1.7;
}
.site-map ul {
	display: flex;
	flex-wrap: wrap;
}
.site-map ul li {
	line-height: 1;
	padding-right: 1rem;
	padding-left: 1rem;
	border-right: #2b2925 solid 1px;
	margin-bottom: 1rem;
}
.site-map a:hover {
    text-decoration: underline;
}
/* ---- フッター上スペーサー ---- */
.div-space {
  height: 4rem;
}
/*ここから各下層ページ
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 親子ネットについて
-----------------------------------------------------------------------------------------*/
.about-oyakonet {
    width: 100%;
    margin: 4rem auto;
}
/* ---- タイトル部分 ---- */
.about-oyakonet .content-title img {
    width: 40px;
    position: absolute;
    bottom: 2px;
    right: -35px;
}
/* ---- 設立の目的と活動内容 ---- */
.about-content {
	width: 90%;
	margin: 0 auto 3rem;
}
.h5-before {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
	margin-top: 1rem;
}
.about-content ol {
	width: 95%;
	margin: 0 auto;
}
.about-content li {
	list-style-position: outside;
}
/* ---- 役員と組織図 ---- */

/* ---- テーブル ---- */
.table-wrap {
	width: 98%;
}
.organization-chart td {
    padding: 1rem;
}
.table-text {
    width: 98%;
}
.table-text p {
 	margin-bottom: 2rem;
	padding-left: 0!important;
}
.btn-fontsize {
    font-size: 1.2rem!important;
}
/* 歩み
-----------------------------------------------------------------------------------------*/
.history {
    width: 100%;
    margin: 6rem auto 4rem;
}
/* ---- タイトル部分 ---- */
.history .content-title img {
    width: 50px;
    position: absolute;
    bottom: 5px;
    right: -50px;
}
/* 総会・刊行物
-----------------------------------------------------------------------------------------*/
.general-meeting {
    width: 100%;
    margin: 6rem auto;
}
/* ---- タイトル部分 ---- */
.general-meeting .content-title img {
    width: 60px;
    position: absolute;
    bottom: 5px;
    right: -60px;
}
/* ---- ｐｄｆ ---- */
.pdf-flex {
	width: 100%;
    display: flex;
	justify-content: space-around;
	gap: 1rem;
    flex-wrap: wrap;
	margin: 0 auto 4rem;
}
.pdf-flex-items{
	width: 45%;
    text-align: center;
    margin-bottom: 4rem;
}
.pdf-flex-items a {
    display: block;
}
.pdf-flex-items a:hover {
    text-decoration: underline;
}
.pdf-img {
    width: 100%;
	border: #a7e259 solid 1px;
	background-color: #fff;
    margin: 0 auto;
}
.pdf-text {
    color: #73af15;
    margin-top: 1rem;
}
/* 全国親子ネット
-----------------------------------------------------------------------------------------*/
.global {
    width: 100%;
    margin: 4rem auto;
}
.global .content-title img {
    width: 50px;
    position: absolute;
    bottom: 5px;
    right: -40px;
}
.global-title{
	height: 70px;
}
.global p {
	width: 90%;
	margin: 0 auto;
}
/* ---- 全国ネットワーク一覧表 ---- */
.network-list-wrap {
	width: 98%;
	margin: 2rem auto;
}
.network-list th {
    padding: 0.5rem;
}
.network-list td {
    padding: 0.5rem;
}
/* 親子交流に関連するサイト
-----------------------------------------------------------------------------------------*/
.connection-site {
    width: 100%;
    margin: 6rem auto 4rem;
}
.connection-site .content-title img {
    width: 40px;
    position: absolute;
    bottom: 2px;
    right: -40px;
}
/* ---- 各サイトへのリンク ---- */
.site-wrap {
    width: 90vw;
    border-radius: 10px;
    padding: 1rem;
	margin: 1rem auto;
}
.site-wrap p {
    margin-left: 0;
}
/* 【告知】オンライン親教育プログラムのご紹介
-----------------------------------------------------------------------------------------*/
.onl-program {
    width: 100%;
	margin: 6rem auto 4rem;
}
.onl-program .content-title img {
    width: 50px;
    position: absolute;
    bottom: 5px;
    right: -40px;
}
.onlprogram-title {
	height: 70px;
}
/* ---- テキストエリア ---- */
.onl-text-wrap {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 3rem;
}
.onl-textbox {
    width: 90%;
}
.onl-textbox {
	margin: 0 auto 4rem;
}
.onl-textbox p, .onl-textbox ul {
    margin-bottom: 1rem;
}
/* 当事者の声
-----------------------------------------------------------------------------------------*/
.voice-acm {
    width: 100%;
    margin: 4rem auto;
}
/* ---- ご相談ください ---- */
#consultation-h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
	text-align: center;
	margin-top: 0;
}
.consultation {
	width: 90%;
    border-radius: 10px;
    padding: 2rem 1rem;
	margin: 10rem auto;
    position: relative;
}
.consultation img {
    width: 250px;
    position: absolute;
    top: -43px;
    left: 50%;
    transform: translateX(-50%);
}
/* ---- 当事者の声記事一覧 ---- */
.display-posts-listing li {
	list-style-type: none;
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
}
.display-posts-listing li::before {
	content: '';
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background-image: url(https://oyakonet1dev.com/wp-content/uploads/2022/10/title-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: .2rem;
}
/* 初めての方（フォームの指定は固定ページ内）
-----------------------------------------------------------------------------------------*/
.beginner {
	width: 100%;
	margin: 4rem auto;
}
.beginner-flex {
	display: block;
	align-items: center;
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.reference-p {
	margin: 2rem auto 0;
	width: 90%;
}
/* ご入会について
-----------------------------------------------------------------------------------------*/
.mbs-guide {
    width: 100%;
    margin: 4rem auto;
}
.mbs-guide .content-title img {
    width: 40px;
    position: absolute;
    bottom: 3px;
    right: -40px;
}
/* ---- 会員種別 ---- */
.mbs-kinds , .due , .terms {
	width: 90%;
	margin: 0 auto 4rem;
}
.mbsh5-margin {
    margin-top: 4rem;
}
/* ---- 会費 ---- */
.due-flex-wrap {
    width: 100%;
    margin-bottom: 4rem;
	text-align: center;
}
.due-flex {
    display: block;
    width: 90%;
	text-align: center;
    margin: 0 auto 2rem;
}
.due-p-wrap {
    width: 90px;
    border-radius: 10px;
    padding: 0.5rem;
    text-align: center;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1rem;
	margin: 0 auto;
}
.green {
    background-color: #a8e83a;
}
.yellow {
    background-color: #ffdd4d;
}
/* ---- 会員規約等 ---- */
.terms-content {
    width: 100%;
    margin-bottom: 2rem;
}
.terms a {
    color: #73af15;
}
.terms a:hover {
    text-decoration: underline;
}
/* ご入会のお申込みはこちらから
-----------------------------------------------------------------------------------------*/
.admission-form .content-title img {
	width: 60px;
    position: absolute;
    bottom: 3px;
	right: -60px;
}
.admission-form-title {
	height: 70px;
}
/* 寄付ページ
-----------------------------------------------------------------------------------------*/
.donation-textbox {
    width: 90%;
    margin: 4rem auto;
}
.bank-accounts {
    width: 350px;
    margin: 1rem auto 4rem;
    padding: 1rem;
}
.bank-accounts ul {
	list-style-position: inside;
		
}
/* 声明・要望書等
---------------------------------------------------------------------------------------------------------*/
/* ---- 記事一覧 ---- */
.announce-article {
	width: 90%;
	margin: 4rem auto;
	border-bottom: none;
}
.announce-article ul {
	width: 100%;
	margin: 0 auto;
	padding-top: 1rem;
}
.announce-article .display-posts-listing {
	padding-left: 0;
	}
.announce-article .display-posts-listing li {
	width: 100%;
	margin: 0 auto 1rem;
	padding-bottom: 1rem;
}
/* お問い合わせ
-----------------------------------------------------------------------------------------*/
.inquiry-article {
    width: 100%;
    margin: 4rem auto;
}
.inquiry-article .content-title img {
    width: 35px;
    position: absolute;
    bottom: 3px;
    right: -27px;
}
.inquiry-article-textbox {
	width: 90%;
	margin: 0 auto;
}
/* ---- お問い合わせフォーム ---- */
.inpuiry-form {
    width: 100%;
    margin: 0 auto;
}
.inpuiry-form .content-title img {
    width: 40px;
    position: absolute;
    bottom: 3px;
    right: -34px;
}
/* 自助活動
-----------------------------------------------------------------------------------------*/
/* ---- テキストエリア ---- */
.activity-textarea {
	width: 90%;
	margin: 4rem auto;
}
/* ---- 画像エリア ---- */
.images-area {
	width: 100%;
	margin: 4rem auto;
	text-align: center;
}
.images-area img {
	width: 90%;
	height: 100px;
	object-fit: cover;
	margin-bottom: 2rem;
}
/* 地方議会への陳情
---------------------------------------------------------------------------------------------------------*/
#prefectures01 , #prefectures02 , #prefectures03 , #prefectures04 , #prefectures05 , #prefectures06 , #prefectures07 , #prefectures08 {
	font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
	color: #73af15;
	font-size: 1.5rem;
	padding: 0;
}
/* ---- テキスト ---- */
.petition-text {
    width: 90%;
    margin: 4rem auto 3rem;
}
.petition-text p {
    margin-bottom: 1rem;
}
/* ---- 日本地図 ---- */
.image-map {
    width: 100%;
    max-height: 100vh;
    margin: 0 auto 4rem;
    text-align: center;
}
/* ---- 地方別 ---- */
.petition-category {
    width: 90%;
    margin: 0 auto 4rem;
}
.category-title img {
    width: 60px;
}
.category-link {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}
.category-wrap {
    border: #95c931 solid 1px;
    border-radius: 10px;
	padding: 2rem 1rem;
}
.category-content {
	display: flex;
	flex-direction: column;
}
}
/* パソコンのみに反映
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
/* 全ページ共通
-----------------------------------------------------------------------------------------*/
/* ---- メインボタンのホバー ---- */
.main-btn:hover {
    color: #73af15;
    background-color: #fff;
    transition: background 0.5s;
}
/* ---- 改行 ---- */
.br-sp {
	display: none;
	}
/* ---- ページ左右余白 ---- */
.l-container {
	padding-left: 2rem;
	padding-right: 2rem;
}
/* ---- 多言語化プラグインの位置 ---- */
#gtranslate_selector {
	position: absolute;
	top: 0;
	right: 230px;
}
.l-fixHeader__inner {
	height: 80px;
}
.l-fixHeader__inner .ttl {
	padding-top: 1rem;
}
/* ---- ヘッダーメニュー位置調整 ---- */
.ttl {
	padding-top: 1rem;
}
	.c-gnav>.menu-item>a .ttl {
		font-size: 1rem
	}
.l-fixHeader__logo {
	padding: 0!important;
}
.-series .l-header__logo {
	margin-right: 0;
}
/* 下層ページ共通
-----------------------------------------------------------------------------------------*/
/* ---- ページ上部画像 ---- */
#pagettl-h2 {
	font-size: 2rem;
}
/* ---- ｈ3 ---- */
.h3-wrap {
	text-align: center;
	margin-bottom: 4rem;
}
/* 当事者の声
-----------------------------------------------------------------------------------------*/
/* ---- ご相談ください！ ---- */
}