@charset "utf-8";

/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
#globalHeader { margin:25px auto 10px; }

@media (min-width:576px) { /* PC */
#globalHeader { margin:25px auto 0; }
}
.support a { background:#0000dc; font-size:16px; display:block; color:#fff; text-align:center; padding:10px; }
.support a:hover { background:#8ba6ff; color:#fff; }
.support a img { vertical-align:middle; }

/*----------------------------------------------------
	spmenu_btn
----------------------------------------------------*/
.spmenu_btn { display: block; position: absolute; top: 14px; right: 15px; width: 30px; height: 22px; background: #000; border-top: 10px solid #fff; border-bottom: 10px solid #fff; box-sizing: border-box; transition: all 0.3s; }
.spmenu_btn:before { content: ''; position: absolute; width: 30px; height: 2px; background: #000; top: -9px; right: 0; transition: all 0.3s; }
.spmenu_btn:after { content: ''; position: absolute; width: 30px; height: 2px; background: #000; bottom: -9px; right: 0; transition: all 0.3s; }
.spmenu_btn.active { background: #fff; }
.spmenu_btn.active:before { transform: rotate(-135deg); top: 0; right: 0; }
.spmenu_btn.active:after { transform: rotate(135deg); bottom: 0; right: 0; }

@media (min-width:576px) { /* PC */
.spmenu_btn { display: none; }
}


/*----------------------------------------------------
	#globalmenu
----------------------------------------------------*/
.openNav { display: none; }
.dropmenu { width: 100%; margin-bottom:20px; }
.dropmenu:before,
.dropmenu:after { content: ""; display: table; clear: both; }
.dropmenu ul { list-style: none; }
.dropmenu li { position: relative; text-align: center; }
.dropmenu li a { display: block; padding: 15px 0; color: #fff; line-height: 1; background:#0000dc; border-bottom: 2px solid #fff; border-radius: 6px; }

@media (min-width:576px) { /* PC */
.openNav { display: block; margin-top:15px; }
.dropmenu li { width: auto; float: left; margin-left:30px; font-size: 12px; }
.dropmenu li a { color: #000; border-bottom: none; background:none; }
.dropmenu li a span { border-bottom: 2px solid #0000dc; padding-bottom: 0.5em; }
.dropmenu li a:hover span  { border-bottom: 2px solid #8ba6ff; transition: all 0.5s; }
.dropmenu li a:hover { background:none; }
}


/*----------------------------------------------------
	slider
----------------------------------------------------*/
#slick_container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/*上書き修正*/
.slick-prev,
.slick-next { width: 40px; height: 40px }
.slick-prev:before,
.slick-next:before { content: ""; }
button.slick-prev,
button.slick-next { z-index: 2; }
.slick-prev { left: 0; /* 任意の値 */}
.slick-next { right: 0; /* 任意の値 */}
.slick-arrow { z-index:10;/* 値は適当に */}


/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
 margin-bottom:60px;
}

/* ページトップへ戻る */
.pageTop {
 text-align:center;
}


/*----------------------------------------------------
	#topice
----------------------------------------------------*/
#topics {
  clear: both;
  width: 100%;
  background:#f3f8ff;
  padding:10px 0;
}


/*----------------------------------------------------
	footer#globalFooter
----------------------------------------------------*/
footer#globalFooter {
  clear: both;
  width: 100%;
  padding:30px 0;
}

footer#globalFooter ul {
 list-style:none;
 margin-top:7px;
}

footer#globalFooter li {
 padding-left:20px;
 padding-bottom:3px;
 font-size:13px;
 display:inline-block;
}

footer#globalFooter li a { color:#fff; }


/*----------------------------------------------------
	mailform
----------------------------------------------------*/
textarea {
  width: 99%;
  border: #ccc solid 1px;
  background: #f1f1f1;
}

input[type="text"] {
  border: #ccc solid 1px;
  background: #f1f1f1;
}

.required {
  font-size: 12px;
  color: #fff;
  background-color: red;
  padding: 3px 5px;
  border-radius: 3px;
  margin: 0 10px;
}


/*----------------------------------------------------
	その他
----------------------------------------------------*/
/* リンク */
a,
a:hover {
  text-decoration: none;
  color: #0000dc;
}
.w100 { width: 100%; }

/* テキスト */
#main { line-height: 1.8; }
h2 { text-align:center; font-size:25px; clear:both; letter-spacing:0.1em; }
h3 { font-size:20px; margin:30px 0 15px; }
h4 { font-size:15px; }
.buttonS { margin:15px 0; color: #fff; font-size:12px; display: inline-block; text-align: center; padding: 8px 25px; border-radius: 20px; background-color: #FF8B17; }
/* .buttonS { margin:15px 0; color: #fff; font-size:12px; display: inline-block; text-align: center; padding: 8px 25px; border-radius: 20px; background-color: #717071; } */
.buttonS:hover { background-color: #ffc993; transition: all 0.5s; color: #000; }
/* .buttonS:hover { background-color: #ccc; transition: all 0.5s; color: #000; } */
.point { color:#ff5587; }


/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.banner { margin:60px 0; }
.banner img { margin-bottom:30px; }
.product { text-align:center; }
.product p { font-size:14px; }
.hrLines { border-top:1px #ccc solid; padding-top:30px; margin-top:30px; }
@media (min-width:576px) { /* PC */
.hrLines { border-top:none; }
}
.kindergarten h2 {
  color:#ff5587;
  background:url(../../images/common/h2_kindergarten.png) center bottom no-repeat;
  padding-bottom:30px;
  margin:100px 0 30px;
}
.afterschool h2 {
  color:#ff5587;
  background:url(../../images/common/h2_kindergarten.png) center bottom no-repeat;
  padding-bottom:30px;
  margin:100px 0 30px;
}
.corporation h2 {
  color:#8ba6ff;
  background:url(../../images/common/h2_corporation.png) center bottom no-repeat;
  padding-bottom:30px;
  margin:100px 0 30px;
}

.link h2 {
  color:#f89852;
  background:url(../../images/common/h2_link.png) center bottom no-repeat;
  padding-bottom:30px;
  margin:100px 0 30px;
}

.corporation ul li {
 font-size:20px;
 border-bottom:#8ba6ff 1px solid;
 padding:5px;
 list-style:none;
}

.corporation p.for {
  color:#8ba6ff;
}



/*----------------------------------------------------
	共通指定
----------------------------------------------------*/
.containerBk { padding:60px 0; margin:30px 0 60px; }
.price { font-size:150%; color:#d10000; }
.price-str { font-size:90%; color:#d10000; }
.button { font-size:20px; display: inline-block; text-align: center; padding: 30px; border-radius: 10px; margin:15px 0; color: #fff; }
.button:hover { transition: all 0.5s; color: #82645a; }
.q { padding:20px 30px; margin:20px 0 10px; border-radius: 10px; }
.a { padding:20px 30px; margin:10px 0 20px; border-radius: 10px; }
/* 箇条書きリスト */
ul.ulList { list-style: none; display: table; margin:30px 0; }
ul.ulList li:after { content: ""; display: block; }
ul.ulList li { display: table-row; }
ul.ulList li:before { content: "\25CF"; display: table-cell; padding-right: 15px; font-size:60%; }

table { width: 100%; line-height: 1.6; margin:10px 0; border-top: 1px solid #999; border-collapse: collapse; border-spacing: 0; font-size:14px; }
th,
td { border: 1px solid #999; padding: 10px 20px; width: 100%; display: block; border-top: none; }
th { font-weight: bold; white-space: nowrap; background-color: rgba(255,255,255,0.3); }
@media (min-width:576px) { /* PC */
th,
td { display: table-cell; width: auto; }

.tline-noneimg{width:200px;}
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/
 /* 　確認ボタンの有効/無効状態の設定　 */
input[type='submit']{
	font-size:20px; 
	display: inline-block; 
	text-align: center; 
	padding: 30px; 
	border-radius: 10px; 
	margin:15px 0; 
	color: #fff; 
       background-color:  linear-gradient(to right, rgba(128,148,255,1) 0%, rgba(0,0,220,1) 100%);
		pointer-events: auto;
}

input[type='submit']:disabled{
	background-color: #cdced1;
	pointer-events: none;
}



/*----------------------------------------------------
	会社概要など
----------------------------------------------------*/
#base th { background-color:#e0e7ff; }
#base ul.ulList li:before { color: #8ba6ff; }
#base .button { background: linear-gradient(to right, rgba(128,148,255,1) 0%, rgba(0,0,220,1) 100%); }
#base .button:hover,
#base .containerBk { background: linear-gradient(to right, rgba(251,245,255,1) 0%, rgba(204,216,255,1) 100%); }

#base footer#globalFooter { background:#f3f8ff; }
#base footer#globalFooter li { background:url(../../images/common/arrow.png) no-repeat left center; display:block; }
#base footer#globalFooter li a { color:#000; }
.company h3 {
  color:#0000dc;
  background:url(../../images/common/h3_company.png) center bottom no-repeat;
  padding-bottom:30px;
  margin:100px 0 30px;
  text-align:center;
}

#base .tline-none{
  border-style: none;
}

#base .tline-none td{
  border-style: none;
  text-align:left;
  font-size:110%;
}

#base .tline-noneimg{width:350px;}

/*----------------------------------------------------
	ゆめ・ドリーム
----------------------------------------------------*/
#yume-dream .dropmenu li a,
#yume-dream footer#globalFooter,
#yume-dream .button { background: linear-gradient(to right, rgba(255,150,0,1) 0%, rgba(255,85,135,1) 100%); }
#yume-dream .button:hover,
#yume-dream .containerBk { background: linear-gradient(to right, rgba(255,204,218,1) 0%, rgba(255,223,178,1) 100%); }
#yume-dream .q { background:#ffdde7; }
#yume-dream .a { background:#ffeacc; }

#yume-dream .tline-none{
  border-style: none;
}

#yume-dream .tline-none td{
  border-style: none;
  text-align:center;
}
/*----------------------------------------------------
	ゆめねっと
----------------------------------------------------*/
#yume-net .dropmenu li a,
#yume-net footer#globalFooter,
#yume-net .button { background: linear-gradient(to right, rgba(255,150,0,1) 0%, rgba(255,227,19,1) 100%); }
#yume-net .button:hover,
#yume-net .containerBk { background: linear-gradient(to right, rgba(255,223,178,1) 0%, rgba(255,246,186,1) 100%); }
#yume-net .q { background:#ffdfb2; }
#yume-net .a { background:#fff6ba; }


/*----------------------------------------------------
	タッチ登降園
----------------------------------------------------*/
#touch .dropmenu li a,
#touch footer#globalFooter,
#touch .button { background: linear-gradient(to right, rgba(255,130,180,1) 0%, rgba(247,167,201,1) 100%); }
#touch .button:hover,
#touch .containerBk { background: linear-gradient(to right, rgba(255,217,232,1) 0%, rgba(252,232,241,1) 100%); }
#touch .q { background:#ffd9e8; }
#touch .a { background:#fce8f1; }


/*----------------------------------------------------
	請求管理システム
----------------------------------------------------*/
#billing .dropmenu li a,
#billing footer#globalFooter,
#billing .button { background: linear-gradient(to right, rgba(0,160,117,1) 0%, rgba(120,232,177,1) 100%); }
#billing .button:hover,
#billing .containerBk { background: linear-gradient(to right, rgba(178,226,213,1) 0%, rgba(222,253,235,1) 100%); }
#billing .q { background:#b2e2d5; }
#billing .a { background:#defdeb; }


/*----------------------------------------------------
	シフトおまかせくん
----------------------------------------------------*/
#shift .dropmenu li a,
#shift footer#globalFooter,
#shift .button { background: linear-gradient(to right, rgba(128,198,255,1) 0%, rgba(0,142,255,1) 100%); }
#shift .button:hover,
#shift .containerBk { background: linear-gradient(to right, rgba(230,244,255,1) 0%, rgba(192,227,255,1) 100%); }
#shift .q { background:#80c6ff; }
#shift .a { background:#c0e3ff; }


/*----------------------------------------------------
	図書番くん
----------------------------------------------------*/
#book .dropmenu li a,
#book footer#globalFooter,
#book .button { background: linear-gradient(to right, rgba(128,220,255,1) 0%, rgba(0,185,255,1) 100%); }
#book .button:hover,
#book .containerBk { background: linear-gradient(to right, rgba(230,248,255,1) 0%, rgba(191,238,255,1) 100%); }
#book .q { background:#80dcff; }
#book .a { background:#bfeeff; }


/*----------------------------------------------------
	緊急地震速報受信機 - Home Seismo -
----------------------------------------------------*/
#HomeSeismo .dropmenu li a,
#HomeSeismo footer#globalFooter,
#HomeSeismo .button { background: linear-gradient(to right, rgba(128,148,255,1) 0%, rgba(0,0,220,1) 100%); }
#HomeSeismo .button:hover,
#HomeSeismo .containerBk { background: linear-gradient(to right, rgba(251,245,255,1) 0%, rgba(204,216,255,1) 100%); }
#HomeSeismo .q { background:#8094ff; }
#HomeSeismo .a { background:#ccd8ff; }

/*----------------------------------------------------
	非常時緊急連絡システム
----------------------------------------------------*/
#emergency .dropmenu li a,
#emergency footer#globalFooter,
#emergency .button { background: linear-gradient(to right, rgba(255,150,0,1) 0%, rgba(255,227,19,1) 100%); }
#emergency .button:hover,
#emergency .containerBk { background: linear-gradient(to right, rgba(255,223,178,1) 0%, rgba(255,246,186,1) 100%); }
#emergency .q { background:#ffdfb2; }
#emergency .a { background:#fff6ba; }
/*----------------------------------------------------
	わんぱくランド
----------------------------------------------------*/
#wanpaku .dropmenu li a,
#wanpaku footer#globalFooter,
#wanpaku .button { background: linear-gradient(to right, rgba(128,148,255,1) 0%, rgba(0,0,220,1) 100%); }
#wanpaku .button:hover,
#wanpaku .containerBk { background: linear-gradient(to right, rgba(251,245,255,1) 0%, rgba(204,216,255,1) 100%); }
#wanpaku .q { background:#8094ff; }
#wanpaku .a { background:#ccd8ff; }/*----------------------------------------------------
	共通
----------------------------------------------------*/
#yume-dream p,
#yume-net p,
#touch p,
#billing p,
#shift p,
#book p,
#HomeSeismo p ,
#emergency p,
#wanpaku p{
 font-size:12px;
}

#yume-dream,
#yume-net,
#touch,
#billing,
#shift,
#book,
#HomeSeismo,
#emergency,
#wanpaku {
 color: #82645a;
}

@media (min-width:576px) { /* PC */
#yume-dream .dropmenu li a,
#yume-net .dropmenu li a,
#touch .dropmenu li a,
#billing .dropmenu li a,
#shift .dropmenu li a,
#book .dropmenu li a,
#emergency .dropmenu li a,
#wanpaku .dropmenu li a,
#HomeSeismo .dropmenu li a { background: none; }
}