@charset "utf-8";

#news-topics .urgent {
	color:#F00;
	text-align:center;
}
#news-topics dl.topics .data .title-box h2,
#news-topics dl.news .data .title-box h2 {
	font-family:"Kosugi Maru";
	line-height:1.4;
}
#news-topics dl.topics .data img {
	width:100%;
	height:auto;
}

/*DEVICE：SP*/
@media not screen and (min-width: 768px) {
/*BASE*/

/*緊急ニュース*/
#news-topics #emergency {
	color: #C00;
	text-align:center;
	padding:1.5rem;
	margin-bottom:2rem;
	border:solid 4pt #C00;
	border-radius:8px;
}
#news-topics #emergency h1 {
	font-size:24px;
	margin-bottom:1rem;
}
#news-topics #emergency p {
	font-size:16px;
}

/*ピックアップ ニュース*/
#pickup {
	padding:0 2rem 0;
}
#pickup > .button li {
	/*width:50%;*/
}
#pickup > .button li:not(:last-child) {
	padding-bottom:.5em;
}
#pickup > .button img {
	display:block;
	width:100%;
}

/*ニュース・トピックス*/
#news-topics {
	background-color:#FFF;
	padding:4rem 1.5rem 4rem;
}
#news-topics h1 {
	text-align:center;
	margin-bottom:2rem;
}

#news-topics dl.topics {
	padding-bottom:2em;
}
#news-topics dl.topics .time {
	font-size:max(1vw,10px);
	padding:1em 0 .5em;
}
#news-topics dl.topics .time::before {
	content:"HOT TOPICS";
	color:#FFF;
	background-color:#aa559a;
	display:inline-block;
	padding:.5em 1em;
	margin-right:.5em;
	border-radius:6px;
}
#news-topics dl.topics .data {
	background-color:#FFF;
	padding:1em;
	border: solid 1px #CCC;
	margin-bottom:1em;
}
#news-topics dl.topics .data a {
	display:block;
	color:#333;
}
#news-topics dl.news .data h2 {
	margin-bottom:.5em;
}
#news-topics dl.topics .data .txt-box ul.img-box {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	gap:1em;
}
#news-topics dl.topics .data .txt-box ul.img-box img {
	width:100%;
	height:auto;
}
#news-topics dl.topics .data .txt-box ul.img-box p {
	padding-top:.5em;
	font-size:max(1vw,10px);
}

#news-topics dl.news .data .txt-box {
	text-align: justify;
}
#news-topics dl.news .data a p.button.sp {
	display:block;
	text-align:center;
	color:#FFF;
	background-color:rgba(84,143,242,1);
	padding:1em;
	margin-top:1em;
}

#news-topics dl.news {
	padding-bottom:2em;
}
#news-topics dl.news .time {
	font-size:max(1vw,10px);
	padding:1em 0 .5em;
}
#news-topics dl.news .time::before {
	content:"掲載日：";
}
#news-topics dl.news .data {
	background-color:#FFF;
	padding:1em;
	border: solid 1px #CCC;
	margin-bottom:1em;
}
#news-topics dl.news .data a {
	display:block;
	color:#333;
}
#news-topics dl.news .data h2 {
	margin-bottom:.5em;
}

#news-topics dl.news .data .txt-box {
	text-align: justify;
}
#news-topics dl.news .data a p.button.sp {
	display:block;
	text-align:center;
	color:#FFF;
	background-color:rgba(84,143,242,1);
	padding:1em;
	margin-top:1em;
}

/*理念*/
#phiosophy .contents-head {
	display:flex;
	align-items:flex-end;
	background: url(../images/tmpl/content_header_gr.svg?ver1.0) no-repeat bottom -4px center;
	background-size:100% auto;
	width:100%;
	height:100%;
	aspect-ratio:1920 / 400;
	padding:0;
}
#phiosophy .contents-body {
	color:#25412f;
	background-color:#B0E2BF;
	padding:2rem 1.5rem 4rem;
}
#phiosophy .contents-body h1 {
	text-align:center;
	margin-bottom:2em;
}
#phiosophy .contents-body .img-box  {
	width:100px;
	border-radius:10px;
	margin:auto;
}
#phiosophy .contents-body .img-box img  {
	width:100%;
}
#phiosophy .contents-body .txt-box {
	text-align:justify;
	margin-bottom:2rem;
}
#phiosophy .contents-body .txt-box a.bt-txt {
	display:block;
	width:100%;
	max-width:none;
	padding:.5em 3em 1em 2em;
}
#phiosophy .contents-body .txt-box h2.title {
	font-family: 'Noto Serif JP', serif;
}

/*保育目標*/
#mission {
	color:#222C4D;
	background-color:#E3EAEF;
	padding:4rem 1.5rem;
}
#mission .contents-body {
	text-align:justify;
}
#mission .contents-body h1 {
	text-align:center;
	margin-bottom:2em;
}
#mission .contents-body ul {
	font-size:max(1.6vw,16px);
}
#mission .contents-body ul li:not(:last-child) {
	margin-bottom:1.5em;
}
#mission .contents-body ul li {
	display:flex;
	flex-flow: row wrap; 
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	width:100%;
}
#mission .contents-body ul li .ico {
	display:block;
	width:1.6em;
	padding-top:4px;
}
#mission .contents-body ul li .ico img {
	width:100%;
	height:auto;
}
#mission .contents-body ul li .txt {
	display:block;
	width:calc(100% - 1.6em - 1rem);
}

/*安全対策*/
#safety {
	color:#422315;
	background-color:#EDE2C3;
	padding:4rem 1.5rem;
}
#safety .contents-body {
	text-align:justify;
}
#safety .contents-body h1 {
	text-align:center;
	margin-bottom:2em;
}
#safety .contents-body ul {
	font-size:max(1.6vw,16px);
}
#safety .contents-body ul li:not(:last-child) {
	margin-bottom:1.5em;
}
#safety .contents-body ul li {
	display:flex;
	flex-flow: row wrap; 
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	width:100%;
}
#safety .contents-body ul li .ico {
	display:block;
	width:1.6em;
	padding-top:4px;
}
#safety .contents-body ul li .ico img {
	width:100%;
	height:auto;
}
#safety .contents-body ul li .txt {
	display:block;
	width:calc(100% - 1.6em - 1rem);
}
#safety .contents-body ul li .txt h2 {
	font-size:max(1.6vw,16px);
	margin-bottom:.5em;
}
#safety .contents-body ul li .txt p {
	font-size:14px;
}

/*園児募集*/
#enrollment {
	background-color:#FFE7FF;
	padding:4rem 1.5rem;
}
#enrollment .contents-head {
	text-align:center;
	margin-bottom:2rem;
}
#enrollment .contents-body {
	margin:0 auto 4rem;
}
#enrollment .contents-body:last-of-type {
	margin-bottom:0;
}
#enrollment .contents-body h2 {
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:24px;
	text-align:center;
	margin-bottom:2rem;
}
#enrollment .contents-body h2::before,
#enrollment .contents-body h2::after{
	content: "";
	flex-grow:1;
	border-top:1px solid #931F8E;
}
#enrollment .contents-body h2::before {
	margin-right: 1rem; 
}
#enrollment .contents-body h2::after {
	margin-left: 1rem; 
}
#enrollment .contents-body h3 {
	display:block;
	font-family:"Kosugi Maru";
	font-size:18px;
	color:#931F8E;
	text-align:center;
	margin-bottom:1rem;
}
#enrollment .contents-body .requirements {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:1rem;
}
#enrollment .contents-body .requirements > ul {
	text-align:left;
	padding:1rem 1rem;
	border:dotted 1px #931F8E;
	border-radius:10px;
}
#enrollment .contents-body .requirements > ul > li {
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
#enrollment .contents-body .requirements > ul > li:not(:last-child) {
	margin-bottom:1rem;
}
#enrollment .contents-body .requirements > ul > li::before {
	content: "〇";
	display:inline-block;
	color:#931F8E;
	margin-right:.5rem;
}
#enrollment .contents-body .requirements > ul > li.closed p {
	white-space:nowrap;
	padding-right:1em;
}
#enrollment .contents-body .requirements > ul > li.closed ul {
	list-style-type:disc; list-style-position:outside; margin-left:1.5em;
}
}


/*DEVICE：PC TAB*/
@media screen and (min-width: 768px) {
/*BASE*/
body#home {
	padding-top:0 !important;
}
#header {
	transform:translateY(-100px);
	transition:transform ease-in-out .3s;
}

/*緊急ニュース*/
#news-topics #emergency {
	color: #C00;
	text-align:center;
	padding:2em;
	margin-bottom:60px;
	border:solid 4pt #C00;
	border-radius:10px;
}
#news-topics #emergency h1 {
	font-size:max(3.2vw,32px);
	margin-bottom:1em;
}
#news-topics #emergency p {
	font-size:max(1.6vw,16px);
}


/*ピックアップ ニュース*/
#pickup {
	width:100%;
	min-width:1160px;
	padding:0 100px;
	position:relative;
	margin-top:-7.4em;
}
#pickup > .button li {
	/*width:50%;*/
}
#pickup > .button li:not(:last-child) {
	padding-bottom:.2em;
}
#pickup > .button a {
	display:block;
	width:40%;
}
#pickup > .button a img {
	display:block;
	width:100%;
}

/*ニュース・トピックス*/
#news-topics {
	background-color:#FFF;
	padding:80px 80px 0;
}
#news-topics h1 {
	text-align:center;
	margin-bottom:2rem;
}

#news-topics dl.topics {
	display:grid;
	grid-template-columns: auto 1fr;
	gap:2px 0;
	padding-bottom:60px;
}
#news-topics dl.topics .time {
	color:#FFF;
	background-color:#edcdc3;
	padding:1em 2em;
	border:solid 1px #edcdc3;
}
#news-topics dl.topics .time::before {
	content:"HOT TOPICS";
	font-size: max(1.0vw, 10px);
	text-align:center;
	color:#FFF;
	background-color:#aa559a;
	display:block;
	padding:.5em 0;
	border-radius:6px;
}
#news-topics dl.topics .data {
	background-color:#FFF;
	padding:1em 2em;
	border:solid 1px #edcdc3;
}
#news-topics dl.topics .data .title-box {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:center;
	padding-bottom:1em;
}
#news-topics dl.topics .data .title-box h2 {
	font-size:max(1.6vw,16px); 
}
#news-topics dl.topics .data a:hover .title-box .button {
	background-color:rgba(84,143,242,1);
}
#news-topics dl.topics .data .txt-box {
	font-size:max(1.2vw,12px);
	text-align:justify;
}
#news-topics dl.topics .data .txt-box ul.img-box {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	gap:1em;
}
#news-topics dl.topics .data .txt-box ul.img-box img {
	width:100%;
	height:auto;
}
#news-topics dl.topics .data .txt-box ul.img-box p {
	padding-top:.5em;
	font-size:max(1vw,10px);
}

#news-topics dl.news {
	display:grid;
	grid-template-columns: auto 1fr;
	gap:2px 0;
	padding-bottom:60px;
}
#news-topics dl.news .time {
	background-color:#EFEFEF;
	padding:1em 2em;
	border:solid 1px #EFEFEF;
}
#news-topics dl.news .data {
	background-color:#FFF;
	padding:1em 2em;
	border:solid 1px #EFEFEF;
}
#news-topics dl.news .data a {
	display:block;
	color:#333;
}
#news-topics dl.news .data .title-box {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:center;
	padding-bottom:1em;
}
#news-topics dl.news .data .title-box h2 {
	font-size:max(1.6vw,16px); 
}
#news-topics dl.news .data a .title-box .button {
	box-sizing:content-box;
	width:13.5em;
	font-size:max(1.2vw,12px); 
	color:#FFF;
	background-color:rgba(1,175,212,.8);
	background-image:url(../images/icon_next-w.svg);
	background-repeat:no-repeat;
	background-position: right 1rem center;
	background-size: 1rem;
	padding:.25em 3em .25em 1em;
}
#news-topics dl.news .data a:hover .title-box .button {
	background-color:rgba(84,143,242,1);
}
#news-topics dl.news .data a .txt-box {
	font-size:max(1.2vw,12px);
	text-align:justify;
}

/*理念*/
#phiosophy .contents-head {
	display:flex;
	align-items:flex-end;
	background: url(../images/tmpl/content_header_gr.svg?ver1.0) no-repeat bottom center;
	background-size:100% auto;
	width:100%;
	height:auto;
	aspect-ratio:1920 / 400;
	padding:0 80px 1.5em;
}
#phiosophy .contents-body {
	color:#25412f;
	background-color:#B0E2BF;
	padding:0 80px 80px;
	position:relative;
}
#phiosophy .contents-body h1 {
	position:absolute;
	top:calc(-2em + -4.2em);
}
#phiosophy .contents-body .content-box {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
	gap:40px 2em;
}
#phiosophy .contents-body .img-box  {
	width:100%;
	max-width:240px;
	overflow:hidden;
	border-radius:10px;
}
#phiosophy .contents-body .img-box img  {
	width:100%;
}
#phiosophy .contents-body .txt-box {
	text-align:justify;
	flex: 1;
	min-width:700px;
}
#phiosophy .contents-body .txt-box a.bt-txt {
	display:inline-block;
	max-width:none;
	padding:1em 3em 1em 2em;
}
#phiosophy .contents-body .txt-box h2.title {
	font-family: 'Noto Serif JP', serif;
}

/*保育目標 安全対策*/
div.layout-half {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:stretch;
	width:100%;
	padding:0;
}
#mission,
#safety {
	width:calc(100% / 2);
	padding:80px 80px;
}
#mission h1,
#safety h1 {
	margin-bottom:2rem;
}

/*保育目標*/
#mission {
	color:#222C4D;
	background-color:#E3EAEF;
}
#mission .contents-body {
	text-align:justify;
}
#mission .contents-body ul {
	font-size:max(1.6vw,16px);
}
#mission .contents-body ul li:not(:last-child) {
	margin-bottom:2em;
}
#mission .contents-body ul li {
	display:flex;
	flex-flow: row wrap; 
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	width:100%;
}
#mission .contents-body ul li .ico {
	display:block;
	width:1.6em;
	padding-top:4px;
}
#mission .contents-body ul li .ico img {
	width:100%;
	height:auto;
}
#mission .contents-body ul li .txt {
	display:block;
	width:calc(100% - 1.6em - 1rem);
}

/*安全対策*/
#safety {
	color:#422315;
	background-color:#EDE2C3;
}
#safety .contents-body {
	text-align:justify;
}
#safety .contents-body ul {
	font-size:max(1.6vw,16px);
}
#safety .contents-body ul li:not(:last-child) {
	margin-bottom:2em;
}
#safety .contents-body ul li {
	display:flex;
	flex-flow: row wrap; 
	justify-content:flex-start;
	align-items:stretch;
	gap:1rem;
	width:100%;
}
#safety .contents-body ul li .ico {
	display:block;
	width:1.6em;
	padding-top:4px;
}
#safety .contents-body ul li .ico img {
	width:100%;
	height:auto;
}
#safety .contents-body ul li .txt {
	display:block;
	width:calc(100% - 1.6em - 1rem);
}
#safety .contents-body ul li .txt h2 {
	font-size:max(1.6vw,16px);
	margin-bottom:.5em;
}
#safety .contents-body ul li .txt p {
	font-size:14px;
}

/*園児募集*/
#enrollment {
	background-color:#FFE7FF;
	padding:80px 80px;
}
#enrollment .contents-head {
	text-align:center;
	margin-bottom:2rem;
}
#enrollment .contents-body {
	text-align:center;
	margin-bottom:80px;
}
#enrollment .contents-body:last-of-type {
	margin-bottom:0;
}
#enrollment .contents-body h2 {
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:max(2.4vw,24px);
	text-align:center;
	margin-bottom:2em;
}
#enrollment .contents-body h2::before,
#enrollment .contents-body h2::after{
	content: "";
	flex-grow:1;
	border-top:1px solid #931F8E;
}
#enrollment .contents-body h2::before {
	margin-right: 1rem; 
}
#enrollment .contents-body h2::after {
	margin-left: 1rem; 
}
#enrollment .contents-body h3 {
	display:block;
	font-family:"Kosugi Maru";
	font-size:max(1.8vw,18px);
	color:#931F8E;
	margin-bottom:1em;
}
#enrollment .contents-body .requirements {
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:1rem;
}
#enrollment .contents-body .requirements > ul {
	text-align:left;
	padding:2em 4em;
	border:dotted 1px #931F8E;
	border-radius:10px;
}
#enrollment .contents-body .requirements > ul > li:not(:last-child) {
	margin-bottom:1rem;
}
#enrollment .contents-body .requirements > ul > li::before {
	content: "〇";
	display:inline-block;
	color:#931F8E;
	margin-right:.5em;
}
#enrollment .contents-body .requirements > ul > li.multiple-lines {
	display:flex;
}
#enrollment .contents-body .requirements > ul > li.closed {
	display:grid;
	grid-template-columns: auto 1fr auto;
	padding:0;
	margin:0;
}
#enrollment .contents-body .requirements > ul > li.closed > p {
	grid-row: 1 / 2;
	grid-column: 2 / 3;
	padding-right:1em;
}
#enrollment .contents-body .requirements > ul > li.closed > ul {
	grid-row: 1 / 2;
	grid-column: 3 / 4;
	padding-bottom:1rem;
}
#enrollment .contents-body .requirements > ul > li.closed ul {
	list-style-type:disc; list-style-position:outside; margin-left:1.5em;
}
#enrollment .contents-body .requirements > ul > li > ul >li:not(:last-child) {
	margin-bottom:.5em;
}
}