@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



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

	レイアウト

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}

	.section_title_text1 {
		font-size: 2.5em;
		color: #34A030;
		text-align: center;
		margin-bottom: 45px;
		line-height: 0.7em;
	}
	.section_title_text1 span{
		font-size: 0.35em;
	}

	.section_title_text2 {
		font-size: 2em;
		color: #34A030;
		text-align: center;
		margin-bottom: 20px;
	}

	/* ボタン */
	.more_btn {
		text-align: center;
	}
	.more_btn.btn_left {
		text-align: left;
	}
	.more_btn a{
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 15px 5px;
		position: relative;
		background-color: #F79B06;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1.2px;
		border-radius: 35px;
		margin-top: 45px;
	}
	.more_btn a::before{
		content: "";
		width: 30px;
		height: 35px;
		background: url(../img/nikukyu2.png) center / 100% no-repeat;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* 緑ボタン */
	.more_btn_g {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}
	.more_btn_g a{
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 15px 5px;
		position: relative;
		background-color: #34A030;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1.2px;
		border-radius: 35px;
	}
	.more_btn_g a::before{
		content: "";
		width: 30px;
		height: 35px;
		background: url(../img/nikukyu2.png) center / 100% no-repeat;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	.more_btn_g img {
		height: auto;
		width: 80px;
		margin-left: 25px;
	}

	/* 緑の肉球背景 */
	.nukukyu_bc {
		background: url(../img/nikukyu-bc.png) center / 100% repeat;
	}

	/* 2カラムマージン */
	.column2_m {
		margin-right: 70px;
	}
	.column2_m2 {
		margin-left: 70px;
	}

	/* 縦のマージン */
	.mt_b_130 {
		margin-bottom: 100px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}

	.section_title_text1 {
		font-size: 8vw;
		color: #34A030;
		text-align: center;
		margin-bottom: 25px;
		line-height: 1.3em;
	}
	.section_title_text1.en {
		line-height: 0.8em;
	}
	.section_title_text1 span{
		font-size: 4.27vw;
	}

	.section_title_text2 {
		font-size: 5.33vw;
		color: #34A030;
		text-align: right;
		margin-bottom: 30px;
	}

	/* ボタン */
	.more_btn {
		text-align: center;
	}
	
	.more_btn a{
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 15px 5px;
		position: relative;
		background-color: #F79B06;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1.2px;
		border-radius: 35px;
		margin-top: 30px;
	}
	.more_btn a::before{
		content: "";
		width: 30px;
		height: 35px;
		background: url(../img/nikukyu2.png) center / 100% no-repeat;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	/* 緑ボタン */
	.more_btn_g {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
		flex-direction: column;
	}
	.more_btn_g a{
		width: 260px;
		display: inline-block;
		text-align: center;
		padding: 15px 5px;
		position: relative;
		background-color: #34A030;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1.2px;
		border-radius: 35px;
		margin-top: 30px;
	}
	.more_btn_g a::before{
		content: "";
		width: 30px;
		height: 35px;
		background: url(../img/nikukyu2.png) center / 100% no-repeat;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}

	.more_btn_g img {
		height: auto;
		width: 80px;
		margin-top: 25px;
	}

	/* 緑の肉球背景 */
	.nukukyu_bc {
		background: url(../img/nikukyu-bc.png) center / 100% repeat;
	}

	/* 2カラムマージン */
	.column2_m {
		margin-top: 30px;
	}

	/* 縦のマージン */
	.mt_b_130 {
		margin-bottom: 40px;
	}
}





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

	メイン画像

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		margin-top: 75px;
	}
	.main_top_in {
		position: relative;
		background: url(../img/top-mv2.png) center / cover no-repeat;
		height: 530px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		margin-top: 12.8vw;
	}
	.main_top_in {
		position: relative;
		background: url(../img/sp_top2.png) center / cover no-repeat;
		height: 320px
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



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

	コンセプト

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_concept {
		background-color: #FFFAEB;
		position: relative;
		padding: 120px 20px 160px;
	}
	.top_concept::before {
		content: "";
		width: 650px;
		height: 650px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 100%;
	}
	.top_concept:after {
		content: "";
		width: 900px;
		height: 225px;
		background: url(../img/dog1.png) center / 100% no-repeat;
		position: absolute;
		bottom: 0;
		left: 53%;
		transform: translateX(-50%);
		z-index: 1;
	}
	.top_concept_content {
		position: relative;
		z-index: 10;
	}
	.top_concept_text {
		text-align: center;
		font-weight: bold;
		margin-bottom: 45px;
	}
	.inu_img {
		position: relative;
		width: 100%;
		height: 1px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_concept {
		background-color: #FFFAEB;
		position: relative;
		padding: 60px 20px 100px;
	}
	.top_concept::before {
		content: "";
		width: 500px;
		height: 500px;
		background-color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 100%;
	}
	.top_concept:after {
		content: "";
		width: 110%;
		height: 100px;
		background: url(../img/dog1.png) center / 100% no-repeat;
		position: absolute;
		bottom: 0;
		left: 53%;
		transform: translateX(-50%);
		z-index: 1;
	}
	.top_concept_content {
		position: relative;
		z-index: 10;
	}
	.top_concept_text {
		text-align: center;
		font-weight: bold;
		margin-bottom: 45px;
	}
	.inu_img {
		position: relative;
		width: 100%;
		height: 1px;
	}
}





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

	コンテンツ一覧

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_content_list {
		padding: 120px 20px;
	}

	.section_title_text2 {
		position: relative;
		display: inline-block;
	}
	.section_title_text2::before {
		position: absolute;
		content: "";
		width: 50px;
		height: 1px;
		background-color: #12830D;
		top: 50%;
		right: -70px;
	}
	/* hoikuen */
	.section_title_text2.hoikuen::after {
		position: absolute;
		content: "Nursery school";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 0.625em;
	}
	/* レッスン・講座 */
	.section_title_text2.lesson::after {
		position: absolute;
		content: "Lesson";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 0.625em;
	}
	/* ボディケア */
	.section_title_text2.bodycare::after {
		position: absolute;
		content: "Body care";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 0.625em;
	}
	.content_list_text {
		font-weight: 600;
	}

	.color_img img{
		border-radius: 20px;
		position: relative;
		z-index: 10;
		display: inline-block;
	}
	.color_img.color_blue::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #C5D3FA;
		border-radius: 20px;
		z-index: 9;
		top: 15px;
		left: 15px;
	}
	.color_img.color_green::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #92E28F;
		border-radius: 20px;
		z-index: 9;
		top: 15px;
		left: 15px;
	}
	.color_img.color_yellow::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #FCE277;
		border-radius: 20px;
		z-index: 9;
		top: 15px;
		left: 15px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_content_list {
		padding: 80px 20px;
	}
	.section_title_text2 {
		position: relative;
		display: inline-block;
	}
	.section_title_text2::before {
		position: absolute;
		content: "";
		width: 50px;
		height: 1px;
		background-color: #12830D;
		top: 50%;
		right: -70px;
	}
	/* hoikuen */
	.section_title_text2.hoikuen::after {
		position: absolute;
		content: "Nursery school";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 3.73vw;
	}
	/* レッスン・講座 */
	.section_title_text2.lesson::after {
		position: absolute;
		content: "Lesson";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 3.73vw;
	}
	/* ボディケア */
	.section_title_text2.bodycare::after {
		position: absolute;
		content: "Body care";
		font-family: 'Josefin Sans', sans-serif;
		color: #34A030;
		top: 56%;
		right: -80px;
		transform: translate(100%, -50%);
		font-size: 3.73vw;
	}
	.section_title_text2.hoikuen,
	.section_title_text2.lesson,
	.section_title_text2.bodycare {
		margin-bottom: 15px;
	}
	.content_list_text {
		font-weight: 600;
	}

	.color_img img{
		border-radius: 20px;
		position: relative;
		z-index: 10;
		display: inline-block;
	}
	.color_img.color_blue::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #C5D3FA;
		border-radius: 20px;
		z-index: 9;
		top: 10px;
		left: 10px;
	}
	.color_img.color_green::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #92E28F;
		border-radius: 20px;
		z-index: 9;
		top: 10px;
		left: 10px;
	}
	.color_img.color_yellow::before{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #FCE277;
		border-radius: 20px;
		z-index: 9;
		top: 10px;
		left: 10px;
	}
	.sp_m {
		margin-bottom: 30px;
		margin-top: 0;
	}
}





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

	お知らせ

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_news {
		background: url(../img/mokume-bc.png) center / 100% repeat;
		padding: 70px 20px;
	}

	.top_news > div {
		max-width: 1200px !important;
	}
	.top_news_wrap {
		margin: 0 auto;
		width: 100%;
		background-color: #fff;
		padding: 70px 13%;
		border-radius: 40px;
		box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
	}
	.post_wrap ul li {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.post_date {
		margin-right: 25px;
	}
	.post_icon_box {
		margin-right: 25px;
		min-width: 135px;
		text-align: center;
		background-color: #58B754;
		color: #fff;
		font-weight: 600;
		padding: 5px;
		border-radius: 8px;
	}
	.post_title a {
		color: #2E2E2E;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_news {
		background: url(../img/mokume-bc.png) center / 100% repeat;
		padding: 40px 10px;
	}

	.top_news_wrap {
		margin: 0 auto;
		width: 100%;
		background-color: #fff;
		padding: 40px 15px;
		border-radius: 40px;
		box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
	}
	.post_wrap {
		margin-bottom: 15px;
	}
	.post_wrap:last-child {
		margin-bottom: 0;
	}
	.post_wrap ul li {
		margin-bottom: 15px;
	}
	.post_date {
		margin-right: 10px;
		display: inline-block;
	}
	.post_icon_box {
		margin-right: 25px;
		min-width: 100px;
		text-align: center;
		background-color: #58B754;
		color: #fff;
		font-weight: 600;
		padding: 2px 5px;
		border-radius: 8px;
		display: inline-block;
	}
	.post_title a {
		color: #2E2E2E;
	}
}





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

	他のページへ

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_other {
		padding: 70px 20px;
	}
	.top_other > div {
		max-width: 1200px !important;
		width: 100%;
	}
	.other_btn > div {
		max-width: 1200px !important;
		width: 100%;
	}
	.other_btn {
		margin-bottom: 50px;
	}
	.contact_content {
		background: url(../img/waku.png) center / 100% 100% no-repeat;
		padding: 70px 8%;
		position: relative;
	}
	.contact_content::before {
		content: "";
		width: 3px;
		height: 85%;
		background-color: #FDECB3;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.contact_content_tel {
		text-align: center;
	}
	.contact_content_num {
		line-height: 1.2;
		position: relative;
		color: #2E2E2E;
		margin-left: 60px;
		font-size: 2.5em;
		border-bottom: 1.5px solid #2E2E2E;
	}
	.contact_content_num::before {
		content: "";
		width: 50px;
		height: 50px;
		background: url(../img/tel-icon-b.png) center / 100% no-repeat;
		position: absolute;
		left: -60px;
		bottom: 0;
	}

	.contact_title {
		text-align: center;
	}
	.contact_title_sub {
		font-weight: 600;
		padding: 5px 40px;
		background-color: #fff;
		border-radius: 15px;
		margin-bottom: 0px !important;
	}
	.contact_title h2 {
		font-size: 2.813em;
		margin-bottom: 10px;
		position: relative;
		display: inline-block;
		margin-top: 0 !important;
		z-index: 1;
	}
	.contact_title h2::before {
		content: "";
		width: 100%;
		height: 10px;
		background-color: #F8F59E;
		position: absolute;
		left: 50%;
		bottom: 15px;
		transform: translateX(-50%);
		z-index: -1;
	}
	.contact_title span {
		color: #34A030;
	}
	.contact_content_text {
		font-weight: 600;
		margin-bottom: 40px !important;
	}
	.contact_content_text2 {
		font-weight: 600;
		margin-bottom: 20px !important;
	}

	.line_tyui {
		font-size: 0.875em;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_other {
		padding: 0px 10px 40px;
	}

	.other_btn {
		margin-bottom: 30px;
	}
	.contact_content {
		background: url(../img/waku-bc2.png) center / 100% 100% no-repeat;
		padding: 40px 30px;
		position: relative;
	}

	.contact_content_tel {
		text-align: center;
	}
	.contact_content_num {
		line-height: 1.2;
		position: relative;
		color: #2E2E2E;
		margin-left: 40px;
		font-size: 8.4vw;
		border-bottom: 1.5px solid #2E2E2E;
	}
	.contact_content_num::before {
		content: "";
		width: 40px;
		height: 40px;
		background: url(../img/tel-icon-b.png) center / 100% no-repeat;
		position: absolute;
		left: -40px;
		bottom: 0;
	}

	.contact_title {
		text-align: center;
	}
	.contact_title_sub {
		font-weight: 600;
		padding: 5px;
		background-color: #fff;
		border-radius: 15px;
		margin-bottom: 0px !important;
	}
	.contact_title h2 {
		font-size: 7.4vw;
		margin-bottom: 10px;
		position: relative;
		display: inline-block;
		margin-top: 0 !important;
		z-index: 1;
	}
	.contact_title h2::before {
		content: "";
		width: 100%;
		height: 10px;
		background-color: #F8F59E;
		position: absolute;
		left: 50%;
		bottom: 10px;
		transform: translateX(-50%);
		z-index: -1;
	}
	.contact_title span {
		color: #34A030;
	}
	.contact_content_text {
		font-weight: 600;
		margin-bottom: 30px !important;
	}
	.contact_content_text2 {
		font-weight: 600;
		margin-bottom: 20px !important;
	}

	.line_tyui {
		font-size: 0.875em;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
	}
	.mail_section {
		margin-bottom: 40px;
	}
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}