@charset "UTF-8";
/* 
Theme Name:こどものその保育園
Description:こどものその保育園様用のテンプレートです
Version:1.0
Author:SWITCH CO.,LTD.
*/
html{
	font-size: 100%;
}
body {
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
 -webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
 line-height: 1;
 color: #574338;
	font-family: 'Zen Maru Gothic', sans-serif;
	letter-spacing: 0.05em;
	text-align: justify;
	font-feature-settings: "palt";
}
@media (max-width:768px){
	body{
		font-size: 14px;
	}
}
@media (min-width:769px){
	.pc_none{
		display: none;
	}
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media (max-width:1024px){
	img{
		width: 100%;
	}
}
a{
 color: #574338;
	text-decoration: none;
}
ul{
	list-style: none;
}
.flexB{
	display: flex;
	justify-content: space-between;
}
.flexC{
	display: flex;
	justify-content: center;
}
.flexW{
	display: flex;
	flex-wrap: wrap;
}
.flexE{
	display: flex;
	justify-content: flex-end;
}
.flexA{
	display: flex;
	justify-content: space-around;
}
.inner1280{
max-width: 1280px;
margin: 0 auto;
}
.inner1160{
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 5%;
}
.inner960{
	max-width: 960px;
	margin: 0 auto;
}
.wrap{
	padding: 0 4%;
}
@media(max-width:768px){
	.flexB,.flexC{
		flex-direction: column;
	}
	.wrap{
		padding: 0 16px;
	}
}
/* 見出し */
.sec-ttl{
	text-align: center;
	font-size: 36px;
	position: relative;
}
.sec-ttl span{
	display: block;
	font-size: 12px;
}
/* page-top */
#page-top{
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 50px;
	height: auto;
	animation: bird 15s ease-in-out 0s infinite alternate none;
	z-index: 9999;
}
#page-top a{
	display: block;
}
@keyframes bird {
	0%,	100% {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}
	10% {
		transform: rotate(8deg);
	}
	20%,	40%,	60% {
		transform: rotate(-10deg);
	}
	30%,	50%,	70% {
		transform: rotate(10deg);
	}
	80% {
		transform: rotate(-8deg);
	}
	90% {
		transform: rotate(8deg);
	}
}
@media (max-width:768px){
	#page-top {
		bottom: 20px;
		right: 10px;
		width: 40px;
}
}

/* header
============================= */
/* .drawer-navbar.drawer-navbar--fixed .drawer-navbar-header{
	border-bottom: 0;
	padding-top: 8px;
}*/
.drawer-navbar .drawer-navbar-header .logo{
	max-width: 240px;
}
.drawer-nav .drawer-menu-item:hover{
	text-decoration: none;
}
@media (min-width:1025px){
	.drawer-navbar .drawer-navbar-header .logo{
		max-width: 320px;
	} 
	.sp-menu{display: none;}
}/* min-width:1025px */

/* footer
=========================== */
.footer-top{
 background: url(images/common/footer-bg.jpg);
 padding-top: 70px;
 padding-bottom: 50px;
	color: #fff;
}
.footer-top address{
 margin: 20px 0;
 font-style: normal;
 font-size: 14px;
 font-weight: 500;
	text-align: center;
}
.footer-top .telbox{
 border: 1px solid #45b5ac;
 padding: 20px 0;
 text-align: center;
}
.footer-top .tel-inner{
 text-align: left;
 display: inline-block;
 margin: 20px 0;
}
.footer-top .telbox p{
 font-size: 12px;
 text-transform: uppercase;
}
.footer-top .telbox p:nth-child(2){
 margin: 5px 0 12px;
 font-weight: 500;
}
.footer-top .telbox p a,
.footer-top .telbox p span{
 margin-left: 5px;
 letter-spacing: .1em;
	color: #fff;
}
.footer-top .telbox .number{
 font-size: 20px;
 font-weight: bold;
}
.footer-top .footer-ttl{
 font-size: 14px;
 text-align: center;
}
.footer-top .footer-ttl::before{
	content: "";
	display: inline-block;
	width: 33px;
	height: 27px;
	background: url(images/common/footer-deco01.png) no-repeat;
	background-size: 100%;
	position: relative;
	left: -24px;
 bottom: -8px;
}
.footer-top .footer-ttl::after{
	content: "";
	display: inline-block;
	width: 26px;
	height: 25px;
	background: url(images/common/footer-deco02.png) no-repeat;
	background-size: 100%;
	position: relative;
	right: -14px;
 bottom: -8px;
}
.footer-top .gr-btn{
 margin: 0 auto;
}
.footer-top .flexB > div:first-child{
	width: 31%;
}
.footer-top .flexB > div:nth-child(2){
	max-width: 800px;
	width: 65%;
	text-align: left;
}
.footer-top .flexE{
 font-size: 14px;
	margin-bottom: 40px;
}
.footer-top .flexE li{
padding: 0 2%;
position: relative;
}
.footer-top .flexE li::before{
	content: "";
	display: inline;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 10px;
	border-color: transparent transparent transparent #f18900;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer-top .flexE .footer-insta_icon::before{
 content: none;
}
.footer-top .flexE a{
	color: #fff;
}
.footer-top .flexE:last-of-type{
 align-items: center;
}
.footer-btm{
	padding: 50px 4% 80px;
	font-size: 10px;
}
.footer-btm span{
	text-transform: uppercase;
}
@media(max-width:1023px){
	.footer-top img{
		max-width: 300px;
	}
	.footer-top .flexB > div{
		text-align: center;
	}
	.footer-top .flexB > div:first-child{
		width: 100%;
	}
	.footer-top .flexB > div:nth-child(2){
		display: none;
	}
	.footer-top .telbox{
		max-width: 460px;
		margin: 0 auto;
	}
	.footer-top .flexB{
		justify-content: center;
	}
	.footer-top address{
		margin: 20px 0;
	}
	.footer-btm{
		text-align: center;
		padding: 20px 4%;
	}
}/* max-width:1023px */

/* parts */
.sec-ttl{
	font-size: 36px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 50px;
}
.sec-ttl span{
	display: block;
	font-size: 12px;
	margin-top: 24px;
}
.gr-btn{
	width: 270px;
	height: 60px;
	position: relative;
	text-align: center;
	background-color: #6dbc44;
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	display: block;
	border-radius: 30px;
}
.gr-btn2{
	max-width: 360px;
	height: 60px;
	text-align: center;
	background-color: #6dbc44;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	display: block;
	font-weight: bold;
	margin: 0 auto;
}
.or-btn{
	max-width: 360px;
	height: 60px;
	text-align: center;
	background-color: #f18a00;
	color: #fff;
	font-size: 26px;
	display: block;
	margin: 0 auto 15px;
 padding: 8px;
	font-weight: bold;
	letter-spacing: .2em;
}
.or-btn .bi{
	font-size: 18px;
 padding-right: 5px;
 vertical-align: bottom;
	font-weight: normal;
}
.or-btn span{
	display: block;
	font-size: 12px;
	letter-spacing: initial;
 margin-top: 5px;
 font-weight: normal;
}
.bi-arrow-right-short{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 34px;
}
summary {
	list-style: none;
}
summary::-webkit-details-marker {
	display: none;
}
summary {
	cursor: pointer;
}
@media (max-width:768px){
	.sec-ttl{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.sec-ttl span{
		margin-top: 14px;
	}
}

/* 下層MV */
.underlayer_visual-wrap{
	height: 500px;
	position: relative;
}
.underlayer_visual-wrap::after{
	content: "";
 width: 100%;
 background: url(images/common/main-visual_after.png) repeat-x;
 background-size: 100% 40px;
 height: 40px;
 position: absolute;
 bottom: 0;
 left: 0;
}
.underlayer_visual-wrap .main-visual{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.underlayer_visual-wrap .page-ttl{
	text-align: center;
	font-size: 48px;
	font-weight: 400;
	color: #fff;
	text-shadow: 1px 2px 2px rgb(50 50 50);
	line-height: 1.4;
}
.underlayer_visual-wrap .page-ttl span{
	display: block;
	font-size: 20px;
}
@media (max-width:768px){
	.underlayer_visual-wrap{
		height: 260px;
	}
	.underlayer_visual-wrap::after{
  background: url(images/common/main-visual_after_sp.png);
  background-size: 100% 33px;
  height: 33px;
	}
	.underlayer_visual-wrap .page-ttl{
		font-size: 22px;
	}
	.underlayer_visual-wrap .page-ttl span{
		font-size: 16px;
	}
}

@media (min-width:769px) and (max-width:1024px){
	.underlayer_visual-wrap .page-ttl{
		font-size: 36px;
	}
	.underlayer_visual-wrap .page-ttl span{
		font-size: 20px;
	}
}

.not-found .main-visual{
  background-image: url(images/support/support_mv.webp);
 }
 @media (max-width:768px){
.not-found .main-visual{
    background-image: url(images/support/support_mv_sp.webp) ;
  }
 }

.not-found .nf-inner {
  padding: 60px 0 100px;
}
.not-found p{
  font-size: 1.2rem;
  line-height: 2;
}
.not-found a{
  color: #f18900;
}