@charset "UTF-8";
/******************************************************************

Site Name: Manabinomori
Author: M.Tonomura LeapIn Corp.

******************************************************************/
/*********************
IMPORTING PARTIALS/
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
@import url('/regional/assets_c/css/normalize.min.css');
@import url('/regional/assets_c/css/bootstrap.css');
@import url('/regional/assets_c/css/jquery.bxslider.min.css');
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
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.
*/
/*
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; }

span, p, pre, a, li {
  line-height: 1.5;
  text-align: justify;
  letter-spacing: 0.01em; }

p, pre {
  padding: 0 1em; }

.underline {
  position: relative;
  margin-bottom: 40px; }
  .underline::after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    content: "";
    height: 2px;
    width: 50px;
    background-color: #a9a9a9; }

.t_bold {
  font-weight: 600; }

.t_smaller {
  font-size: 1.1rem; }

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @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? */
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important; }

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@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) {
  .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: 1024px) {
  .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%; } }

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
hr {
  border: none;
  height: 1px !important;
  border-top-style: dashed;
  border-top-width: 1px;
  width: 100%; }

form {
  display: inline-block; }

.smenu_cat {
  display: none; }

nav {
  -webkit-box-shadow: none 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: none 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: none 5px 5px 0px rgba(0, 0, 0, 0.3); }
  nav .gnavi_1 {
    background: -moz-linear-gradient(999.73% 1640.53% 180deg, #8321ad 0%, #9232ba 9.49%, #a84dce 26.2%, #8324ad 49.96%, #8627af 49.96%, #a84dce 49.96%, #9a3ec3 49.96%, #8b2db6 49.96%, #8022ad 49.96%, #7a1ba8 49.96%, #7819a7 49.96%, #7819a7 100%);
    background: -webkit-linear-gradient(180deg, #8321ad 0%, #9232ba 9.49%, #a84dce 26.2%, #8324ad 49.96%, #8627af 49.96%, #a84dce 49.96%, #9a3ec3 49.96%, #8b2db6 49.96%, #8022ad 49.96%, #7a1ba8 49.96%, #7819a7 49.96%, #7819a7 100%);
    background: -webkit-gradient(linear, 999.73% 1640.53%, 1000.05% 1640.53%, color-stop(0, #8321ad), color-stop(0.0949, #9232ba), color-stop(0.262, #a84dce), color-stop(0.4996, #8324ad), color-stop(0.4996, #8627af), color-stop(0.4996, #a84dce), color-stop(0.4996, #9a3ec3), color-stop(0.4996, #8b2db6), color-stop(0.4996, #8022ad), color-stop(0.4996, #7a1ba8), color-stop(0.4996, #7819a7), color-stop(1, #7819a7));
    background: -o-linear-gradient(180deg, #8321ad 0%, #9232ba 9.49%, #a84dce 26.2%, #8324ad 49.96%, #8627af 49.96%, #a84dce 49.96%, #9a3ec3 49.96%, #8b2db6 49.96%, #8022ad 49.96%, #7a1ba8 49.96%, #7819a7 49.96%, #7819a7 100%);
    background: -ms-linear-gradient(180deg, #8321ad 0%, #9232ba 9.49%, #a84dce 26.2%, #8324ad 49.96%, #8627af 49.96%, #a84dce 49.96%, #9a3ec3 49.96%, #8b2db6 49.96%, #8022ad 49.96%, #7a1ba8 49.96%, #7819a7 49.96%, #7819a7 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8321AD', endColorstr='#7819A7' ,GradientType=0)";
    background: linear-gradient(9180deg, #8321ad 0%, #9232ba 9.49%, #a84dce 26.2%, #8324ad 49.96%, #8627af 49.96%, #a84dce 49.96%, #9a3ec3 49.96%, #8b2db6 49.96%, #8022ad 49.96%, #7a1ba8 49.96%, #7819a7 49.96%, #7819a7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8321AD', endColorstr='#7819A7', GradientType=1); }
  nav .gnavi_2 {
    background: -moz-linear-gradient(899.67% 1644.15% 180deg, #6022ff 0%, #7451ff 15.71%, #806cff 26.2%, #7758ff 32.48%, #6022ff 49.96%, #7046ff 49.96%, #806cff 49.96%, #7860f6 49.96%, #694ae7 49.96%, #5e39db 49.96%, #562ed2 49.96%, #5127cd 49.96%, #5025cc 49.96%, #5025cc 100%);
    background: -webkit-linear-gradient(180deg, #6022ff 0%, #7451ff 15.71%, #806cff 26.2%, #7758ff 32.48%, #6022ff 49.96%, #7046ff 49.96%, #806cff 49.96%, #7860f6 49.96%, #694ae7 49.96%, #5e39db 49.96%, #562ed2 49.96%, #5127cd 49.96%, #5025cc 49.96%, #5025cc 100%);
    background: -webkit-gradient(linear, 899.67% 1644.15%, 899.98% 1644.15%, color-stop(0, #6022ff), color-stop(0.1571, #7451ff), color-stop(0.262, #806cff), color-stop(0.3248, #7758ff), color-stop(0.4996, #6022ff), color-stop(0.4996, #7046ff), color-stop(0.4996, #806cff), color-stop(0.4996, #7860f6), color-stop(0.4996, #694ae7), color-stop(0.4996, #5e39db), color-stop(0.4996, #562ed2), color-stop(0.4996, #5127cd), color-stop(0.4996, #5025cc), color-stop(1, #5025cc));
    background: -o-linear-gradient(180deg, #6022ff 0%, #7451ff 15.71%, #806cff 26.2%, #7758ff 32.48%, #6022ff 49.96%, #7046ff 49.96%, #806cff 49.96%, #7860f6 49.96%, #694ae7 49.96%, #5e39db 49.96%, #562ed2 49.96%, #5127cd 49.96%, #5025cc 49.96%, #5025cc 100%);
    background: -ms-linear-gradient(180deg, #6022ff 0%, #7451ff 15.71%, #806cff 26.2%, #7758ff 32.48%, #6022ff 49.96%, #7046ff 49.96%, #806cff 49.96%, #7860f6 49.96%, #694ae7 49.96%, #5e39db 49.96%, #562ed2 49.96%, #5127cd 49.96%, #5025cc 49.96%, #5025cc 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6022FF', endColorstr='#5025CC' ,GradientType=0)";
    background: linear-gradient(9180deg, #6022ff 0%, #7451ff 15.71%, #806cff 26.2%, #7758ff 32.48%, #6022ff 49.96%, #7046ff 49.96%, #806cff 49.96%, #7860f6 49.96%, #694ae7 49.96%, #5e39db 49.96%, #562ed2 49.96%, #5127cd 49.96%, #5025cc 49.96%, #5025cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6022FF', endColorstr='#5025CC', GradientType=1); }
  nav .gnavi_3 {
    background: -moz-linear-gradient(799.67% 1647.77% 180deg, #004387 0%, #255cbc 16.42%, #3868d7 26.2%, #255cbd 33.73%, #004387 49.96%, #3868d7 49.96%, #2959c2 49.96%, #1a4aac 49.96%, #0e3e9b 49.96%, #063590 49.96%, #013089 49.96%, #002f87 49.96%, #002f87 100%);
    background: -webkit-linear-gradient(180deg, #004387 0%, #255cbc 16.42%, #3868d7 26.2%, #255cbd 33.73%, #004387 49.96%, #3868d7 49.96%, #2959c2 49.96%, #1a4aac 49.96%, #0e3e9b 49.96%, #063590 49.96%, #013089 49.96%, #002f87 49.96%, #002f87 100%);
    background: -webkit-gradient(linear, 799.67% 1647.77%, 799.98% 1647.77%, color-stop(0, #004387), color-stop(0.1642, #255cbc), color-stop(0.262, #3868d7), color-stop(0.3373, #255cbd), color-stop(0.4996, #004387), color-stop(0.4996, #3868d7), color-stop(0.4996, #2959c2), color-stop(0.4996, #1a4aac), color-stop(0.4996, #0e3e9b), color-stop(0.4996, #063590), color-stop(0.4996, #013089), color-stop(0.4996, #002f87), color-stop(1, #002f87));
    background: -o-linear-gradient(180deg, #004387 0%, #255cbc 16.42%, #3868d7 26.2%, #255cbd 33.73%, #004387 49.96%, #3868d7 49.96%, #2959c2 49.96%, #1a4aac 49.96%, #0e3e9b 49.96%, #063590 49.96%, #013089 49.96%, #002f87 49.96%, #002f87 100%);
    background: -ms-linear-gradient(180deg, #004387 0%, #255cbc 16.42%, #3868d7 26.2%, #255cbd 33.73%, #004387 49.96%, #3868d7 49.96%, #2959c2 49.96%, #1a4aac 49.96%, #0e3e9b 49.96%, #063590 49.96%, #013089 49.96%, #002f87 49.96%, #002f87 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004387', endColorstr='#002F87' ,GradientType=0)";
    background: linear-gradient(9180deg, #004387 0%, #255cbc 16.42%, #3868d7 26.2%, #255cbd 33.73%, #004387 49.96%, #3868d7 49.96%, #2959c2 49.96%, #1a4aac 49.96%, #0e3e9b 49.96%, #063590 49.96%, #013089 49.96%, #002f87 49.96%, #002f87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004387', endColorstr='#002F87', GradientType=1); }
  nav .gnavi_4 {
    background: -moz-linear-gradient(699.73% 1651.39% 180deg, #e28526 0%, #e58c2f 6.16%, #eea04a 26.2%, #e28526 49.96%, #e58c2f 49.96%, #eea04a 49.96%, #eb9645 49.96%, #e7853d 49.96%, #e47a37 49.96%, #e27334 49.96%, #e27133 49.96%, #e27133 100%);
    background: -webkit-linear-gradient(180deg, #e28526 0%, #e58c2f 6.16%, #eea04a 26.2%, #e28526 49.96%, #e58c2f 49.96%, #eea04a 49.96%, #eb9645 49.96%, #e7853d 49.96%, #e47a37 49.96%, #e27334 49.96%, #e27133 49.96%, #e27133 100%);
    background: -webkit-gradient(linear, 699.73% 1651.39%, 700.05% 1651.39%, color-stop(0, #e28526), color-stop(0.0616, #e58c2f), color-stop(0.262, #eea04a), color-stop(0.4996, #e28526), color-stop(0.4996, #e58c2f), color-stop(0.4996, #eea04a), color-stop(0.4996, #eb9645), color-stop(0.4996, #e7853d), color-stop(0.4996, #e47a37), color-stop(0.4996, #e27334), color-stop(0.4996, #e27133), color-stop(1, #e27133));
    background: -o-linear-gradient(180deg, #e28526 0%, #e58c2f 6.16%, #eea04a 26.2%, #e28526 49.96%, #e58c2f 49.96%, #eea04a 49.96%, #eb9645 49.96%, #e7853d 49.96%, #e47a37 49.96%, #e27334 49.96%, #e27133 49.96%, #e27133 100%);
    background: -ms-linear-gradient(180deg, #e28526 0%, #e58c2f 6.16%, #eea04a 26.2%, #e28526 49.96%, #e58c2f 49.96%, #eea04a 49.96%, #eb9645 49.96%, #e7853d 49.96%, #e47a37 49.96%, #e27334 49.96%, #e27133 49.96%, #e27133 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E28526', endColorstr='#E27133' ,GradientType=0)";
    background: linear-gradient(9180deg, #e28526 0%, #e58c2f 6.16%, #eea04a 26.2%, #e28526 49.96%, #e58c2f 49.96%, #eea04a 49.96%, #eb9645 49.96%, #e7853d 49.96%, #e47a37 49.96%, #e27334 49.96%, #e27133 49.96%, #e27133 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E28526', endColorstr='#E27133', GradientType=1); }
  nav .gnavi_5 {
    background: -moz-linear-gradient(599.73% 1655.01% 180deg, #42b362 0%, #6ec172 15.32%, #89c97b 26.2%, #78c475 31.78%, #42b362 49.96%, #81c778 49.96%, #7dc477 49.96%, #67b36f 49.96%, #56a769 49.96%, #4b9e65 49.96%, #449863 49.96%, #429762 49.96%, #429762 100%);
    background: -webkit-linear-gradient(180deg, #42b362 0%, #6ec172 15.32%, #89c97b 26.2%, #78c475 31.78%, #42b362 49.96%, #81c778 49.96%, #7dc477 49.96%, #67b36f 49.96%, #56a769 49.96%, #4b9e65 49.96%, #449863 49.96%, #429762 49.96%, #429762 100%);
    background: -webkit-gradient(linear, 599.73% 1655.01%, 600.05% 1655.01%, color-stop(0, #42b362), color-stop(0.1532, #6ec172), color-stop(0.262, #89c97b), color-stop(0.3178, #78c475), color-stop(0.4996, #42b362), color-stop(0.4996, #81c778), color-stop(0.4996, #7dc477), color-stop(0.4996, #67b36f), color-stop(0.4996, #56a769), color-stop(0.4996, #4b9e65), color-stop(0.4996, #449863), color-stop(0.4996, #429762), color-stop(1, #429762));
    background: -o-linear-gradient(180deg, #42b362 0%, #6ec172 15.32%, #89c97b 26.2%, #78c475 31.78%, #42b362 49.96%, #81c778 49.96%, #7dc477 49.96%, #67b36f 49.96%, #56a769 49.96%, #4b9e65 49.96%, #449863 49.96%, #429762 49.96%, #429762 100%);
    background: -ms-linear-gradient(180deg, #42b362 0%, #6ec172 15.32%, #89c97b 26.2%, #78c475 31.78%, #42b362 49.96%, #81c778 49.96%, #7dc477 49.96%, #67b36f 49.96%, #56a769 49.96%, #4b9e65 49.96%, #449863 49.96%, #429762 49.96%, #429762 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#42B362', endColorstr='#429762' ,GradientType=0)";
    background: linear-gradient(9180deg, #42b362 0%, #6ec172 15.32%, #89c97b 26.2%, #78c475 31.78%, #42b362 49.96%, #81c778 49.96%, #7dc477 49.96%, #67b36f 49.96%, #56a769 49.96%, #4b9e65 49.96%, #449863 49.96%, #429762 49.96%, #429762 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42B362', endColorstr='#429762', GradientType=1); }
  nav .gnavi_bg {
    background: #3868DB; }
  body.impl nav .gnavi_bg {
    background: #f78f00; }

#header {
  width: 100%; }
  #header #header-inner {
    position: relative; }
    #header #header-inner #header-bar {
      position: relative;
      width: 100%;
      height: 120px; }
      #header #header-inner #header-bar #header-bar-inner {
        width: 100%;
        height: 120px;
        position: absolute;
        bottom: 0;
        left: 0; }
      #header #header-inner #header-bar img {
        vertical-align: middle; }
        #header #header-inner #header-bar img:hover {
          opacity: 0.4; }
      #header #header-inner #header-bar .left {
        text-align: center;
        float: none;
        position: absolute;
        left: 0;
        bottom: 14px;
        padding: 0 8px;
        width: 100vw; }
        #header #header-inner #header-bar .left img:nth-child(1) {
          margin-bottom: 6px;
          height: 35px; }
        #header #header-inner #header-bar .left .header-logo {
          display: inline-block;
          vertical-align: middle;
          width: 359px;
          max-width: 100%;
          height: 20px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          background-image: url('/regional/uploads/dev/logo_2.png'); }
          #header #header-inner #header-bar .left .header-logo:hover {
            opacity: 0.4; }
      #header #header-inner #header-bar .right {
        float: none;
        position: absolute;
        right: 10px;
        top: 6px; }
        #header #header-inner #header-bar .right a {
          display: inline-block;
          border-right: white 1px solid;
          border-left: white 1px solid;
          padding: 0 1.1rem;
          color: #fff;
          vertical-align: middle;
          font-size: small; }
          #header #header-inner #header-bar .right a:nth-child(2) {
            border-left: none; }
        #header #header-inner #header-bar .right label {
          display: none;
          position: relative;
          margin-left: 1.1rem;
          margin-bottom: 0;
          padding-left: 38px;
          background-color: #fff;
          vertical-align: middle;
          height: 35px; }
          #header #header-inner #header-bar .right label::before {
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 6px;
            content: '';
            width: 25px;
            height: 25px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('/regional/uploads/dev/search_bt.png'); }
          #header #header-inner #header-bar .right label::after {
            content: '';
            width: 1px;
            height: 88%;
            position: absolute;
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            left: 38px;
            background-color: #8f8f8f; }
          #header #header-inner #header-bar .right label input {
            border: none;
            height: 35px;
            width: 21rem; }
    #header #header-inner #header-main {
      position: relative;
      width: 100%;
      height: 400px; }
      #header #header-inner #header-main #header-title {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 90%;
        width: 103%;
        height: 232px;
        opacity: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out; }
        #header #header-inner #header-main #header-title.move {
          top: 50%;
          opacity: 1; }
        #header #header-inner #header-main #header-title a {
          position: absolute;
          display: inline-block;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #header #header-inner #header-main .bx-wrapper {
        margin: 0 !important;
        border: 0 !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
      #header #header-inner #header-main #header-slider {
        position: relative;
        width: 100%;
        height: 400px; }
      #header #header-inner #header-main .header-content {
        position: relative;
        width: 100% !important;
        height: 100%;
        background-size: cover;
        background-position: center; }

body.regional #content .smenu_wrap .smenu_regional, body.regional #content .smenu_wrap .smenu_career, body.regional #content .smenu_wrap .smenu_impl, body.regional #content .smenu_wrap .smenu_mind {
  background: #FFFFFF;
  border-style: solid;
  border-width: 4px; }

.smenu_wrap {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 8px;
  min-height: 133px; }
  .smenu_wrap > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .smenu_wrap > div {
    position: relative;
    text-align: right;
    min-height: 119px;
    height: 100%; }
    .smenu_wrap > div .smenu_header {
      height: 20px;
      margin-top: -1px;
      color: #fff;
      text-align: left;
      padding-left: 5px;
      font-size: smaller; }
    .smenu_wrap > div .smenu_main {
      min-height: 91px;
      position: relative;
      text-align: left;
      font-size: medium; }
      .smenu_wrap > div .smenu_main strong {
        position: absolute;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 14px;
        padding-left: 25px;
        font-size: medium; }
        .smenu_wrap > div .smenu_main strong::before {
          content: "";
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
    .smenu_wrap > div .smenu_links {
      display: inline-block;
      position: absolute;
      bottom: 2px;
      right: 0;
      z-index: 2;
      padding: 0px 10px;
      margin-bottom: 3px;
      text-align: right; }
      .smenu_wrap > div .smenu_links > a {
        font-weight: 600;
        font-size: small;
        color: #000; }
        .smenu_wrap > div .smenu_links > a.smenu_sub {
          /*background: -moz-linear-gradient(50% 0% -9180deg, rgba(255, 255, 200, 1) 0%, rgba(245, 246, 64, 1) 100%);*/
          background: -webkit-linear-gradient(-9180deg, #ffffc8 0%, #f5f640 100%);
          background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #ffffc8), color-stop(1, #f5f640));
          background: -o-linear-gradient(-9180deg, #ffffc8 0%, #f5f640 100%);
          background: -ms-linear-gradient(-9180deg, #ffffc8 0%, #f5f640 100%);
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFC8', endColorstr='#F5F640' ,GradientType=0)";
          background: linear-gradient(18180deg, #ffffc8 0%, #f5f640 100%);
          border-style: solid;
          border-color: #C6CD21;
          border-color: #c6cd21;
          border-width: 1px;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFC8', endColorstr='#F5F640', GradientType=0);
          -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
          border-radius: 4px;
          text-align: center;
          padding: 2px 10px; }
        .smenu_wrap > div .smenu_links > a:hover {
          text-decoration: none; }

#news-container #news-title .news-title-bar::before, h1::before, .h1::before {
  content: '';
  width: 98%;
  height: 2px;
  position: absolute;
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: -3px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); }

.news-meta {
  margin-bottom: 8px; }
  .news-meta > span, .news-meta > p, .news-meta > pre {
    position: relative;
    vertical-align: middle; }
    .news-meta > span.news-date, .news-meta > p.news-date, .news-meta > pre.news-date {
      margin-right: 9px; }
      .news-meta > span.news-date::before, .news-meta > p.news-date::before, .news-meta > pre.news-date::before {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -21px;
        content: "●"; }
    .news-meta > span.news_blog, .news-meta > p.news_blog, .news-meta > pre.news_blog {
      border-radius: 4px;
      font-size: small;
      padding: 1px 9px;
      display: inline-block; }

#news-container {
  margin-bottom: 50px; }
  #news-container #news-title {
    position: relative;
    color: #fff;
    font-weight: 600;
    height: 72px;
    width: 100%;
    margin-bottom: 10px; }
    #news-container #news-title .news-title-bar {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      width: 100%;
      padding: 0 13px;
      font-size: 1.35em; }
      #news-container #news-title .news-title-bar .left {
        font-size: 0.9em; }
        #news-container #news-title .news-title-bar .left > span, #news-container #news-title .news-title-bar .left > p, #news-container #news-title .news-title-bar .left > pre {
          padding-left: 1.5em;
          position: relative; }
          #news-container #news-title .news-title-bar .left > span::before, #news-container #news-title .news-title-bar .left > p::before, #news-container #news-title .news-title-bar .left > pre::before {
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            content: '';
            width: 1.3em;
            height: 1.3em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('/regional/uploads/dev/info_title_mark.png'); }
      #news-container #news-title .news-title-bar .right {
        position: relative;
        font-size: small;
        text-decoration: underline; }
        #news-container #news-title .news-title-bar .right > a {
          color: #fff;
          padding-left: 1.3em;
          position: relative;
          font-weight: 300; }
          #news-container #news-title .news-title-bar .right > a::before {
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            content: '';
            width: 1em;
            height: 1em;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url('/regional/uploads/dev/info_title_arrow.png'); }
          #news-container #news-title .news-title-bar .right > a::before {
            display: none; }
        #news-container #news-title .news-title-bar .right::before {
          content: '';
          display: none;
          width: 1px;
          height: 30px;
          position: absolute;
          top: 50%;
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -10px;
          background-color: #fff;
          -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); }
  #news-container #news-main {
    padding: 15px;
    width: 100%;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3); }
    #news-container #news-main #news-main-inner {
      width: 100%;
      padding: 10px;
      background-color: #fff; }
      #news-container #news-main #news-main-inner ul.wrapper {
        color: #1a1a1a;
        margin-bottom: 20px;
        padding-left: 0; }
        #news-container #news-main #news-main-inner ul.wrapper li {
          position: relative;
          list-style: none;
          padding: 15px 20px 15px 35px; }
          #news-container #news-main #news-main-inner ul.wrapper li:last-child::before {
            content: none; }
          #news-container #news-main #news-main-inner ul.wrapper li::before {
            position: absolute;
            left: 50%;
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0;
            height: 2px !important;
            content: "";
            border-top-width: 2px;
            border-top-style: dashed;
            width: 96%; }
          #news-container #news-main #news-main-inner ul.wrapper li .news-content a {
            color: #1a1a1a; }

.custom-card {
  position: relative;
  width: 100%;
  height: 350px;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3), -2px -2px 5px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 30px; }
  .custom-card > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 2; }
  .custom-card .wrapper {
    position: relative;
    padding: 2px;
    height: 100%;
    margin-bottom: 0;
    z-index: 1; }
    .custom-card .wrapper .left {
      position: absolute;
      width: calc(100% - 2px);
      height: 100%; }
      .custom-card .wrapper .left .custom-card-title {
        color: #fff;
        font-weight: 600;
        height: 60px;
        width: calc(100% - 2px);
        padding-left: 10px; }
        .custom-card .wrapper .left .custom-card-title > span, .custom-card .wrapper .left .custom-card-title > p, .custom-card .wrapper .left .custom-card-title > pre {
          line-height: 60px;
          font-size: 1.1em;
          position: relative;
          letter-spacing: 3px; }
          .custom-card .wrapper .left .custom-card-title > span::before, .custom-card .wrapper .left .custom-card-title > p::before, .custom-card .wrapper .left .custom-card-title > pre::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: -3px;
            background-color: #fff; }
      .custom-card .wrapper .left .custom-card-content {
        color: #000;
        font-weight: 600;
        background-color: rgba(255, 255, 255, 0.7);
        text-shadow: 1px 1px 1px white, -1px -1px 1px white, -1px 1px 1px white, 1px -1px 1px white;
        height: calc(100% - 60px);
        width: 100%;
        padding: 30px 20px;
        background-size: 0;
        background-position: center;
        background-repeat: no-repeat; }
    .custom-card .wrapper .right {
      height: 100%;
      width: 100%; }
      .custom-card .wrapper .right > div {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }

.custom-card-2 {
  display: inline-block;
  position: relative;
  border: #fff 5px solid;
  height: 115px;
  max-width: 92%;
  width: 100%;
  margin: 1rem 1rem;
  font-size: 0.85em;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); }
  .custom-card-2 > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
  .custom-card-2 .custom-card-wrap {
    position: relative;
    padding: 5px;
    height: 100%; }
    .custom-card-2 .custom-card-wrap .custom-card-content {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 10px;
      text-align: left; }
      .custom-card-2 .custom-card-wrap .custom-card-content > p {
        text-align: left;
        margin-bottom: 0; }
        .custom-card-2 .custom-card-wrap .custom-card-content > p > strong {
          position: relative;
          display: block;
          font-size: 1.2em;
          padding-left: 1.5em; }
        .custom-card-2 .custom-card-wrap .custom-card-content > p > span, .custom-card-2 .custom-card-wrap .custom-card-content > p > p, .custom-card-2 .custom-card-wrap .custom-card-content > p > pre {
          padding-left: 1.5em;
          font-size: 0.9em; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      position: absolute;
      top: 0;
      right: 0;
      height: 105px;
      width: 100px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

#footer {
  position: relative;
  margin-top: 15rem; }
  #footer #footer-inner {
    padding: 3rem 2rem;
    background-color: #BB9AD3;
    text-align: left;
    position: relative; }
    #footer #footer-inner #footer-content {
      color: #fff; }
      #footer #footer-inner #footer-content .footer-logo {
        margin-bottom: 2rem; }
      #footer #footer-inner #footer-content .org-name {
        font-size: 1.2em;
        font-weight: 600; }
      #footer #footer-inner #footer-content .copyright {
        color: #6A0071; }
    #footer #footer-inner .go-top-link {
      position: absolute;
      top: -2.9rem;
      right: 2rem;
      content: '';
      width: 6rem;
      height: 3rem;
      background-color: #BB9AD3;
      background-image: url('/regional/uploads/dev/footer_arrow.png');
      background-repeat: no-repeat;
      background-position: center; }
      #footer #footer-inner .go-top-link > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

img[usemap] {
  max-width: 100%;
  height: auto; }

/*教育創生リージョナルセンター機構
-------------------------------------------------------------------------*/
body.regional h1, body.regional .h1, body.regional #content #news-container #news-title {
  background: -moz-linear-gradient(50% 0% -9180deg, #691561 0%, #804780 41.62%, #691561 100%);
  background: -webkit-linear-gradient(-9180deg, #691561 0%, #804780 41.62%, #691561 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #691561), color-stop(0.4162, #804780), color-stop(1, #691561));
  background: -o-linear-gradient(-9180deg, #691561 0%, #804780 41.62%, #691561 100%);
  background: -ms-linear-gradient(-9180deg, #691561 0%, #804780 41.62%, #691561 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#691561', endColorstr='#691561' ,GradientType=0)";
  background: linear-gradient(18180deg, #691561 0%, #804780 41.62%, #691561 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#691561', endColorstr='#691561', GradientType=0); }

/*教職キャリア高度化センター
-------------------------------------------------------------------------*/
body.career h1, body.career .h1, body.career #content #news-container #news-title {
  background: -moz-linear-gradient(50% 0% -9180deg, #0050db 0%, #3868db 41.62%, #0050db 100%);
  background: -webkit-linear-gradient(-9180deg, #0050db 0%, #3868db 41.62%, #0050db 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #0050db), color-stop(0.4162, #3868db), color-stop(1, #0050db));
  background: -o-linear-gradient(-9180deg, #0050db 0%, #3868db 41.62%, #0050db 100%);
  background: -ms-linear-gradient(-9180deg, #0050db 0%, #3868db 41.62%, #0050db 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0050DB', endColorstr='#0050DB' ,GradientType=0)";
  background: linear-gradient(18180deg, #0050db 0%, #3868db 41.62%, #0050db 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0050DB', endColorstr='#0050DB', GradientType=0); }

/*特別支援教育臨床実践センター
-------------------------------------------------------------------------*/
body.impl h1, body.impl .h1, body.impl #content #news-container #news-title {
  background: -moz-linear-gradient(50% 0% -9180deg, #e68024 0.01%, #eb9229 12.74%, #f0a12d 28.94%, #f2a72f 41.62%, #e68024 100%);
  background: -webkit-linear-gradient(-9180deg, #e68024 0.01%, #eb9229 12.74%, #f0a12d 28.94%, #f2a72f 41.62%, #e68024 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0.0001, #e68024), color-stop(0.1274, #eb9229), color-stop(0.2894, #f0a12d), color-stop(0.4162, #f2a72f), color-stop(1, #e68024));
  background: -o-linear-gradient(-9180deg, #e68024 0.01%, #eb9229 12.74%, #f0a12d 28.94%, #f2a72f 41.62%, #e68024 100%);
  background: -ms-linear-gradient(-9180deg, #e68024 0.01%, #eb9229 12.74%, #f0a12d 28.94%, #f2a72f 41.62%, #e68024 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E68024', endColorstr='#E68024' ,GradientType=0)";
  background: linear-gradient(18180deg, #e68024 0.01%, #eb9229 12.74%, #f0a12d 28.94%, #f2a72f 41.62%, #e68024 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E68024', endColorstr='#E68024', GradientType=0); }

/*教育臨床心理実践センター
-------------------------------------------------------------------------*/
body.mind h1, body.mind .h1, body.mind #content #news-container #news-title {
  background: -moz-linear-gradient(50% 0% -9180deg, #006837 0%, #006f3a 6.25%, #007e42 26.09%, #008445 41.62%, #006837 100%);
  background: -webkit-linear-gradient(-9180deg, #006837 0%, #006f3a 6.25%, #007e42 26.09%, #008445 41.62%, #006837 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #006837), color-stop(0.0625, #006f3a), color-stop(0.2609, #007e42), color-stop(0.4162, #008445), color-stop(1, #006837));
  background: -o-linear-gradient(-9180deg, #006837 0%, #006f3a 6.25%, #007e42 26.09%, #008445 41.62%, #006837 100%);
  background: -ms-linear-gradient(-9180deg, #006837 0%, #006f3a 6.25%, #007e42 26.09%, #008445 41.62%, #006837 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006837', endColorstr='#006837' ,GradientType=0)";
  background: linear-gradient(18180deg, #006837 0%, #006f3a 6.25%, #007e42 26.09%, #008445 41.62%, #006837 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006837', endColorstr='#006837', GradientType=0); }

body.archive .pagenator {
  text-align: center;
  background-color: white;
  padding: 1rem; }
  body.archive .pagenator li {
    display: inline-block;
    list-style: none; }

.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 3rem 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tab {
  display: none; }

.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease;
  transition: 0.5s opacity ease-in, 0.2s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  text-shadow: 0 0 0; }

.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0; }

.tab:checked + label {
  background-color: #2d61e9;
  box-shadow: 0 1px 0 #f4f4f4 inset;
  font-weight: 600;
  color: white;
  cursor: default; }

.tab:checked + label:hover {
  background-color: #2d61e9; }

.tab + label {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 1.3rem;
  margin-bottom: 0;
  width: 100%;
  box-shadow: 0 -1px 0 #eee inset;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  text-align: center;
  background-color: #f2f2f2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  min-height: 50px;
  box-sizing: border-box;
  padding: 15px; }

@media (min-width: 768px) {
  .tab + label {
    width: auto; } }

.tab + label:hover {
  background-color: #f9f9f9;
  box-shadow: 0 1px 0 #f4f4f4 inset; }

.tab__content {
  padding: 4rem 2rem;
  background-color: transparent;
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  border-radius: 6px; }

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-print-color-adjust: exact; }

html {
  font-size: 62.5%; }

body {
  font-family: "ヒラギノ角ゴ Pro", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: justify;
  color: #1a1a1a;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: hidden; }

a, a:visited {
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  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); }

.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
  display: none; }

p {
  padding: initial; }

p + h1, ol + h1, ul + h1, blockquote + h1, a + h1, img + h1 {
  margin-top: 7rem; }

p + h2, ol + h2, ul + h2, blockquote + h2, a + h2, img + h2 {
  margin-top: 7rem; }

p + h3, ol + h3, ul + h3, blockquote + h3, a + h3, img + h3 {
  margin-top: 7rem; }

p + h4, ol + h4, ul + h4, blockquote + h4, a + h4, img + h4 {
  margin-top: 4rem; }

p + h5, ol + h5, ul + h5, blockquote + h5, a + h5, img + h5 {
  margin-top: 6rem; }

p + h6, ol + h6, ul + h6, blockquote + h6, a + h6, img + h6 {
  margin-top: 3rem; }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  text-rendering: optimizelegibility;
  /*
  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, h6 a, .h6 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 1.6em;
  font-weight: 600;
  color: #fff;
  margin-bottom: 1em;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
  clear: both; }
  h1::before, .h1::before {
    bottom: 5px; }
  h1::after, .h1::after {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 7px;
    content: '';
    width: 1em;
    height: 1em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('/regional/uploads/dev/info_title_mark.png'); }

h2, .h2 {
  font-size: 1.6em;
  line-height: 1.4em;
  margin-bottom: 0.7em;
  position: relative;
  padding: 0.5rem 1rem;
  font-size: 1.5em;
  font-weight: 600;
  clear: both; }
  h2::after, .h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px; }

h3, .h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 1.3em;
  padding: 0.5em;
  min-width: 120px;
  max-width: 100%;
  font-size: 1.2em;
  background: #fff;
  font-weight: 600;
  clear: both; }
  h3::before, .h3::before {
    content: "";
    clear: both;
    position: absolute;
    bottom: -23px;
    left: 32.5px;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2; }
  h3::after, .h3::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 32px;
    margin-left: -17px;
    border: 14px solid transparent;
    z-index: 1; }

h4, .h4 {
  position: relative;
  background: none;
  font-size: 1.15em;
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-weight: 600;
  padding-top: 0.2rem;
  padding-left: 0.7rem;
  clear: both; }
  h4::after, .h4::after {
    position: absolute;
    left: -3px;
    left: -0.3rem;
    z-index: 2;
    top: 0;
    content: '';
    width: 3px;
    width: 0.3rem;
    height: 40%; }

h5, .h5 {
  position: relative;
  font-size: 1.05em;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0.4em; }
  h5::before, .h5::before {
    position: relative;
    margin-right: 0.5rem;
    display: inline-block;
    content: ''; }

h6, .h6 {
  position: relative;
  font-size: 1.00em;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 0.4rem; }
  h6::before, .h6::before {
    position: relative;
    margin-right: 0.5rem;
    display: inline-block;
    content: '';
    border: 6.5px solid transparent; }

blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #fff; }

blockquote:before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  vertical-align: middle;
  content: "“";
  font-family: sans-serif;
  font-size: 90px;
  line-height: 1; }

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7; }

a {
  cursor: pointer;
  color: #4d4d4d; }

div[data-img-src] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

article {
  font-size: 1.6rem; }
  article img {
    display: block; }
    article img.mt-image-right {
      margin: 0 auto;
      height: auto !important; }
    article img.mt-image-left {
      margin: 0 auto;
      height: auto !important; }
    article img.mt-image-center {
      height: auto !important; }
  article ul {
    padding-left: 0;
    font-size: 0; }
    article ul li {
      font-size: 1.4rem;
      list-style: none; }
      article ul li p span, article ul li p p, article ul li p pre {
        line-height: 1; }
  article ol {
    list-style: none;
    padding-left: 1rem; }
  article .link-to-edit-page {
    text-align: right;
    width: 100%; }
  article hr {
    margin-top: 3rem;
    margin-bottom: 3rem; }

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
img {
  max-width: 100%; }

#container {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.8);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  z-index: 2;
  position: relative; }

#container-inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  background-repeat: repeat;
  background-size: auto;
  background-position: center; }

.footer_image {
  position: relative;
  height: 100px;
  width: 100%;
  margin-bottom: 10em; }
  .footer_image > div {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    max-width: 1600px;
    width: 100vw;
    height: 100px;
    background-size: cover;
    background-position: center; }

nav .gnavi_container {
  vertical-align: middle;
  text-align: center;
  height: 48px; }
  nav .gnavi_container a {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align: bottom; }
    nav .gnavi_container a.gnavi_bg {
      box-shadow: none;
      border-bottom: #fff 1px solid; }
    nav .gnavi_container a > span, nav .gnavi_container a > p, nav .gnavi_container a > pre {
      position: relative;
      text-align: left;
      width: 100%; }
      nav .gnavi_container a > span.gnavifont_jp, nav .gnavi_container a > p.gnavifont_jp, nav .gnavi_container a > pre.gnavifont_jp {
        display: inline-block;
        font-size: 1.3em;
        letter-spacing: 4.4px;
        line-height: 1;
        color: #fff;
        color: white;
        font-weight: 600;
        height: 48px; }
        nav .gnavi_container a > span.gnavifont_jp strong, nav .gnavi_container a > p.gnavifont_jp strong, nav .gnavi_container a > pre.gnavifont_jp strong {
          width: 100%;
          padding-left: 10px;
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          nav .gnavi_container a > span.gnavifont_jp strong > span, nav .gnavi_container a > p.gnavifont_jp strong > span, nav .gnavi_container a > pre.gnavifont_jp strong > span, nav .gnavi_container a > span.gnavifont_jp strong > p, nav .gnavi_container a > p.gnavifont_jp strong > p, nav .gnavi_container a > pre.gnavifont_jp strong > p, nav .gnavi_container a > span.gnavifont_jp strong > pre, nav .gnavi_container a > p.gnavifont_jp strong > pre, nav .gnavi_container a > pre.gnavifont_jp strong > pre {
            display: inline-block;
            line-height: 1; }
      nav .gnavi_container a > span.gnavifont_en, nav .gnavi_container a > p.gnavifont_en, nav .gnavi_container a > pre.gnavifont_en {
        display: none;
        vertical-align: top;
        font-size: 0.75em;
        letter-spacing: 0.35px;
        line-height: 1;
        color: #fff; }

body.regional.home #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top1_img.png'); }

body.regional:not(.home) #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top1_img.png'); }

body.career.home #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top2_img.png'); }

body.career:not(.home) #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top2_img.png'); }

body.impl.home #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top3_img.png'); }

body.impl:not(.home) #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top3_img_2.png'); }

body.impl.gnrl.home #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top5_img.png'); }

body.impl.gnrl:not(.home) #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top5_img_2.png'); }

body.impl.gnrl #header #header-title {
  background-image: url('/regional/uploads/dev/CcceTitle.png'); }

body.mind.home #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top4_img.png'); }

body.mind:not(.home) #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/top4_img_2.png'); }

body.env article p::after {
  display: block;
  content: "";
  clear: both; }

body.env #header .header-content.slider-0 {
  background-image: url('/regional/uploads/dev/env_top_img.png'); }

body.regional hr {
  border-color: #6A0071; }

body.regional h2, body.regional .h2 {
  color: #5A2A74;
  background-color: #EAD9F4; }
  body.regional h2::after, body.regional .h2::after {
    background-color: #6A0071; }

body.regional h3, body.regional .h3 {
  color: #AA76BC;
  border: solid 3px #AA76BC; }
  body.regional h3::after, body.regional .h3::after {
    border-top: 14px solid #AA76BC; }

body.regional h4, body.regional .h4 {
  color: #5A2A74;
  border-left: 3px solid #d5bbde; }
  body.regional h4::after, body.regional .h4::after {
    background-color: #AA76BC; }

body.regional h5, body.regional .h5 {
  color: #5A2A74; }
  body.regional h5::before, body.regional .h5::before {
    border: 6px solid #5A2A74; }

body.regional h6::before, body.regional .h6::before {
  border-left: 8px solid #5A2A74; }

body.regional blockquote {
  border: #9347bd 1px solid; }

body.regional blockquote:before {
  color: #5A2A74; }

body.regional article a {
  color: #863eac; }
  body.regional article a:visited {
    color: #863eac; }
  body.regional article a:hover {
    color: #9347bd; }

body.regional .tab:checked + label {
  background-color: #6A0071; }

body.regional .tab:checked + label:hover {
  background-color: #6A0071; }

body.regional #header #header-inner #header-bar {
  background-color: #BB9AD3; }

body.regional #header #header-title {
  background-image: url('/regional/uploads/dev/top_title.png'); }

body.regional #content .smenu_wrap {
  border: #E8E8E8 7px solid; }
  body.regional #content .smenu_wrap .smenu_regional {
    border-color: #6A0071; }
    body.regional #content .smenu_wrap .smenu_regional .smenu_header {
      background-color: #6A0071; }
    body.regional #content .smenu_wrap .smenu_regional .smenu_main strong::before {
      background-image: url('/regional/uploads/dev/top_smenu_arrow_0.png'); }
  body.regional #content .smenu_wrap .smenu_career {
    border-color: #3868D8; }
    body.regional #content .smenu_wrap .smenu_career .smenu_header {
      background-color: #3868D8; }
    body.regional #content .smenu_wrap .smenu_career .smenu_main strong::before {
      background-image: url('/regional/uploads/dev/top_smenu_arrow_1.png'); }
  body.regional #content .smenu_wrap .smenu_impl {
    border-color: #E4801E; }
    body.regional #content .smenu_wrap .smenu_impl .smenu_header {
      background-color: #E4801E; }
    body.regional #content .smenu_wrap .smenu_impl .smenu_main strong::before {
      background-image: url('/regional/uploads/dev/top_smenu_arrow_2.png'); }
  body.regional #content .smenu_wrap .smenu_mind {
    border-color: #45B33B; }
    body.regional #content .smenu_wrap .smenu_mind .smenu_header {
      background-color: #45B33B; }
    body.regional #content .smenu_wrap .smenu_mind .smenu_main strong::before {
      background-image: url('/regional/uploads/dev/top_smenu_arrow_3.png'); }

body.regional #content #news-container #news-title {
  background-color: #6A0071; }

body.regional #content #news-container #news-main {
  background-color: #E8E8E8; }
  body.regional #content #news-container #news-main #news-main-inner ul.wrapper li::before {
    border-color: #6A0071; }

body.regional #content .custom-card-container .custom-card.ver1 .custom-card-title {
  background-color: #3868D8; }

body.regional #content .custom-card-container .custom-card.ver1 .custom-card-content {
  background-image: url('/regional/uploads/dev/center_bk_1.png'); }

body.regional #content .custom-card-container .custom-card.ver1 .right > div {
  background-image: url('/regional/uploads/dev/center_img_1.png'); }

body.regional #content .custom-card-container .custom-card.ver2 .custom-card-title {
  background-color: #E4801E; }

body.regional #content .custom-card-container .custom-card.ver2 .custom-card-content {
  background-image: url('/regional/uploads/dev/center_bk_2.png'); }

body.regional #content .custom-card-container .custom-card.ver2 .right > div {
  background-image: url('/regional/uploads/dev/top5_resional.png'); }

body.regional #content .custom-card-container .custom-card.ver3 .custom-card-title {
  background-color: #45B33B; }

body.regional #content .custom-card-container .custom-card.ver3 .custom-card-content {
  background-image: url('/regional/uploads/dev/center_bk_3.png'); }

body.regional #content .custom-card-container .custom-card.ver3 .right > div {
  background-image: url('/regional/uploads/dev/center_img_3.png'); }

body.regional #content .news-meta > span.news-date::before, body.regional #content .news-meta > p.news-date::before, body.regional #content .news-meta > pre.news-date::before {
  color: #6A0071; }

body.regional #content .news-meta > span.news_blog.regional, body.regional #content .news-meta > p.news_blog.regional, body.regional #content .news-meta > pre.news_blog.regional {
  border: #6A0071 1px solid;
  border-left: #6A0071 4px solid;
  color: #6A0071; }

body.regional #content .news-meta > span.news_blog.career, body.regional #content .news-meta > p.news_blog.career, body.regional #content .news-meta > pre.news_blog.career {
  border: #3868D8 1px solid;
  border-left: #3868D8 4px solid;
  color: #3868D8; }

body.regional #content .news-meta > span.news_blog.impl, body.regional #content .news-meta > p.news_blog.impl, body.regional #content .news-meta > pre.news_blog.impl {
  border: #E4801E 1px solid;
  border-left: #E4801E 4px solid;
  color: #E4801E; }

body.regional #content .news-meta > span.news_blog.mind, body.regional #content .news-meta > p.news_blog.mind, body.regional #content .news-meta > pre.news_blog.mind {
  border: #45B33B 1px solid;
  border-left: #45B33B 4px solid;
  color: #45B33B; }

body.regional #footer #footer-inner {
  background-color: #BB9AD3; }
  body.regional #footer #footer-inner #footer-content .copyright {
    color: #6A0071; }
  body.regional #footer #footer-inner .go-top-link {
    background-color: #BB9AD3; }

body:not(.regional) #news-container #news-title {
  height: 53px; }
  body:not(.regional) #news-container #news-title .news-title-bar .right {
    padding-top: 0.6rem; }

body:not(.regional) #news-main .news_blog {
  display: none !important; }

body:not(.regional) .custom-card > a {
  display: none; }

body:not(.home) .news-title-bar .right {
  display: none !important; }

body:not(.home) .header-content:not(.slider-0) {
  display: none; }

body.home .header-content:not(.slider-0) {
  display: none; }

body.search-result:not(.regional) .news_blog {
  display: none; }

body.search-result .search-results-container {
  padding: 2rem;
  background-color: #fff;
  border: #e5e5e5 1px solid; }
  body.search-result .search-results-container li {
    list-style: none;
    padding: 1rem; }

body.search-result .content-nav {
  text-align: center;
  padding: 1rem 0.5rem; }

body.career #header #header-inner nav,
body.impl #header #header-inner nav {
  box-shadow: none; }
  body.career #header #header-inner nav .gnavi_container,
  body.impl #header #header-inner nav .gnavi_container {
    width: 100%; }

body.career hr {
  border-color: #0050AB; }

body.career h2, body.career .h2 {
  color: #0050A2;
  background-color: #CFE5FB; }
  body.career h2::after, body.career .h2::after {
    background-color: #3198db; }

body.career h3, body.career .h3 {
  color: #3867dc;
  border: solid 3px #3867dc; }
  body.career h3::after, body.career .h3::after {
    border-top: 14px solid #3867dc; }

body.career h4, body.career .h4 {
  color: #0050A2;
  border-left: 3px solid #8fa9eb; }
  body.career h4::after, body.career .h4::after {
    background-color: #3867dc; }

body.career h5, body.career .h5 {
  color: #0050A2; }
  body.career h5::before, body.career .h5::before {
    border: 6px solid #0050A2; }

body.career h6::before, body.career .h6::before {
  border-left: 8px solid #0050A2; }

body.career blockquote {
  border: #0982ff 1px solid; }

body.career blockquote:before {
  color: #0050A2; }

body.career article a {
  color: #0076ef; }
  body.career article a:visited {
    color: #0076ef; }
  body.career article a:hover {
    color: #0982ff; }

body.career #header #header-inner #header-bar {
  background-color: #75B3F4; }

body.career #header #header-title {
  background-image: url('/regional/uploads/dev/top2_title.png'); }

body.career #content .smenu_wrap {
  background-image: url('/regional/uploads/dev/top2_smenu_bt.png');
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  body.career #content .smenu_wrap > div .smenu_header {
    display: none; }
  body.career #content .smenu_wrap > div .smenu_main {
    min-height: 133px; }
    body.career #content .smenu_wrap > div .smenu_main strong {
      padding-right: 1rem;
      font-size: 1.2em; }
      body.career #content .smenu_wrap > div .smenu_main strong::before {
        background-image: url('/regional/uploads/dev/top2_smenu_arrow.png'); }
  body.career #content .smenu_wrap > div .smenu_links {
    bottom: 14px;
    right: 9px; }

body.career #content .custom-card-2-container {
  background-color: #E8E8E8;
  text-align: center;
  margin-bottom: 3rem; }
  body.career #content .custom-card-2-container .custom-card-2.ver1 {
    color: #fff; }
    body.career #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap {
      background-color: #60C2A3; }
      body.career #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap .custom-card-content > p > strong::before {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 1.3em;
        height: 1.3em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('/regional/uploads/dev/select_img_su.png'); }
      body.career #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap .custom-card-img {
        background-image: url('/regional/uploads/dev/select_img_st.png'); }
  body.career #content .custom-card-2-container .custom-card-2.ver2 {
    color: #fff; }
    body.career #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap {
      background-color: #2E8BFF; }
      body.career #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap .custom-card-content > p > strong::before {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 1.3em;
        height: 1.3em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('/regional/uploads/dev/select_arrow_te.png'); }
      body.career #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap .custom-card-img {
        background-image: url('/regional/uploads/dev/select_img_te.png'); }

body.career #content #news-container #news-title {
  background-color: #3868D8; }

body.career #content #news-container #news-main {
  background-color: #E8E8E8; }
  body.career #content #news-container #news-main #news-main-inner ul.wrapper li::before {
    border-color: #0050AB; }

body.career .news-meta > span.news-date::before, body.career .news-meta > p.news-date::before, body.career .news-meta > pre.news-date::before {
  color: #0050AB; }

body.career #footer #footer-inner {
  background-color: #75B3F4; }
  body.career #footer #footer-inner #footer-content .copyright {
    color: #0050AB; }
  body.career #footer #footer-inner .go-top-link {
    background-color: #75B3F4; }

body.impl hr {
  border-color: #FF7D19; }

body.impl h2, body.impl .h2 {
  color: #E76900;
  background-color: #FFECDA; }
  body.impl h2::after, body.impl .h2::after {
    background-color: #FF7D19; }

body.impl h3, body.impl .h3 {
  color: #FFA45E;
  border: solid 3px #FFA45E; }
  body.impl h3::after, body.impl .h3::after {
    border-top: 14px solid #FFA45E; }

body.impl h4, body.impl .h4 {
  color: #E76900;
  border-left: 3px solid #ffdec4; }
  body.impl h4::after, body.impl .h4::after {
    background-color: #FFA45E; }

body.impl h5, body.impl .h5 {
  color: #E76900; }
  body.impl h5::before, body.impl .h5::before {
    border: 6px solid #E76900; }

body.impl h6::before, body.impl .h6::before {
  border-left: 8px solid #E76900; }

body.impl blockquote {
  border: #ff9e4e 1px solid; }

body.impl blockquote:before {
  color: #E76900; }

body.impl article a {
  color: #ff9135; }
  body.impl article a:visited {
    color: #ff9135; }
  body.impl article a:hover {
    color: #ff9e4e; }

body.impl .tab:checked + label {
  background-color: #FF7D19; }

body.impl .tab:checked + label:hover {
  background-color: #FF7D19; }

body.impl #header #header-inner #header-bar {
  background-color: #F9BA5A; }

body.impl #header #header-inner nav {
  box-shadow: none; }
  body.impl #header #header-inner nav .gnavi_container {
    width: 100%; }

body.impl #header #header-title {
  background-image: url('/regional/uploads/dev/top3_title.png'); }

body.impl #content .smenu_wrap {
  background-image: url('/regional/uploads/dev/top3_smenu_bt.png');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-bottom: 1.5rem;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }
  body.impl #content .smenu_wrap > div .smenu_header {
    display: none; }
  body.impl #content .smenu_wrap > div .smenu_main {
    min-height: 133px; }
    body.impl #content .smenu_wrap > div .smenu_main strong {
      padding-right: 1rem;
      font-size: 1.2em; }
      body.impl #content .smenu_wrap > div .smenu_main strong::before {
        background-image: url('/regional/uploads/dev/smenu_arrow_2.png'); }
  body.impl #content .smenu_wrap > div .smenu_links {
    bottom: 14px;
    right: 9px; }

body.impl #content .custom-card-2-container {
  background-color: #E8E8E8;
  text-align: center;
  margin-bottom: 3rem; }
  body.impl #content .custom-card-2-container .custom-card-2.ver1 {
    color: #fff; }
    body.impl #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap {
      background-color: #F9BA5A; }
      body.impl #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap .custom-card-content > p > strong:first-child::before {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 1.3em;
        height: 1.3em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('/regional/uploads/dev/select_img_su_ccce.png'); }
      body.impl #content .custom-card-2-container .custom-card-2.ver1 .custom-card-wrap .custom-card-img {
        background-image: url('/regional/uploads/dev/CrtsneImg.png'); }
  body.impl #content .custom-card-2-container .custom-card-2.ver2 {
    color: #fff; }
    body.impl #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap {
      background-color: #60C2A3; }
      body.impl #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap .custom-card-content > p > strong:first-child::before {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        content: '';
        width: 1.3em;
        height: 1.3em;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url('/regional/uploads/dev/select_img_su.png'); }
      body.impl #content .custom-card-2-container .custom-card-2.ver2 .custom-card-wrap .custom-card-img {
        background-image: url('/regional/uploads/dev/CcpeImg.png'); }

body.impl #content #news-container #news-title {
  background-color: #E4801E; }

body.impl #content #news-container #news-main {
  background-color: #E8E8E8; }
  body.impl #content #news-container #news-main #news-main-inner ul.wrapper li::before {
    border-color: #FF7D19; }

body.impl #content .custom-card-container .custom-card.ver4 .custom-card-title {
  background-color: #E4801E; }

body.impl #content .custom-card-container .custom-card.ver4 .custom-card-content a {
  color: red; }

body.impl #content .custom-card-container .custom-card.ver4 .right > div {
  background-image: url('/regional/uploads/dev/top3_subimg.png'); }

body.impl #content .custom-card-container .custom-card.ver4 .left .custom-card-title > span::before, body.impl #content .custom-card-container .custom-card.ver4 .left .custom-card-title > p::before, body.impl #content .custom-card-container .custom-card.ver4 .left .custom-card-title > pre::before {
  display: none; }

body.impl .news-meta > span.news-date::before, body.impl .news-meta > p.news-date::before, body.impl .news-meta > pre.news-date::before {
  color: #FF7D19; }

body.impl #footer #footer-inner {
  background-color: #F9BA5A; }
  body.impl #footer #footer-inner #footer-content .copyright {
    color: #FF7D19; }
  body.impl #footer #footer-inner .go-top-link {
    background-color: #F9BA5A; }

body.mind hr {
  border-color: #006837; }

body.mind h2, body.mind .h2 {
  color: #346628;
  background-color: #DBFBE5; }
  body.mind h2::after, body.mind .h2::after {
    background-color: #71A368; }

body.mind h3, body.mind .h3 {
  color: #71A368;
  border: solid 3px #71A368; }
  body.mind h3::after, body.mind .h3::after {
    border-top: 14px solid #71A368; }

body.mind h4, body.mind .h4 {
  color: #347B28;
  border-left: 3px solid #adcaa7; }
  body.mind h4::after, body.mind .h4::after {
    background-color: #71A368; }

body.mind h5, body.mind .h5 {
  color: #347B28; }
  body.mind h5::before, body.mind .h5::before {
    border: 6px solid #347B28; }

body.mind h6::before, body.mind .h6::before {
  border-left: 8px solid #347B28; }

body.mind blockquote {
  border: #58c346 1px solid; }

body.mind blockquote:before {
  color: #347B28; }

body.mind article a {
  color: #4cb53b; }
  body.mind article a:visited {
    color: #4cb53b; }
  body.mind article a:hover {
    color: #58c346; }

body.mind .tab:checked + label {
  background-color: #006837; }

body.mind .tab:checked + label:hover {
  background-color: #006837; }

body.mind #header #header-inner #header-bar {
  background-color: #79E09B; }

body.mind #header #header-inner nav {
  box-shadow: none; }
  body.mind #header #header-inner nav .gnavi_container {
    width: 100%; }

body.mind #header #header-title {
  background-image: url('/regional/uploads/dev/top4_title.png'); }

body.mind #content .smenu_wrap {
  background-image: url('/regional/uploads/dev/top4_smenu_bt.png');
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat; }
  body.mind #content .smenu_wrap > div .smenu_header {
    display: none; }
  body.mind #content .smenu_wrap > div .smenu_main {
    min-height: 133px; }
    body.mind #content .smenu_wrap > div .smenu_main strong {
      padding-right: 1rem;
      font-size: 1.2em; }
      body.mind #content .smenu_wrap > div .smenu_main strong::before {
        background-image: url('/regional/uploads/dev/smenu_arrow_3.png'); }
  body.mind #content .smenu_wrap > div .smenu_links {
    bottom: 14px;
    right: 9px; }

body.mind #content #news-container #news-title {
  background-color: #006837; }

body.mind #content #news-container #news-main {
  background-color: #E8E8E8; }
  body.mind #content #news-container #news-main #news-main-inner ul.wrapper li::before {
    border-color: #006837; }

body.mind #content .custom-card-container .custom-card.ver5 .custom-card-title {
  background-color: #006837; }

body.mind #content .custom-card-container .custom-card.ver5 .custom-card-content a {
  color: red; }

body.mind #content .custom-card-container .custom-card.ver5 .right > div {
  background-image: url('/regional/uploads/dev/top4_subimg.png'); }

body.mind #content .custom-card-container .custom-card.ver5 .left .custom-card-title > span::before, body.mind #content .custom-card-container .custom-card.ver5 .left .custom-card-title > p::before, body.mind #content .custom-card-container .custom-card.ver5 .left .custom-card-title > pre::before {
  display: none; }

body.mind .news-meta > span.news-date::before, body.mind .news-meta > p.news-date::before, body.mind .news-meta > pre.news-date::before {
  color: #006837; }

body.mind #footer #footer-inner {
  background-color: #79E09B; }
  body.mind #footer #footer-inner #footer-content .copyright {
    color: #00B46E; }
  body.mind #footer #footer-inner .go-top-link {
    background-color: #79E09B; }

body.env hr {
  border-color: #3D9543; }

body.env h2, body.env .h2 {
  color: #3D9543;
  background-color: #c2eabc; }
  body.env h2::after, body.env .h2::after {
    background-color: #3D9543; }

body.env h3, body.env .h3 {
  color: #3D9543;
  border: solid 3px #3D9543; }
  body.env h3::after, body.env .h3::after {
    border-top: 14px solid #3D9543; }

body.env h4, body.env .h4 {
  color: #3D9543;
  border-left: 3px solid #73c578; }
  body.env h4::after, body.env .h4::after {
    background-color: #3D9543; }

body.env h5, body.env .h5 {
  color: #3D9543; }
  body.env h5::before, body.env .h5::before {
    border: 6px solid #3D9543; }

body.env h6::before, body.env .h6::before {
  border-left: 8px solid #3D9543; }

body.env blockquote {
  border: #73c578 1px solid; }

body.env blockquote:before {
  color: #3D9543; }

body.env article a {
  color: #60be67; }
  body.env article a:visited {
    color: #60be67; }
  body.env article a:hover {
    color: #73c578; }

body.env .tab:checked + label {
  background-color: #3D9543; }

body.env .tab:checked + label:hover {
  background-color: #3D9543; }

body.env h1 {
  padding: 0.5em;
  background-color: #3D9543; }
  body.env h1::after {
    display: none; }
  body.env h1::before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: #fff 3px solid;
    background-color: transparent;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 6px);
    height: calc(100% - 6px); }

body.env #container-inner {
  background-image: url('/regional/uploads/dev/env_bg.png');
  background-repeat: repeat;
  background-position: center;
  background-size: auto; }

body.env #header #header-inner #header-bar {
  height: 140px;
  background-color: #fff; }
  body.env #header #header-inner #header-bar #header-bar-inner {
    height: 140px; }
    body.env #header #header-inner #header-bar #header-bar-inner .left {
      text-align: left; }
      body.env #header #header-inner #header-bar #header-bar-inner .left .header-logo {
        background-image: url('/regional/uploads/dev/env_logo.png');
        width: 280px;
        height: 48px; }
    body.env #header #header-inner #header-bar #header-bar-inner .right {
      right: 0; }
      body.env #header #header-inner #header-bar #header-bar-inner .right a {
        background-color: #3D9543;
        padding: 0.3rem 1.1rem; }
        body.env #header #header-inner #header-bar #header-bar-inner .right a::before {
          content: '＞ ';
          color: #fff; }
      body.env #header #header-inner #header-bar #header-bar-inner .right label {
        border: #3D9543 1px solid; }
        body.env #header #header-inner #header-bar #header-bar-inner .right label::before {
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 6px;
          content: '';
          width: 25px;
          height: 25px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url('/regional/uploads/dev/env_search_icon.png'); }
        body.env #header #header-inner #header-bar #header-bar-inner .right label::after {
          background-color: #3D9543; }
        body.env #header #header-inner #header-bar #header-bar-inner .right label input {
          height: 31px; }

body.env #header #header-inner #header-main {
  height: 200px; }
  body.env #header #header-inner #header-main #header-slider {
    height: 200px; }

body.env #header #header-title {
  display: none; }

body.env #content .entry-body, body.env #content .entry-more {
  background-color: #fff;
  border: #e5e5e5 1px solid;
  margin-bottom: 1rem;
  padding: 2rem 1rem; }
  body.env #content .entry-body .tab-wrap:only-child, body.env #content .entry-more .tab-wrap:only-child {
    margin: 0; }

body.env #content .sketch_map {
  margin-bottom: 7rem; }
  body.env #content .sketch_map h1 {
    margin-bottom: 0.3em; }
  body.env #content .sketch_map .caption {
    font-size: 1.2rem;
    text-align: right; }

body.env #content .smenu_wrap {
  position: relative;
  border: #9ED35F 1.7px solid;
  max-height: 115px;
  min-height: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background: -moz-linear-gradient(50% 0% -90deg, white 30%, #ffe7d0 90%);
  background: -webkit-linear-gradient(-90deg, white 30%, #ffe7d0 90%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0.3, white), color-stop(0.9, #ffe7d0));
  background: -o-linear-gradient(-90deg, white 30%, #ffe7d0 90%);
  background: -ms-linear-gradient(-90deg, white 30%, #ffe7d0 90%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFE7D0' ,GradientType=0)";
  background: linear-gradient(180deg, white 30%, #ffe7d0 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#FFE7D0' , GradientType=0); }
  body.env #content .smenu_wrap::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 5px);
    height: calc(100% - 6px);
    border: #9ED35F 1.7px solid; }
  body.env #content .smenu_wrap::after {
    content: '';
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #3D9543 transparent; }
  body.env #content .smenu_wrap > div .smenu_header {
    display: none; }
  body.env #content .smenu_wrap > div .smenu_main {
    min-height: 133px; }
    body.env #content .smenu_wrap > div .smenu_main strong {
      display: inline-block;
      position: relative;
      width: 100%;
      transform: none;
      min-height: 70px;
      top: auto;
      left: auto;
      font-size: 1.2em; }
      body.env #content .smenu_wrap > div .smenu_main strong::before {
        display: none; }
      body.env #content .smenu_wrap > div .smenu_main strong::after {
        content: '';
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        width: calc(100% - 5px);
        height: 2px;
        background-color: #93C061; }
      body.env #content .smenu_wrap > div .smenu_main strong > span, body.env #content .smenu_wrap > div .smenu_main strong > p, body.env #content .smenu_wrap > div .smenu_main strong > pre {
        position: absolute;
        bottom: .3rem;
        bottom: 0.8rem;
        left: .8rem;
        padding-right: 10px; }
    body.env #content .smenu_wrap > div .smenu_main > span, body.env #content .smenu_wrap > div .smenu_main > p, body.env #content .smenu_wrap > div .smenu_main > pre {
      position: relative;
      display: inline-block;
      padding-left: 0.8rem;
      font-size: 0.8em;
      width: 100%; }
  body.env #content .smenu_wrap > div .smenu_links {
    bottom: 14px;
    right: 9px; }

body.env #content #news-container #news-title {
  background-color: #fff;
  border: #3D9543 2px solid;
  border-left: #3D9543 6px solid; }
  body.env #content #news-container #news-title .news-title-bar::before {
    display: none; }
  body.env #content #news-container #news-title .left span, body.env #content #news-container #news-title .left p, body.env #content #news-container #news-title .left pre {
    color: #417B41; }
    body.env #content #news-container #news-title .left span::before, body.env #content #news-container #news-title .left p::before, body.env #content #news-container #news-title .left pre::before {
      background-image: url('/regional/uploads/dev/env_info_title_mark.png'); }
  body.env #content #news-container #news-title .right::before {
    display: none; }
  body.env #content #news-container #news-title .right > a {
    color: #417B41; }
    body.env #content #news-container #news-title .right > a::before {
      background-image: url('/regional/uploads/dev/env_info_title_arrow.png'); }

body.env #content #news-container #news-main {
  background-color: #E8E8E8; }
  body.env #content #news-container #news-main #news-main-inner ul.wrapper li::before {
    border-color: #3D9543; }

body.env .news-meta > span.news-date::before, body.env .news-meta > p.news-date::before, body.env .news-meta > pre.news-date::before {
  color: #3D9543; }

body.env #footer #footer-inner {
  background-color: #7CD26E; }
  body.env #footer #footer-inner #footer-content .copyright {
    color: #3D9543; }
  body.env #footer #footer-inner .go-top-link {
    background-color: #7CD26E; }

body.env .drawer-menu .smenu_main > span, body.env .drawer-menu .smenu_main > p, body.env .drawer-menu .smenu_main > pre {
  display: block;
  color: #616161; }

body #content {
  width: 100%; }
  body #content .col-md-4 {
    display: none; }

body .custom-card-container {
  width: 100%; }

#menuEl {
  display: none; }

.mb-t {
  margin-bottom: 2em; }

.mb-c {
  margin-bottom: 6em; }

.pb-c {
  padding-bottom: 4em; }

.calendar-hide,
#prev-year {
  display: none; }

/*
#prev-year,
#next-year {
  text-decoration: underline;
}
*/
.note {
  margin-left: 1.3rem;
  margin-right: 1rem;
  width: 100%; }

.blue {
  color: #59a4b5; }

.left {
  float: left; }

.right {
  float: right; }

.inner {
  position: relative;
  padding: 4em 1em;
  margin: 0;
  width: 100%; }

.wrapper {
  margin-bottom: 9em; }

.w-100 {
  width: 100%; }

.bb-gray {
  border-bottom: #b3b3b3 1px solid; }

.green {
  color: #39a74a; }

/* Style the Image Used to Trigger the Modal */
.img-container {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s; }
  .img-container:hover {
    opacity: 0.7; }

a > img:hover {
  opacity: 0.7; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */
  z-index: 99999; }

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px; }

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px; }

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s; }

@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

/*
 menu drawer
 */
/* drawer menu */
.drawer-menu {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  max-height: 100%;
  padding: 0;
  background: #fff;
  opacity: 1;
  overflow: hidden; }
  .drawer-menu .drawer-menu-wrapper {
    position: relative;
    width: 315px;
    height: 100vh;
    padding-bottom: 100px;
    padding-right: 10px;
    overflow-y: scroll; }
  .drawer-menu .smenu_cat {
    display: inline-block;
    margin-top: 2rem;
    width: 100%;
    padding: 1rem 0.5rem 1rem 1rem;
    font-weight: 600;
    font-size: 1.1em; }
    .drawer-menu .smenu_cat.regional {
      color: #6A0071; }
    .drawer-menu .smenu_cat.career {
      color: #3868D8; }
    .drawer-menu .smenu_cat.impl {
      color: #E4801E; }
    .drawer-menu .smenu_cat.mind {
      color: #45B33B; }
    .drawer-menu .smenu_cat.env {
      color: #3D9543; }
  .drawer-menu .smenu_wrap {
    min-height: inherit;
    padding: 1rem 0.5rem 1rem 1rem;
    margin-bottom: 0;
    box-shadow: none;
    border-bottom: #d4d4d4 1px solid; }
    .drawer-menu .smenu_wrap > div {
      min-height: inherit;
      height: auto; }
      .drawer-menu .smenu_wrap > div .smenu_header {
        display: none; }
      .drawer-menu .smenu_wrap > div .smenu_main {
        min-height: inherit; }
        .drawer-menu .smenu_wrap > div .smenu_main strong {
          font-size: 0.9em;
          position: relative;
          left: 0;
          padding-left: 0;
          color: #1a1a1a; }
      .drawer-menu .smenu_wrap > div .smenu_links {
        position: relative;
        text-align: left;
        left: 0;
        right: inherit;
        display: inline; }
        .drawer-menu .smenu_wrap > div .smenu_links > a.smenu_sub {
          box-shadow: none; }

#menuEl {
  display: none;
  position: fixed;
  bottom: 1em;
  right: 1em;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-color: #ffffff;
  border: #000000 1px solid;
  z-index: 9999;
  /* menu button - label tag */ }
  #menuEl .menu-btn {
    display: block;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 7px auto; }
    #menuEl .menu-btn .bar {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 40px;
      height: 1px;
      background: #000000;
      text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
      -webkit-transition: all .5s;
      transition: all .5s;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
    #menuEl .menu-btn .bar.middle {
      top: 15px;
      opacity: 1; }
    #menuEl .menu-btn .bar.bottom {
      top: 30px;
      -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
      transform-origin: left bottom; }
    #menuEl .menu-btn .menu-btn__text {
      position: absolute;
      bottom: -7px;
      left: 4px;
      margin: auto;
      color: #000000;
      font-weight: 600;
      -webkit-transition: all .5s;
      transition: all .5s;
      display: block;
      visibility: visible;
      opacity: 1;
      text-align: center;
      font-size: 10px; }
  #menuEl .close-menu {
    position: fixed;
    top: 0;
    right: 300px;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0; }

/* checked */
.check {
  display: none; }
  .check:checked ~ .drawer-menu {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity: 1;
    z-index: 2; }
  .check:checked ~ #container {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px); }
  .check:checked ~ #menuEl {
    box-shadow: none;
    border: #757575 1px solid; }
    .check:checked ~ #menuEl > .menu-btn .menu-btn__text {
      visibility: hidden;
      opacity: 0; }
    .check:checked ~ #menuEl > .menu-btn .bar.top {
      width: 56px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .check:checked ~ #menuEl > .menu-btn .bar.middle {
      opacity: 0; }
    .check:checked ~ #menuEl > .menu-btn .bar.bottom {
      width: 56px;
      top: 40px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .check:checked ~ .close-menu {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background: rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1;
    z-index: 3; }

body.blog .footer_image > div {
  background-image: url('/regional/uploads/dev/riyou_v2.png'); }

body.blog .header-content {
  background-image: url('/regional/uploads/dev/ippin_v.jpg'); }

body.blog #header-title {
  background-image: url('/regional/uploads/dev/title_top3.png'); }

body.blog .inner {
  background-color: #f7f4f2; }
  body.blog .inner::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-color: #008545; }

body.blog h2 {
  color: white;
  margin-bottom: 0;
  font-size: 3.5em;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 4px;
  z-index: 2; }

body.blog h3 {
  margin-bottom: 0;
  font-size: 2.5em; }

body.blog .date {
  text-decoration: underline;
  font-size: 1.1rem;
  text-align: right; }

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  #header #header-inner #header-bar {
    height: 100px; }
    #header #header-inner #header-bar #header-bar-inner {
      height: 93px; }
    #header #header-inner #header-bar .left {
      text-align: left;
      width: auto;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 52%;
      height: 79px; }
      #header #header-inner #header-bar .left img:nth-child(1) {
        display: block; }
      #header #header-inner #header-bar .left .header-logo {
        background-position-x: left; }
  #news-container #news-title {
    height: 53px; }
    #news-container #news-title .news-title-bar .right {
      font-size: inherit;
      text-decoration: none; }
      #news-container #news-title .news-title-bar .right::before {
        display: block; }
      #news-container #news-title .news-title-bar .right > a::before {
        display: block; }
  .custom-card {
    height: 320px; }
    .custom-card .wrapper .left .custom-card-title > span, .custom-card .wrapper .left .custom-card-title > p, .custom-card .wrapper .left .custom-card-title > pre {
      font-size: 1.3em; }
  .custom-card-2 {
    height: 170px;
    font-size: 1em; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 160px;
      width: 230px;
      max-width: 50%; }
  body:not(.regional) #news-container #news-title .news-title-bar .right {
    padding-top: 0; }
  body.env #header #header-inner #header-bar {
    height: 120px; }
    body.env #header #header-inner #header-bar #header-bar-inner {
      height: 120px; }
      body.env #header #header-inner #header-bar #header-bar-inner .right {
        right: 10px; } }

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  article img.mt-image-right {
    max-width: 47% !important; }
  article img.mt-image-left {
    max-width: 47% !important; }
    article img.mt-image-left + .mt-image-right {
      margin-left: 0 !important; }
  nav {
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3); }
    nav .gnavi_container {
      width: 20%;
      height: 71px;
      display: table-cell; }
      nav .gnavi_container a.gnavi_bg {
        border-bottom: none;
        -webkit-box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        -moz-box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        width: 95%;
        height: 77%;
        border-radius: 10px; }
        nav .gnavi_container a.gnavi_bg > span.gnavifont_jp, nav .gnavi_container a.gnavi_bg > p.gnavifont_jp, nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp {
          height: 62%; }
        nav .gnavi_container a.gnavi_bg > span.gnavifont_en, nav .gnavi_container a.gnavi_bg > p.gnavifont_en, nav .gnavi_container a.gnavi_bg > pre.gnavifont_en {
          display: inline-block; }
      nav .gnavi_container a > span, nav .gnavi_container a > p, nav .gnavi_container a > pre {
        display: inline-block;
        text-align: center; }
        nav .gnavi_container a > span.gnavifont_jp, nav .gnavi_container a > p.gnavifont_jp, nav .gnavi_container a > pre.gnavifont_jp {
          font-size: 1em;
          letter-spacing: 4.4px;
          line-height: 1;
          font-weight: 600;
          height: 100%; }
          nav .gnavi_container a > span.gnavifont_jp strong, nav .gnavi_container a > p.gnavifont_jp strong, nav .gnavi_container a > pre.gnavifont_jp strong {
            padding-left: 0; }
  #footer #footer-inner {
    padding: 4rem; }
    #footer #footer-inner .go-top-link {
      top: -3.9rem;
      width: 7rem;
      height: 4rem; }
  #header #header-inner #header-bar {
    padding-left: 15px;
    padding-right: 15px;
    height: 120px; }
    #header #header-inner #header-bar #header-bar-inner {
      height: 120px; }
    #header #header-inner #header-bar .left img:nth-child(1) {
      height: 40px; }
    #header #header-inner #header-bar .left .header-logo {
      height: 30px;
      width: 500px; }
    #header #header-inner #header-bar .right {
      display: inline-block;
      top: 12px; }
      #header #header-inner #header-bar .right a {
        font-size: medium; }
  #header #header-inner #header-main {
    height: 600px; }
    #header #header-inner #header-main #header-title {
      width: 600px;
      height: 310px;
      left: 100%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      #header #header-inner #header-main #header-title.move {
        left: 0;
        top: 50%; }
    #header #header-inner #header-main #header-slider {
      height: 600px; }
  #news-container #news-title .news-title-bar .left {
    font-size: 1em; }
  .custom-card-2 {
    height: 190px;
    font-size: 1em; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 180px;
      width: 250px; }
  body.career #header #header-inner nav .gnavi_container,
  body.impl #header #header-inner nav .gnavi_container {
    width: 25%;
    height: 104px; }
    body.career #header #header-inner nav .gnavi_container a.gnavi_bg > span.gnavifont_jp, body.career #header #header-inner nav .gnavi_container a.gnavi_bg > p.gnavifont_jp, body.career #header #header-inner nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > span.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > p.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp {
      height: 56%; }
  body.impl #header #header-inner #header-main #header-title {
    width: 446px;
    left: inherit;
    right: 100%; }
    body.impl #header #header-inner #header-main #header-title.move {
      left: inherit;
      right: 0; }
  body.impl.gnrl #header #header-inner #header-main #header-title {
    width: 600px;
    left: -100%; }
    body.impl.gnrl #header #header-inner #header-main #header-title.move {
      left: 0; }
  body.mind #header #header-inner #header-main #header-title {
    width: 600px;
    left: inherit;
    right: 100%; }
    body.mind #header #header-inner #header-main #header-title.move {
      left: inherit;
      right: 0; }
  body.env #header #header-inner #header-bar {
    height: 190px;
    background-color: #fff; }
    body.env #header #header-inner #header-bar #header-bar-inner {
      height: 100%; }
      body.env #header #header-inner #header-bar #header-bar-inner .left {
        text-align: left;
        height: 100%;
        position: relative;
        transform: none;
        top: 0;
        padding-top: 4rem;
        padding-bottom: 1rem;
        padding-left: 3rem; }
        body.env #header #header-inner #header-bar #header-bar-inner .left img:nth-child(1) {
          height: 48px;
          display: inline-block; }
        body.env #header #header-inner #header-bar #header-bar-inner .left a::after {
          content: "\A";
          white-space: pre; }
        body.env #header #header-inner #header-bar #header-bar-inner .left .header-logo {
          background-image: url('/regional/uploads/dev/env_logo.png');
          height: 100px;
          width: 500px; }
      body.env #header #header-inner #header-bar #header-bar-inner .right {
        bottom: 2rem;
        transform: none;
        top: auto; }
        body.env #header #header-inner #header-bar #header-bar-inner .right a {
          background-color: #3D9543;
          padding: 0.3rem 1.1rem; }
          body.env #header #header-inner #header-bar #header-bar-inner .right a::before {
            content: '＞ ';
            color: #fff; }
        body.env #header #header-inner #header-bar #header-bar-inner .right label {
          border: #3D9543 1px solid; }
          body.env #header #header-inner #header-bar #header-bar-inner .right label::after {
            background-color: #3D9543; }
          body.env #header #header-inner #header-bar #header-bar-inner .right label input {
            height: 31px; }
  body.env #header #header-inner nav {
    box-shadow: none; }
    body.env #header #header-inner nav .gnavi_container {
      width: 100%; }
  body.env #header #header-inner #header-main {
    height: 400px; }
    body.env #header #header-inner #header-main #header-slider {
      height: 400px;
      border: #7CD26E 1.5rem solid; }
  body.env #header #header-title {
    display: none; }
  body.env #content .entry-body, body.env #content .entry-more {
    padding: 3rem 2rem; }
  body.env #content .sketch_map .caption {
    font-size: inherit; }
  body #content .col-md-4 {
    display: block; }
  #footer #footer-inner #footer-content .org-name {
    font-size: 1.6em; } }

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1024px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

*****************************************************************/
  h3, .h3 {
    min-width: 280px;
    margin-right: 30%; }
  nav .gnavi_container {
    height: 100px; }
    nav .gnavi_container a > span.gnavifont_jp, nav .gnavi_container a > p.gnavifont_jp, nav .gnavi_container a > pre.gnavifont_jp {
      font-size: 1.3em;
      height: 56%; }
    nav .gnavi_container a > span.gnavifont_en, nav .gnavi_container a > p.gnavifont_en, nav .gnavi_container a > pre.gnavifont_en {
      display: inline-block; }
  #header {
    width: 100%; }
    #header #header-inner {
      position: relative; }
      #header #header-inner #header-bar {
        height: 87px; }
        #header #header-inner #header-bar #header-bar-inner {
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          height: 80px; }
        #header #header-inner #header-bar .left {
          text-align: center;
          height: 41px; }
          #header #header-inner #header-bar .left img:nth-child(1) {
            margin-right: 1rem;
            display: inline-block;
            margin-bottom: 0; }
        #header #header-inner #header-bar .right {
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          #header #header-inner #header-bar .right a {
            font-size: 1.1em;
            font-weight: 600; }
      #header #header-inner #header-main #header-title {
        width: 600px;
        height: 350px; }
        #header #header-inner #header-main #header-title.move {
          left: 0; }
  body.career #header #header-inner #header-main #header-title {
    width: 800px; }
  body.career #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.career #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.impl #header #header-inner #header-main #header-title {
    width: 500px; }
  body.impl #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.impl #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.impl #content .custom-card-container .custom-card.ver4 {
    height: 340px; }
    body.impl #content .custom-card-container .custom-card.ver4 .custom-card-content {
      background-color: #FFECDA; }
  body.impl.gnrl #header #header-inner #header-main #header-title {
    width: 700px; }
  body.mind #header #header-inner #header-main #header-title {
    width: 700px; }
  body.mind #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.mind #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.mind #content .custom-card-container .custom-card.ver5 {
    height: 340px; }
    body.mind #content .custom-card-container .custom-card.ver5 .custom-card-content {
      background-color: #E3FFEA; }
  #content {
    width: 1024px !important; }
  #container {
    background-color: #fafafa; }
  #container-inner {
    background-color: #fff;
    border-left: #c3c3c3 1px solid;
    border-right: #c3c3c3 1px solid; }
  #menuEl {
    display: none !important; }
  .smenu_wrap > div .smenu_main strong {
    font-size: large; }
  .custom-card .wrapper .left {
    position: relative;
    width: 60%; }
    .custom-card .wrapper .left .custom-card-title {
      width: 100%; }
    .custom-card .wrapper .left .custom-card-content {
      background-color: transparent;
      text-shadow: none;
      font-weight: inherit;
      background-size: cover; }
  .custom-card .wrapper .right {
    width: 40%; }
  .custom-card-2 {
    max-width: 300px;
    height: 160px;
    font-size: 0.8em;
    margin: 2rem 0.5rem; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 150px;
      width: 158px; } }

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1240px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  #content {
    width: 1200px !important; }
  #header #header-inner #header-bar .right label {
    display: inline-block; }
  .custom-card {
    height: 270px; }
  .custom-card-2 {
    max-width: 360px;
    height: 160px;
    font-size: 1em;
    margin: 2rem 0.5rem; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 150px;
      width: 158px; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(/regional/img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(/regional/img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/ }

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@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.

******************************************************************/
  #menuEl {
    display: none !important; }
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  #header #header-inner #header-bar {
    height: 100px; }
    #header #header-inner #header-bar #header-bar-inner {
      height: 93px; }
    #header #header-inner #header-bar .left {
      text-align: left;
      width: auto;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 52%;
      height: 79px; }
      #header #header-inner #header-bar .left img:nth-child(1) {
        display: block; }
      #header #header-inner #header-bar .left .header-logo {
        background-position-x: left; }
  #news-container #news-title {
    height: 53px; }
    #news-container #news-title .news-title-bar .right {
      font-size: inherit;
      text-decoration: none; }
      #news-container #news-title .news-title-bar .right::before {
        display: block; }
      #news-container #news-title .news-title-bar .right > a::before {
        display: block; }
  .custom-card {
    height: 320px; }
    .custom-card .wrapper .left .custom-card-title > span, .custom-card .wrapper .left .custom-card-title > p, .custom-card .wrapper .left .custom-card-title > pre {
      font-size: 1.3em; }
  .custom-card-2 {
    height: 170px;
    font-size: 1em; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 160px;
      width: 230px;
      max-width: 50%; }
  body:not(.regional) #news-container #news-title .news-title-bar .right {
    padding-top: 0; }
  body.env #header #header-inner #header-bar {
    height: 120px; }
    body.env #header #header-inner #header-bar #header-bar-inner {
      height: 120px; }
      body.env #header #header-inner #header-bar #header-bar-inner .right {
        right: 10px; }
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  article img.mt-image-right {
    max-width: 47% !important; }
  article img.mt-image-left {
    max-width: 47% !important; }
    article img.mt-image-left + .mt-image-right {
      margin-left: 0 !important; }
  nav {
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3); }
    nav .gnavi_container {
      width: 20%;
      height: 71px;
      display: table-cell; }
      nav .gnavi_container a.gnavi_bg {
        border-bottom: none;
        -webkit-box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        -moz-box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        box-shadow: 6px 6px 1px 0px rgba(26, 19, 17, 0.25);
        width: 95%;
        height: 77%;
        border-radius: 10px; }
        nav .gnavi_container a.gnavi_bg > span.gnavifont_jp, nav .gnavi_container a.gnavi_bg > p.gnavifont_jp, nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp {
          height: 62%; }
        nav .gnavi_container a.gnavi_bg > span.gnavifont_en, nav .gnavi_container a.gnavi_bg > p.gnavifont_en, nav .gnavi_container a.gnavi_bg > pre.gnavifont_en {
          display: inline-block; }
      nav .gnavi_container a > span, nav .gnavi_container a > p, nav .gnavi_container a > pre {
        display: inline-block;
        text-align: center; }
        nav .gnavi_container a > span.gnavifont_jp, nav .gnavi_container a > p.gnavifont_jp, nav .gnavi_container a > pre.gnavifont_jp {
          font-size: 1em;
          letter-spacing: 4.4px;
          line-height: 1;
          font-weight: 600;
          height: 100%; }
          nav .gnavi_container a > span.gnavifont_jp strong, nav .gnavi_container a > p.gnavifont_jp strong, nav .gnavi_container a > pre.gnavifont_jp strong {
            padding-left: 0; }
  #footer #footer-inner {
    padding: 4rem; }
    #footer #footer-inner .go-top-link {
      top: -3.9rem;
      width: 7rem;
      height: 4rem; }
  #header #header-inner #header-bar {
    padding-left: 15px;
    padding-right: 15px;
    height: 120px; }
    #header #header-inner #header-bar #header-bar-inner {
      height: 120px; }
    #header #header-inner #header-bar .left img:nth-child(1) {
      height: 40px; }
    #header #header-inner #header-bar .left .header-logo {
      height: 30px;
      width: 500px; }
    #header #header-inner #header-bar .right {
      display: inline-block;
      top: 12px; }
      #header #header-inner #header-bar .right a {
        font-size: medium; }
  #header #header-inner #header-main {
    height: 600px; }
    #header #header-inner #header-main #header-title {
      width: 600px;
      height: 310px;
      left: 100%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      #header #header-inner #header-main #header-title.move {
        left: 0;
        top: 50%; }
    #header #header-inner #header-main #header-slider {
      height: 600px; }
  #news-container #news-title .news-title-bar .left {
    font-size: 1em; }
  .custom-card-2 {
    height: 190px;
    font-size: 1em; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 180px;
      width: 250px; }
  body.career #header #header-inner nav .gnavi_container,
  body.impl #header #header-inner nav .gnavi_container {
    width: 25%;
    height: 104px; }
    body.career #header #header-inner nav .gnavi_container a.gnavi_bg > span.gnavifont_jp, body.career #header #header-inner nav .gnavi_container a.gnavi_bg > p.gnavifont_jp, body.career #header #header-inner nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > span.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > p.gnavifont_jp,
    body.impl #header #header-inner nav .gnavi_container a.gnavi_bg > pre.gnavifont_jp {
      height: 56%; }
  body.impl #header #header-inner #header-main #header-title {
    width: 446px;
    left: inherit;
    right: 100%; }
    body.impl #header #header-inner #header-main #header-title.move {
      left: inherit;
      right: 0; }
  body.impl.gnrl #header #header-inner #header-main #header-title {
    width: 600px;
    left: -100%; }
    body.impl.gnrl #header #header-inner #header-main #header-title.move {
      left: 0; }
  body.mind #header #header-inner #header-main #header-title {
    width: 600px;
    left: inherit;
    right: 100%; }
    body.mind #header #header-inner #header-main #header-title.move {
      left: inherit;
      right: 0; }
  body.env #header #header-inner #header-bar {
    height: 190px;
    background-color: #fff; }
    body.env #header #header-inner #header-bar #header-bar-inner {
      height: 100%; }
      body.env #header #header-inner #header-bar #header-bar-inner .left {
        text-align: left;
        height: 100%;
        position: relative;
        transform: none;
        top: 0;
        padding-top: 4rem;
        padding-bottom: 1rem;
        padding-left: 3rem; }
        body.env #header #header-inner #header-bar #header-bar-inner .left img:nth-child(1) {
          height: 48px;
          display: inline-block; }
        body.env #header #header-inner #header-bar #header-bar-inner .left a::after {
          content: "\A";
          white-space: pre; }
        body.env #header #header-inner #header-bar #header-bar-inner .left .header-logo {
          background-image: url('/regional/uploads/dev/env_logo.png');
          height: 100px;
          width: 500px; }
      body.env #header #header-inner #header-bar #header-bar-inner .right {
        bottom: 2rem;
        transform: none;
        top: auto; }
        body.env #header #header-inner #header-bar #header-bar-inner .right a {
          background-color: #3D9543;
          padding: 0.3rem 1.1rem; }
          body.env #header #header-inner #header-bar #header-bar-inner .right a::before {
            content: '＞ ';
            color: #fff; }
        body.env #header #header-inner #header-bar #header-bar-inner .right label {
          border: #3D9543 1px solid; }
          body.env #header #header-inner #header-bar #header-bar-inner .right label::after {
            background-color: #3D9543; }
          body.env #header #header-inner #header-bar #header-bar-inner .right label input {
            height: 31px; }
  body.env #header #header-inner nav {
    box-shadow: none; }
    body.env #header #header-inner nav .gnavi_container {
      width: 100%; }
  body.env #header #header-inner #header-main {
    height: 400px; }
    body.env #header #header-inner #header-main #header-slider {
      height: 400px;
      border: #7CD26E 1.5rem solid; }
  body.env #header #header-title {
    display: none; }
  body.env #content .entry-body, body.env #content .entry-more {
    padding: 3rem 2rem; }
  body.env #content .sketch_map .caption {
    font-size: inherit; }
  body #content .col-md-4 {
    display: block; }
  #footer #footer-inner #footer-content .org-name {
    font-size: 1.6em; }
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

*****************************************************************/
  h3, .h3 {
    min-width: 280px;
    margin-right: 30%; }
  nav .gnavi_container {
    height: 100px; }
    nav .gnavi_container a > span.gnavifont_jp, nav .gnavi_container a > p.gnavifont_jp, nav .gnavi_container a > pre.gnavifont_jp {
      font-size: 1.3em;
      height: 56%; }
    nav .gnavi_container a > span.gnavifont_en, nav .gnavi_container a > p.gnavifont_en, nav .gnavi_container a > pre.gnavifont_en {
      display: inline-block; }
  #header {
    width: 100%; }
    #header #header-inner {
      position: relative; }
      #header #header-inner #header-bar {
        height: 87px; }
        #header #header-inner #header-bar #header-bar-inner {
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          height: 80px; }
        #header #header-inner #header-bar .left {
          text-align: center;
          height: 41px; }
          #header #header-inner #header-bar .left img:nth-child(1) {
            margin-right: 1rem;
            display: inline-block;
            margin-bottom: 0; }
        #header #header-inner #header-bar .right {
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
          #header #header-inner #header-bar .right a {
            font-size: 1.1em;
            font-weight: 600; }
      #header #header-inner #header-main #header-title {
        width: 600px;
        height: 350px; }
        #header #header-inner #header-main #header-title.move {
          left: 0; }
  body.career #header #header-inner #header-main #header-title {
    width: 800px; }
  body.career #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.career #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.impl #header #header-inner #header-main #header-title {
    width: 500px; }
  body.impl #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.impl #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.impl #content .custom-card-container .custom-card.ver4 {
    height: 340px; }
    body.impl #content .custom-card-container .custom-card.ver4 .custom-card-content {
      background-color: #FFECDA; }
  body.impl.gnrl #header #header-inner #header-main #header-title {
    width: 700px; }
  body.mind #header #header-inner #header-main #header-title {
    width: 700px; }
  body.mind #content .smenu_wrap > div .smenu_main strong {
    padding-left: 30px;
    font-size: 1.25em; }
    body.mind #content .smenu_wrap > div .smenu_main strong::before {
      width: 25px;
      height: 25px; }
  body.mind #content .custom-card-container .custom-card.ver5 {
    height: 340px; }
    body.mind #content .custom-card-container .custom-card.ver5 .custom-card-content {
      background-color: #E3FFEA; }
  #content {
    width: 1024px !important; }
  #container {
    background-color: #fafafa; }
  #container-inner {
    background-color: #fff;
    border-left: #c3c3c3 1px solid;
    border-right: #c3c3c3 1px solid; }
  #menuEl {
    display: none !important; }
  .smenu_wrap > div .smenu_main strong {
    font-size: large; }
  .custom-card .wrapper .left {
    position: relative;
    width: 60%; }
    .custom-card .wrapper .left .custom-card-title {
      width: 100%; }
    .custom-card .wrapper .left .custom-card-content {
      background-color: transparent;
      text-shadow: none;
      font-weight: inherit;
      background-size: cover; }
  .custom-card .wrapper .right {
    width: 40%; }
  .custom-card-2 {
    max-width: 300px;
    height: 160px;
    font-size: 0.8em;
    margin: 2rem 0.5rem; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 150px;
      width: 158px; }
  /******************************************************************
Site Name:
Author:

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  #content {
    width: 1200px !important; }
  #header #header-inner #header-bar .right label {
    display: inline-block; }
  .custom-card {
    height: 270px; }
  .custom-card-2 {
    max-width: 360px;
    height: 160px;
    font-size: 1em;
    margin: 2rem 0.5rem; }
    .custom-card-2 .custom-card-wrap .custom-card-img {
      height: 150px;
      width: 158px; }
  body {
    zoom: 85%; } }

/*# sourceMappingURL=style.css.map */