@charset "utf-8";

/* 
Last Updated: 2019-06-21
style.css
---------------------------------------------- */
/* 共通設定
---------------------------------------------- */


/* 目次
/* common
/* SP header
/* SPトップページ - くみあい保育園ってどんなところ？？
/* SPトップページ - 保育理念 たくましいからだ ゆたかなこころ
/* SPトップページ - 園内情報
/* SP園の紹介ページ
/* SP年間スケジュール
/* SP保育日時アクセス
/* SP園児募集
/* SPプライバシーポリシー
/* SPお問い合わせ
/* SP footer
/* ---
/* PC header
/* PCトップページ - くみあい保育園ってどんなところ？？
/* PCトップページ - 保育理念 たくましいからだ ゆたかなこころ
/* PCトップページ - 園内情報
/* PC園の紹介ページ
/* PC年間スケジュール
/* PC保育日時アクセス
/* PC園児募集
/* PCプライバシーポリシー
/* PCお問い合わせ
---------------------------------------------- */


/* common
------------------------------------------------ */
html, body { height: 100%; }

html { font-size: 6.25%; }

img { width: 100%; height: auto; }

body { -webkit-text-size-adjust: 100%; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

h1, h2, h3, h4, h5 { font-weight: normal; }

th { text-align: left; font-weight: normal; }

a, a:visited { color: #00F; text-decoration: none; }
a:hover { color: #BBB; text-decoration: underline; }

body {
	font-size: 14px; font-size: 14rem;
	line-height: 1.6;
	color: #222;
	background: #FFF;
}

p.dan1 { margin-bottom: 1em; }
p.dan2 { margin-bottom: 2em; }
p.dan3 { margin-bottom: 3em; }

p.dan-i1 { text-indent: 1em; }

.sp { display: block; }
.pc { display: none; }
.spmenu { display: block; }

.marker1 {
	background: linear-gradient(transparent 60%, #ff0 60%);
	margin-bottom: 20px;
}

.marker2 {
	background: linear-gradient(transparent 40%, 40%, #87d9f5 60%);
}

.wrap {
	overflow: hidden;
	width: 100%;
}

header, footer, section, .wrap_mainvisual, .wrap_to_contact {
	width: 100%;
}

section {
	padding: 20px 0;
}

body {
	background: url(../images/bg_dot.png) repeat;
}

.bottomNavi {
	padding: 2em 0 2em;
	background: #FFF;
}


/* SP header
--------------------------------------------- */
header {
	position: relative;
	background: #FFF;
}

header::after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	height: 8px;
	width: 100%;
	background: url(../images/main_visual_top.png) bottom repeat-x;
	background-size: 50px 8px;
}

.header_inner {
	width: 90%;
	margin: 0 auto;
	padding: 1em 0;
}

.h_logo {
	width: 50%;
}

.nav_btn_sp {
	width: 44px;
	height: 44px;
	display: block;
	position: fixed;
	top: 15px;
	right: 5%;
	z-index: 90000;
}

.nav_wrap {
	display: none;
	position: fixed;
	top: 70px;
	right: 0;
	width: 100%;
	background: #FFF;
	z-index: 10000;
	border-top: 1px solid #CCC;
}

.ul_g_nav {
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.ul_g_nav li {
	width: 100%;
}

.ul_g_nav li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px;
	border-bottom: 1px solid #CCC;
	text-align: center;
	color: #333;
}

.ul_g_nav li.sp a:after { content: attr(data-label); font-size: 16px; font-size: 16rem; }

#pageTop {
	width: 25%;
	position: absolute;
	right: 2%;
	z-index: 9999;
}


/* SPトップページ - くみあい保育園ってどんなところ？？
--------------------------------------------- */
.img_tit_AboutKumiai {
	width: 60%;
	margin: 0 auto 20px;
}

.ul_topAboutKumiai {
	width: 80%;
	margin: 0 auto;
}

.ul_topAboutKumiai li {
	margin: 0 auto 20px;
	text-align: center;
}

.ul_topAboutKumiai li h3 {
	width: 90%;
	margin: 0 auto 10px;
}


/* SPトップページ - 保育理念 たくましいからだ ゆたかなこころ
--------------------------------------------- */
.philosophy {
	position: relative;
	padding: 3em 0;
	background: #FFF url(../images/bg_philosophy.png) repeat;
}

.img_tit_philosophy {
	max-width: 60%;
	margin: 0 auto 2em;
}

.txt_philosophy {
	width: 80%;
	margin: 0 auto 2em;
}
	
.bold1 {
	font-weight: bold;
	color: #79C039;
	font-size: 18px; font-size: 18rem;
}

.img_philosophy1 {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 50px;
	width: 35%;
}


.btn_toAbout {
	width: 80%;
	margin: 0 auto 2em;
}


/* SPトップページ - 園内情報
--------------------------------------------- */
.topInformation {
	position: relative;
	padding: 3em 0 0;
	background: #FFF;
}

.img_tit_topInformation {
	width: 60%;
	margin: 0 auto;
}

.ul_topInformation {
	width: 90%;
	margin: 0 auto;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}

.ul_topInformation li {
	/*width: 32%;*/
	width:42%;
}


/* SP園の紹介ページ
--------------------------------------------- */
.introduction_philosophy {
	position: relative;
	padding: 10px 0 200px;
}

.txt_tit_introduction_philosophy {
	font-size: 18px; font-size: 18rem;
	font-weight: bold;
	text-align: center;
	color: #66B4FF;
}

.txt_introduction_philosophy {
	width: 90%;
	margin: auto;
	line-height: 1.8;
}

.txt_introduction_philosophy span {
	font-size: 16px; font-size: 16rem;
	font-weight: bold;
	color: #66B4FF;
}

.img_introduction_philosophy01 {
	width: 70%;
	margin: 20px auto 30px;
}

.img_introduction_philosophy02 {
	position: absolute;
	top: 380px;
	left: 10%;
	width: 90px;
}

.img_introduction_philosophy03 {
	position: absolute;
	top: 380px;
	right: 10%;
	width: 90px;
}

.introduction_policy {
	background: #FFF url(../images/bg_philosophy.png) repeat;
}

.txt_tit_introduction_policy {
	font-size: 18px; font-size: 18rem;
	font-weight: bold;
	text-align: center;
	color: #66B4FF;
	margin: 0 0 15px;
}

.ul_introduction_policy {
	width: 90%;
	margin: 0 auto;
}

.ul_introduction_policy h3 {
	width: 80%;
	margin: 0 auto 2em;
}

.txt_tit_introduction_greeting {
	font-size: 18px; font-size: 18rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	color: #66B4FF;
}

.box_introduction_greeting {
	position: relative;
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto 2em;
	padding: 1em 5%;
	background: #FFF;
}

.box_introduction_greeting2 {
	position: relative;
	width: 90%;
	margin: 0 auto 2em;
	padding: 1em 5%;
	letter-spacing: -1px;
	box-sizing: border-box;
	background: #FFF;
}

.ul_box_introduction_greeting2 {
	list-style-type: disc;
	margin: 10px 0 0 1em;
	line-height: 1.8;
	font-size: 13px; font-size: 13rem;
}

.box_introduction_greeting3 {
	position: relative;
	width: 90%;
	margin: 0 auto 2em;
	padding: 1em 5%;
	box-sizing: border-box;
	background: #FFF;
}

.box_introduction_greeting4 {
	position: relative;
	width: 90%;
	margin: 0 auto 2em;
	padding: 1em 5%;
	box-sizing: border-box;
	background: #FFF;
}

.img_greeting {
	width: 220px;
	margin: 0 auto;
}

.img_pin1 {
	position: absolute;
	top: 10px;
	left: 30px;
	width: 20px;
}

.introduction_overview {
	padding-bottom: 3em;
	background: #FFF url(../images/bg_philosophy.png) repeat;
}

.txt_tit_introduction_overview {
	font-size: 18px; font-size: 18rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	color: #66B4FF;
}

.tbl_introduction_overview {
	font-size: 12px; font-size: 12rem;
	width: 90%;
	margin: 0 auto;
}

.tbl_introduction_overview tr {
	border-bottom: 1px solid #C0C0C0;
}

.tbl_introduction_overview th {
	box-sizing: border-box;
	padding: 5px;
}

.tbl_introduction_overview td {
	box-sizing: border-box;
	padding: 5px;
}

.ul_introduction_policy p {
	width: 90%;
	margin: 0 auto 3em;
}

.img_introduction_overview {
	width: 70%;
	margin: 10px auto;
}


/* SP年間スケジュール
--------------------------------------------- */
.schedule_sec1, .access_sec1 {
	padding: 10px 0 20px;
}

.txt_tit_schedule1, .txt_tit_access1, .txt_tit_recruitment1, .txt_tit_contact1 {
	font-weight: bold;
	text-align: center;
	width: 90%;
	margin: 0 auto 10px;
	padding: 0 0 5px;
	border-bottom: 2px dotted #FF6E9C;
}

.txt_tit_recruitment1 {
	border-bottom: 2px dotted #FFDC8C;
}

.txt_tit_contact1 {
	border-bottom: 2px dotted #79C039;
}

.txt_schedule01, .txt_access01, .txt_recruitment01, .txt_contact01 {
	width: 90%;
	margin: 0 auto;
}

.schedule_sec2, .schedule_sec4 {
	padding: 30px 0;
	background: #FFF url(../images/bg_philosophy.png) repeat;
}

.schedule_sec3, .schedule_sec5 {
	padding: 30px 0;
}

.img_schedule1_1, .img_schedule2_1, .img_schedule3_1, .img_schedule4_1 {
	width: 60%;
	margin: 0 auto 10px;
}

.img_schedule1_2, .img_schedule2_2, .img_schedule3_2, .img_schedule4_2 {
	width: 80%;
	margin: 0 auto 40px;
}

.wrap_txt_schedule, .wrap_txt_schedule2, .wrap_txt_schedule3, .wrap_txt_schedule4 {
	width: 80%;
	margin: 0 auto 30px;
	position: relative;
}

.wrap_txt_schedule::before, .wrap_txt_schedule2::before, .wrap_txt_schedule3::before, .wrap_txt_schedule4::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	width: 36px;
	height: 38px;
}

.wrap_txt_schedule::before {
	background: url(../images/img_kakko1.png)no-repeat;
	background-size: 35px;
}

.wrap_txt_schedule2::before {
	background: url(../images/img_kakko3.png)no-repeat;
	background-size: 35px;
}

.wrap_txt_schedule3::before {
	background: url(../images/img_kakko5.png)no-repeat;
	background-size: 35px;
}

.wrap_txt_schedule4::before {
	background: url(../images/img_kakko7.png)no-repeat;
	background-size: 35px;
}

.wrap_txt_schedule::after, .wrap_txt_schedule2::after , .wrap_txt_schedule3::after , .wrap_txt_schedule4::after {
	content: '';
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 36px;
	height: 38px;
}

.wrap_txt_schedule::after {
	background: url(../images/img_kakko2.png)no-repeat;
	background-size: 35px;
}

.wrap_txt_schedule2::after {
	background: url(../images/img_kakko4.png)no-repeat;
	background-size: 35px;
}


.wrap_txt_schedule3::after {
	background: url(../images/img_kakko6.png)no-repeat;
	background-size: 35px;
}


.wrap_txt_schedule4::after {
	background: url(../images/img_kakko8.png)no-repeat;
	background-size: 35px;
}

.tit_month, .tit_month2, .tit_month3, .tit_month4 {
	color: #FF6478;
	font-weight: bold;
	font-size: 18px; font-size: 18rem;
	margin-bottom: 6px;
}

.tit_month {
	color: #FF6478;
}

.tit_month2 {
	color: #00B1FF;
}

.tit_month3 {
	color: #79BB39;
}

.tit_month4 {
	color: #FF8000;
}

.tit_month span, .tit_month2 span, .tit_month3 span, .tit_month4 span {
	font-size: 14px; font-size: 14rem;
}
	
.img_schedule1_5, .img_schedule2_5, .img_schedule3_5, .img_schedule4_5 {
	width: 70px;
	position: absolute;
	top: -30px;
	right: -20px;
}

.wrap_schedule456b, .wrap_schedule789b, .wrap_schedule101112b,.wrap_schedule123b {
	width: 90%;
	margin: 0 auto;
}

.ul_month, .ul_month2, .ul_month3, .ul_month4 {
	font-weight: bold;
	margin: 0 0 20px;
}

.ul_month {
	color: #FF6478;
}

.ul_month2 {
	color: #00B1FF;
}

.ul_month3 {
	color: #79BB39;
}

.ul_month4 {
	color: #FF8000;
}

.ul_month li, .ul_month2 li, .ul_month3 li, .ul_month4 li {
	font-size: 18px; font-size: 18rem;
	margin-bottom: 2px;
	padding-left: 30px;
}

.ul_month li {
	background: url(../images/img_schedule1_4.png) 0 3px no-repeat;
	background-size: 24px;
}

.ul_month2 li {
	background: url(../images/img_schedule2_4.png) 0 3px no-repeat;
	background-size: 24px;
}

.ul_month3 li {
	background: url(../images/img_schedule3_4.png) 0 3px no-repeat;
	background-size: 24px;
}

.ul_month4 li {
	background: url(../images/img_schedule4_4.png) 0 3px no-repeat;
	background-size: 24px;
}

.ul_month li span, .ul_month2 li span, .ul_month3 li span, .ul_month4 li span {
	font-size: 14px; font-size: 14rem;
}

.img_schedule1_3, .img_schedule2_3, .img_schedule3_3, .img_schedule4_3 {
	width: 60%;
	margin: 0 auto;
}


/* SP保育日時アクセス
--------------------------------------------- */
.access_sec3 {
	padding: 30px 0;
	background: #FFF url(../images/bg_philosophy.png) repeat;
}

.gmap_access {
	display: block;
	width: 90%;
	height: 40vh;
	margin: 0 auto 20px;
}

.txt_tit_access1 {
	border-bottom: 2px dotted #00BEA5;
}

.txt_tit_access2 {
	text-align: center;
	font-weight: bold;
	font-size: 16px; font-size: 16rem;
	color: #00BEA5;
	margin: 0 0 10px;
}

.wrap_access_content1, .wrap_access_content2, .wrap_recruitment_content1, .wrap_recruitment_content2 {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
}

.wrap_access_content1 {
	background: #FFF;
}

.wrap_access_content2 {
	background: #E6F5EE;
}

.dl_access {
	width: 90%;
	margin: 0 auto;
	font-size: 13px; font-size: 13rem;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dl_access dt {
	width: 100%;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	padding: 5px 0;
	box-sizing: border-box;
	border-radius: 5px;
}

.dl_access dd {
	width: 100%;
	padding: 5px 0 20px;
}

.dl_access dd.a01 {
	padding: 8px 0 20px;
}

.dl_access dd.a02 {
	padding: 0 0 20px;
}

.dl_access dd.a02 span {
	font-size: 11px; font-size: 11rem;
}

.wrap_access_content1 .dl_access dt {
	background: #FFF;
	margin-bottom: 15px;
	box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
}

.wrap_access_content2 .dl_access dt {
	background: #F5FFFA;
	margin-bottom: 20px;
	box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
}


/* SP園児募集
--------------------------------------------- */
.txt_tit_recruitment2 {
	text-align: center;
	font-size: 16px; font-size: 16rem;
	font-weight: bold;
	color: #FF823C;
}

.txt_recruitment02 {
	width: 90%;
	margin: 0 auto 30px;
}

.txt_recruitment02 span{
	color: #FF6478;
	font-size: 16px; font-size: 16rem;
	font-weight: bold;
}

.btn_recruitment {
	width: 80%;
	margin: 0 auto;
	padding: 10px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #67BB39;
}

.btn_recruitment:hover {
	background: #000;
}

.wrap_recruitment_content1 {
	margin-bottom: 40px;
	background: #FFF6DE;
}

.wrap_recruitment_content2 {
	margin-bottom: 40px;
	background: #FFF0F0;
}

.dl_recruitment {
	width: 90%;
	margin: 0 auto;
	font-size: 13px; font-size: 13rem;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.dl_recruitment dt {
	width: 100%;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	padding: 5px 0;
	box-sizing: border-box;
	border-radius: 5px;
}

.dl_recruitment dd {
	width: 100%;
	padding: 5px 0 20px;
}

.dl_recruitment dd.b01 {
	padding: 8px 0 20px;
}

.wrap_recruitment_content1 .dl_recruitment dt {
	background: #FFF;
	margin-bottom: 15px;
	box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
}

.wrap_recruitment_content2 .dl_recruitment dt {
	background: #F5FFFA;
	margin-bottom: 20px;
	box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
}

.txt_recruitment03 span {
	font-size: 11px; font-size: 11rem;
}


/* SPプライバシーポリシー
--------------------------------------------- */
.privacypolicy_sec {
	background: url(../images/bg_dot.png) repeat;
}

.wrap_txt_pp {
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto 2em;
	padding: 1em 5%;
	background: #FFF;
}

.txt_tit_privacypolicy {
	font-size: 18px; font-size: 18rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	color: #79C039;
}

.wrap_txt_pp h3 {
	margin-bottom: 0.5em;
	color: #79C039;
}

.txt_pp1 {
	margin-bottom: 1em;
}

.ol_txt_pp li {
	padding-bottom: 1em;	
}


/* SPお問い合わせ
--------------------------------------------- */
.contact_sec1 {
	padding: 30px 0 0;
}

.contact_sec2 {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

.contact_form {
	width: 90%;
	box-sizing: border-box;
	margin: 0 auto 20px;
	padding: 15px 5% 5px;
	background: #FFF;
}

.dl_contact dd {
	margin-bottom: 10px;
}

.dl_contact dd .size01 {
	width: 100%;
	height: 2em;
	border: 1px solid #EEE;
}

.dl_contact dd .size02 {
	width: 50%;
	height: 2em;
	border: 1px solid #EEE;
}

.dl_contact dd textarea {
	width: 100%;
	min-height: 100px;
	border: 1px solid #EEE;
}

span.strong {
	color: #F00;
}

.txt_contact03 {
	font-size: 11px;
	margin: 10px 0 20px;
}

.btn_contact input, .btn_confirm input {
	display: block;
	width: 90%;
	height: 45px;
	margin: 0 auto 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px; font-size: 14rem;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #79C039;
	border-radius: 12px;
	background: #79C039;
}

.wrap_contact_call {
	border-top: 2px dotted #79C039;
	border-bottom: 2px dotted #79C039;
	padding: 10px 5%;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_call1 {
	width: 90%;
	font-size: 12px; font-size: 12rem;
}

.contact_call2 {
	width: 255px;
	text-align: center;
	margin: 5px 0 0;
	padding-left: 15px;
	font-size: 24px; font-size: 24rem;
	font-weight: bold;
	line-height: 1;
	background: url(../images/icon_phone.jpg) 8px -2px no-repeat;
	background-size: 30px;
}

.contact_call2 span {
	font-size: 11px; font-size: 11rem;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}

.wrap_btns_contact .btn_confirm {
	width: 100%;
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap_btns_contact .btn_confirm input {
	display: block;
	width: 48%;
	height: 45px;
	margin: 0 auto 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px; font-size: 14rem;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #79C039;
	border-radius: 12px;
	background: #79C039;
}

.formTable {
	margin: 0 0 20px;
}


/* SP footer
--------------------------------------------- */
footer {
	position: static;
	padding: 12px 0;
	color: #FFF;
	background: #BEB09A;
}

.footerlogo {
	text-align: center;
	margin: 0 0 1em;
}

.footerlogo span {
	font-size: 20px; font-size: 20rem;
	font-weight: bold;
}

.box_footer1 {
	display: -webkit-flex; display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto 2em;
}

.photo_Kumiai {
	width: 90%;
	margin: 0 auto 1em;
}

.boxAddress {
	width: 90%;
	margin: 0 auto;
}

.ul_box_footer2 {
	width: 80%;
	margin: 0 auto 2em;
}

.ul_box_footer2 a {
	display: block;
	width: 185px;
	color: #FFF;
	margin-bottom: .2em;
}

.img_footerlink1 {
	width: 80%;
	margin: 0 auto 2em;
}

.cp {
	text-align: center;
	font-size: 12px; font-size: 12rem;
	color: #6E6256;
}


/* 769px以上の画面用CSS
------------------------------------------------------------------------- */
@media print,screen and (min-width: 769px) {
	body {
		font-size: 16px; font-size: 16rem;
		line-height: 1.4;
	}

	.mawariR {
		float: right;
		margin: 0 0 1em 1em;
	}

	.mawariL {
		float: left;
		margin: 0 1em 1em 0;
	}
	
	.sp { display: none; }
	.pc { display: block; }
	.spmenu { display: none; }

	a[href^="tel:"] { cursor: default; }
	
	a:hover {
		text-decoration: none;
	}
	
	section {
	}
	
	.marker1 {
		letter-spacing: -1.5px;
	}
	
	.ul_topInformation {
		/*width: 973px;*/
		width:600px;
		margin: 0 auto 2em;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ul_topInformation li {
		width: 291px;
	}
	
	.bottomNavi {
		background: #FFF url(../images/bg_footer_before.png) center bottom repeat-x;
		background-size: 404px 66px;
		padding: 80px 0 0;
	}
	
	.bg_animal {
		margin: 0 auto;
		width: 1200px;
	}
	
	#pageTop {
		width: 159px;
		right: 50%;
		margin-right: -680px;
	}
	
	
	/* PC header
	--------------------------------------------- */
	header {
	}
	
	header::after {
		content: '';
		display: block;
		position: absolute;
		box-sizing: border-box;
		height: 25px;
		width: 100%;
		background: url(../images/main_visual_top.png) bottom repeat-x;
		background-size: 139px 25px;
	}
	
	.header_inner {
		width: 1100px;
		margin: 0 auto;
		padding: 27px 0 0;
		height: 157px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.header_left {
		width: 330px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
	}
	
	.header_right {
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 734px;
	}
	
	.h_logo {
		width: 330px;
	}
	
	.h_tel {
		width: 190px;
		margin-right: 30px;
	}
	
	.h_cantact {
		width: 136px;
	}

	.nav_btn_sp {
		display: none;
	}
	
	.nav_wrap {
		display: block;
		position: static;
		top: 0;
		right: 0;
		padding-top: 0;
		width: auto;
		background: none;
		z-index: 0;
		border: 0;
	}
	
	.g_nav ul{
		/*width: 734px;*/
		width:500px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.ul_g_nav li a {
		border: none;
	}
	
	.g_nav li:nth-child(1) {
		width: 128px;
	}
	
	.g_nav li:nth-child(2) {
		width: 154px;
	}
	
	.g_nav li:nth-child(3) {
		width: 129px;
	}
	
	.g_nav li:nth-child(4) {
		width: 132px;
	}
	
	.main_visual {
		width: 100%;
	}
	
	.main_visual p {
		width: 1200px;
		margin: 0 auto;
	}
	
	
	/* PCトップページ - くみあい保育園ってどんなところ？？
	--------------------------------------------- */
	.top_AboutKumiai {
		width: 1200px;
		margin: 0 auto;
		padding: 0 0 50px;
	}

	.img_tit_AboutKumiai {
		width: 345px;
		margin: 0 auto;
	}
	
	.ul_topAboutKumiai {
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto;
	}
	
	.ul_topAboutKumiai li {
		width: auto;
	}

	.ul_topAboutKumiai li:nth-child(1) {
		width: 300px;
		margin: -180px 0 0;
	}

	.ul_topAboutKumiai li:nth-child(2) {
		width: 300px;
		margin: -10px 0 0;
	}

	.ul_topAboutKumiai li:nth-child(3) {
		width: 331px;
		margin: -180px 0 0;
	}
	
	.ul_topAboutKumiai h3 {
		margin-bottom: 10px;
	}
	
	.ul_topAboutKumiai li h3 {
		width: 100%;
	}


	/* PCトップページ - 保育理念 たくましいからだ ゆたかなこころ
	--------------------------------------------- */
	.txt_philosophy {
		width: 590px;
		margin: 0 auto 5em;
		line-height: 2;
	}
	
	.img_tit_philosophy {
		width: 346px;
		margin: 0 auto 2em;
	}
	
	.bold1 {
		font-size: 20px; font-size: 20rem;
	}
	
	.img_philosophy1 {
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: -545px;
		width: 215px;
	}
	
	.img_philosophy2 {
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: 210px;
		width: 384px;
	}
	
	.img_philosophy3 {
		position: absolute;
		top: 330px;
		left: 50%;
		margin-left: -540px;
		width: 126px;
	}
	
	.img_philosophy4 {
		position: absolute;
		top: 295px;
		left: 50%;
		margin-left: 345px;
		width: 160px;
	}
	
	.img_philosophy5 {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -580px;
		width: 258px;
	}
	
	.img_philosophy6 {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: 300px;
		width: 258px;
	}
	
	.btn_toAbout {
		width: 292px;
		margin: 0 auto 2em;
	}


	/* PCトップページ - 園内情報
	--------------------------------------------- */
	.img_tit_topInformation {
		width: 343px;
		margin: 0 auto;
	}
	
	.img_topInformation1 {
		width: 395px;
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -600px;
	}

	.img_topInformation2 {
		width: 315px;
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: 250px;
	}

	/* PC園の紹介ページ
	--------------------------------------------- */
	.introduction_philosophy {
		padding: 0 0 80px;
		position: relative;
	}

	.txt_tit_introduction_philosophy {
		font-size: 28px; font-size: 28rem;
	}

	.txt_introduction_philosophy {
		text-align: center;
		line-height: 2;
	}

	.txt_introduction_philosophy span {
		font-size: 20px; font-size: 20rem;
	}

	.img_introduction_philosophy01 {
		width: 385px;
		margin: 40px auto 50px;
	}

	.img_introduction_philosophy02 {
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: -550px;
		width: 234px;
	}

	.img_introduction_philosophy03 {
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: 270px;
		width: 232px;
	}

	.introduction_policy {
		padding: 50px 0 100px;
	}

	.ul_introduction_policy {
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto;
	}
	
	.ul_introduction_policy li {
		font-size: 15px; font-size: 15rem;
		line-height: 1.6;
		width: auto;
	}

	.ul_introduction_policy li:nth-child(1) {
		width: 284px;
		width: 300px;
		margin: 100px 0 0 50px;
		text-align: center;
	}

	.ul_introduction_policy li:nth-child(2) {
		width: 297px;
		width: 300px;
		margin: 0 0 0 0;
		text-align: center;
	}

	.ul_introduction_policy li:nth-child(3) {
		width: 284px;
		width: 300px;
		margin: 100px 20px 0 0;
		text-align: center;
	}
	
	.ul_introduction_policy h3 {
		margin-bottom: 10px;
	}
	
	.ul_introduction_policy li h3 {
		width: 100%;
	}

	.box_introduction_greeting {
		position: relative;
		width: 780px;
		margin: 0 auto 45px;
		padding: 50px 30px;
		line-height: 1.6;
		box-sizing: border-box;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.txt_tit_introduction_policy {
		font-size: 28px; font-size: 28rem;
		margin-bottom: 50px;
	}

	.introduction_greeting {
		padding: 50px 0;
	}

	.txt_tit_introduction_greeting {
		font-size: 28px; font-size: 28rem;
		width: 100%;
	}
	
	.img_pin1 {
		position: absolute;
		top: 20px;
		left: 30px;
		width: 31px;
	}
	
	.img_pin2 {
		position: absolute;
		top: 20px;
		right:  30px;
		width: 31px;
		transform: scale(-1, 1);
	}
	
	.txt_greeting {
		width: 445px;
	}
	
	.img_greeting {
		width: 250px;
	}

	.wrap_introduction_greeting {
		width: 780px;
		margin: 0 auto;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.box_introduction_greeting2 {
		position: relative;
		width: 365px;
		padding: 50px 20px;
		box-sizing: border-box;
		line-height: 1.6;
		background: #FFF;
	}

	.box_introduction_greeting3 {
		position: relative;
		width: 365px;
		padding: 50px 30px;
		line-height: 1.6;
		box-sizing: border-box;
		background: #FFF;
	}

	.box_introduction_greeting4 {
		position: relative;
		width: 780px;
		padding: 50px 30px;
		line-height: 1.6;
		box-sizing: border-box;
		background: #FFF;
	}

	.ul_box_introduction_greeting2 {
		margin-left: 1em;
	}

	.ul_box_introduction_greeting2 li {
		font-size: 16px; font-size: 16rem;
		letter-spacing: -1px;
	}
	
	.introduction_overview {
		padding: 80px 0;
	}
	
	.txt_tit_introduction_overview {
		font-size: 28px; font-size: 28rem;
		width: 100%;
		margin: 0 0 1em;
}
	
	.wrap_introduction_overview {
		width: 830px;
		margin: 0 auto;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.tbl_introduction_overview {
		width: 360px;
		font-size: 14px; font-size: 14rem;
	}

	.tbl_introduction_overview th {
		width: 100px;
	}

	.tbl_introduction_overview td {
		width: 260px;
	}
	
	.img_introduction_overview {
		width: 421px;
	}


	/* PC年間スケジュール
	--------------------------------------------- */
	.schedule_sec1, .access_sec1 {
		padding: 20px 0 80px;
	}

	.txt_tit_schedule1, .txt_tit_access1, .txt_tit_recruitment1, .txt_tit_contact1 {
		font-style: bold;
		font-size: 28px; font-size: 28rem;
		width: 700px;
		margin: 0 auto 20px;
		border-bottom: 4px dotted #FF6E9C;
	}

	.txt_tit_recruitment1 {
		border-bottom: 4px dotted #FFDC8C;
	}
	
	.txt_tit_contact1 {
		border-bottom: 4px dotted #79C039;
	}

	.txt_schedule01, .txt_access01, .txt_recruitment01, .txt_contact01 {
		text-align: center;
		line-height: 2;
	}

	.schedule_sec2, .schedule_sec3, .schedule_sec4, .schedule_sec5 {
		padding: 80px 0;
	}

	.wrap_schedule456, .wrap_schedule789, .wrap_schedule101112, .wrap_schedule123 {
		width: 790px;
		margin: 0 auto;
	}

	.img_schedule1_1, .img_schedule2_1, .img_schedule3_1, .img_schedule4_1  {
		width: 308px;
		margin: 0 0 20px;
	}
	
	.wrap_schedule_m4, .wrap_schedule_m7, .wrap_schedule_m10, .wrap_schedule_m1 {
		width: 790px;
		margin: 0 auto 30px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.img_schedule1_2, .img_schedule2_2, .img_schedule3_2, .img_schedule4_2 {
		width: 353px;
		margin: 0;
	}
	
	.img_schedule2_2, .img_schedule4_2 {
		order: 2;
	}

	.wrap_txt_schedule, .wrap_txt_schedule2, .wrap_txt_schedule3, .wrap_txt_schedule4 {
		width: 334px;
		height: 170px;
		margin: 40px 0 0;
		position: relative;
	}

	.wrap_txt_schedule2, .wrap_txt_schedule4 {
		order: 1;
	}

	.wrap_txt_schedule::before, .wrap_txt_schedule2::before, .wrap_txt_schedule3::before, .wrap_txt_schedule4::before {
		content: '';
		position: absolute;
		top: -20px;
		left: -20px;
		width: 36px;
		height: 38px;
	}

	.wrap_txt_schedule::before {
		background: url(../images/img_kakko1.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule2::before {
		background: url(../images/img_kakko3.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule3::before {
		background: url(../images/img_kakko5.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule4::before {
		background: url(../images/img_kakko7.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule::after, .wrap_txt_schedule2::after, .wrap_txt_schedule3::after, .wrap_txt_schedule4::after {
		content: '';
		position: absolute;
		bottom: -20px;
		right: -20px;
		width: 36px;
		height: 38px;
	}
	
	.wrap_txt_schedule::after {
		background: url(../images/img_kakko2.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule2::after {
		background: url(../images/img_kakko4.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule3::after {
		background: url(../images/img_kakko6.png)no-repeat;
		background-size: 35px;
	}

	.wrap_txt_schedule4::after {
		background: url(../images/img_kakko8.png)no-repeat;
		background-size: 35px;
	}
	
	.tit_month, .tit_month2, .tit_month3, .tit_month4 {
		font-size: 25px; font-size: 25rem;
		margin-bottom: 10px;
	}
	
	.tit_month span, .tit_month2 span, .tit_month3 span, .tit_month4 span {
		font-size: 20px; font-size: 20rem;
	}
	
	.img_schedule1_5, .img_schedule2_5, .img_schedule3_5, .img_schedule4_5 {
		width: 97px;
		position: absolute;
		top: -50px;
		right: -20px;
	}

	.wrap_schedule456b, .wrap_schedule789b, .wrap_schedule101112b, .wrap_schedule123b {
		width: 790px;
		margin: 0 auto;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.ul_month, .ul_month2, .ul_month3, .ul_month4 {
		margin: 0;
	}

	.ul_month li, .ul_month2 li, .ul_month3 li, .ul_month4 li {
		font-size: 25px; font-size: 25rem;
		margin-bottom: 5px;
		padding-left: 30px;
	}
	
	.ul_month li {
		background: url(../images/img_schedule1_4.png) 0 5px no-repeat;
		background-size: 24px;
	}
	
	.ul_month2 li {
		background: url(../images/img_schedule2_4.png) 0 5px no-repeat;
		background-size: 24px;
	}
	
	.ul_month3 li {
		background: url(../images/img_schedule3_4.png) 0 5px no-repeat;
		background-size: 24px;
	}
	
	.ul_month4 li {
		background: url(../images/img_schedule4_4.png) 0 5px no-repeat;
		background-size: 24px;
	}

	.ul_month li span, .ul_month2 li span, .ul_month3 li span, .ul_month4 li span {
		font-size: 20px; font-size: 20rem;
	}

	.img_schedule1_3, .img_schedule2_3, .img_schedule3_3, .img_schedule4_3 {
		width: 378px;
		margin: -40px 0 0;
	}
	
	.img_schedule2_3 {
		margin: 0;
	}
	
	.img_schedule3_3 {
		margin: 0;
	}
	
	.img_schedule4_3 {
		margin: 0;
	}


	/* PC保育日時アクセス
	--------------------------------------------- */
	.gmap_access {
		width: 780px;
		height: 480px;
	}

	.txt_tit_access1 {
		border-bottom: 4px dotted #00BEA5;
	}

	.txt_tit_access2 {
		font-size: 28px; font-size: 28rem;
		margin: 0 0 30px;
	}
	
	.wrap_access_content1, .wrap_access_content2, .wrap_recruitment_content1, .wrap_recruitment_content2 {
		width: 670px;
		padding: 30px 0 20px;
		border-radius: 10px;
	}

	.gmap_access {
		margin-bottom: 50px;
	}

	.access_sec2, .access_sec3 {
		padding: 80px 0;
	}
	
	.access_sec2 {
		padding: 0 0 80px;
	}
	
	.dl_access {
		width: 500px;
		margin: 0 auto;
		font-size: 14px; font-size: 14rem;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.dl_access dt {
		width: 90px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		padding: 15px 0;
		box-sizing: border-box;
		border-radius: 10px;
	}
	
	.dl_access dd {
		width: 395px;
		padding: 15px 0;
	}
	
	.dl_access dd.a01 {
		padding: 8px 0 0;
	}
	
	.dl_access dd.a02 {
		padding: 0;
	}
	
	.dl_access dd.a02 span {
		font-size: 12px; font-size: 12rem;
	}
	
	.wrap_access_content1 .dl_access dt {
		background: #FFF;
		margin-bottom: 20px;
		box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
	}
	
	.wrap_access_content2 .dl_access dt {
		background: #F5FFFA;
		margin-bottom: 20px;
		box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
	}
	
	
	/* PC園児募集
	--------------------------------------------- */
	.recruitment_sec2 {
		padding: 80px 0;
	}

	.txt_tit_recruitment2 {
		font-size: 28px; font-size: 28rem;
		margin: 0 0 30px;
	}

	.txt_recruitment02 {
		text-align: center;
		margin: 0 auto 40px;
	}

	.txt_recruitment02 span {
		font-size: 20px; font-size: 20rem;
	}

	.dl_recruitment {
		width: 500px;
		margin: 0 auto;
		font-size: 14px; font-size: 14rem;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.dl_recruitment dt {
		width: 90px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 15px 0;
		box-sizing: border-box;
		border-radius: 10px;
	}
	
	.dl_recruitment dd {
		width: 395px;
		padding: 15px 0;
	}
	
	.dl_recruitment dd.b01 {
		padding: 0 0 20px;
	}

	.wrap_recruitment_content1 {
		margin: 0 auto 100px;
	}

	.wrap_recruitment_content2 {
		margin: 0 auto 75px;
	}
	
	.wrap_recruitment_content1 .dl_recruitment dt {
		background: #FFFEF0;
		margin-bottom: 20px;
		box-shadow: 2px 2px 0 0 rgba(255,198,166,1);
	}
	
	.wrap_recruitment_content2 .dl_recruitment dt {
		background: #F5FFFA;
		margin-bottom: 20px;
		box-shadow: 2px 2px 0 0 rgba(140,200,197,1);
	}
	
	.ul_recruitment li {
		border-top: 1px solid #C0C0C0;
		padding: 5px 0;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.ul_recruitment li:first-child {
		border: none;
	}
	
	.dl_recruitment_note {
		font-size: 11px; font-size: 11rem;
		letter-spacing: -0.5px;
	}

	.txt_recruitment03 {
		padding-left: 4em;
		text-indent: -4em;
	}

	.txt_recruitment03 span {
		font-size: 12px; font-size: 12rem;
	}

	.btn_recruitment {
		border-radius: 8px;
		width: 320px;
		text-align: center;
		padding: 10px 0;
	}

	.btn_recruitment:hover {
		cursor: pointer;
	}

	.btn_recruitment img {
		width: 270px;
	}


	/* PCプライバシーポリシー
	--------------------------------------------- */
	.privacypolicy_sec {
		padding: 80px 0;
	}

	.wrap_txt_pp {
		width: 700px;
		padding: 60px;
		letter-spacing: -0.5px;
	}

	.wrap_txt_pp p {
		margin-bottom: 1em;
	}
	
	.txt_tit_privacypolicy {
		font-size: 28px; font-size: 28rem;
		color: #79C039;
		width: 100%;
		margin: 0 0 1em;
	}


	/* お問い合わせ
	--------------------------------------------- */
	.contact_sec1 {
		padding: 100px 0 0;
	}

	.contact_sec2 {
		padding: 20px 0 80px;
	}
	
	.txt_contact01 {
		text-align: left;
		width: 670px;
	}

	.contact_form {
		width: 670px;
		margin: 0 auto;
		padding: 50px;
		font-size: 14px; font-size: 14rem;
	}

	.dl_contact {
		width: 570px;
		margin: 0 0 40px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.dl_contact dt {
		width: 130px;
		margin-bottom: 20px;
	}

	.dl_contact dd {
		width: 430px;
		margin-bottom: 20px;
	}
	
	.dl_contact dd textarea {
		width: 100%;
		min-height: 150px;
	}
	
	.txt_contact02 {
		text-align: center;
		margin-bottom: 40px;
	}
	
	.txt_contact03 {
		text-align: center;
		margin-bottom: 50px;
	}
	
	.btn_contact input, .btn_confirm input {
		width: 292px;
		margin: 0 auto 50px;
	}
	
	.btn_contact input:hover, .btn_confirm input:hover {
		background: #000;
	}
	
	.wrap_contact_call {
		border-top: 4px dotted #79C039;
		border-bottom: 4px dotted #79C039;
		padding: 20px 50px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.contact_call1 {
		width: 160px;
		font-size: 14px; font-size: 14rem;
		letter-spacing: -1px;
	}
	
	.contact_call2 {
		width: 255px;
		text-align: right;
		margin: 0 0 0;
		font-size: 31px; font-size: 31rem;
		font-weight: bold;
		line-height: 1;
		background: url(../images/icon_phone.jpg) 8px -2px no-repeat;
		background-size: 37px;
	}
	
	.contact_call2 span {
		font-size: 11px; font-size: 11rem;
		font-weight: normal;
		display: block;
		margin-top: 5px;
	}
	
	.thx_inner {
		width: 680px;
		margin: 0 auto;
	}


	/* PC footer
	--------------------------------------------- */
	footer {
		position: relative;
		padding: 15px 0 20px;
	}
	
	.footer_inner {
		width: 880px;
		margin: 0 auto 50px;
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.box_footer1 {
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 435px;
		font-size: 14px; font-size: 14rem;
	}
	
	.footerlogo {
		text-align: left;
		margin: 0 0 20px;
	}
	
	.footerlogo span {
		font-size: 24px; font-size: 24rem;
	}
	
	.photo_Kumiai {
		width: 177px;
		margin-right: 20px;
	}
	
	.box_footer2 {
		border-left: 1px solid #FFF;
		padding: 10px 0 10px 40px;
		font-size: 14px; font-size: 14rem;
	}
	
	.ul_box_footer2 {
		display: -webkit-flex; display: flex;
		flex-wrap: wrap;
		width: 370px;
	}
	
	.ul_box_footer2 a {
		display: block;
		width: 185px;
		color: #FFF;
		margin-bottom: 25px;
	}
	
	.img_footerlink1 {
		width: 258px;
		margin: 0;
	}
	
	.boxAddress {
		width: 235px;
	}
	
	.cp {
		font-size: 14px; font-size: 14rem;
	}

}