@charset "UTF-8";


/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:15px;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*================================================
 *  一般・共通設定
 ================================================*/
html { font-size:1rem; }
body { font-size:1rem; color:#0f0f0f; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height:1.8; background:#fff; text-align:justify; text-justify:inter-ideograph; animation:fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }
@keyframes fadeIn { 0% {opacity:0} 100% {opacity:1 }}
@-webkit-keyframes fadeIn { 0% {opacity:0} 100% {opacity:1 }}
.inner { position:relative; width:1200px; margin:0 auto; }
nav { width:100%; /zoom:1; }
nav:after { content:""; display:block; clear:both; }
#contents { overflow:hidden; width:1200px; margin:0 auto; }
footer { box-sizing:border-box; width:100%; margin:0 auto; }
a { color:#913c14; text-decoration:none; }
a:hover { color:#913c14; text-decoration:underline; }
h2 { font-size:2.3rem; height:100%; font-weight:bold; color:#913c14; text-align:left; text-shadow:1px 1px 0 #e9d4d4; padding:0 0 0 20px; border-left:10px solid #913c14; line-height:1.2; }
h3 { font-size:2.3rem; text-align:center; margin:60px 0 35px 0; padding:0; font-weight:bold; color:#323232; }
h4 { font-size:1.9rem; text-align:center; margin:0 0 55px 0; color:#913c14; font-weight:bold; position:relative; }
h4:before { content:''; position:absolute; bottom:-10px; display:inline-block; width:60px; height:5px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); background-color:#913c14; border-radius:2px; }
h5 { font-size:1.3rem; font-weight:bold; border-left:5px solid #913c14; padding:3px 0 0 10px; margin:0 0 30px 0; color:#913c14; line-height:1.2; }
h6 { font-size:1.1rem; font-weight:bold; border-left:5px solid #505050; padding:4px 0 0 10px; margin:0 0 30px 0; color:#505050; line-height:1.1; }
img { vertical-align:bottom; }
ul,ol,dl { margin:0; }
ol li { text-indent:-2em; padding-left:2em; list-style-type:none; counter-increment:cnt; margin:0 0 0.8em 0; }
ol li:before { content:"(" counter(cnt) ")"; margin-right:0.5em; }
ol li:last-child { margin:0; }
dl dt { }
dd { }
.clearfix:after { content:""; clear:both; display:block; }
:focus { outline:none; }
.tjust { text-align:justify; word-break:break-all; text-justify:inter-ideograph; text-justify:inter-character; word-wrap:break-word; overflow-wrap:break-word; }

/* 丸矢印の設定 */
	/* 共通設定 */
	.arrow { position:relative; display:inline-block; padding:0 0 0 1.4em; color:#000; vertical-align:middle; text-decoration:none; font-size:1rem; }
	.arrow::before,.arrow::after { position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle; }
	/* 各ページ丸矢印 */
	.maruy::before { width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%; background:#f26522; }
	.maruy::after { left:5px; box-sizing:border-box; width:3px; height:3px; border:3px solid transparent; border-left:3px solid #fff; }

/* 外部ページへリンク */
.nw1 img { width:12px !important; margin:0 0 0.2em 0.5em; } /* グローバルナビゲーション */
.nw2 img { width:10px !important; margin:0 0 0.7em 0.5em; } /* ヘッダー右上 */
.nw3 img { width:12px !important; margin:0 0 0.9em 0.5em; } /* ページ下部ナビゲーション */

/*.nw4 img { width:12px !important; margin:0 0 0.6em 0.3em; }*/

/*================================================
 *  ヘッダー
 ================================================*/
header { box-sizing:border-box; position:relative; width:100%; background:#fff; border-top:3px solid #f26522; padding:1.3rem 0; }
.h-inner { width:1200px; margin:0 auto; display:flex; align-items:center; }
.header-left { width:25%; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; }
.header-left img { max-width:100%; box-sizing:border-box; overflow:hidden; }
.header-right { width:75%; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; }

/* 交通アクセス・お問い合わせ */
.header-r-l { margin:0 2rem 0 0; }
.header-r-l ul.h-r-top { width:100%; margin:0.2em 0 0 0; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.h-r-top li { font-size:1rem; list-style:none; margin:0 0 0 1.5em; padding:0 0 0 1.4em; }
.h-r-top a { color:#0f0f0f; }
.h-r-top a:hover { color:#f26522; }

/* TEL・Email */
.header-r-l ul.h-r-bottom { width:100%; margin:1.3em 0 0 0; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.h-r-bottom li { color:#0f0f0f; font-size:1.5rem; font-weight:bold; line-height:1.2; margin:0 0 0 1.2em; padding:0 0 0 1.5em; background-size:1.5rem; }
.htel { background:url(../images/tel.png) no-repeat left top; }
	/* iOS対策 */
	.htel a { color:#0f0f0f; text-decoration:none; }
	.hmail { background:url(../images/mail.png) no-repeat left top; }

/* 文字サイズ */
.header-r-r { width:auto; margin:0; letter-spacing:-.4em; text-align:center; }
.header-r-r p { margin:0 0 0.5em 0; color:#f26522; font-size:1rem; font-weight:bold; letter-spacing:normal; }
.size-button { background-color:#fff; cursor:pointer; display:inline-block; letter-spacing:normal; font-size:1rem; line-height:1; padding:13px; margin:0; text-align:center; width:auto; }
.size-button.bl { border-top:2px solid #f26522; border-bottom:2px solid #f26522; border-left:2px solid #f26522; border-right:1px solid #f26522; }
.size-button.br { border-top:2px solid #f26522; border-bottom:2px solid #f26522; border-left:1px solid #f26522; border-right:2px solid #f26522; }
.size-button.active { background:#f26522; color:#fff; outline:none; }
.size-button:hover { background:#c1501b; color:#fff; outline:none; transition:.5s; }


/*================================================
 *  ヘッダー画像
 ================================================*/
#header-b-hkc { width:100%; height:auto; display:block; background-color:#fdefe8; border-bottom:1px solid #dcdcdc; }
.header-b-frame-hkc { width:1200px; margin:0 auto; padding:3em 0; background-repeat:no-repeat; background-image:url(../images/head01.jpg); background-position:right top; background-size:auto 100%; } /* 子どもクリニック */


/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {
	nav { background:#f26522; position:relative; box-shadow:0 2px 4px rgba(0,0,0,0.3); z-index:3; }

	/* 共通 */
	nav ul { margin:0; padding:0; }
	nav ul li { position:relative; margin:0; padding:0; list-style:none; }
 	nav ul li.smh { display:none; }
	nav ul li a { display:block; margin:0; padding:22px 0 20px 0; background:#f26522; color:#fff; font-size:16px; line-height:1; text-decoration:none; transition:.5s; }
	nav ul li:hover > a { color:#fff; background:#c1501b; text-decoration:none; }

	/* 1段目 */
	nav ul.gnav > li { position:relative; width:25%; float:left; margin:0; padding:0; text-align:center; list-style:none; }
	/*nav ul.gnav > li:first-child { width:15%; }*/
	nav ul.gnav > li. a { display:block; }
	nav ul.gnav > li.subnav > a:after {	position:absolute; content:""; top:20px; width:0; height:0; margin-left:10px; }

	/* 2段目 */
	/*nav ul li ul { position:absolute; z-index:3; top:100%; left:0; width:100%; margin:0; padding:0; }
	nav ul li ul li { overflow:hidden; width:150%; height:0; color:#fff; transition:.5s; }
	nav ul li ul li a { padding:17px; text-align:justify; background:#f26522; font-weight:normal; text-decoration:none; }
	nav ul li:hover > ul > li { overflow:visible; height:50px; border-top:1px solid #fff; }
	nav ul li:hover ul li:last-child { border-bottom:1px solid #fff; }
	nav ul.gnav > li:last-child > ul { left:-50%; }
	nav ul li ul li ul:before { position:absolute; content:""; top:20px; left:-20px; width:0; height:0; border:5px solid transparent; border-left-color:#fff; }
	nav ul.gnav > li:last-child ul li ul:before { position:absolute; content:""; top:20px; left:200%; margin-left:-20px; border:5px solid transparent; border-left-color:#fff; }

	/* 3段目 */
	/*nav ul li ul li ul { top:0; left:100%; }
	nav ul li ul li ul li { width:100%; }
	nav ul li ul li:hover > ul > li { border-top:1px solid #fff; }
	nav ul.gnav > li:last-child > ul li ul { left:-100%; }
	nav ul li ul li ul li a { background:#c1501b;	}
	nav ul li ul li ul li a:hover { background:#913c14; }*/

	/* PC用メニューを表示 */
	.gnav { display:block !important; }
	.pc-menu { display:block !important; }

	/* スマホ用メニュー隠す */
	#spMenu { display:none; }
	.sp-menu { display:none; }

	/* ナビゲーション移動 */
	.fixed { position:fixed; top:0; left:0; }

	/* 文字間 */
	.mnls { letter-spacing:-0.1em; }

}


/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath { font-size:1rem; padding:15px 0 0 0; background:#fff; }
#topicpath2 { font-size:1rem; margin:0 auto; padding:15px 0 0 0; background:#fff; width:1200px; }


/*================================================
 *  フッター
 ================================================*/
footer { clear:both; }
.ftr { background-image:url(../images/01.jpg); top:0; left:0; background-size:cover; background-attachment:fixed; background-position:center; width:auto; }
.ftr-cover { background:rgba(0,0,0,0.4); width:100%; height:100%; }

	/* iOS対策 */
	@supports (-webkit-touch-callout:none) {
		.ftr { background-attachment:scroll; }
	}

/* グループサイト */
.group { width:auto; overflow:hidden; padding:0; }
.group-box { width:100%; overflow:hidden; margin:0 auto; }
.group-box p { margin:0; }
.group-box a { outline:none; }
.group-box img { width:100%; }
.group-box .slick-next { right:17px; z-index:2; }
.group-box .slick-prev { left:17px; z-index:2; }
.group-box .slick-prev, .group-box .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }
.group-box .slick-prev:before { content:""; display:inline-block; width:20px; height:20px; background-image:url(../images/sl-prev-01.png); background-size:contain; vertical-align:middle; }
.group-box .slick-next:before { content:""; display:inline-block; width:20px; height:20px; background-image:url(../images/sl-next-01.png); background-size:contain; vertical-align:middle; }
.group-box .slick-prev:hover, .slick-next:hover { color:transparent; outline:none; background:transparent; }
.group-box .slick-prev:hover:before { background-image:url(../images/sl-prev-02.png); transition:.5s; }
.group-box .slick-next:hover:before { background-image:url(../images/sl-next-02.png); transition:.5s; }

/* ナビゲート */
.ftr-navi { width:100%; box-sizing:border-box; overflow:hidden; margin:0; padding:0 0 60px 0; background:rgba(244,131,78,.8); }
.ftr-navi-box { width:1200px; overflow:hidden; margin:0 auto; display:flex; flex-wrap:wrap; }
.ftr-navi-in { width:calc(94% / 3); padding:60px 0 0 0; overflow:hidden; align-items:stretch; }
.ft1 { margin:0 3% 0 0; order:1; }
.ft2 { margin:0 3% 0 0; order:2; }
.ft3 { margin:0 0 0 0; order:3; }
.ft4 { margin:0; order:4; }
.ftr-navi-in p { font-size:1.3rem; margin:0 0 10px 0; font-weight:bold; color:#fff; }
.ftr-navi-in .company { font-size:1rem; margin:0 0 5px 0; font-weight:bold; color:#646464; }
.ftr-navi-in .company02 { font-size:1rem; margin:20px 0 5px 0; font-weight:bold; color:#646464; }
.ftr-navi-in .ser-name { font-size:0.85rem; margin:15px 0 0 0; font-weight:bold; color:#913c14; }
.ftr-navi-in .ser-name:first-child { font-size:0.85rem; margin:0; font-weight:bold; color:#913c14; }
.ftr-navi-in .ftnmarg { margin:60px 0 5px 0; }
.ftr-navi-in p a { font-size:1.3rem; font-weight:bold; color:#fff; }
.ftr-navi-in p a:hover { color:#fff; }
.ftr-navi-in .sub { font-size:1rem; color:#fff; }
.ftr-navi-in .sub a { font-size:1rem; color:#fff; }
.ftr-navi-in .sub a:hover { font-size:1rem; color:#913c14; }
.ftr-navi-in span.ftrnw img { width:12px; margin:0 0 0.5em 0.5em; }

/* アドレス */
.ftr-box { overflow:hidden; width:1200px; margin:0 auto; }
.hkcadd { width:100%; margin:80px auto 90px auto; text-align:center; }
.hkcadd .name { font-size:2.5rem; margin:0 0 15px 0; font-weight:bold; color:#fff; text-shadow:1px 1px 3px #646464; }
.hkcadd .add { font-size:1.1rem; color:#fff; text-shadow:1px 1px 5px #000; }
.hkcadd .br { margin:0 0 0 10px;}
.ftel { font-size:1.5rem; font-weight:bold; line-height:1.4; color:#fff; text-shadow:1px 1px 3px #646464; }
	/* iOS対策 */
	.ftel a { color:#fff; text-decoration:none; }

.button-box { box-sizing:border-box; width:100%; margin:30px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:center; }
.button-box p { width:20%; margin:0 15px; border:5px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.button-box p a { box-sizing:border-box; overflow:hidden; width:100%; height:100%; padding:10px 0; color:#fff; display:inline-block; vertical-align:middle; transition:.5s; text-decoration:none; }
.button-box p a:hover { background:#c1501b; text-decoration:none; }
.button-box p img { width:13%; vertical-align:middle; margin:0 5px 0 -5px; }

/* コピーライト */
.copyright { width:100%; overflow:hidden; padding:20px 0; background:#f26522; }
.copyright p { font-size:0.9rem; color:#fff; text-align:center; }


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop { position:fixed; bottom:20px; right:20px; }
.totop a { display:block; text-decoration:none; }
.totop img { border-radius:10%; background:#f26522; }