@charset "utf-8";
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
		box-sizing: border-box;
}

html,body {
	/**/
}

html {
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 62.5%;
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    background-color: #fff;
}

p, h1, h2, h3, h4, h5, h6, address {
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	line-height: 1;
    font-size: 14px;
    font-size: 1.4rem;
}

.col_red{
	color: #ff3333;
}
.col_orange{
	color: #ff6633;
}
.col_pink{
	color: #ff33ff;
}
.col_green {
	color: #006600;
}
.col_purple {
	color: #663399;
}

/* clearfix 
------------------------------------------------------------ */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clr {
	clear:both;
}
/* clearfix end
------------------------------------------------------------ */



/* links
------------------------------------------------------------ */
a:hover {
	color: #FF6600;
}

a {
	text-decoration: none;
	color: #3399FF;
}



img {
	border: none;
	vertical-align: baseline;
}



img.up_icon {
	width: 50px;
	height: 50px;
}


span.pdf a {
	padding: 2px 20px 2px 0;
	background: url(../icon/PDF_16.gif) right 3px no-repeat;
}
span.maillink a {
	margin-left: 6px;
	padding-left: 24px;
	background: url(../icon/mail.gif) left 3px no-repeat;
}
span.except a {
	margin-right: 10px;
	padding: 2px 15px 2px 0;
	background: url(../icon/external_link_icon.svg) right 2px no-repeat;
}
/*
span.except a:hover {
	padding: 2px 20px 2px 0;
	background: url(../icon/except.gif) right 2px no-repeat;
}*/


.mode_PC{
	display: block;
}
.mode_PCTAB{
	display: block;
}
.mode_TAB{
	display: none;
}
.mode_SP{
	display: none;
}
/* ------------------------------------------------------ タブレット */
@media screen and (max-width:1014px){
	.mode_PC{
		display: none;
	}
	.mode_TAB{
		display: block;
	}
}
/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.mode_PC{
		display: none;
	}
	.mode_PCTAB{
		display: none;
	}
	.mode_SP{
		display: block;
	}
	img.up_icon {
		width: 60px;
		height: 60px;
	}
}


/* margin-top */
.main .mt0{margin-top: 0px;}
.main .mt5{margin-top: 5px;}
.main .mt10{margin-top: 10px;}
.main .mt15{margin-top: 15px;}
.main .mt20{margin-top: 20px;}
.main .mt25{margin-top: 25px;}
.main .mt30{margin-top: 30px;}
.main .mt40{margin-top: 40px;}
.main .mt50{margin-top: 50px;}
.main .mt60{margin-top: 60px;}
.main .mt70{margin-top: 70px;}
.main .mt80{margin-top: 80px;}
.main .mt90{margin-top: 90px;}
.main .mt100{margin-top: 100px;}

/* margin-left */
.main .ml5{margin-left: 5px;}
.main .ml10{margin-left: 10px;}
.main .ml15{margin-left: 15px;}
.main .ml20{margin-left: 20px;}



.taL{
	text-align: left;
}
.taC{
	text-align: center;
}
.taR{
	text-align: right;
}


/*  */
.mpreset {
	margin-top: 0;
	padding-top: 0;
}

.cent {
	text-align: center;
}

.lch {
	text-align: left;
}
.rch {
	text-align: right;
}

.boxborder {
	border: #CCCCCC solid 1px;
	padding: 10px;
}




.wrapper {
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
}

header{
	position: relative;
	background-color: rgba(255,255,255,0.75);
	z-index: 9999;
}



.main{
	width: 1000px;
	margin: 20px auto 0;
}

	.contentsBox{
		display: flex;
	}
		.sideMenu{
			width: 200px;
			/*border: #aaa 1px solid;*/
		}
		.contents{
			width: 760px;
			margin-left: 30px;
		}

.contentsBox_calender{
	z-index: 1;
}



/* ------------------------------------------------------ タブレット */
@media screen and (max-width:1014px){
	header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	.main{
		margin-top: 260px;
	}
}
/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.main{
		margin-top: 180px;
	}
}




/* フッター
------------------------------------------------------------------------------------- */
footer{
	width: 1000px;
	margin: 10px auto;
	padding: 10px 0 200px 0;
	text-align: center;
}

footer .copyright{
	border-top: #ddd 4px solid;
	padding-top: 7px;
}
footer .copyright p{
	font-size: 1.4rem;
	line-height: 1.4;
}

/* フッターナビゲーション
------------------------------------------------------------------------------------- */
.bottom_nav{
	width: 1000px;
	margin: 0 auto;
	padding: 7px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: #aaa 10px solid;
}
.bottom_nav .itemBox{
	flex: 1 0 200px;
	text-align: center;
	color: #666;
	background-color: #f5f5f5;
	padding-bottom: 20px;
	border: #fff 1px solid;
	border-radius: 5px;
}

.bottom_nav .itemBox p{
	font-size: 1.2rem;
	line-height: 2.4;
	font-weight: bold;
	margin-bottom: 0.8rem;
	color: #fff;
	background-color: #444;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.bottom_nav .itemBox li{
	margin: 0;
	padding: 0;
}

.bottom_nav .itemBox li a{
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 6px;
	color: #666;
}
.bottom_nav .itemBox li a:hover{
	color: #ff6600;
}

.bottom_nav .itemBox .nav_midashi{
	display: block;
	font-size: 1rem;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}

.bottom_nav .itemBox.cat01 p{
	background-color: #cb8609;
}
.bottom_nav .itemBox.cat02 p{
	background-color: #d396b1;
}
.bottom_nav .itemBox.cat03 p{
	background-color: #ea5f00;
}
.bottom_nav .itemBox.cat04 p{
	background-color: #f29a00;
}
.bottom_nav .itemBox.cat05 p{
	background-color: #60a828;
}
.bottom_nav .itemBox.cat06 p{
	background-color: #96d1d3;
}
.bottom_nav .itemBox.cat07 p{
	background-color: #006bb8;
}
.bottom_nav .itemBox.cat08 p{
	background-color: #441980;
}
.bottom_nav .itemBox.cat09 p{
	background-color: #96d1d3;
}
.bottom_nav .itemBox.cat10 p{
	background-color: #60a828;
}

/* ------------------------------------------------------ タブレット */
@media screen and (max-width:1014px){
	.bottom_nav .itemBox li a{
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 10px;
	}
	.bottom_nav .itemBox .nav_midashi{
		font-size: 1.2rem;
		line-height: 1.4;
	}
}
/* ------------------------------------------------------ タブレット ここまで */








header h1.logo{
	line-height: 0;
	text-align: center;
	background-color: rgba(255,255,255,1.00);
}
header h1.logo img{
	width: 96%;
	max-width: 340px;/* デフォルトサイズ */
}
/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	header h1.logo img{
		width: 96%;
		max-width: 170px;/* デフォルトサイズ */
	}
}
/* ------------------------------------------------------ スマホ ここまで */


nav.globalNavi{
	font-style: normal;
	font-weight: bold;
	position: relative;
	width: 900px;
	height: 100px;
	margin: 0 auto;
	z-index: 888;
}

nav.globalNavi .item{
	width: 90px;
	height: 100px;
}
/*
nav.globalNavi .item:first-child{
    margin-left: 2%;
}*/

nav.globalNavi .nav_midashi{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.btn1{
	position:absolute;
	left: 0px;
	/*cursor:pointer;*/
}
.btn2{
	position:absolute;
	left: 90px;
	/*cursor:pointer;*/
}
.btn3{
	position:absolute;
	left: 180px;
	/*cursor:pointer;*/
}
.btn4{
	position:absolute;
	left: 270px;
	/*cursor:pointer;*/
}
.btn5{
	position:absolute;
	left: 360px;
	/*cursor:pointer;*/
}

.btn6{
	position:absolute;
	left: 450px;
	/*cursor:pointer;*/
}
.btn7{
	position:absolute;
	left: 540px;
	/*cursor:pointer;*/
}
.btn8{
	position:absolute;
	left: 630px;
	/*cursor:pointer;*/
}
.btn9{
	position:absolute;
	left: 720px;
	/*cursor:pointer;*/
}
.btn10{
	position:absolute;
	left: 810px;
	/*cursor:pointer;*/
}


a.icon{
	width: 90px;
	height: 100px;
	cursor:pointer;
}

.item img.circle{
	position:absolute;
	width: 80px;
	height: 80px;
	top: 5px;
	left: 5px;
	/*margin-bottom: 10px;*/
}

.item ul{
	display: none;
	list-style:none;
	margin: 0;
	padding: 0;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 1px 5px 1px #888;
	-webkit-box-shadow:0px 1px 5px 1px #888;
	box-shadow:0px 1px 5px 1px #888;
	/* 水平移動 垂直移動 ぼかし 幅 色 */
	position:absolute;
	top: 100px;
	left: -55px;
	width: 200px;
}
.item ul li{
	margin: 0;
	padding: 0;
	text-align: center;
}

.item ul li a{
	font-size: 1.4rem;
	text-decoration:none;
	background-color:#fff;
	color:#36F;
	margin: 0;
	padding: 10px 3px;
	display: block;
	
	/*text-shadow:1px 1px 1px #fff;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.item ul li a:hover{
	background-color: #36F;
	color: #fff;
	/*text-shadow: 1px 1px 1px #999;*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*
	-moz-box-shadow:1px 1px 3px #666;
	-webkit-box-shadow:1px 1px 3px #666;
	box-shadow:1px 1px 3px #666;
	*/
}


/* スマートフォン用ナビゲーションメニュー
****************************************************************************** */
nav.globalNaviSP{
	display: none;
	width: 98%;
	margin: 0 auto 40px;
	/*border: 1px #aaa solid;*/
}

nav.globalNaviSP #menuBtn a{
	display: block;
    width: 100%;
	margin: 0 auto;
    padding: 10px 0;
	text-align: center;
	font-size: 2rem;
    border: #ccc 1px solid;
	border-radius:5px;
	background-color: #fff;
}
nav.globalNaviSP #menuBtn a.spMenuActive{
    border: #ccc 1px solid;
	background-color: #f5f5f5;
}

nav.globalNaviSP .tabBox{
	display: none;
}

/* スマートフォン用ナビゲーションメニュー カテゴリーメニュー（#tab）
****************************************************************************** */
nav.globalNaviSP .tabBoxInner{
	display: flex;
	margin-top: 5px;
}

.tab {
	margin: 0;
	padding: 0;
	width: 50%;
}

.tab ul.tabs  {
	margin: 0;
	padding: 0;
}

.tab ul.tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.tab ul.tabs li a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 2;
	color: #fff;
	background: #999;
	margin: 0;
	padding: 13px 0;
	border-bottom: #eee 1px solid;
}
.tab ul.tabs li:last-child a {
	border-bottom: #999 1px solid;
}

.tab ul.tabs li.activeTab a,
.tab ul.tabs li a:hover {
	color: #fff;
	background-color: #6af;
}


/* tab_content
****************************************************************************** */
.tab_content_box{
	background-color: #6af;
	margin: 0;
	padding: 5px 1%;
	width: 50%;
}

.tab_content {
	margin: 0;
	padding: 0;
}

#tab1,
#tab2,
#tab3,
#tab4,
#tab5,
#tab6,
#tab7,
#tab8,
#tab9,
#tab10{
	display: none;
}


.tab_content ul.tree {
	margin: 0;
	padding: 0;
}

.tab_content ul.tree li {
	width: 100%;
	margin: 0 0 2px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.tab_content ul.tree li a{
	display: block;
	padding: 10px 0;
	font-size: 1.4rem;
	line-height: 2.2;
	color: #36f;
	background-color: #def;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.tab_content ul.tree li a:hover{
	/**/
	color: #f63;
}
.tab_content ul.tree li.activePage a {
	color: #fff;
	background-color: #36f;
}


.tab_content ul.tree li .nav_midashi{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1;
}


/* main
****************************************************************************** */
.main{
	/* 前述上書き */
}

.category{
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #555;
}

h1.pageTitle{
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
	margin: 0 0 30px 0;
	border-bottom: #ccc 2px solid;
}



/* sideMenu
------------------------------------------------------------------------------------*/
.sideMenu{
	/*  */
}

.sideMenu_fixed {
	position: -webkit-sticky;
	position: sticky;
	margin-bottom: 50px;
	top: 10px;
	z-index: 1;
}

.sideMenu ul {
	margin: 0;
	padding: 0;
}

.sideMenu li {
	margin: 0 0 5px 0;
	font-size: 1.6rem;
	list-style: none;
	text-align: center;
	line-height:0;
}

.sideMenu li a {
	display: block;
	color: #36f;
	background-color: #fff;
	border: #36f solid 1px;
	line-height: 1.5;
	padding: 10px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.sideMenu li a.active,
.sideMenu li a:hover {
	color: #fff;
	background-color: #36f;
}



/* contents > section
------------------------------------------------------------------------------------*/
section{
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
	border: #ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

section.section_caution{
	border: #f99 2px solid;
}

.sectionInner{
	margin: 20px;
}
@media screen and (max-width:767px){
	.sectionInner{
		margin: 10px 6px;
	}
}

/* ぴよちゃん区切り */
.separator{
    margin: 20px auto 50px;
    text-align: center;
    border: none;
}
.separator img.svgIcon{
    width: 60px;
    height: auto;
}


/* 月ごとのタイトル */
.sectionInner h2 {
	font-size: 1.8rem;
	line-height: 1.4;
	margin: 0;
	padding: 0.6rem 0 0.5rem 1rem;
	color: #fff;
	background-color: #69f;
	border-bottom: #0033ff solid 2px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
/* おまけ */
.sectionInner h2.omake {
	margin: 80px 0 0 0;
	padding: 0.8rem 1rem 0.6rem 1rem;
	font-size: 1.8rem;
	color: #009922;
	background-color: #d6ffd6;
	border-bottom: #009922 solid 2px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}


section.section_caution .sectionInner h2{
	background-color: #f69;
	border: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* ステップきっず用 */
.sectionInner h2.step_h2 {
	margin: 50px 0 0 0;
	padding: 5px 16px;
	color: #ffffff;
	background-color: #469ADF;
	border-bottom: none;
	border-radius: 16px;
}



.sectionInner p{
	margin: 10px 5px 10px 5px;
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.6;
}
.sectionInner p.telBold{
	font-size: 2.6rem;
}


/* 更新日 */
.sectionInner p.mainDate{
	text-align: right;
	margin: 10px 4px 0 0;
    color: #666;
	font-size: 1.4rem;
}

p.ep_year{
	text-align: right;
	margin: 0px 4px 20px 0;
	font-size: 1.6rem;
	
}


/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.sectionInner p.telBold{
		font-size: 2.6rem;
	}
}


.sectionInner h3 {
	margin: 50px 0 10px 0;
	padding: 0 0 0 4px;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #884400;
	border-bottom: #CCCCCC solid 2px;
}
/* ステップきっず用 */
.sectionInner h3.step_h3 {
	margin: 20px 0 10px 10px;
	padding: 0 0 0 4px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #884400;
	border-bottom: #CCCCCC solid 2px;
}

.sectionInner h4 {
	display: table;
	margin: 10px 0 0px 4px;
	padding: 4px 10px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #336699;
	background-color: #f5f5f5;
	border: #CCCCCC solid 1px;
	border-radius: 5px;
}

.sectionInner h5 {
	display: table;
	margin: 10px 0 0px 4px;
	padding: 3px 8px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #ffffff;
	background-color: rgba(106,90,160,0.8);
	border-radius: 4px;
}



.sectionInner ol {
	margin: 20px 10px 20px 30px;
	padding: 0;
}

.sectionInner ol li {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: decimal;
	font-size: 1.6rem;
	line-height: 1.5;
}



.sectionInner ul {
	margin: 20px 10px 20px 10px;
	padding: 0;
}

/* リストマーカー設定【デフォルト：黄色★】 */
.sectionInner ul li {
	margin: 8px 0 0 0;/* 20200504：3px→8px */
	padding: 0 0 0 20px;
	list-style: none;
	font-size: 1.6rem;
	line-height: 1.5;
	background: url(../icon/listStar.svg) 0px 3px no-repeat;
	background-size: 14px;
}

/* list0：マーカー無し */
.sectionInner li.list0 {
	margin: 0 10px 0 0;
	list-style: none;
	padding: 5px 0 10px 15px;
	background: none;
}

/* list_caution：注意！ */
.sectionInner li.list_red {
	background: url(../icon/listStar_red.svg) 0 5px no-repeat;
	background-size: 14px;
}

/* ※印 */
.sectionInner li.list_kome {
	background: url(../icon/list_kome.svg) 0 1px no-repeat;
}

/* list1：三角 */
.sectionInner li.list1 {
	background: url(../icon/list1.svg) 0 7px no-repeat;
	background-size: 10px;
}


/* list2：赤丸点 */
.sectionInner li.list2 {
	background: url(../icon/list2.svg) 6px 9px no-repeat;
	background-size: 6px;
}

/* list3： 黒丸点*/
.sectionInner li.list3 {
	background: url(../icon/list3.svg) 6px 9px no-repeat;
	background-size: 6px;
}

/* list4： */
.sectionInner li.list4 {
	background: url(../icon/list4.svg) 5px 8px no-repeat;
}

/* PDF */
.sectionInner li.list_pdf {
	background: url(../icon/PDF_16.gif) 0 5px no-repeat;
}



/* リストマーカー設定【入れ子：黄色★と三角】 */
.sectionInner ul li.list0 ul {
	margin: 0;
	padding: 0;
}
.sectionInner ul li ul li {
	margin: 0px 0 0 4px;
	padding: 0 0 0 20px;
	list-style: none;
	font-size: 1.6rem;
	line-height: 1.5;
	background: url(../icon/list1.svg) 0 8px no-repeat;
	background-size: 10px;
}




.sectionInner p.commentBox {
	color: #449;
	background-color: #f9f9ff;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	font-size: 1.6rem;
	line-height: 1.6;
	border: #99f 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


/* float */
.floatBox{
	
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
@media screen and (max-width:767px){
	.floatL{
		float: none;
	}
	.floatR{
		float: none;
	}
}


/* ---------------------------------------------------------- flexBox */
.flexBox_bt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flexBox_ar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flexBox_st {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.flexBox_cent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.flexBox_bt{
		display: block;
	}

}
/* ------------------------------------------------------ スマホ ここまで */







/* クリニック案内：乳児健診についてなど */
.flexBoxNum{
	display: flex;
}
.flexItem1{
	flex-basis: 20%;
}
.flexItem4{
	flex-basis: 80%;
}
.flexBoxComBox{
	border: #ccc 1px solid;
	border-radius: 5px;
	padding: 0 10px 10px;
}

/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.flexBoxNum{
		display: block;
	}
	.flexItem1{
		flex-basis: 100%;
	}
	.flexItem4{
		flex-basis: 100%;
	}

}
/* ------------------------------------------------------ スマホ ここまで */



/*
---------------------------------------------------------------------- table */
table {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
	color: #666666;
	background-color: #FFFFFF;
}
th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	background-color: #fff;
	text-align: center;
}
th.type1 {
	color: #666666;
	background-color: #DDFFDD;
	line-height: 1.4;
	vertical-align: middle;
	font-weight: bold;
}
th.type2 {
	color: #666666;
	background-color: #CCFFCC;
}
td {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #fff;
}


.bgcol1 {
	background-color: #DDFFDD;
}
.bgcol2 {
	background-color: #CCFFFF;
}
.bgcol3 {
	background-color: #FFFFCC;
}


.bgtype1 {
	width: 25px;
	text-align: center;
}
.bgtype2 {
	width: 230px;
}
.bgtype3 {

}



table.step_table th div.seasons{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column; 
	vertical-align: top;
	width: 60px;
	height: 60px;
}
	
table.step_table th div.season_txt{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}
table.step_table th .season_col1{
	color: #fff;
	background-color: #019c96;
}
table.step_table th .season_col2{
	color: #fff;
	background-color: #019fe6;
}
table.step_table th .season_col3{
	color: #fff;
	background-color: #954024;
}
table.step_table th .season_col4{
	color: #fff;
	background-color: #858aaa;
}

/* ステップきっず フローチャート */
div.step_flow{
	margin: 20px 10px;
	padding-bottom: 30px;
	background: url("../icon/icon_triangle.png") no-repeat center bottom;
}

div.step_flow_inner{
	margin: 0;
	padding: 10px;
	border: #99f 1px dotted;
	border-radius: 10px;
}
div.step_flow h4{
	margin: 0 16px;
	padding: 5px;
	border-bottom: #ccc 1px solid;
	font-weight: bold;
	text-align: center;
}
div.step_flow p{
	margin: 10px 20px 5px 20px;
	padding: 0;
	line-height: 1.4;
}


/*
---------------------------------------------------------------------- 価格dl */
.kakaku {
	/**/
}  
.kakaku dl {
	/*border:1px solid #999;*/
	width:90%;
	margin: 10px 0 0 10px;
	font-size: 1.6rem;
}  
.kakaku dt {
	float:left;
	width:60%;
	padding:5px 0 5px 10px;
	clear:both;
	border-bottom:1px solid #CCCC99; 
}  
.kakaku dd {
	width:40%;
	margin-left:60%;
	padding:5px 5px 5px 10px;
	border-left:1px dotted #CCCC99;
	border-bottom:1px solid #CCCC99;
}
/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){
	.kakaku dl {
		width:100%;
	}  
	.kakaku dt {
		float:none;
		width:90%;
		margin-top: 10px;
		padding:5px 0 5px 10px;
		border-bottom:1px solid #CCCC99; 
	}  
	.kakaku dd {
		width:calc(90% - 20px);
		margin-left:20px;
		padding:5px 5px 5px 10px;
		border-left:1px dotted #CCCC99;
		border-bottom:1px solid #CCCC99;
	}
}
/* ------------------------------------------------------ スマホ ここまで */



/*
---------------------------------------------------------------------- テーブル｜recruit用 */
table.recruit{
	margin-top: 30px;
}
table.recruit th {
	padding: 10px;
	color: #333333;
	background-color: #eeeeff;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: bold;
	width: 12%;
}
table.recruit td {
	padding: 10px;
	width: 88%;
	font-size: 1.4rem;
}
table.recruit td h2 {
	font-size: 1.6rem;
	color: #fff;
	background-color: rgba(60,151,65,1.00);
	border: none;
	border-radius: 3px;
	margin-bottom: 10px;
}
table.recruit td strong {
	margin-left: 10px;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 2px 5px;
	color: #630;
	background-color: #F9F7DA;
	border: none;
	border-radius: 2px;
}





/* フォームボタン */
p.btn01{
	text-align: center;
}
p.btn01 a{
	display: inline-block;
	color: #fff;
	background-color: #36f;
	padding: 15px 30px;
	border-radius: 3px;
}
p.btn01 a:hover{
	background-color: #69f;
}


/* Googleカレンダー */
.contentsBox_Inner_wide{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.cal_wrapper {
	max-width: 1000px; /* 最大幅 */
	margin: 0 auto;
	/*height: 900px;*/
}
.googlecal {
	position: relative;
	height: 100%;
	padding-bottom: 80%; /* 縦横比 */
	z-index: 1;
}
@media only screen and (max-width: 768px){
/*@media screen and (max-width:666px){*/
	.googlecal {
		padding-bottom: 80%;
	}
}
.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*
.cal_wrapper_agenda {
	max-width: 1000px;
	margin: 0 auto;
	height: 400px;
}
.cal_wrapper_agenda .googlecal {
	position: relative;
	height: 100%;
}
.cal_wrapper_agenda .googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
*/

/* アクセスマップ（gif版用） */
.access_map {
	width: 100%;
	max-width: 586px;
	margin: 30px auto 0;
}

.access_map img{
	width: 100%;
	height: auto;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}



/*iPhone5：320x568*/
/*iPhone7：375x667*/
/*iPad：768x1024*/
/*portrait（縦向き）,landscape（横向き）*/

/* ------------------------------------------------------ タブレット */
@media screen and (max-width:1014px){
	nav.globalNavi{
		display: none;
	}
	nav.globalNaviSP{
		display: block;
	}

	h1.logo img{
		width: 95%;
		max-width: 340px;
	}
	
	.main,
	.bottom_nav,
	footer
	{
		width: 98%;
	}
	
	.sideMenu{
		width: 100%;
		margin: 0 auto;
		display: none;
	}
	.contents{
		width: 100%;
		margin: 0 auto;
	}
	
}
/* ------------------------------------------------------ タブレット ここまで */

/* ------------------------------------------------------ スマホ */
@media screen and (max-width:767px){

}
/* ------------------------------------------------------ スマホ ここまで */



/* 20230904 LINEボタン追加 footer用
---------------------------------------------------------------------- end */
.footer_line_link{
	margin: 5px 0 0 0;
}

/* 20230904 LINEボタン追加 ニュースカテゴリ サイドメニュー用
---------------------------------------------------------------------- end */
.sidemenu_line_link{
	margin: 5px 0 0 0;
}



/* 20240421：保育室だより（エピソード）で使用していたスタイルを保存 */
.sectionInner h4{margin-top: 50px; padding: 4px 8px; color: #fff; background-color: #7C64C4; border: none;}
.sectionInner h5{margin-top: 20px; padding: 3px 8px; font-size: 1.5rem; color: #336699; background-color: #f8f8f8; border: #336699 solid 1px;}
.sectionInner h3.homecare{color: #128F1B; background-color: #f5fff5; border-color: #128F1B; padding: 5px 5px 2px 5px;}
.sectionInner h3.homecare span{color: #333; font-size: 1.6rem; margin-left: 1rem;}
.sectionInner li.list_qa{font-weight: bold; color: #639;}
.bold{font-weight: bold;}
.img_mame{width: 100%;}







