/*
 * top directory Style
 */


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

  common

============================================== */
.pcOnly {display: block !important;}
.spOnly {display: none !important;}

.mgb20 {
    margin-bottom: 20px !important;
}

/* -------------------------------------------
  header
------------------------------------------- */
.header-adhd {
	background: url(../parents/common/img/header_bg.png) center top -15px repeat-x;
	border-top: #ffd25a 5px solid;
}
.header-adhd .siteTitle{
	margin-top: -5px;
}

/* -------------------------------------------
  footer
------------------------------------------- */
.footer-adhd {
	padding: 15px 0 35px;
	font-size: 0.750em;
	color: #442600;
	background: url(../parents/common/img/footer_bg_copy.png) center bottom repeat-x;
}
/* .footer-adhd .attention {
	margin-bottom: 25px;
	font-size: 0.917em;
} */
.footer-adhd .footerLogo{
	margin-top: 25px;
}
.footer-adhd .footerLogo li {
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
}
.footer-adhd .footerLogo li:nth-child(1) img {
	width: clamp(270px,50%,210px);
}
.footer-adhd small {
	display: block;
	text-align: center;
}
.footer-adhd .footerLink {
	margin: 20px 0 20px;
	text-align: right;
}
.footer-adhd .footerLink li {
	display: inline-block;
}
.footer-adhd .footerLink li:not(:first-of-type)::before {
	content: "|";
	color: #a0a0a0;
	padding: 0 0.25rem;
}
.footer-adhd .footerLink li a {
	color: #673a00;
}

/*
  ページトップへ
------------------------------ */
.pageTop {
	min-height: 80px;
	text-align: right;
	background: url(../parents/common/img/bg_pagetop.png) center bottom repeat-x;
}
.pageTop #goTop {
	display: inline-block;
	width: 164px;
	height: 26px;
	background: url(../parents/common/img/pagetop.png) left top no-repeat;
}
.pageTop #goTop:hover {
	cursor: pointer;
}

/*
  入り口
------------------------------ */
.top-inner{
	width: min(100%,1200px);
	margin: 0 auto;
}
.enterArea {
	margin: 50px 0;
	display: flex;
	gap: 1rem min(2vw,30px);
}
.enterArea li {
	display: inline-block;
	text-align: center;
	flex: 1;
}
.enterArea li h2,
.topIndex .inner h2 {
	margin-bottom: 10px;
	font-size: 1.500em;
	line-height: 1.3;
}
.enterArea li img{
	width: 100%;
	height: auto;
}

@media (width < 1200px) {
	.enterArea{
		padding: 0 .75rem;
	}
}


.topIndex {
	background: url(../parents/img/bg_index_middle.png) left top;
}
.topIndex::before,
.topIndex::after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
}
.topIndex::before {
	background: url(../parents/img/bg_index_top.png) center top repeat-x;
}
.topIndex::after {
	background: url(../parents/img/bg_index_bottom.png) center bottom repeat-x;
}
.topIndex .inner {
	padding: 3rem 0 1.5rem;
	text-align: center;
}
.topIndex .inner h2{
	margin-bottom: 1rem;
}
.topIndex .inner .imgLink{
	width: clamp(260px,65%,452px);
    height: auto;
}
@media screen and (max-width: 767px) {
	.topIndex .inner{
		padding: 1.5rem 0 0.5rem;
	}
}

/* -------------------------------------------
  パンくず
------------------------------------------- */
.breadcrumb {
	width: 960px;
	margin: 15px auto 20px;
	padding-left: 7px;
	font-size: 0.750em;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li::after {
	content: " > ";
}
.breadcrumb li:last-child::after {
	content: "";
}
.breadcrumb li a {
	display: inline-block;
	color: #542f00;
	text-decoration: underline;
	z-index: 10;
	border: 1px solid #fff;
}
.breadcrumb li a:hover {
	text-decoration: none;
}

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

  利用規約 / プラポリ / サイトについて

============================================== */
.bb {
	margin-bottom: 10px;
	font-size: 1.125em;
	font-weight: 700;
	color: #847c21;
	border-bottom: 3px solid #ccc35b;
}
.inner >p +.attentionList {
	margin-top: 50px;
}
.attentionList {
	margin-bottom: 50px;
}
.attentionList h3 {
	margin-bottom: 5px;
	padding-left: 20px;
	color: #847c21;
	line-height: 1.3;
	background: url(../common/img/ico_circle2.png) left 4px no-repeat;
}
.attentionInner {
	margin-top: 50px;
	padding-left: 20px;
}
.attentionInner p {
	margin: 20px 0;
}
.corpLinkBox {
	margin: 40px 0 80px;
	padding: 30px 15px;
	border: 1px solid #d2d2d2;
}
.corpLinkBox +.attentionList {
	margin-top: -40px;
}
.corpLinkBox a {
	font-weight: 700;
	text-decoration: underline;
}
.corpLinkBox a:hover {
	text-decoration: none;
}




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

  スマートフォン

<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

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

	.pcOnly {display: none !important;}
	.spOnly {display: block !important;}
	.spOnly.inline {display: inline !important;}
	img {
		height: auto;
	}

	/*
		スマホで非表示
	------------------------------ */
	.header-adhd nav,
	#topMap,
	.breadcrumb,
	.main .sideNavi {
		display: none;
	}

	/* -------------------------------------------
		header -sp-
	------------------------------------------- */
	.header-adhd  {
	background: none;
	}
	.header-adhd .inner {
		padding: 0;
	}
	.header-adhd .siteTitle img {
		min-width: 100%;
	}
	.header-adhd .siteTitle{
		padding-bottom: 5px;
	}

	/* -------------------------------------------
		footer -sp-
	------------------------------------------- */
	/* .footer-adhd {
		background: url(../parents/common/img/footer_bg_copy_sp.png) center bottom repeat-x;
	} */
	/* .footer-adhd .attention{
		margin-bottom: 10px;
	} */
	.footer-adhd .footerLogo {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.footer-adhd .footerLogo li {
		display: block;
		margin: 5px 10px 20px;
		text-align: center;
	}
	.footer-adhd .footerLogo li:nth-child(1) img {
		width: min(55%,210px);
	}
	.footer-adhd .footerLink {
		text-align: center;
		margin-top: 0;
	}
	.footer-adhd .footerLink li:not(:first-of-type)::before {
		display: none;
	}
	.footer-adhd .footerLink li a {
		display: block;
		margin: 3px 10px 8px 10px;
		padding: 1px 10px;
		color: #673a00;
		background: #fffcce;
		border: 1px dashed #bdb30d;
		border-radius: 3px;
	}

	/*
		ページトップへ
	------------------------------ */
	.pageTop {
		min-height: 50px;
		background-size: 600px;
	}
	.pageTop #goTop {
		position: fixed;
		display: none;
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		background: #e4e3e1;
		border-radius: 6px;
		opacity: .8;
	}
	.pageTop #goTop::after {
		position: absolute;
		top: 17px;
		left: 14px;
		display: block;
		content: "";
		width: 10px;
		height: 10px;
		border-top: 2px solid #beb615;
		border-right: 2px solid #beb615;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/*
		入り口
	------------------------------ */
	.enterArea {
		margin: 30px 0 20px;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.enterArea >li {
		flex: none;
		width: calc((100% - min(2vw,30px)) / 2);
	}
	.enterArea li h2,
	.topIndex .inner h2 {
		font-size: 0.813em;
		letter-spacing: -0.025em;
	}
	.links {
		text-align: center;
	}
	.links li {
		display: block;
		text-align: left;
	}
	.links li:nth-child(2)::before,
	.links li:nth-child(3)::before,
	.links li:nth-child(4)::before {
		content: "";
	}
	.linksArea {
		display: block;
		margin: 0 3%;
	}
	.links li a {
		position: relative;
		display: block;
		margin: 5px 0 10px 18px;
		color: #673a00;
		font-weight: 700;
	}
	.links.parents li a::before,
	.links.parents li a::after,
	.links.educators li a::before,
	.links.educators li a::after {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 3px;
	}
	.links.parents li a::before,
	.links.educators li a::before {
		top: 5px;
		left: -8px;
	}
	.links.parents li a::after,
	.links.educators li a::after {
		top: 5px;
		left: -9px;
		border-color: transparent transparent transparent #fff;

	}
	.links.parents li a::before {
		border-color: transparent transparent transparent #a78624;
	}
	.links.educators li a::before {
		border-color: transparent transparent transparent #4b5a0d;
	}

}