@charset "UTF-8";
/******************************************************************
Stylesheet: Main Stylesheet
******************************************************************/
/****************** IMPORTING PARTIALS ******************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong, .strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn, em, .em { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p { -webkit-hyphens: auto; -epub-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* Addresses margins set differently in IE6/7. */
pre { margin: 0; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
q:before, q:after { content: ''; content: none; }

small, .small { font-size: 75%; }

/** Prevent `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 IE6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0; }

/* Addresses paddings set differently in IE6/7. */
menu { padding: 0 0 0 40px; }

ol, ul { padding: 0; list-style-type: none; }

/* Corrects list images handled incorrectly in IE7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content
========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"] { /* 1 */ -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

input[type="reset"], input[type="submit"] { /* 1 */ -webkit-appearance: none; /* 2 */ cursor: pointer; /* 3 */ }
input[type="reset"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration { display: none; }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.clearfix, .cf, .comment-respond { zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after { content: ""; display: table; }
.clearfix:after, .cf:after, .comment-respond:after { clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; }

/*********************
COLORS
*********************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets.
*/
/*  @font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; }
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/* i imported this one in the functions file so bones would look sweet. don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p { -ms-word-wrap: break-word; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; }

/******************************************************************
Stylesheet: Sass Functions
******************************************************************/
/*********************
COLOR FUNCTIONS
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
*********************/
/******************************************************************
Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
TRANSITION
*********************/
/*********************
CSS3 GRADIENTS
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Stylesheet: Grid Stylesheet
******************************************************************/
/*
Mobile Grid Styles
*/
@media (max-width: 767px) { .m-all { float: left; padding-right: 0.75em; width: 100%; padding-right: 0; }
  .m-1of2 { float: left; padding-right: 0.75em; width: 50%; }
  .m-1of3 { float: left; padding-right: 0.75em; width: 33.33%; }
  .m-2of3 { float: left; padding-right: 0.75em; width: 66.66%; }
  .m-1of4 { float: left; padding-right: 0.75em; width: 25%; }
  .m-3of4 { float: left; padding-right: 0.75em; width: 75%; } }
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) { .last-col { float: right; padding-right: 0 !important; }
  .t-all { float: left; padding-right: 0.75em; width: 100%; padding-right: 0; }
  .t-1of2 { float: left; padding-right: 0.75em; width: 50%; }
  .t-1of3 { float: left; padding-right: 0.75em; width: 33.33%; }
  .t-2of3 { float: left; padding-right: 0.75em; width: 66.66%; }
  .t-1of4 { float: left; padding-right: 0.75em; width: 25%; }
  .t-3of4 { float: left; padding-right: 0.75em; width: 75%; }
  .t-1of5 { float: left; padding-right: 0.75em; width: 20%; }
  .t-2of5 { float: left; padding-right: 0.75em; width: 40%; }
  .t-3of5 { float: left; padding-right: 0.75em; width: 60%; }
  .t-4of5 { float: left; padding-right: 0.75em; width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 1030px) { .last-col { float: right; padding-right: 0 !important; }
  .d-all { float: left; padding-right: 0.75em; width: 100%; padding-right: 0; }
  .d-1of2 { float: left; padding-right: 0.75em; width: 50%; }
  .d-1of3 { float: left; padding-right: 0.75em; width: 33.33%; }
  .d-2of3 { float: left; padding-right: 0.75em; width: 66.66%; }
  .d-1of4 { float: left; padding-right: 0.75em; width: 25%; }
  .d-3of4 { float: left; padding-right: 0.75em; width: 75%; }
  .d-1of5 { float: left; padding-right: 0.75em; width: 20%; }
  .d-2of5 { float: left; padding-right: 0.75em; width: 40%; }
  .d-3of5 { float: left; padding-right: 0.75em; width: 60%; }
  .d-4of5 { float: left; padding-right: 0.75em; width: 80%; }
  .d-1of6 { float: left; padding-right: 0.75em; width: 16.6666666667%; }
  .d-1of7 { float: left; padding-right: 0.75em; width: 14.2857142857%; }
  .d-2of7 { float: left; padding-right: 0.75em; width: 28.5714286%; }
  .d-3of7 { float: left; padding-right: 0.75em; width: 42.8571429%; }
  .d-4of7 { float: left; padding-right: 0.75em; width: 57.1428572%; }
  .d-5of7 { float: left; padding-right: 0.75em; width: 71.4285715%; }
  .d-6of7 { float: left; padding-right: 0.75em; width: 85.7142857%; }
  .d-1of8 { float: left; padding-right: 0.75em; width: 12.5%; }
  .d-1of9 { float: left; padding-right: 0.75em; width: 11.1111111111%; }
  .d-1of10 { float: left; padding-right: 0.75em; width: 10%; }
  .d-1of11 { float: left; padding-right: 0.75em; width: 9.09090909091%; }
  .d-1of12 { float: left; padding-right: 0.75em; width: 8.33%; } }
/****************** IMPORTING MODULES ******************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; }

.alert-help { border-color: #e8dc59; background: #ebe16f; }

.alert-info { border-color: #bfe4f4; background: #d5edf8; }

.alert-error { border-color: #f8cdce; background: #fbe3e4; }

.alert-success { border-color: #deeaae; background: #e6efc2; }

/* Stylesheet: Button Styles */
.green-btn, .pink-btn, .blue-btn, .comment-reply-link, #submit, .orange-btn, .white-btn, #formSubmit, .wp-prev-next .prev a, .wp-prev-next .next a { display: inline-block; position: relative; width: 100%; text-decoration: none; color: #ffffff; font-size: 14px; line-height: 42px; text-align: center; padding: 0; border-radius: 5px; border: 0; cursor: pointer; -webkit-transition: background-color 0.14s ease-in-out; transition: background-color 0.14s ease-in-out; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.5); }
.green-btn:visited, .pink-btn:visited, .blue-btn:visited, .comment-reply-link:visited, #submit:visited, .orange-btn:visited, .white-btn:visited, #formSubmit:visited, .wp-prev-next .prev a:visited, .wp-prev-next .next a:visited, .green-btn:hover, .pink-btn:hover, .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .orange-btn:hover, .white-btn:hover, #formSubmit:hover, .wp-prev-next .prev a:hover, .wp-prev-next .next a:hover, .green-btn:focus, .pink-btn:focus, .blue-btn:focus, .comment-reply-link:focus, #submit:focus, .orange-btn:focus, .white-btn:focus, #formSubmit:focus, .wp-prev-next .prev a:focus, .wp-prev-next .next a:focus { color: #ffffff; text-decoration: none; outline: none; }
.green-btn:active, .pink-btn:active, .blue-btn:active, .comment-reply-link:active, #submit:active, .orange-btn:active, .white-btn:active, #formSubmit:active, .wp-prev-next .prev a:active, .wp-prev-next .next a:active { top: 1px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5); }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.green-btn { background-color: #2fa49d; }
.green-btn i { opacity: .6; }
.green-btn:hover, .green-btn:focus { background-color: #2a948e; }
.green-btn:hover i, .green-btn:focus i { opacity: 1; }
.green-btn:active { background-color: #29908a; }

.pink-btn { background-color: #e1576d; }
.pink-btn i { opacity: .6; }
.pink-btn:hover, .pink-btn:focus { background-color: #de465e; }
.pink-btn:hover i, .pink-btn:focus i { opacity: 1; }
.pink-btn:active { background-color: #dd415a; }

.blue-btn, .comment-reply-link, #submit { background-color: #439fd4; }
.blue-btn i, .comment-reply-link i, #submit i { opacity: .6; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus { background-color: #3297d0; }
.blue-btn:hover i, .comment-reply-link:hover i, #submit:hover i, .blue-btn:focus i, .comment-reply-link:focus i, #submit:focus i { opacity: 1; }
.blue-btn:active, .comment-reply-link:active, #submit:active { background-color: #2f94ce; }

.orange-btn { background-color: #ec9b00; }
.orange-btn i { opacity: .6; }
.orange-btn:hover, .orange-btn:focus { background-color: #d88e00; }
.orange-btn:hover i, .orange-btn:focus i { opacity: 1; }
.orange-btn:active { background-color: #d38a00; }

.white-btn { color: #2fa49d; background-color: #ffffff; }
.white-btn i { opacity: .6; }
.white-btn:hover, .white-btn:focus { background-color: whitesmoke; }
.white-btn:hover i, .white-btn:focus i { opacity: 1; }
.white-btn:active { background-color: #f2f2f2; }

#formSubmit { background-color: #2fa49d; width: 50%; max-width: 200px; font-size: 18px; }
#formSubmit i { opacity: .6; }
#formSubmit:hover, #formSubmit:focus { background-color: #2a948e; }
#formSubmit:hover i, #formSubmit:focus i { opacity: 1; }
#formSubmit:active { background-color: #29908a; }

.wp-block-file { display: block; text-align: center; }

.wp-block-file .wp-block-file__button { display: inline-block; background: #333; border-radius: 2em; color: #fff; font-size: 13px; padding: .5em 1em; margin: 0.5em 1em; }

/* Stylesheet: Form Styles */
/*********************
INPUTS
*********************/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; min-height: 20px; line-height: 1.2em; padding: 0.5em 0.75em; margin-bottom: 14px; font-size: 1em; color: #333333; border-radius: 2px; vertical-align: middle; box-shadow: none; border: 0; width: 100%; max-width: 400px; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; background-color: #e0eaf0; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; }
input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { background-color: #eef3f7; outline: none; }
input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: #ffffff; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; }
input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: #ffffff; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; }
input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; }
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #d5edf8; }

input[type="password"] { letter-spacing: 0.3em; }

textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; padding: 0.5em 0.75em; }

select { -webkit-appearance: none; /* 1 */ -moz-appearance: none; appearance: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; }

/****************** BASE (MOBILE) SIZE ******************/
/******************************************************************
Site Name: Sendai Shiritsu Youchien Rengoukai
Author: Nagaoka Design Office
Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
body { font-family: "Kosugi Maru", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; font-weight: 400; font-size: 100%; line-height: 1.5; color: #333333; background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
wrapper { display: block; width: auto; }

.wrap { margin: 0 auto; }

.column { margin: 0 auto 20px; }

/*********************
LINK STYLES
*********************/
a, a:visited { color: #2fa49d; /* on hover */ /* on click */ /* mobile tap color */ }
a:hover, a:focus, a:visited:hover, a:visited:focus { color: #d9d9d9; }
a:link, a:visited:link { /*
this highlights links on iPhones/iPads.
so it basically works like the :hover selector
for mobile devices.
*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/************************
H1, H2, H3, H4, H5 STYLES
*************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { text-rendering: optimizelegibility; font-weight: 900; /*
if you're going to use webfonts, be sure to check your weights
http://css-tricks.com/watch-your-font-weight/
*/ /* removing text decoration from all headline links */ }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }

h1, .h1 { font-size: 1.6em; line-height: 1.4em; margin: 0.5em 0; }

h2, .h2 { font-size: 1.3em; line-height: 1.4em; margin-bottom: 0.25em; }

h3, .h3 { font-size: 1.125em; }

h4, .h4 { font-size: 1.1em; font-weight: 700; }

h5, .h5 { font-size: 1em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 0; }

/*********************
HEADER STYLES
*********************/
.header { background-color: #ffffff; }

#logo { font-weight: 900; margin: 30px 0 28px 20px; width: 200px; height: 25px; overflow: hidden; }
#logo a { display: block; width: 200px; height: 0; padding: 25px 0 0 0; text-indent: -9999px; background: url(../images/sensiyo-logo-sp.png) no-repeat; background-size: 200px 25px; color: #ffffff; }

#TopRightMenu { display: none; }

/*********************
NAVIGATION STYLES
*********************/
.nav { border-bottom: 0; margin: 0; /* end .menu li */ /* highlight current page */ /* end current highlighters */ }
.nav li { /*
so you really have to rethink your dropdowns for mobile.
you don't want to have it expand too much because the
screen is so small. How you manage your menu should
depend on the project. Here's some great info on it:
http://www.alistapart.com/articles/organizing-mobile/
*/ }
.nav li a { text-decoration: none; color: #ffffff; /*
remember this is for mobile ONLY, so there's no need
to even declare hover styles here, you can do it in
the style.scss file where it's relevant. We want to
keep this file as small as possible!
*/ }

/* end .nav */
ul.top-nav { margin: 0; width: 100%; display: table; box-sizing: border-box; table-layout: fixed; border-collapse: separate; border-spacing: 2px 0; overflow: hidden; }
ul.top-nav li { display: table-cell; width: 33.3%; min-height: 50px; text-align: center; vertical-align: middle; overflow: hidden; }
ul.top-nav li a { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0; font-size: 13px; vertical-align: middle; border-radius: 5px 5px 0 0; overflow: hidden; }
ul.top-nav li a::after { font-family: "Font Awesome 5 Free"; content: "\f13a"; font-weight: 900; margin-left: 4px; }
ul.top-nav li a:hover { opacity: 0.8; }
ul.top-nav li:nth-child(3n-2) a { background: #e1576d; }
ul.top-nav li:nth-child(3n-1) a { background: #ec9b00; }
ul.top-nav li:nth-child(3n) a { background: #439fd4; }

/* end .top-nav */
/* footer-main-nav */
ul.footer-main-nav { margin: 0; width: 100%; display: block; box-sizing: border-box; table-layout: fixed; border-collapse: separate; border-spacing: 2px 0; overflow: hidden; }
ul.footer-main-nav > li { display: block; width: 100%; min-height: 44px; text-align: left; vertical-align: middle; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; overflow: hidden; }
ul.footer-main-nav > li > a { display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 0 0 20px; font-size: 15px; color: #ffffff; vertical-align: middle; overflow: hidden; }
ul.footer-main-nav > li > a::after { font-family: "Font Awesome 5 Free"; content: "\f13a"; font-weight: 900; margin-left: 4px; display: inline-block; float: right; margin-right: 20px; }
ul.footer-main-nav > li > a:hover { opacity: 0.8; }
ul.footer-main-nav > li:nth-child(3n-2) a { background: #e1576d; }
ul.footer-main-nav > li:nth-child(3n-1) a { background: #439fd4; }
ul.footer-main-nav > li:nth-child(3n) a { background: #ec9b00; }
ul.footer-main-nav > li ul.sub-menu { margin: 0; }
ul.footer-main-nav > li ul.sub-menu > li { display: block; width: 100%; min-height: 44px; text-align: left; vertical-align: middle; border-top: 1px solid #ffffff; overflow: hidden; }
ul.footer-main-nav > li ul.sub-menu a { display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 0 0 20px; font-size: 15px; color: #333333; vertical-align: middle; overflow: hidden; }
ul.footer-main-nav > li ul.sub-menu a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; display: inline-block; float: right; margin-right: 20px; }
ul.footer-main-nav > li ul.sub-menu a:hover { opacity: 0.8; }
ul.footer-main-nav > li:nth-child(3n-2) ul.sub-menu a { background: url(../images/bg_pink.png); background-size: 4px 4px; }
ul.footer-main-nav > li:nth-child(3n-2) ul.sub-menu a::after { color: #e1576d; }
ul.footer-main-nav > li:nth-child(3n-1) ul.sub-menu a { background: url(../images/bg_blue.png); background-size: 4px 4px; }
ul.footer-main-nav > li:nth-child(3n-1) ul.sub-menu a::after { color: #439fd4; }
ul.footer-main-nav > li:nth-child(3n) ul.sub-menu a { background: url(../images/bg_orange.png); background-size: 4px 4px; }
ul.footer-main-nav > li:nth-child(3n) ul.sub-menu a::after { color: #ec9b00; }

/* end .footer-main-nav */
/* footer-sub-nav */
ul.footer-sub-nav { margin: 0; width: 100%; display: block; box-sizing: border-box; table-layout: fixed; border-collapse: separate; border-spacing: 2px 0; overflow: hidden; }
ul.footer-sub-nav > li { display: block; width: 100%; min-height: 44px; text-align: left; vertical-align: middle; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #2fa49d; overflow: hidden; }
ul.footer-sub-nav > li a { display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 0 0 20px; font-size: 15px; color: #ffffff; vertical-align: middle; overflow: hidden; }
ul.footer-sub-nav > li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; float: right; margin-right: 20px; }
ul.footer-sub-nav > li a:hover { opacity: 0.8; }

/* end .footer-sub-nav */
/* Sp-nav */
#sp-navi { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 84px 0 0 0; background: #2fa49d; overflow: scroll; z-index: 98; }

#hamburger { position: absolute; top: 0px; right: 0px; margin: 0; padding: 0; width: 84px; height: 84px; }
#hamburger a.menu-trigger { position: relative; display: block; box-sizing: content-box; width: 14px; height: 14px; padding: 15px; margin: 20px; background: #2fa49d; border-radius: 4px; transition: all .2s; z-index: 99; }
#hamburger a.menu-trigger span { display: block; transition: all .2s; box-sizing: content-box; position: absolute; left: 15px; width: 14px; height: 2px; background-color: #ffffff; border-radius: 2px; }
#hamburger a.menu-trigger span:nth-of-type(1) { top: 17px; }
#hamburger a.menu-trigger span:nth-of-type(2) { top: 21px; }
#hamburger a.menu-trigger span:nth-of-type(3) { bottom: 17px; }
#hamburger a.menu-trigger.active { position: fixed; right: 0; top: 0; border-radius: 30px; }
#hamburger a.menu-trigger.active span:nth-of-type(1) { width: 12px; height: 4px; -webkit-transform: translateX(1px) translateY(3px) rotate(-45deg); transform: translateX(1px) translateY(3px) rotate(-45deg); }
#hamburger a.menu-trigger.active span:nth-of-type(2) { display: none; }
#hamburger a.menu-trigger.active span:nth-of-type(3) { width: 12px; height: 4px; -webkit-transform: translateX(1px) translateY(-3px) rotate(45deg); transform: translateX(1px) translateY(-3px) rotate(45deg); }

/* trigger-nav */
ul.trigger-nav { margin: 0; width: 100%; display: block; box-sizing: border-box; table-layout: fixed; border-collapse: separate; border-spacing: 2px 0; overflow: hidden; }
ul.trigger-nav > li { display: block; width: 100%; min-height: 44px; text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff; background: #2fa49d; overflow: hidden; }
ul.trigger-nav > li a { display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 0 0 20px; font-size: 15px; color: #ffffff; vertical-align: middle; overflow: hidden; }
ul.trigger-nav > li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; float: right; margin-right: 20px; }
ul.trigger-nav > li a:hover { opacity: 0.8; }

/* end .footer-sub-nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#container { position: relative; width: 100%; overflow: hidden; }

#toppage-content div.top-image { position: absolute; width: 100%; height: 200px; background-image: url(../images/topmain.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; z-index: 2; }

#content, .content { position: relative; width: 100%; margin: 0 auto; /* end .ornament-box */ /* end .intro-box */ /* end .news-box */ /* 文章 */ }
#content main, .content main { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
#content .full-width, .content .full-width { width: 100%; }
#content .half-width, .content .half-width { width: 100%; /* SP */ }
#content .ornament-box, .content .ornament-box { position: relative; display: block; width: 80%; min-width: 290px; height: auto; margin: 126px auto 20px; z-index: 3; }
#content .ornament-box h2, .content .ornament-box h2 { width: auto; height: auto; font-size: 15px; padding: 18px 0; text-align: center; color: #ffffff; background: #2fa49d; }
#content .ornament-box h2::before, .content .ornament-box h2::before { content: " "; width: 75px; height: 50px; background: url(../images/ornament.png); background-size: 75px 50px; position: absolute; top: -16px; left: -25px; }
#content .ornament-box h2::after, .content .ornament-box h2::after { content: " "; width: 75px; height: 50px; background: url(../images/ornament.png); background-size: 75px 50px; position: absolute; bottom: -14px; right: -25px; }
#content .intro-box, .content .intro-box { width: auto; margin: 0 20px; }
#content .intro-box h2, .content .intro-box h2 { display: block; box-sizing: border-box; width: 100%; min-height: 100px; padding: 18px 0 0 96px; font-size: 14px; text-align: justify; background: url(../images/hearts.png) 0 0 no-repeat; background-size: 93px 93px; }
#content .news-box, .content .news-box { position: relative; width: auto; margin: 0 20px; padding: 20px; background: #f0f0f0; }
#content .news-box .greenline, .content .news-box .greenline { position: absolute; top: 20px; left: 20px; right: 20px; width: auto; height: 15px; border-bottom: 1px solid #2fa49d; z-index: 1; }
#content .news-box h2, .content .news-box h2 { display: block; margin: 0; width: 100%; height: 20px; }
#content .news-box h2::before, .content .news-box h2::before { content: " "; display: block; width: 30%; float: left; height: 10px; border-bottom: 1px solid #2fa49d; }
#content .news-box h2 span, .content .news-box h2 span { display: block; width: 40%; float: left; padding: 0; font-size: 16px; line-height: 20px; text-align: center; color: #2fa49d; }
#content .news-box h2::after, .content .news-box h2::after { content: " "; display: block; width: 30%; float: left; height: 10px; border-bottom: 1px solid #2fa49d; }
#content .news-box ul, .content .news-box ul { overflow: hidden; margin: 10px auto; }
#content .news-box ul li.newslist, .content .news-box ul li.newslist { display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
#content .news-box ul li.newslist:last-child, .content .news-box ul li.newslist:last-child { border-bottom: none; }
#content .news-box ul li.newslist .news-date, .content .news-box ul li.newslist .news-date { margin: 0; display: inline; font-size: 15px; color: #333333; }
#content .news-box ul li.newslist ul.news-target, .content .news-box ul li.newslist ul.news-target { display: block; margin: 0; }
#content .news-box ul li.newslist ul.news-target li, .content .news-box ul li.newslist ul.news-target li { display: inline-block; margin: 0 1px 4px 0; }
#content .news-box ul li.newslist ul.news-target li a, .content .news-box ul li.newslist ul.news-target li a { display: block; margin: 0; padding: 2px 5px 3px; font-size: 12px; background: #666; color: #ffffff; text-decoration: none; }
#content .news-box ul li.newslist ul.news-target li.cat-item-10 a, .content .news-box ul li.newslist ul.news-target li.cat-item-10 a { /* 保護者 */ background: #e1576d; }
#content .news-box ul li.newslist ul.news-target li.cat-item-11 a, .content .news-box ul li.newslist ul.news-target li.cat-item-11 a { /* 学生 */ background: #439fd4; }
#content .news-box ul li.newslist ul.news-target li.cat-item-12 a, .content .news-box ul li.newslist ul.news-target li.cat-item-12 a { /* 教員 */ background: #ec9b00; }
#content .news-box ul li.newslist h3.news-title, .content .news-box ul li.newslist h3.news-title { margin: 6px 0 0 0; line-height: 1.25em; font-size: 15px; }
#content .news-box ul li.newslist p, .content .news-box ul li.newslist p { margin: 4px 0 0 0; font-size: 13px; text-align: justify; line-height: 1.5em; }
#content .newslist, .content .newslist { display: inline-block; }
#content .green-txt, .content .green-txt { color: #2fa49d; }
#content .pink-txt, .content .pink-txt { color: #e1576d; }
#content .orange-txt, .content .orange-txt { color: #ec9b00; }
#content .blue-txt, .content .blue-txt { color: #439fd4; }
#content .small-txt, .content .small-txt { font-size: 75%; color: #666666; }
#content .x-scroll, .content .x-scroll { overflow-x: scroll; }
#content .y-scroll, .content .y-scroll { overflow-y: scroll; }

/* end .content */
/* TOP PAGE */
#for-parent-box { margin: 30px auto 30px; /* end ul */ }
#for-parent-box h2 { position: relative; width: 100%; height: 50px; margin: 0 auto; padding: 13px 0 12px 60px; font-size: 20px; line-height: 25px; overflow: visible; background: url("../images/bg_pink.png"); background-size: 4px 4px; }
#for-parent-box h2::before { position: absolute; content: " "; display: block; top: -10px; left: 20px; width: 25px; height: 60px; background: url("../images/tree-pink.png") 0 0 no-repeat; background-size: 25px 60px; }
#for-parent-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-color: #f0f0f0; }
#for-parent-box h3 { display: inline-block; background-color: #ffffff; margin: 0 auto 10px; font-size: 14px; line-height: 1em; padding: 3px 1em; text-align: center; color: #e1576d; border-radius: 10px; }
#for-parent-box dl { display: block; float: left; margin: 0 auto 16px; width: 100%; height: auto; text-align: center; overflow: hidden; }
#for-parent-box dl dt { display: block; float: left; width: 40%; background: #666; line-height: 20px; font-size: 14px; color: #ffffff; margin: 5px 0 0 0; }
#for-parent-box dl dd { display: block; float: left; width: 60%; background: none; line-height: 20px; font-size: 15px; color: #333333; margin: 5px 0 0 0; }
#for-parent-box ul { margin: 0 20px; overflow: hidden; }
#for-parent-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
#for-parent-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ed98a5; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #e1576d; }
#for-parent-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #e1576d; float: right; margin-right: 20px; }
#for-parent-box ul li:nth-of-type(1) { background-image: url(../images/parent-li1.jpg); }
#for-parent-box ul li:nth-of-type(2) { background-image: url(../images/parent-li2.jpg); }
#for-parent-box ul li:nth-of-type(3) { background-image: url(../images/parent-li3.jpg); }

/* end #for-parent-box */
#for-student-box { margin: 30px auto 30px; /* end ul */ }
#for-student-box h2 { position: relative; width: 100%; height: 50px; margin: 0 auto; padding: 13px 0 12px 60px; font-size: 20px; line-height: 25px; overflow: visible; background: url("../images/bg_blue.png"); background-size: 4px 4px; }
#for-student-box h2::before { position: absolute; content: " "; display: block; top: -10px; left: 20px; width: 25px; height: 60px; background: url("../images/tree-blue.png") 0 0 no-repeat; background-size: 25px 60px; }
#for-student-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-color: #f0f0f0; }
#for-student-box h3#studentTop { display: block; width: 100%; height: 60px; margin: 0 auto 16px; font-size: 18px; line-height: 20px; padding: 20px 0 0 110px; text-align: left; color: #333333; background: url(../images/student-top.jpg) 0 0 no-repeat; background-size: 90px 60px; }
#for-student-box ul { margin: 0 20px; overflow: hidden; }
#for-student-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
#for-student-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #81bfe2; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #439fd4; }
#for-student-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #439fd4; float: right; margin-right: 20px; }
#for-student-box ul li:nth-of-type(1) { background-image: url(../images/student-li1.jpg); }
#for-student-box ul li:nth-of-type(2) { background-image: url(../images/student-li2.jpg); }

#for-teacher-box { margin: 30px auto 30px; /* end ul */ }
#for-teacher-box h2 { position: relative; width: 100%; height: 50px; margin: 0 auto; padding: 13px 0 12px 20px; color: #ffffff; font-size: 20px; line-height: 25px; overflow: visible; background: url("../images/bg_richorange.png"); background-size: 4px 4px; }
#for-teacher-box h2 i { color: rgba(255, 255, 255, 0.75); }
#for-teacher-box h2 span.small-notice { font-size: 12px; margin-left: 1em; letter-spacing: -0.05em; }
#for-teacher-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-color: #f0f0f0; }
#for-teacher-box h3#teacherTop { display: block; width: 100%; height: 60px; margin: 0 auto 16px; font-size: 18px; line-height: 20px; padding: 20px 0 0 110px; text-align: left; color: #333333; background: url(../images/teacher-top.jpg) 0 0 no-repeat; background-size: 90px 60px; }
#for-teacher-box ul { margin: 0 20px; overflow: hidden; }
#for-teacher-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
#for-teacher-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ffbb3a; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #ec9b00; }
#for-teacher-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #ec9b00; float: right; margin-right: 20px; }
#for-teacher-box ul li:nth-of-type(1) { background-image: url(../images/teacher-li1.jpg); }
#for-teacher-box ul li:nth-of-type(2) { background-image: url(../images/teacher-li2.jpg); }
#for-teacher-box ul li:nth-of-type(3) { background-image: url(../images/teacher-li3.jpg); }

#info-box { margin: 0 auto 40px; }
#info-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-image: url(../images/bg_greencross.png); background-size: 3px 3px; }
#info-box h3 { display: inline-block; margin: 0 auto 16px; font-size: 14px; text-align: center; color: #ffffff; }

/* PAGE */
.page-header { width: 100%; height: auto; min-height: 80px; background-size: cover; background-image: url(../images/toppage.jpg); }

.page-about { background-image: url(../images/topabout.jpg); }

.page-news { background-image: url(../images/topnews.jpg); }

.page-guardian { background-image: url(../images/topguardian.jpg); }

.page-teacher { background-image: url(../images/topteacher.jpg); }

.page-career { background-image: url(../images/topcareer.jpg); }

.subpage-recruit-kindergarten h1, .subpage-dailyflow h1, .subpage-pta-activity h1, .subpage-difference h1 { padding: 45px 0 0 20px; }
.subpage-recruit-kindergarten h1::before, .subpage-dailyflow h1::before, .subpage-pta-activity h1::before, .subpage-difference h1::before { content: "保護者の方へ"; display: inline-block; position: absolute; top: 15px; left: 20px; background-color: #ffffff; color: #e1576d; font-size: 10px; line-height: 10px; padding: 5px 1em; border-radius: 20px; }

.subpage-career-teacher h1, .subpage-visits h1, .subpage-recruit-teacher h1 { padding: 30px 0 0 150px; }
.subpage-career-teacher h1::before, .subpage-visits h1::before, .subpage-recruit-teacher h1::before { content: "学生・求職者の方へ"; display: inline-block; position: absolute; top: 30px; left: 20px; background-color: #ffffff; color: #439fd4; font-size: 10px; line-height: 10px; padding: 5px 1em; border-radius: 20px; }

.subpage-study h1, .subpage-study-info h1, .subpage-teachers-contact h1, .subpage-study-entry h1 { padding: 45px 0 0 20px; }
.subpage-study h1::before, .subpage-study-info h1::before, .subpage-teachers-contact h1::before, .subpage-study-entry h1::before { content: "教員の方へ"; display: inline-block; position: absolute; top: 15px; left: 20px; background-color: #ffffff; color: #ec9b00; font-size: 10px; line-height: 10px; padding: 5px 1em; border-radius: 20px; }

.arch-title { margin: 20px 20px; background: #f0f0f0; padding: 20px; color: #333333; }

/* POST */
.hentry { margin: 0 20px 10px; text-align: justify; background-color: #ffffff; }
.hentry .wp-block-image { margin: 0.5em auto 0; width: 100%; /* スマホは幅いっぱい */ }
.hentry .wp-block-image figcaption { margin: 0 auto 0.5em; }

/* end .hentry */
.single-title, .page-title, .entry-title { margin: 0; font-size: 20px; line-height: 1em; padding: 30px 0 0 20px; color: #ffffff; text-align: left; }

.arch-entry-title { margin: 16px 0 5px; font-size: 20px; line-height: 1.25em; padding: 0; color: #12547a; text-align: justify; }
.arch-entry-title a { color: #12547a; }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline { color: #12547a; font-style: italic; margin: 0; }

/* entry content */
.entry-content { padding: 20px 0 30px; }
.entry-content h2, .entry-content h3 { position: relative; display: block; height: 60px; margin: 16px auto 24px; padding: 0; font-size: 20px; line-height: 25px; color: #12547a; background: none; }
.entry-content h2::before, .entry-content h3::before { position: relative; content: " "; display: inline-block; top: 22px; margin-right: 12px; width: 25px; height: 60px; background: url("../images/tree-green.png") 0 0 no-repeat; background-size: 25px 60px; }
.entry-content h4 { position: relative; display: block; margin: 20px auto 10px; padding: 10px 0 9px 1em; font-size: 16px; line-height: 1.25em; text-align: left; color: #333333; background: url(../images/bg_blue.png) repeat; background-size: 4px 4px; }
.entry-content h4.career-bottom { position: relative; display: block; margin: 30px auto 20px; padding: 16px 0; font-size: 16px; line-height: 1.25em; text-align: center; color: #333333; background: #ffffff; border: 1px solid #439fd4; }
.entry-content h4.career-bottom::after { content: ""; position: absolute; bottom: -10px; left: 45%; right: 45%; display: block; margin: 0 auto; width: 17px; height: 17px; background: #ffffff; border-bottom: 1px solid #439fd4; border-right: 1px solid #439fd4; transform: rotate(45deg); }
.entry-content h5.post-date { margin: 0 0 1em 0; padding: 0; text-align: right; color: #666; font-size: 13px; line-height: 1.2em; }
.entry-content p { margin: 0 auto 0.5em; line-height: 1.75em; }
.entry-content ul, .entry-content ol, .entry-content table, .entry-content dl { margin: 0.5em 0; }
.entry-content table { width: 100%; border: 1px solid #e0eaf0; margin-bottom: 1.5em; }
.entry-content table caption { margin: 0 0 7px; font-size: 0.75em; color: #12547a; text-transform: uppercase; letter-spacing: 1px; }
.entry-content tr { border-bottom: 1px solid #e0eaf0; }
.entry-content tr:nth-child(even) { background-color: #f0f0f0; }
.entry-content td { padding: 7px; border-right: 1px solid #e0eaf0; }
.entry-content td:last-child { border-right: 0; }
.entry-content th { background-color: #f0f0f0; border-bottom: 1px solid #e0eaf0; border-right: 1px solid #e0eaf0; }
.entry-content th:last-child { border-right: 0; }
.entry-content blockquote { margin: 0 0 1.5em 0.75em; padding: 0 0 0 0.75em; border-left: 3px solid #439fd4; font-style: italic; color: #12547a; }
.entry-content dd { margin: 0; font-size: 1em; color: #404040; }
.entry-content img { margin: 0.5em 0; max-width: 100%; height: auto; }
.entry-content img.size-small { width: 100px; height: auto; }
.entry-content .alignleft, .entry-content img.alignleft { float: none; margin: 0 auto; }
.entry-content .alignright, .entry-content img.alignright { float: none; margin: 0 auto; }
.entry-content .aligncenter, .entry-content img.aligncenter { margin: 0 auto; text-align: center; }
.entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium { max-width: 100%; height: auto; }
.entry-content .size-thumbnail { max-width: 100px; height: auto; }
.entry-content pre { background: #323944; color: #f0f0f0; font-size: 0.9em; padding: 1.5em; margin: 0 0 1.5em; border-radius: 3px; }

/* end .entry-content */
.arch-entry-content { padding: 0 0 16px 0; border-bottom: 1px solid #f0f0f0; }

.wp-caption { max-width: 100%; background: #eee; padding: 5px; /* images inside wp-caption */ }
.wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }
.wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.post-categories { margin: 0; overflow: hidden; }
.post-categories li { display: inline-block; margin: 0 2px 4px 0; }
.post-categories li a { display: block; padding: 3px 0.5em; font-size: 13px; background: #333; color: #ffffff; text-decoration: none; border-radius: 4px; }

.tags { margin: 0; }

.pdf-icon { display: inline-block; margin-left: 1em; padding: 3px 0.75em; background-color: #96c9e7; color: #ffffff; font-size: 85%; line-height: 1em; border-radius: 20px; }

.chairman img { width: 150px; height: auto; }

ul.career-navi { margin: 20px auto; overflow: hidden; }
ul.career-navi li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
ul.career-navi li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #81bfe2; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #439fd4; }
ul.career-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #439fd4; float: right; margin-right: 20px; }
ul.career-navi li#career-li1 { background-image: url(../images/student-li0.jpg); }
ul.career-navi li#career-li2 { background-image: url(../images/student-li1.jpg); }
ul.career-navi li#career-li3 { background-image: url(../images/student-li2.jpg); }

ul.guardian-navi { margin: 20px auto; overflow: hidden; }
ul.guardian-navi li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
ul.guardian-navi li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ed98a5; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #e1576d; }
ul.guardian-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #e1576d; float: right; margin-right: 20px; }
ul.guardian-navi li#guardian-li1 { background-image: url(../images/parent-li0.jpg); }
ul.guardian-navi li#guardian-li2 { background-image: url(../images/parent-li1.jpg); }
ul.guardian-navi li#guardian-li3 { background-image: url(../images/parent-li2.jpg); }
ul.guardian-navi li#guardian-li4 { background-image: url(../images/parent-li3.jpg); }

article.article-guardian h2 { position: relative; margin: 0 auto 10px; padding: 10px 0; font-size: 18px; font-weight: 700; line-height: 1.4em; height: auto; text-align: justify; color: #e1576d; background: none; }
article.article-guardian h2::before { content: none; height: auto; background: none; }
article.article-guardian h2::after { position: absolute; content: ""; width: 40px; left: 0; bottom: 0; border-bottom: 3px solid #f4c3cb; }
article.article-guardian h3 { position: relative; display: block; width: 100%; height: 50px; margin: 30px auto 8px; padding: 13px 0 12px 30px; font-size: 16px; font-weight: 700; line-height: 25px; letter-spacing: 0; color: #333333; overflow: visible; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background: url(../images/bg_pink.png); background-size: 4px 4px; }
article.article-guardian h3::before { position: absolute; content: " "; display: block; top: -10px; left: 5px; width: 25px; height: 60px; background: url("../images/tree-pink.png") 0 0 no-repeat; background-size: 25px 60px; }
article.article-guardian h4 { position: relative; display: block; margin: 20px auto 10px; padding: 10px 0; font-size: 18px; line-height: 1.2em; text-align: left; color: #e1576d; background: none; border-bottom: 2px solid #f4c3cb; }
article.article-guardian h4::after { position: absolute; content: ""; width: 100%; left: 0; bottom: 1px; border-bottom: 1px solid #f4c3cb; }
article.article-guardian .guardian-innerbox { margin: 30px auto; padding: 34px; box-sizing: border-box; background: #f0f0f0; outline: 1px solid #e1576d; outline-offset: -10px; }
article.article-guardian .guardian-innerbox h2, article.article-guardian .guardian-innerbox h3, article.article-guardian .guardian-innerbox h4, article.article-guardian .guardian-innerbox h5 { color: #e1576d; margin: 1em 0 0; padding: 0 0 6px; background: none; border: none; }
article.article-guardian .guardian-innerbox h2::before, article.article-guardian .guardian-innerbox h3::before, article.article-guardian .guardian-innerbox h4::before, article.article-guardian .guardian-innerbox h5::before { content: none; }
article.article-guardian .guardian-innerbox h2::after, article.article-guardian .guardian-innerbox h3::after, article.article-guardian .guardian-innerbox h4::after, article.article-guardian .guardian-innerbox h5::after { content: none; }
article.article-guardian .guardian-innerbox h2:first-of-type, article.article-guardian .guardian-innerbox h3:first-of-type, article.article-guardian .guardian-innerbox h4:first-of-type, article.article-guardian .guardian-innerbox h5:first-of-type { margin: 0; }
article.article-guardian #header-custom-dailyflow { position: relative; width: 100%; height: auto; margin: 40px auto 30px; padding: 34px 0 12px; font-size: 16px; text-align: center; overflow: visible; background: url("../images/bg_pink.png"); background-size: 4px 4px; }
article.article-guardian #header-custom-dailyflow > p { font-size: 16px; line-height: 1.4em; }
article.article-guardian #header-custom-dailyflow::before { position: absolute; content: ""; display: block; top: -22px; left: 0; width: 100%; height: 60px; background: url("../images/tree-pink.png") center top no-repeat; background-size: 25px 60px; }
article.article-guardian h6.h6-dailyflow { position: relative; width: 100%; height: 60px; margin: 20px auto; font-size: 18px; line-height: 60px; overflow: visible; }
article.article-guardian h6.h6-dailyflow::before { position: absolute; content: ""; width: 100%; left: 0; bottom: 13px; border-bottom: 1px solid #f4c3cb; }
article.article-guardian h6.h6-dailyflow::after { position: absolute; content: ""; width: 100%; left: 0; bottom: 10px; border-bottom: 2px solid #f4c3cb; }
article.article-guardian h6.h6-dailyflow span { position: relative; display: inline-block; width: 60px; height: 60px; margin: 0 20px 0 0; background: #e1576d; color: #ffffff; text-align: center; border-radius: 30px; z-index: 10; }

#recruitKg-box { margin: 0 auto; padding: 5px 20px; text-align: center; background: #f0f0f0; overflow: hidden; }
#recruitKg-box dl { display: block; clear: both; margin: 12px auto; width: 100%; overflow: hidden; }
#recruitKg-box dl dt { width: 45%; height: 30px; float: left; margin: 0; color: #ffffff; background-color: #666; font-size: 14px; line-height: 30px; text-align: center; }
#recruitKg-box dl:first-of-type dt { background-color: #999; }
#recruitKg-box dl dd { width: 55%; height: 30px; float: left; margin: 0; color: #333333; background: none; font-size: 16px; line-height: 30px; padding: 0 0 0 1em; text-align: left; }

#difference-table { table-layout: fixed; border-collapse: collapse; box-sizing: border-box; width: 920px; }
#difference-table th { border: 1px solid #2fa49d; background: #f0f0f0; color: #2fa49d; padding: 15px 5px; font-size: 15px; line-height: 1.25em; text-align: center; }
#difference-table th.dth-green { color: #ffffff; background: #2fa49d; }
#difference-table th.dth-pink { color: #ffffff; background: #e1576d; }
#difference-table th.dth-green-light { color: #333333; background: #ddf5f4; }
#difference-table th.dth-pink-light { color: #333333; background: #f8d9de; }
#difference-table td { border: 1px solid #2fa49d; background: #ffffff; color: #333333; padding: 15px 5px; font-size: 15px; line-height: 1.25em; text-align: center; }

ul.teacher-navi { margin: 20px auto; overflow: hidden; }
ul.teacher-navi li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background: none; overflow: hidden; }
ul.teacher-navi li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ffbb3a; margin: 0; padding: 16px 0 16px 1em; font-size: 15px; line-height: 20px; text-decoration: none; color: #333333; }
ul.teacher-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #ec9b00; float: right; margin-right: 20px; }

article.article-teacher h2 { position: relative; margin: 0 auto 10px; padding: 10px 0; font-size: 18px; font-weight: 700; line-height: 1.4em; height: auto; text-align: justify; color: #ec9b00; background: none; }
article.article-teacher h2::before { content: none; height: auto; background: none; }
article.article-teacher h2::after { position: absolute; content: ""; width: 40px; left: 0; bottom: 0; border-bottom: 3px solid #ffcd6d; }
article.article-teacher h3 { position: relative; display: block; width: 100%; height: 50px; margin: 30px auto 8px; padding: 13px 0 12px 30px; font-size: 16px; font-weight: 700; line-height: 25px; letter-spacing: 0; color: #333333; overflow: visible; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background: url(../images/bg_orange.png); background-size: 4px 4px; }
article.article-teacher h3::before { position: absolute; content: " "; display: block; top: -10px; left: 5px; width: 25px; height: 60px; background: url("../images/tree-orange.png") 0 0 no-repeat; background-size: 25px 60px; }
article.article-teacher h4 { position: relative; display: block; margin: 20px auto 10px; padding: 10px 0; font-size: 18px; line-height: 1.2em; text-align: left; color: #e1576d; background: none; border-bottom: 2px solid #ffcd6d; }
article.article-teacher h4::after { position: absolute; content: ""; width: 100%; left: 0; bottom: 1px; border-bottom: 1px solid #ffcd6d; }
article.article-teacher .teacher-innerbox { margin: 30px auto; padding: 34px; box-sizing: border-box; background: #f0f0f0; outline: 1px solid #ec9b00; outline-offset: -10px; }
article.article-teacher .teacher-innerbox h2, article.article-teacher .teacher-innerbox h3, article.article-teacher .teacher-innerbox h4, article.article-teacher .teacher-innerbox h5 { color: #e1576d; margin: 1em 0 0; padding: 0 0 6px; background: none; border: none; }
article.article-teacher .teacher-innerbox h2::before, article.article-teacher .teacher-innerbox h3::before, article.article-teacher .teacher-innerbox h4::before, article.article-teacher .teacher-innerbox h5::before { content: none; }
article.article-teacher .teacher-innerbox h2::after, article.article-teacher .teacher-innerbox h3::after, article.article-teacher .teacher-innerbox h4::after, article.article-teacher .teacher-innerbox h5::after { content: none; }
article.article-teacher .teacher-innerbox h2:first-of-type, article.article-teacher .teacher-innerbox h3:first-of-type, article.article-teacher .teacher-innerbox h4:first-of-type, article.article-teacher .teacher-innerbox h5:first-of-type { margin: 0; }
article.article-teacher #studys dl { display: block; width: 100%; margin: 20px auto; }
article.article-teacher #studys dl dt { display: block; width: 100%; padding: 0.5em 1em; margin: 0 auto; color: #2fa49d; background: #f0f0f0; }
article.article-teacher #studys dl dd { display: block; width: 100%; padding: 0.5em 0; margin: 0 auto; color: #333333; text-align: justify; background: none; }

#questions ul.questions li { padding: 8px 12px 8px 12px; }
#questions ul.questions li a { display: inline-block; text-decoration: underline; color: #12547a; font-size: 14px; line-height: 1.4em; padding: 0px 0px 0px 18px; background: url("../images/question_mark.png") 0 0 no-repeat; background-size: 11px 19px; }
#questions ul.questions li:nth-child(2n-1) { background: #ffffff; }
#questions ul.questions li:nth-child(2n) { background: #ffffff url("../images/bg_whiteplaid.png"); background-size: 4px 4px; }

#answers { padding: 80px 0 0 0; background: #ffffff url("../images/tree-green.png") center top no-repeat; background-size: 25px 60px; }
#answers dl { display: block; margin: 0 auto 24px; width: 100%; overflow: hidden; }
#answers dl dt { position: relative; width: 100%; margin: 0 0 1px 0; color: #e1576d; background: none; font-size: 18px; font-weight: 700; line-height: 1.4em; padding: 0 0 12px 0; text-align: justify; border-bottom: 2px solid #f0aeb8; }
#answers dl dt::after { position: absolute; content: ""; width: 100%; bottom: 2px; left: 0; border-bottom: 1px solid #f0aeb8; }
#answers dl dd { width: 100%; margin: 0; color: #333333; background: none; font-size: 16px; line-height: 1.75em; padding: 12px 0; text-align: justify; }
#answers dl dd > h3 { margin: 0; padding: 20px 0 6px 0; font-size: 16px; line-height: 1.2em; height: auto; color: #e1576d; font-weight: 700; background: none; }
#answers dl dd > h3:first-of-type { padding: 0 0 6px 0; }
#answers dl dd > h3::before { content: none; background: none; }
#answers dl dd > h3::after { content: none; background: none; }
#answers dl dd > h3:last-of-type { padding: 20px 0 6px 0; }
#answers dl dd > h4 { margin: 0; padding: 20px 0 6px 0; font-size: 16px; line-height: 1.2em; height: auto; color: #e1576d; font-weight: 700; background: none; }
#answers dl dd > h4:first-of-type { padding: 0 0 6px 0; }
#answers dl dd > h4::before { content: none; background: none; }
#answers dl dd > h4::after { content: none; background: none; }
#answers dl dd > h4:last-of-type { padding: 20px 0 6px 0; }

#sendai-kindergartens nav#area-button ul li { position: relative; display: block; float: left; box-sizing: border-box; width: 32%; height: 40px; border: 1px solid; margin: 0 2% 2% 0; }
#sendai-kindergartens nav#area-button ul li:nth-child(3n) { margin: 0 0 2% 0; }
#sendai-kindergartens nav#area-button ul li a { position: absolute; display: block; width: 100%; left: 0; top: 0; line-height: 40px; font-size: 14px; font-weight: 700; text-align: left; padding: 0 0 0 1em; text-decoration: none; }
#sendai-kindergartens nav#area-button ul li a::before { position: absolute; display: block; width: 100%; right: 0; top: 0; font-family: "Font Awesome 5 Free"; content: "\f13a"; font-weight: 900; line-height: 40px; text-align: right; padding: 0 0.6em 0 0; }
#sendai-kindergartens nav#area-button ul li#buttonAoba { border-color: #2fa49d; }
#sendai-kindergartens nav#area-button ul li#buttonAoba a { color: #2fa49d; }
#sendai-kindergartens nav#area-button ul li#buttonMiya { border-color: #439fd4; }
#sendai-kindergartens nav#area-button ul li#buttonMiya a { color: #439fd4; }
#sendai-kindergartens nav#area-button ul li#buttonWaka { border-color: #e1576d; }
#sendai-kindergartens nav#area-button ul li#buttonWaka a { color: #e1576d; }
#sendai-kindergartens nav#area-button ul li#buttonTaih { border-color: #ec9b00; }
#sendai-kindergartens nav#area-button ul li#buttonTaih a { color: #ec9b00; }
#sendai-kindergartens nav#area-button ul li#buttonIzum { border-color: #7d4995; }
#sendai-kindergartens nav#area-button ul li#buttonIzum a { color: #7d4995; }
#sendai-kindergartens h2 { position: relative; margin: 30px 0 0 0; font-size: 18px; font-weight: 700; padding: 0 0 10px 0; border-bottom: 2px solid #a1e4e0; }
#sendai-kindergartens h2#aoba-ku { color: #2fa49d; }
#sendai-kindergartens h2#miyagino-ku { color: #439fd4; }
#sendai-kindergartens h2#wakabayashi-ku { color: #e1576d; }
#sendai-kindergartens h2#taihaku-ku { color: #ec9b00; }
#sendai-kindergartens h2#izumi-ku { color: #7d4995; }
#sendai-kindergartens h2::after { position: absolute; display: block; content: ""; width: 100%; bottom: 0; border-bottom: 1px solid #a1e4e0; margin-bottom: 2px; }
#sendai-kindergartens ul.kg-list li { margin: 0 0 30px 0; }
#sendai-kindergartens ul.kg-list li div { box-sizing: border-box; margin: 0; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; padding: 8px 0 0 6px; line-height: 1.2em; }
#sendai-kindergartens ul.kg-list li div i { margin: 0 4px 0 0; }
#sendai-kindergartens ul.kg-list li div a { color: #333333; }
#sendai-kindergartens ul.kg-list li div:first-of-type { width: 100%; padding: 8px 8px; font-size: 16px; font-weight: 700; color: #333333; background-color: #f0f0f0; }
#sendai-kindergartens ul#aoba-ku-list li i { color: #2fa49d; }
#sendai-kindergartens ul#miyagino-ku-list li i { color: #439fd4; }
#sendai-kindergartens ul#wakabayashi-ku-list li i { color: #e1576d; }
#sendai-kindergartens ul#taihaku-ku-list li i { color: #ec9b00; }
#sendai-kindergartens ul#izumi-ku-list li i { color: #7d4995; }

/****************
PAGE NAVI STYLES
*****************/
.wp-prev-next { clear: both; margin: 1.5em 0; }
.wp-prev-next .prev { width: 45%; float: left; }
.wp-prev-next .prev a { background-color: #2fa49d; }
.wp-prev-next .prev a:hover, .wp-prev-next .prev a:focus { background-color: #2a948e; }
.wp-prev-next .prev a:active { background-color: #29908a; }
.wp-prev-next .prev a::before { font-family: "Font Awesome 5 Free"; content: "\f137"; font-weight: 900; margin-right: 4px; display: inline; color: #ffffff; }
.wp-prev-next .next { width: 45%; float: right; }
.wp-prev-next .next a { background-color: #2fa49d; }
.wp-prev-next .next a:hover, .wp-prev-next .next a:focus { background-color: #2a948e; }
.wp-prev-next .next a:active { background-color: #29908a; }
.wp-prev-next .next a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline; color: #ffffff; }

.pagination { clear: both; margin: 1.5em 0; text-align: center; }
.pagination ul { display: inline-block; background-color: #ffffff; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; }
.pagination li { padding: 0; margin: 0 5px; float: left; display: inline; overflow: hidden; border: 1px solid #2fa49d; }
.pagination a, .pagination span { margin: 0; text-decoration: none; width: 40px; height: 40px; padding: 0; line-height: 40px; font-size: 1em; font-weight: normal; min-width: 1em; display: block; color: #2fa49d; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2fa49d; color: #3ec8c0; }
.pagination .current { cursor: default; color: #ffffff; background-color: #2fa49d; }

/* end .pagination */
/* fallback previous & next links */
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }

/* end .wp-prev-next */
/*************
COMMENT STYLES
**************/
/* h3 comment title */
#comments-title { padding: 0.75em; margin: 0; border-top: 1px solid #f0f0f0; /* number of comments span */ }

.commentlist { margin: 0; list-style-type: none; }

.comment { position: relative; clear: both; overflow: hidden; padding: 1.5em; border-bottom: 1px solid #f0f0f0; /* vcard */ /* end .commentlist .vcard */ /* end children */ /* general comment classes */ }
.comment .comment-author { padding: 7px; border: 0; }
.comment .vcard { margin-left: 50px; }
.comment .vcard cite.fn { font-weight: 700; font-style: normal; }
.comment .vcard time { display: block; font-size: 0.9em; font-style: italic; }
.comment .vcard time a { color: #12547a; text-decoration: none; }
.comment .vcard time a:hover { text-decoration: underline; }
.comment .vcard .avatar { position: absolute; left: 16px; border-radius: 50%; }
.comment:last-child { margin-bottom: 0; }
.comment .children { margin: 0; /* variations */ /* change number for different depth */ }
.comment[class*=depth-] { margin-top: 1.1em; }
.comment.depth-1 { margin-left: 0; margin-top: 0; }
.comment:not(.depth-1) { margin-top: 0; margin-left: 7px; padding: 7px; }
.comment.odd { background-color: #ffffff; }
.comment.even { background: #f0f0f0; }

/* comment meta */
/* comment content */
.comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link { font-size: 0.9em; float: right; }

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link { font-style: italic; margin: 0 7px; text-decoration: none; font-size: 0.9em; }

/******************
COMMENT FORM STYLES
*******************/
.comment-respond { padding: 1.5em; border-top: 1px solid #f0f0f0; }

#reply-title { margin: 0; }

.logged-in-as { color: #12547a; font-style: italic; margin: 0; }
.logged-in-as a { color: #333333; }

.comment-form-comment { margin: 1.5em 0 0.75em; }

.form-allowed-tags { padding: 1.5em; background-color: #f0f0f0; font-size: 0.9em; }

/* comment submit button */
#submit { float: right; font-size: 1em; }

/* comment form title */
#comment-form-title { margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments { margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar { display: block; margin: 0 auto; padding: 20px 20px; /* 検索 */ }
.sidebar .widget_search div { display: block; box-sizing: border-box; overflow: hidden; padding: 0; margin: 0; box-shadow: none; text-align: justify; }
.sidebar .widget_search label.screen-reader-text { display: none; }
.sidebar .widget_search #s { width: 60%; max-width: 60vw; display: block; float: left; color: #e0e0e0; background: #606060; border: 1px solid #404040; padding: 7px 8px; height: 18px; line-height: 18px; margin: 0; border-radius: 5px 0 0 5px; box-sizing: content-box; }
.sidebar .widget_search #s:focus { color: #ffffc0; background: #202020; outline: none; }
.sidebar .widget_search #searchsubmit { display: block; background: #f0f0f0; border: 1px solid #999; padding: 7px 8px; height: 18px; line-height: 18px; border-radius: 0 5px 5px 0; margin: 0; box-sizing: content-box; max-width: 50px; }

.widgettitle { position: relative; display: block; height: 30px; margin: 22px auto 20px; padding: 0; font-size: 16px; line-height: 30px; color: #2fa49d; background: none; }
.widgettitle::before { position: relative; content: " "; display: inline-block; top: 10px; margin-right: 6px; width: 13px; height: 30px; background: url("../images/tree-green.png") 0 0 no-repeat; background-size: auto 30px; }

.widget ul li { margin: 1em 0; font-size: 14px; /* deep nesting */ }
.widget ul li a { text-decoration: none; color: #12547a; }
.widget ul li a::before { font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; margin-right: 4px; }

.no-widgets { background-color: #ffffff; padding: 1.5em; text-align: center; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 1.5em; }

/*********************
Breadcrumb STYLES
*********************/
.pc-breadcrumb { display: none; }

.sp-breadcrumb { display: block; clear: both; width: 100%; padding: 8px 20px; background-color: #f0f0f0; }
.sp-breadcrumb span { padding: 2px 0; font-size: 12px; line-height: 1.0em; }
.sp-breadcrumb span a { text-decoration: none; }

/*********************
FOOTER STYLES
*********************/
.footer { clear: both; background-color: #ffffff; color: #333333; /* end .copyright */ }
.footer #footerLinks { padding: 20px; background-color: #f0f0f0; }
.footer #footerLinks h3 { margin: 0 auto 10px; color: #999; text-align: center; font-size: 13px; }
.footer #footerLinks ul { display: block; margin: 16px auto 5px; overflow: hidden; padding: 0 0 5px; }
.footer #footerLinks ul li { float: left; width: 50%; box-sizing: border-box; }
.footer #footerLinks ul li:nth-of-type(2) { padding: 0 5px 0 0; }
.footer #footerLinks ul li:nth-of-type(3) { padding: 0 0 0 5px; }
.footer #privacyLink { background: #2fa49d; padding: 20px 20px 30px; text-align: center; }
.footer #privacyLink h3 { margin: 0 auto 10px; color: #ffffff; text-align: center; font-size: 20px; }
.footer #privacyLink .privacy-policy-link { display: block; box-sizing: border-box; width: 100%; height: auto; color: #ffffff; border: 1px solid #ffffff; padding: 6px 0; font-size: 15px; text-decoration: none; }
.footer .copyright { clear: both; font-size: 13px; line-height: 24px; background-color: #333333; color: #ffffff; text-align: center; padding: 30px 0; }
.footer .gopagetop { display: none; position: fixed; bottom: 0; right: 0; box-sizing: content-box; width: 44px; height: 44px; padding: 0; margin: 20px; background: #333333; border-radius: 4px; transition: all .2s; z-index: 99; }
.footer .gopagetop a { display: block; width: 44px; height: 44px; text-decoration: none; }
.footer .gopagetop a i { display: block; color: #ffffff; width: 14px; height: 14px; padding: 15px; font-size: 14px; line-height: 14px; text-align: center; }

/* end .footer */
.pc-only { display: none; }

/****************** TABLET & SMALLER LAPTOPS ******************/
@media only screen and (min-width: 768px) { /****************************************************************** Stylesheet: Tablet & Small Desktop Stylesheet *****************************************************************/
  /********************* GENERAL STYLES ********************/
  /********************* LAYOUT & GRID STYLES ********************/
  wrapper { display: block; width: 96%; }
  .wrap { margin: 0 auto; }
  .column { margin: 0 auto 40px; }
  .inner-wrap { width: 96%; margin: 0 auto; }
  .toppage-wrap { width: auto; max-width: 1110px; }
  /********************* HEADER STYLES ********************/
  .header { position: relative; height: auto; overflow: hidden; background-color: #ffffff; z-index: 10; }
  #logo { font-weight: 900; margin: 30px auto 25px; width: 500px; height: 50px; overflow: hidden; }
  #logo a { display: block; width: 500px; height: 0; padding: 50px 0 0 0; text-indent: -99999px; background: url(../images/sensiyo-logo-large.png) center center no-repeat; background-size: 500px auto; color: #ffffff; }
  #TopRightMenu { position: absolute; display: block; right: 0; top: 40px; z-index: 20; width: 300px; text-align: right; }
  #TopRightMenu a { display: inline-block; margin: 0 0 0 2em; font-size: 12px; line-height: 1.2em; color: #2fa49d; text-decoration: none; }
  #TopRightMenu a i { color: #66d3cd; margin-right: 4px; }
  /********************* NAVIGATION STYLES ********************/
  #pc-header-left-navi { display: block; width: 45%; float: left; }
  #pc-header-right-navi { display: block; width: 55%; float: left; box-sizing: border-box; }
  ul.top-nav { width: 100%; display: block; box-sizing: border-box; overflow: hidden; float: left; }
  ul.top-nav li { display: block; float: left; width: 33.33%; box-sizing: border-box; padding-right: 5px; min-height: 70px; text-align: center; vertical-align: middle; overflow: hidden; }
  ul.top-nav li a { display: block; box-sizing: border-box; width: 100%; min-height: 70px; line-height: 1.2em; padding: 30px 0 0 0; font-size: 13px; vertical-align: middle; border-radius: 5px 5px 0 0; overflow: hidden; color: white; font-weight: 900; }
  ul.top-nav li a::before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-right: 4px; color: rgba(255, 255, 255, 0.75); }
  ul.top-nav li a::after { content: none; }
  ul.top-nav li a:hover { opacity: 0.8; }
  ul.top-nav li:nth-child(3n-2) a { background: #e1576d; }
  ul.top-nav li:nth-child(3n-1) a { background: #ec9b00; }
  ul.top-nav li:nth-child(3n) a { background: #439fd4; }
  /* end .top-nav */
  ul.header-right-nav { width: 100%; display: block; box-sizing: border-box; min-height: 70px; padding: 10px 0 8px 0; border-radius: 5px 5px 0 0; background-color: #2fa49d; vertical-align: middle; text-align: center; overflow: hidden; }
  ul.header-right-nav li { display: inline-block; margin: 0 0.5em; padding: 0; width: auto; vertical-align: middle; overflow: hidden; }
  ul.header-right-nav li a { display: inline; margin: 0; padding: 0; line-height: 1.2em; font-size: 13px; color: white; font-weight: 900; }
  ul.header-right-nav li a::before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-right: 4px; color: rgba(255, 255, 255, 0.75); }
  ul.header-right-nav li a::after { content: none; }
  ul.header-right-nav li a:hover { opacity: 0.8; }
  /* end .header-right-nav */
  #hamburger, #sp-navi { display: none; }
  /* footer-main-nav */
  ul.footer-main-nav { margin: 0; width: 75%; display: block; float: left; box-sizing: border-box; overflow: hidden; }
  ul.footer-main-nav > li { display: block; float: left; width: 33.333%; min-height: 30px; text-align: left; vertical-align: top; border: none; background: none; overflow: hidden; }
  ul.footer-main-nav > li > a { display: block; width: auto; height: 30px; line-height: 30px; padding: 0 0 0 30px; font-size: 13px; color: #333333; vertical-align: middle; overflow: hidden; }
  ul.footer-main-nav > li > a::before { content: none; }
  ul.footer-main-nav > li > a::after { content: none; }
  ul.footer-main-nav > li > a:hover { opacity: 0.8; }
  ul.footer-main-nav > li:nth-child(3n-2) a { background: none; color: #e1576d; }
  ul.footer-main-nav > li:nth-child(3n-1) a { background: none; color: #439fd4; }
  ul.footer-main-nav > li:nth-child(3n) a { background: none; color: #ec9b00; }
  ul.footer-main-nav > li ul.sub-menu { margin: 0; }
  ul.footer-main-nav > li ul.sub-menu > li { display: block; width: 100%; min-height: 30px; text-align: left; vertical-align: middle; border: none; overflow: hidden; }
  ul.footer-main-nav > li ul.sub-menu a { display: block; width: 100%; height: 30px; line-height: 30px; padding: 0 0 0 30px; font-size: 13px; color: #333333; border: none; vertical-align: middle; overflow: hidden; }
  ul.footer-main-nav > li ul.sub-menu a::before { font-family: "Font Awesome 5 Free"; content: "\f0da"; font-weight: 900; display: inline-block; float: none; margin-right: 4px; }
  ul.footer-main-nav > li ul.sub-menu a::after { content: none; }
  ul.footer-main-nav > li ul.sub-menu a:hover { opacity: 0.8; }
  ul.footer-main-nav > li:nth-child(3n-2) ul.sub-menu a { background: none; }
  ul.footer-main-nav > li:nth-child(3n-2) ul.sub-menu a::before { color: #e1576d; }
  ul.footer-main-nav > li:nth-child(3n-1) ul.sub-menu a { background: none; }
  ul.footer-main-nav > li:nth-child(3n-1) ul.sub-menu a::before { color: #439fd4; }
  ul.footer-main-nav > li:nth-child(3n) ul.sub-menu a { background: none; }
  ul.footer-main-nav > li:nth-child(3n) ul.sub-menu a::before { color: #ec9b00; }
  /* end .footer-main-nav */
  /* footer-sub-nav */
  ul.footer-sub-nav { margin: 0; width: 100%; display: block; box-sizing: border-box; text-align: center; padding: 20px 0; overflow: hidden; }
  ul.footer-sub-nav > li { display: inline-block; width: auto; min-height: 30px; text-align: left; vertical-align: middle; border: none; background: none; overflow: hidden; }
  ul.footer-sub-nav > li a { display: inline-block; width: auto; height: 30px; line-height: 30px; padding: 0 1em; font-size: 13px; color: #333333; vertical-align: middle; overflow: hidden; }
  ul.footer-sub-nav > li a::before { font-family: "Font Awesome 5 Free"; content: "\f0da"; font-weight: 900; display: inline-block; float: none; margin-right: 4px; color: #2fa49d; }
  ul.footer-sub-nav > li a::after { content: none; }
  ul.footer-sub-nav > li a:hover { color: #333333; opacity: 0.8; }
  /* end .footer-sub-nav */
  /********************* POSTS & CONTENT STYLES ********************/
  #container { position: relative; width: 100%; overflow: hidden; }
  #toppage-content { border-top: 10px solid #2fa49d; }
  #toppage-content div.top-image { height: 500px; background-position: center center; background-size: cover; }
  #content, .content { /* end .ornament-box */ /* end .intro-box */ /* end .news-box */ /* 文章 */ }
  #content main, .content main { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
  #content .full-width, .content .full-width { width: 100%; }
  #content .half-width, .content .half-width { margin: 0; width: 47%; /* 768 */ }
  #content .half-width-left, .content .half-width-left { float: left; }
  #content .half-width-right, .content .half-width-right { float: right; }
  #content .ornament-box, .content .ornament-box { position: relative; display: block; width: 70%; min-width: 400px; max-width: 730px; height: auto; margin: 420px auto 34px; z-index: 3; }
  #content .ornament-box h2, .content .ornament-box h2 { width: auto; height: auto; font-size: 26px; padding: 30px 0; font-size: 28px; line-height: 40px; text-align: center; color: #ffffff; background: #2fa49d; }
  #content .ornament-box h2::before, .content .ornament-box h2::before { content: " "; width: 150px; height: 100px; background: url(../images/ornament.png); background-size: 150px 100px; position: absolute; top: -32px; left: -50px; }
  #content .ornament-box h2::after, .content .ornament-box h2::after { content: " "; width: 150px; height: 100px; background: url(../images/ornament.png); background-size: 150px 100px; position: absolute; bottom: -28px; right: -50px; }
  #content .intro-box, .content .intro-box { width: auto; max-width: 1110px; margin: 0 auto 20px; }
  #content .intro-box h2, .content .intro-box h2 { display: block; box-sizing: border-box; width: 80%; max-width: 830px; margin: 0 auto; min-height: 186px; padding: 60px 20px 0 240px; font-size: 22px; line-height: 36px; text-align: justify; background: url(../images/hearts.png) 0 0 no-repeat; background-size: 186px 186px; }
  #content .news-box, .content .news-box { position: relative; width: 100%; max-width: 1110px; margin: 0 auto 30px; padding: 40px; background: #f0f0f0; }
  #content .news-box .greenline, .content .news-box .greenline { position: absolute; top: 20px; left: 20px; right: 20px; width: auto; height: 15px; border-bottom: 1px solid #2fa49d; z-index: 1; }
  #content .news-box h2, .content .news-box h2 { display: block; margin: 0; width: 100%; height: 20px; }
  #content .news-box h2::before, .content .news-box h2::before { content: " "; display: block; width: 44%; float: left; height: 10px; border-bottom: 1px solid #2fa49d; }
  #content .news-box h2 span, .content .news-box h2 span { display: block; width: 12%; float: left; padding: 0; font-size: 16px; line-height: 20px; text-align: center; color: #2fa49d; }
  #content .news-box h2::after, .content .news-box h2::after { content: " "; display: block; width: 44%; float: left; height: 10px; border-bottom: 1px solid #2fa49d; }
  #content .news-box ul, .content .news-box ul { overflow: hidden; margin: 10px auto; }
  #content .news-box ul li.newslist, .content .news-box ul li.newslist { display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
  #content .news-box ul li.newslist:last-child, .content .news-box ul li.newslist:last-child { border-bottom: 1px solid #ccc; }
  #content .news-box ul li.newslist .news-date, .content .news-box ul li.newslist .news-date { margin: 0; display: inline; font-size: 15px; color: #333333; }
  #content .news-box ul li.newslist ul.news-target, .content .news-box ul li.newslist ul.news-target { display: block; margin: 0; }
  #content .news-box ul li.newslist ul.news-target li, .content .news-box ul li.newslist ul.news-target li { display: inline-block; margin: 0 1px 4px 0; }
  #content .news-box ul li.newslist ul.news-target li a, .content .news-box ul li.newslist ul.news-target li a { display: block; margin: 0; padding: 2px 5px 3px; font-size: 12px; background: #666; color: #ffffff; text-decoration: none; }
  #content .news-box ul li.newslist ul.news-target li.cat-item-10 a, .content .news-box ul li.newslist ul.news-target li.cat-item-10 a { /* 保護者 */ background: #e1576d; }
  #content .news-box ul li.newslist ul.news-target li.cat-item-11 a, .content .news-box ul li.newslist ul.news-target li.cat-item-11 a { /* 学生 */ background: #439fd4; }
  #content .news-box ul li.newslist ul.news-target li.cat-item-12 a, .content .news-box ul li.newslist ul.news-target li.cat-item-12 a { /* 教員 */ background: #ec9b00; }
  #content .news-box ul li.newslist h3.news-title, .content .news-box ul li.newslist h3.news-title { margin: 6px 0 0 0; line-height: 1.25em; font-size: 18px; }
  #content .news-box ul li.newslist p, .content .news-box ul li.newslist p { margin: 4px 0 0 0; font-size: 15px; text-align: justify; line-height: 1.5em; }
  #content .news-box .general-btn, .content .news-box .general-btn { clear: both; text-align: right; width: 300px; margin: 0 0 0 auto; }
  #content .newslist, .content .newslist { display: inline-block; }
  #content .green-txt, .content .green-txt { color: #2fa49d; }
  #content .pink-txt, .content .pink-txt { color: #e1576d; }
  #content .orange-txt, .content .orange-txt { color: #ec9b00; }
  #content .blue-txt, .content .blue-txt { color: #439fd4; }
  #content .small-txt, .content .small-txt { font-size: 75%; color: #666666; }
  /* end .content */
  /* TOP PAGE */
  #for-parent-box { float: left; margin: 30px auto 30px; /* end ul */ }
  #for-parent-box h2 { text-align: center; padding: 0; height: 50px; line-height: 20px; }
  #for-parent-box h2::before { position: relative; display: inline-block; top: -10px; left: auto; width: 25px; height: 50px; line-height: 50px; margin-right: 10px; padding: 0 0 10px 0; vertical-align: middle; }
  #for-parent-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-color: #f0f0f0; }
  #for-parent-box h3 { display: inline-block; background-color: #ffffff; margin: 0 auto 5px; font-size: 14px; line-height: 14px; padding: 3px 1em; text-align: center; color: #e1576d; border-radius: 10px; }
  #for-parent-box dl { display: block; float: left; margin: 0 auto 10px; width: 100%; height: 50px; text-align: center; overflow: hidden; }
  #for-parent-box dl dt { display: block; float: left; width: 40%; background: #666; line-height: 20px; font-size: 14px; color: #ffffff; margin: 5px 0 0 0; }
  #for-parent-box dl dd { display: block; float: left; width: 60%; background: none; line-height: 20px; font-size: 15px; color: #333333; margin: 5px 0 0 0; }
  #for-parent-box ul { margin: 0 20px; overflow: hidden; }
  #for-parent-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
  #for-parent-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ed98a5; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #e1576d; }
  #for-parent-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #e1576d; float: right; margin-right: 20px; }
  #for-parent-box ul li:nth-of-type(1) { background-image: url(../images/parent-li1.jpg); }
  #for-parent-box ul li:nth-of-type(2) { background-image: url(../images/parent-li2.jpg); }
  #for-parent-box ul li:nth-of-type(3) { background-image: url(../images/parent-li3.jpg); }
  /* end #for-parent-box */
  #for-student-box { float: right; margin: 30px auto 30px; /* end ul */ }
  #for-student-box h2 { text-align: center; padding: 0; height: 50px; line-height: 20px; }
  #for-student-box h2::before { position: relative; display: inline-block; top: -10px; left: auto; width: 25px; height: 50px; line-height: 50px; margin-right: 10px; padding: 0 0 10px 0; vertical-align: middle; }
  #for-student-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-color: #f0f0f0; }
  #for-student-box h3#studentTop { display: block; width: 100%; height: 72px; margin: 0 auto 16px; font-size: 18px; line-height: 20px; padding: 20px 0 0 120px; text-align: left; color: #333333; background: url(../images/student-top.jpg) 0 0 no-repeat; background-size: 96px 72px; }
  #for-student-box ul { margin: 0 20px; overflow: hidden; }
  #for-student-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
  #for-student-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #81bfe2; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #439fd4; }
  #for-student-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #439fd4; float: right; margin-right: 20px; }
  #for-student-box ul li:nth-of-type(1) { background-image: url(../images/student-li1.jpg); }
  #for-student-box ul li:nth-of-type(2) { background-image: url(../images/student-li2.jpg); }
  #for-teacher-box { margin: 30px auto 30px; background: url("../images/bg_richorange.png"); background-size: 4px 4px; padding: 0 20px 20px; /* end ul */ }
  #for-teacher-box h2 { text-align: center; padding: 18px 0 16px 0; height: auto; }
  #for-teacher-box div.inner-box { width: 50%; float: left; margin: 0; padding: 20px; text-align: center; background-color: #f0f0f0; }
  #for-teacher-box h3#teacherTop { display: block; width: 100%; height: 60px; margin: 0 auto 16px; font-size: 18px; line-height: 20px; padding: 20px 0 0 110px; text-align: left; color: #333333; background: url(../images/teacher-top.jpg) 0 0 no-repeat; background-size: 90px 60px; }
  #for-teacher-box ul { width: 50%; display: block; float: left; margin: 0; padding: 0 0 0 20px; overflow: hidden; }
  #for-teacher-box ul li { display: block; box-sizing: border-box; margin: 0 0 10px 0; background-color: #ffffff; background-position: 0 0; background-repeat: no-repeat; background-size: auto 100%; overflow: hidden; }
  #for-teacher-box ul li a { display: block; box-sizing: border-box; margin: 0; border: 1px solid #ffbb3a; margin: 0; padding: 12px 0 12px 60px; font-size: 15px; line-height: 20px; text-decoration: none; color: #ec9b00; }
  #for-teacher-box ul li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin-left: 4px; display: inline-block; color: #ec9b00; float: right; margin-right: 20px; }
  #for-teacher-box ul li:nth-of-type(1) { background-image: url(../images/teacher-li1.jpg); }
  #for-teacher-box ul li:nth-of-type(2) { background-image: url(../images/teacher-li2.jpg); }
  #for-teacher-box ul li:nth-of-type(3) { background-image: url(../images/teacher-li3.jpg); }
  #info-box { margin: 0 auto 40px; }
  #info-box div.inner-box { margin: 20px 20px; padding: 20px; text-align: center; background-image: url(../images/bg_greencross.png); background-size: 3px 3px; }
  #info-box h3 { display: inline-block; margin: 0 auto 16px; font-size: 14px; text-align: center; color: #ffffff; }
  /* PAGE */
  .page-header { width: 100%; height: auto; min-height: 200px; text-align: center; background-size: cover; background-image: url(../images/toppage.jpg); border-top: 10px solid #2fa49d; }
  .page-about { background-image: url(../images/topabout.jpg); border-color: #2fa49d; }
  .page-news { background-image: url(../images/topnews.jpg); border-color: #2fa49d; }
  .page-guardian { background-image: url(../images/topguardian.jpg); border-color: #e1576d; }
  .page-teacher { background-image: url(../images/topteacher.jpg); border-color: #ec9b00; }
  .page-career { background-image: url(../images/topcareer.jpg); border-color: #439fd4; }
  .subpage-recruit-kindergarten h1, .subpage-dailyflow h1, .subpage-pta-activity h1, .subpage-difference h1 { padding: 80px 0; }
  .subpage-recruit-kindergarten h1::before, .subpage-dailyflow h1::before, .subpage-pta-activity h1::before, .subpage-difference h1::before { content: "保護者の方へ"; display: inline-block; position: relative; top: auto; bottom: auto; left: auto; background-color: #ffffff; color: #e1576d; font-size: 15px; line-height: 15px; padding: 8px 1em 7px; border-radius: 20px; margin-right: 10px; vertical-align: text-top; text-shadow: none; }
  .subpage-career-teacher h1, .subpage-visits h1, .subpage-recruit-teacher h1 { padding: 80px 0; }
  .subpage-career-teacher h1::before, .subpage-visits h1::before, .subpage-recruit-teacher h1::before { content: "学生・求職者の方へ"; display: inline-block; position: relative; top: auto; left: auto; background-color: #ffffff; color: #439fd4; font-size: 15px; line-height: 15px; padding: 8px 1em 7px; border-radius: 20px; margin-right: 10px; vertical-align: text-top; text-shadow: none; }
  .subpage-study h1, .subpage-study-info h1, .subpage-teachers-contact h1, .subpage-study-entry h1 { padding: 80px 0; }
  .subpage-study h1::before, .subpage-study-info h1::before, .subpage-teachers-contact h1::before, .subpage-study-entry h1::before { content: "教員の方へ"; display: inline-block; position: relative; top: auto; left: auto; background-color: #ffffff; color: #ec9b00; font-size: 15px; line-height: 15px; padding: 8px 1em 7px; border-radius: 20px; margin-right: 10px; vertical-align: text-top; text-shadow: none; }
  .arch-title { margin: 20px 20px; background: #f0f0f0; padding: 20px; color: #333333; }
  /* POST */
  .hentry { width: 96%; max-width: 1110px; margin: 0 auto 10px; text-align: justify; background-color: #ffffff; }
  .hentry .wp-block-image { margin: 0.5em auto 0; /*width: 100%; */ }
  .hentry .wp-block-image figcaption { margin: 0 auto 0.5em; }
  /* end .hentry */
  .column { width: 70%; float: left; margin: 0 0 40px; }
  .single-title, .page-title, .entry-title { margin: 0; font-size: 30px; line-height: 1em; padding: 80px 0; color: #ffffff; text-align: center; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
  .arch-entry-title { margin: 24px 0 5px; font-size: 20px; text-align: left; }
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  .byline { color: #12547a; font-style: italic; margin: 0; }
  /* entry content */
  .entry-content { padding: 30px 0 40px; }
  .entry-content h2, .entry-content h3 { position: relative; display: block; height: 60px; margin: 20px auto 40px; padding: 0; font-size: 24px; line-height: 25px; color: #12547a; background: none; }
  .entry-content h2::before, .entry-content h3::before { position: relative; content: " "; display: inline-block; top: 22px; margin-right: 12px; width: 25px; height: 60px; background: url("../images/tree-green.png") 0 0 no-repeat; background-size: 25px 60px; }
  .entry-content h4 { display: inline-block; font-size: 20px; padding: 12px 1em 11px 1em; }
  .entry-content h4.career-bottom { position: relative; display: block; margin: 30px auto 20px; padding: 16px 0; font-size: 16px; line-height: 1.25em; text-align: center; color: #333333; background: #ffffff; border: 1px solid #439fd4; }
  .entry-content h4.career-bottom::after { content: ""; position: absolute; bottom: -10px; left: 45%; right: 45%; display: block; margin: 0 auto; width: 17px; height: 17px; background: #ffffff; border-bottom: 1px solid #439fd4; border-right: 1px solid #439fd4; transform: rotate(45deg); }
  .entry-content h5.post-date { margin: 0 0 1em 0; padding: 0; text-align: right; color: #666; font-size: 13px; line-height: 1.2em; }
  .entry-content p { margin: 0 auto 0.75em; line-height: 1.75em; }
  .entry-content ul, .entry-content ol, .entry-content table, .entry-content dl { margin: 0.5em 0; }
  .entry-content table { width: 100%; border: 1px solid #e0eaf0; margin-bottom: 1.5em; }
  .entry-content table caption { margin: 0 0 7px; font-size: 0.75em; color: #12547a; text-transform: uppercase; letter-spacing: 1px; }
  .entry-content tr { border-bottom: 1px solid #e0eaf0; }
  .entry-content tr:nth-child(even) { background-color: #f0f0f0; }
  .entry-content td { padding: 7px; border-right: 1px solid #e0eaf0; }
  .entry-content td:last-child { border-right: 0; }
  .entry-content th { background-color: #f0f0f0; border-bottom: 1px solid #e0eaf0; border-right: 1px solid #e0eaf0; }
  .entry-content th:last-child { border-right: 0; }
  .entry-content blockquote { margin: 0 0 1.5em 0.75em; padding: 0 0 0 0.75em; border-left: 3px solid #439fd4; font-style: italic; color: #12547a; }
  .entry-content dd { margin: 0; font-size: 1em; color: #404040; }
  .entry-content img { margin: 0.5em 0; max-width: 100%; width: 100%; height: auto; }
  .entry-content img.size-small { width: 100px; height: auto; }
  .entry-content .alignleft, .entry-content img.alignleft { float: left; margin: 0 5% 0 0; width: 95%; }
  .entry-content .alignright, .entry-content img.alignright { float: right; margin: 0 0 0 5%; width: 95%; }
  .entry-content .aligncenter, .entry-content img.aligncenter { display: block; margin: 0 auto; text-align: center; }
  .entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium { max-width: 100%; height: auto; }
  .entry-content .size-thumbnail { max-width: 100px; height: auto; }
  .entry-content pre { background: #323944; color: #f0f0f0; font-size: 0.9em; padding: 1.5em; margin: 0 0 1.5em; border-radius: 3px; }
  /* end .entry-content */
  .entry-content-w920 { max-width: 920px; margin: 0 auto; }
  /* end .entry-content-w920 */
  .arch-entry-content { padding: 0 0 16px 0; border-bottom: 1px solid #f0f0f0; }
  .wp-caption { max-width: 100%; background: #eee; padding: 5px; /* images inside wp-caption */ }
  .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }
  .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }
  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
  /* gallery caption styles */
  .post-categories { margin: 0; overflow: hidden; }
  .post-categories li { display: inline-block; margin: 0 2px 4px 0; }
  .post-categories li a { display: block; padding: 3px 0.5em; font-size: 13px; background: #333; color: #ffffff; text-decoration: none; border-radius: 4px; }
  #post-11 .entry-content { max-width: 920px; margin-right: auto; margin-left: auto; }
  #post-11 .page-about-copy { max-width: 730px; margin: 20px auto 20px; text-align: center; font-size: 22px; }
  #post-11 .page-about-copy span { display: inline-block; white-space: nowrap; }
  .chairman img { margin-left: 40px; width: 300px; height: auto; }
  .entry-topcopy { text-align: center; margin: 20px auto; font-size: 30px; }
  ul.career-navi { clear: both; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin: 60px auto; overflow: hidden; }
  ul.career-navi li { position: relative; display: flex; flex: auto; width: 25%; max-width: 220px; height: auto; max-height: none; box-sizing: content-box; padding: 0 0 0 0; margin: 0 0.5%; text-align: center; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; overflow: visible; }
  ul.career-navi li a { position: relative; display: block; box-sizing: content-box; width: 100%; height: auto; margin: 0; padding: 75% 0 0 0; border: none; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.2em; letter-spacing: -0.25px; text-decoration: none; color: #333333; }
  ul.career-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin: 0 0 0 4px; display: inline-block; color: #439fd4; float: none; }
  ul.career-navi li a:hover { opacity: .8; }
  ul.career-navi li#career-li1 { background-image: url(../images/student-btn0.jpg); }
  ul.career-navi li#career-li2 { background-image: url(../images/student-btn1.jpg); }
  ul.career-navi li#career-li3 { background-image: url(../images/student-btn2.jpg); }
  #post-18 div.alignleft { width: 60%; margin: 0 0 0 0; }
  #post-18 div.alignright { width: 60%; margin: 0 0 0 0; }
  #post-18 div.wp-block-image { display: inline-block; width: 40%; margin: 20px 0 0 0; }
  ul.guardian-navi { clear: both; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin: 60px auto; overflow: hidden; }
  ul.guardian-navi li { position: relative; display: flex; flex: auto; width: 25%; max-width: 220px; height: auto; max-height: none; box-sizing: content-box; padding: 0 0 0 0; margin: 0 0.5%; text-align: center; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; overflow: visible; }
  ul.guardian-navi li a { position: relative; display: block; box-sizing: content-box; width: 100%; height: auto; margin: 0; padding: 75% 0 0 0; border: none; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.2em; letter-spacing: -0.25px; text-decoration: none; color: #333333; }
  ul.guardian-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin: 0 0 0 4px; display: inline-block; color: #e1576d; float: none; }
  ul.guardian-navi li a:hover { opacity: .8; }
  ul.guardian-navi li#guardian-li1 { background-image: url(../images/parent-btn0.jpg); }
  ul.guardian-navi li#guardian-li2 { background-image: url(../images/parent-btn1.jpg); }
  ul.guardian-navi li#guardian-li3 { background-image: url(../images/parent-btn2.jpg); }
  ul.guardian-navi li#guardian-li4 { background-image: url(../images/parent-btn3.jpg); }
  article.article-guardian h2 { margin: 0 auto 20px; padding: 20px 0; font-size: 24px; text-align: center; }
  article.article-guardian h2::after { width: 60px; left: 50%; transform: translateX(-50%); }
  article.article-guardian h3 { margin: 40px auto 12px; padding: 13px 0 12px 60px; font-size: 20px; }
  article.article-guardian h3::before { left: 25px; }
  article.article-guardian h4 { margin: 30px auto 15px; }
  article.article-guardian .guardian-innerbox { margin: 50px auto; padding: 34px; box-sizing: border-box; background: #f0f0f0; outline: 1px solid #e1576d; outline-offset: -10px; }
  article.article-guardian .guardian-innerbox h2, article.article-guardian .guardian-innerbox h3, article.article-guardian .guardian-innerbox h4, article.article-guardian .guardian-innerbox h5 { padding: 0 0 12px; }
  #recruitKg-box { width: 75%; min-width: 640px; max-width: 720px; padding: 5px 50px; }
  #recruitKg-box dl { margin: 16px auto; }
  #recruitKg-box dl dt { width: 50%; height: 40px; line-height: 40px; font-size: 18px; }
  #recruitKg-box dl dd { width: 50%; height: 40px; line-height: 40px; font-size: 18px; padding: 0; text-align: center; background: #fff; }
  #post-55 div.alignleft, #post-57 div.alignleft { width: 60%; margin: 0 0 0 0; }
  #post-55 div.alignright, #post-57 div.alignright { width: 60%; margin: 0 0 0 0; }
  #post-55 div.wp-block-image, #post-57 div.wp-block-image { display: inline-block; width: 40%; margin: 20px 0 0 0; }
  ul.teacher-navi { clear: both; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin: 60px auto; overflow: hidden; }
  ul.teacher-navi li { position: relative; display: flex; flex: auto; width: 25%; height: auto; max-height: none; box-sizing: content-box; padding: 0 0 0 0; margin: 0 0.5%; text-align: center; background: none; overflow: visible; }
  ul.teacher-navi li a { position: relative; display: block; box-sizing: content-box; width: 100%; height: auto; margin: 0; padding: 16px; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.2em; letter-spacing: -0.25px; text-decoration: none; color: #333333; border: 1px solid #ec9b00; border-radius: 2px; }
  ul.teacher-navi li a::after { font-family: "Font Awesome 5 Free"; content: "\f138"; font-weight: 900; margin: 0 0 0 4px; display: inline-block; color: #ec9b00; float: none; }
  ul.teacher-navi li a:hover { opacity: .8; }
  article.article-teacher h2 { margin: 0 auto 20px; padding: 20px 0; font-size: 24px; text-align: center; }
  article.article-teacher h2::after { width: 60px; left: 50%; transform: translateX(-50%); }
  article.article-teacher h3 { margin: 40px auto 12px; padding: 13px 0 12px 60px; font-size: 20px; }
  article.article-teacher h3::before { left: 25px; }
  article.article-teacher h4 { margin: 30px auto 15px; }
  article.article-teacher .teacher-innerbox { margin: 50px auto; padding: 34px; box-sizing: border-box; background: #f0f0f0; outline: 1px solid #ec9b00; outline-offset: -10px; }
  article.article-teacher .teacher-innerbox h2, article.article-teacher .teacher-innerbox h3, article.article-teacher .teacher-innerbox h4, article.article-teacher .teacher-innerbox h5 { padding: 0 0 12px; }
  article.article-teacher #studys { display: table; table-layout: auto; border-spacing: 0; border-collapse: collapse; width: 100%; margin: 40px auto; }
  article.article-teacher #studys dl { display: table-row; width: 100%; margin: 0; }
  article.article-teacher #studys dl dt { display: table-cell; width: 15em; padding: 0.5em 1em; margin: 0; color: #2fa49d; background: none; border: 1px solid #2fa49d; vertical-align: middle; }
  article.article-teacher #studys dl dd { display: table-cell; width: auto; padding: 0.5em 1em; margin: 0; color: #333333; text-align: justify; background: none; border: 1px solid #2fa49d; vertical-align: middle; }
  #questions { width: 95%; margin: 0 auto; }
  #questions ul.questions li { padding: 10px 20px 10px 24px; }
  #questions ul.questions li a { position: relative; display: block; width: 100%; font-size: 16px; padding: 10px 40px 10px 46px; background-size: 22px 38px; background-position: left center; }
  #questions ul.questions li a::after { position: absolute; font-family: "Font Awesome 5 Free"; display: block; content: "\f0ab"; font-weight: 900; font-size: 20px; color: #e1576d; width: 20px; height: 100%; line-height: 42px; right: 0px; bottom: 0px; }
  #answers { width: 95%; margin: 60px auto 30px; background: none; padding: 0; }
  #answers dl { margin: 0 auto 48px; }
  #answers dl dt { min-height: 48px; overflow: visible; padding: 8px 0 8px 34px; font-size: 20px; }
  #answers dl dt::before { position: absolute; content: ""; width: 25px; height: 60px; left: 0; bottom: -12px; background: url("../images/tree-green.png") 0 0 no-repeat; background-size: 25px 60px; }
  #answers dl dd { font-size: 16px; }
  #answers dl dd > h3 { font-size: 18px; }
  #answers dl dd > h4 { font-size: 18px; }
  #sendai-kindergartens nav#area-button ul { text-align: center; }
  #sendai-kindergartens nav#area-button ul li { position: relative; display: block; float: left; width: 19%; height: 60px; margin: 0 1.25% 0 0; }
  #sendai-kindergartens nav#area-button ul li:nth-child(3n) { margin: 0 1.25% 0 0; }
  #sendai-kindergartens nav#area-button ul li:nth-child(5n) { margin: 0; }
  #sendai-kindergartens nav#area-button ul li a { line-height: 60px; font-size: 18px; }
  #sendai-kindergartens nav#area-button ul li a::before { line-height: 60px; }
  #sendai-kindergartens h2 { margin: 60px 0 0 0; font-size: 20px; }
  #sendai-kindergartens ul.kg-list { margin: 30px auto; }
  #sendai-kindergartens ul.kg-list li { clear: both; width: 100%; display: -webkit-box; /*Android4.3*/ display: -moz-box; /*Firefox21*/ display: -ms-flexbox; /*IE10*/ display: -webkit-flex; /*PC-Safari,iOS8.4*/ display: flex; box-sizing: border-box; margin: 0; overflow: hidden; }
  #sendai-kindergartens ul.kg-list li div { display: flex; justify-content: start; align-content: stretch; align-items: center; box-sizing: border-box; margin: 0; height: auto; padding: 8px 1em; font-size: 15px; line-height: 1.2em; border-bottom: 1px solid #2fa49d; overflow: hidden; }
  #sendai-kindergartens ul.kg-list li div i { display: none; }
  #sendai-kindergartens ul.kg-list li div a { text-decoration: none; }
  #sendai-kindergartens ul.kg-list li div:first-of-type { width: 40%; font-size: 15px; font-weight: 700; background: none; border-left: 1px solid #2fa49d; }
  #sendai-kindergartens ul.kg-list li div:nth-of-type(2) { width: 40%; background: none; border-left: 1px solid #2fa49d; }
  #sendai-kindergartens ul.kg-list li div:nth-of-type(3) { width: 20%; padding: 8px 1em; border-left: 1px solid #2fa49d; border-right: 1px solid #2fa49d; }
  #sendai-kindergartens ul.kg-list li:first-child { background: #f0f0f0; }
  #sendai-kindergartens ul.kg-list li:first-child div { font-family: "Kosugi Maru", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; font-weight: 400; color: #2fa49d; border-top: 1px solid #2fa49d; }
  /********************* SIDEBARS & ASIDES ********************/
  .sidebar { float: left; box-sizing: border-box; width: 30%; margin: 0; padding: 0 0 0 50px; }
  .widget ul li { margin-bottom: 0.75em; /* deep nesting */ }
  .widget ul li ul { margin-top: 0.75em; padding-left: 1em; }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /********************* Breadcrumb STYLES ********************/
  .pc-breadcrumb { display: block; width: 100%; background-color: #ddd; }
  .pc-breadcrumb div { display: block; width: 96%; max-width: 1110px; margin: 0 auto; padding: 10px 0; }
  .pc-breadcrumb div span { padding: 2px 0; font-size: 15px; line-height: 1.0em; }
  .pc-breadcrumb div span a { text-decoration: none; }
  .sp-breadcrumb { display: none; }
  /********************* FOOTER STYLES ********************/
  .footer { clear: both; background-color: #ffffff; color: #333333; }
  .footer #footerLinks { padding: 40px 20px; background-color: #f0f0f0; }
  .footer #footerLinks h3 { margin: 0 auto 10px; color: #999; text-align: center; font-size: 13px; }
  .footer #footerLinks ul { display: block; margin: 16px auto 5px; overflow: hidden; padding: 0 0 5px; }
  .footer #footerLinks ul li { float: left; width: 33.33%; box-sizing: border-box; }
  .footer #footerLinks ul li:nth-of-type(1) { padding: 0 5px 0 0; }
  .footer #footerLinks ul li:nth-of-type(2) { padding: 0 5px 0 5px; }
  .footer #footerLinks ul li:nth-of-type(3) { padding: 0 0 0 5px; }
  .footer #footerBody { overflow: hidden; padding: 40px 0; background-color: #ddd; background-image: url(../images/bg_lightgray.png); background-size: 8px 8px; }
  .footer #privacyLink { display: block; float: left; width: 25%; box-sizing: border-box; background: none; padding: 0; text-align: left; }
  .footer #privacyLink h3 { margin: 0 auto 18px; color: #2fa49d; text-align: left; font-size: 18px; }
  .footer #privacyLink .privacy-policy-link { display: inline-block; box-sizing: border-box; width: auto; height: auto; color: #ffffff; background-color: #2fa49d; border: none; padding: 14px 2em; text-align: left; font-size: 13px; text-decoration: none; }
  .footer #footerFoot { border-top: 1px solid #f0f0f0; background-color: #ddd; background-image: url(../images/bg_lightgray.png); background-size: 8px 8px; }
  /* end .footer */
  .pc-only { display: block; }
  .sp-only { display: none; } }
/****************** DESKTOP ******************/
@media only screen and (min-width: 1030px) { /****************************************************************** Stylesheet: Desktop Stylsheet *****************************************************************/
  wrapper { width: 1000px; margin: 0 auto; }
  .wrap { margin: 0 auto; }
  .column { margin: 0 auto 60px; }
  .inner-wrap { width: 1000px; margin: 0 auto; }
  header { width: 1110px; margin: 0 auto; }
  ul.top-nav li a { font-size: 15px; }
  /* end .top-nav */
  ul.header-right-nav { padding: 25px 0 0 0; }
  ul.header-right-nav li a { font-size: 15px; }
  /* end .header-right-nav */
  /* footer-main-nav */
  ul.footer-main-nav { width: 70%; }
  ul.footer-main-nav > li { min-height: 200px; }
  ul.footer-main-nav > li > a { margin: 0 0 15px 0; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; font-size: 16px; font-weight: 900; }
  ul.footer-main-nav > li ul.sub-menu { margin: 0; }
  ul.footer-main-nav > li ul.sub-menu a { margin: 0 0 15px 0; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; font-size: 14px; }
  /* end .footer-main-nav */
  /* footer-sub-nav */
  ul.footer-sub-nav { padding: 40px 0; }
  ul.footer-sub-nav > li a { padding: 0 2em; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; font-size: 14px; }
  /* end .footer-sub-nav */
  #content .half-width, .content .half-width { margin: 0; width: 48%; /* 1110 */ }
  /* TOP PAGE */
  #for-parent-box { float: left; margin: 40px auto 30px; /* end ul */ }
  #for-parent-box h2 { text-align: center; padding: 0 35px 0 0; height: 70px; line-height: 70px; }
  #for-parent-box h2::before { position: relative; display: inline-block; top: -15px; left: 0; width: 35px; height: 84px; line-height: 70px; margin-right: 10px; padding: 0; background-size: 35px 84px; }
  #for-parent-box div.inner-box { margin: 30px 30px; padding: 30px; }
  #for-parent-box h3 { display: inline-block; background-color: #ffffff; margin: 0 auto 10px; font-size: 15px; line-height: 20px; padding: 4px 1em; text-align: center; color: #e1576d; border-radius: 14px; }
  #for-parent-box dl { display: block; float: left; margin: 0 auto 15px; width: 100%; height: 70px; text-align: center; overflow: hidden; }
  #for-parent-box dl dt { display: block; float: left; width: 40%; background: #666; line-height: 30px; font-size: 16px; color: #ffffff; margin: 5px 0 0 0; }
  #for-parent-box dl dd { display: block; float: left; width: 60%; background: none; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, "メイリオ", Meiryo, sans-serif; line-height: 30px; font-size: 18px; font-weight: 900; color: #333333; margin: 5px 0 0 0; }
  #for-parent-box ul { margin: 0 30px; }
  #for-parent-box ul li a { padding: 23px 0 22px 82px; font-size: 16px; line-height: 20px; }
  #for-parent-box ul li a::after { color: #ed98a5; }
  #for-parent-box ul li a:hover, #for-parent-box ul li a:focus { border: 1px solid #e1576d; }
  #for-parent-box ul li a:hover::after, #for-parent-box ul li a:focus::after { color: #e1576d; }
  /* end #for-parent-box */
  #for-student-box { float: right; margin: 40px auto 30px; /* end ul */ }
  #for-student-box h2 { text-align: center; padding: 0 35px 0 0; height: 70px; line-height: 70px; }
  #for-student-box h2::before { position: relative; display: inline-block; top: -15px; left: 0; width: 35px; height: 85px; line-height: 70px; margin-right: 10px; padding: 0; background-size: 35px 84px; }
  #for-student-box div.inner-box { margin: 30px 30px; padding: 30px; }
  #for-student-box h3#studentTop { display: block; width: 100%; height: 100px; margin: 0 auto 25px; font-size: 24px; line-height: 30px; padding: 35px 0 0 180px; text-align: left; color: #333333; background: url(../images/student-top.jpg) 0 0 no-repeat; background-size: auto 100px; }
  #for-student-box ul { margin: 0 30px; }
  #for-student-box ul li a { padding: 23px 0 22px 82px; font-size: 16px; line-height: 20px; }
  #for-student-box ul li a::after { color: #81bfe2; }
  #for-student-box ul li a:hover, #for-student-box ul li a:focus { border: 1px solid #439fd4; }
  #for-student-box ul li a:hover::after, #for-student-box ul li a:focus::after { color: #439fd4; }
  #for-teacher-box { margin: 30px auto 80px; padding: 0 30px 30px; /* end ul */ }
  #for-teacher-box h2 { text-align: center; padding: 30px 0 30px 0; font-size: 22px; line-height: 30px; height: auto; }
  #for-teacher-box h2 i { font-size: 30px; }
  #for-teacher-box h2 span.small-notice { font-size: 14px; }
  #for-teacher-box div.inner-box { width: 52%; float: left; position: relative; margin: 0; padding: 30px; text-align: center; background-color: #f0f0f0; }
  #for-teacher-box div.inner-box .general-btn { position: absolute; bottom: 30px; right: 30px; padding: 0; width: 315px; height: 62px; }
  #for-teacher-box h3#teacherTop { display: block; width: 100%; height: 160px; margin: 0 auto; font-size: 20px; line-height: 20px; padding: 30px 0 0 170px; text-align: left; color: #333333; background: url(../images/teacher-top-1030.jpg) left center no-repeat; background-size: auto 100%; }
  #for-teacher-box ul { width: 48%; display: block; float: left; margin: 0; padding: 0 0 0 20px; overflow: hidden; }
  #for-teacher-box ul li a { padding: 23px 0 22px 82px; font-size: 16px; line-height: 20px; }
  #for-teacher-box ul li a:hover, #for-teacher-box ul li a:focus { border: 1px solid #ec9b00; }
  #for-teacher-box ul li a:hover::after, #for-teacher-box ul li a:focus::after { color: #ec9b00; }
  /* entry content */
  .entry-content { padding: 30px 0 50px; }
  .column { width: 650px; min-height: 30vh; margin: 0 0 50px; }
  #post-18 div.alignleft { width: 60%; margin: 0 0 0 0; }
  #post-18 div.alignright { width: 60%; margin: 0 0 0 0; }
  #post-18 div.wp-block-image { display: inline-block; width: 40%; margin: 20px 0 0 0; }
  .green-btn, .pink-btn, .blue-btn, .comment-reply-link, #submit, .orange-btn, .white-btn { line-height: 60px; }
  .sidebar { width: 300px; margin: 0 0 0 50px; min-height: 30vh; }
  .footer #footerLinks { padding: 55px 30px 65px; }
  .footer #footerLinks h3 { margin: 0 auto 30px; color: #999; text-align: center; font-size: 24px; font-weight: 400; lien-height: 30px; }
  .footer #footerLinks ul { display: block; margin: 30px auto 0; overflow: hidden; padding: 0 0 2px 0; }
  .footer #footerLinks ul li { float: left; width: 33.33%; box-sizing: border-box; }
  .footer #footerLinks ul li a { font-size: 22px; }
  .footer #footerLinks ul li:nth-of-type(1) { padding: 0 12px 0 0; }
  .footer #footerLinks ul li:nth-of-type(2) { padding: 0 12px 0 12px; }
  .footer #footerLinks ul li:nth-of-type(3) { padding: 0 0 0 12px; }
  .footer #footerBody { overflow: hidden; padding: 60px 0; }
  .footer #privacyLink { width: 30%; }
  .footer #privacyLink h3 { margin: 0 auto 30px; font-size: 22px; }
  .footer #privacyLink .privacy-policy-link { padding: 16px 50px; font-size: 14px; }
  /* end .footer */ }
/****************** PRINT STYLESHEET ******************/
@media print { /****************************************************************** Site Name: Author:  Stylesheet: Print Stylesheet  This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it.  *****************************************************************/
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after, a:visited:after { content: " (" attr(href) ")"; }
  a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }