/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html {
font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; }/* 2 */
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family: 'Varela Round', sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
a img.imglink { border:solid 1px #BBB;}
a:hover img.imglink { border:solid 1px #0099CC;}
/* ==========================================================================
Typography
========================================================================== */
html { font-size: 62.5%; color: #414848;} /* レスポンシブ タイプセッティングへの対応 */
body,p,ul,ol,dl{ font-size: 1.5rem; line-height: 1.6;letter-spacing: 0.7px;  }
th,td { font-size: 1.5rem; font-weight:normal; }
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
h1 { font-size: 2rem; line-height: 1.2; margin-top: 0rem; }
h2 { font-size: 1.9rem; line-height: 1.263; }
h3 { font-size: 1.8rem; line-height: 1.3333; }
h4 { font-size: 1.6rem; line-height: 1.5; }
h5 { font-size: 1.6rem; line-height: 1.5; }
h6 { font-size: 1.6rem; line-height: 1.5; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
menu, ol, ul { margin: 1em 0; }

/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Global Styles
========================================================================== */
a { color: #36c; transition: all 0.5s; }
a:hover, a:focus { color: #09c; text-decoration: underline; }

h2 { color: #5F4E49; font-weight: bold; }
h2.is_book{ text-align:center; border-bottom: 2px dotted #5F4E49; padding:0 1rem 1.5rem;}
h2 > span { display:inline-block; font-size:1.5rem; background:#5F4E49; border-radius: 10px; color: #FFF; padding:0.2rem 1.5rem; font-weight: normal;}

.section-padding { padding:50px 0 70px;}
.section-padding_t0 { padding:0 0 50px 0;}
.section-padding_b0 { padding:50px 0 0;}
.dark-bg { background: #f3f5f8; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; box-shadow: 0px 3px 0px 0px #f0f2f4; }
.light-box { background-color: #fff; box-shadow: 0px 3px 0px 0px #f0f2f4; padding: 20px 5px; }
.light-box:hover, .light-box:focus { box-shadow: 0px 3px 0px 0px #3dc9b3; }
.box-hover { transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); }
.wrapper { height: 650px; }
.nopadding { padding: 0; }
.inner { padding-top: 170px; }
.img_b{ border: 1px solid #C1A897;}

#home{ background-color:#FFF0F0;}
#home p { margin:1rem 0 0 0;}
.m_flx {display:-webkit-flex; display:-moz-flex; display:flex; padding: 0; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-wrap: wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.m_flx > li {list-style:none;}
.fa-fw {
  width: 1.8em;
  text-align: center;
}

.box_dot{ border: 2px dotted #5F4E49; padding:0 1.5rem;}

/* ==========================================================================
Intro
========================================================================== */
.intro {  background-image:url(/preschool/img/share/bg_intro_y.jpg) ; margin-bottom:0; border-radius:10px; -webkit-border-radius:10px; padding:1rem 0;}
.intro p { margin: 0 0 10px; color:#930;}
/* ==========================================================================
Features
========================================================================== */
.features-wrapper, .team-wrapper { margin: 70px 0 0; }
.shadow { text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px; }
.icon { height: 175px; width: 175px; max-width: 100%; background: #C4D4B8; border-radius: 50%; color: #5F4E49; font-size: 40px; text-align: center; vertical-align: middle; position: relative; padding-top:3rem;}
/* ==========================================================================
hyoshi Section
========================================================================== */
.responsive-services { position: relative; }
.hyoshi { background: #FFD3E2;}
.hyoshi img { margin:auto; width:90%;}
.hyoshi_txt{ background-image:url(/preschool/img/share/bg_intro.gif) ; margin-bottom:0; border-radius:10px; -webkit-border-radius:10px; padding:1.5rem 1.5rem 10px;}
.hyoshi_h1{ width:100%; height:100%;}
.hyoshi_h1:before{content:url(/preschool/img/share/i_intro.gif); display:inline-block; z-index:100; -webkit-transform: scale(0.6);-ms-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position:absolute; top:-60px; left:-10px;}
.hyoshi_h1_p{ position: relative; top:90px; left:0; z-index:-1;}



/* ==========================================================================
Portfolio
========================================================================== */
.portfolio{ background-color:#C1A897;}
.img img { width:100%; transition: opacity 0.35s, transform 0.35s; border: 1px solid #C1A897;}
.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }
.is_bgc_wt_op7{ background-color: rgba(255,255,255,0.7); padding:1px 15px 15px; border-radius:10px; margin:1.5rem 0 0;}
.portfolio p { margin-top:10px;}
.portfolio a {text-decoration:none;}
.is_bg_st{ color: #414848; background-image:url(/preschool/img/share/bg_intro_yw.gif) ;  border-radius:10px; padding:1.5rem 1.5rem ;}
.is_bg_st:hover{ background-image: url(/preschool/img/share/bg_intro_bl.gif) ;}

/* ==========================================================================
Footer
========================================================================== */
footer a { color: #444; }
footer { background-color: #fff; padding:20px; }
ul.legals { list-style: none; color: #444; line-height:15px;padding-left:0;}
ul.legals li { display: inline-block; }
ul.legals li::after { content: " |"; }
ul.legals li:last-child::after { content: ""; }
.legals { text-align: left; font-size: 1.3rem; }
.credit { text-align: right; color: #444; }
footer .small{ font-size:1rem;}
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.wp3 { background: url('/preschool/img/share/p_h1.jpg') no-repeat center center; background-position:50% 50%; height: 100%; }



svg {
	display: block;
	position:relative;
}


/* ==========================================================================
SectionSeparators
========================================================================== */

section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
/* Clouds */
#clouds path {
	fill: #FFF;
	stroke: #FFF;
}
#cloudsB path {
	fill: #C1A897;
	stroke: #C1A897;
}

/* ==========================================================================
queries
========================================================================== */

/* 320px (iPhone) */
@media screen and (max-width:320px) {
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0 0 20px 0; }
	.credit { text-align: center; }
	.credit img { width:160px;}
	.logo_top { display: none; }
	.hyoshi{text-align:center;}
	.hyoshi img { margin:auto; width:100%;}
	.hyoshi ul li { text-align:left;}
	.hyoshi ul.m_flx li { text-align:center; margin-bottom:1.5rem;}
	.portfolio .col-md-4{ margin:10px 10px 20px;}
	#home > p >  img { width: 100%;}
.hyoshi_h1:before{content:url(/preschool/img/share/i_intro.gif); display:inline-block; z-index:100; -webkit-transform: scale(0.45);-ms-transform: scale(0.45); transform: scale(0.45); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position:absolute; top:-60px; left:0; }
.hyoshi_h1_p{ position: relative; top:50px; left:0; z-index:-1; padding-bottom:40px;}
}
/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }
}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.logo_top { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0 0 20px 0; }
	.credit { text-align: center; }
	.credit img { width:160px;}
	.hyoshi{text-align:center;}
	.hyoshi img { margin:auto; width:80%;}
	.hyoshi ul li { text-align:left;}
	.hyoshi ul.m_flx li { text-align:center; margin-bottom:1.5rem;}
	.portfolio .col-md-4{ margin:10px 20px 30px;}
	#home > p >  img { width: 100%; max-width:342px;}
	.hyoshi_h1:before{content:url(/preschool/img/share/i_intro.gif); display:inline-block; z-index:100; -webkit-transform: scale(0.7);-ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position:absolute; top:-60px; left:0; }
	.hyoshi_h1_p{ position: relative; top:50px; left:0; z-index:-1; padding-bottom:40px;}
body,p,ul,ol,dl{ font-size: 2.5rem; line-height: 1.7; }
h2 {font-size: 3rem; }
h2 span {font-size: 2.5rem; }
dt  {font-size: 2rem; }
.legals { font-size: 1.8rem; }
}


@media screen and (min-width:991px) {
	.portfolio .col-md-4{ margin:8px; width:31%;}
	.hyoshi img { margin:auto; width:100%;}
	.credit img { display: none;}
}