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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/******************************************************************
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)
*********************/
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Mediumがない場合 */ }
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"); }
@font-face {
  font-family: "MyYuMinchoM";
  font-weight: normal;
  src: local("YuMincho-Regular"), local("Yu Mincho Regular"), local("YuMincho-Regular");
  /* Mediumがない場合 */ }
@font-face {
  font-family: "MyYuMinchoM";
  font-weight: bold;
  src: local("YuMincho-Demibold"); }
/*
 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; }

/******************************************************************
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
******************************************************************/
/*********************
CLEARFIX
*********************/
/*********************
TEXT INDENT
*********************/
/*********************
LIST STYLE
*********************/
/* link
--------------------------- */
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

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

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

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

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

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

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

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

Stylesheet: Button Styles
******************************************************************/
.btn-more {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  padding: 8px 15px;
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out; }
  .btn-more:hover, .btn-more:focus {
    text-decoration: none;
    outline: none; }
  .btn-more:active {
    top: 1px; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.btn-area {
  zoom: 1; }
  .btn-area:before, .btn-area:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .btn-area:after {
    clear: both; }

.btn-more {
  float: right;
  background-color: #fff;
  border-color: #7a6a55;
  color: #7a6a55;
  margin-right: 2%; }
  .btn-more::after {
    margin: 0 0 0 5px;
    content: "\f101";
    font-family: fontawesome;
    color: #7a6a55; }
  .btn-more:hover, .btn-more:focus {
    color: #7a6a55;
    background-color: #ebe8e3; }
  .btn-more:active {
    color: #7a6a55;
    background-color: #d6cfc5; }

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

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #333;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  background-color: #eaedf2; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #f7f8fa;
    outline: none; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #fbe3e4;
    border-color: #fbe3e4;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #fbe3e4; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: #fff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #cfcfcf;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

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

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

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

/*********************
BASE (MOBILE) SIZE
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.
*********************/
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #333;
  font-size: 1em;
  line-height: 1.4;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*--------------------------------------------------------------
common
--------------------------------------------------------------*/
body {
  position: relative; }

.ul {
  margin: 0; }

.table {
  width: 100%;
  margin: 0 0 1em; }
  .table th,
  .table td {
    padding: 5px; }
  .table caption {
    margin-bottom: 1em; }

.section {
  margin-bottom: 30px; }

.top-colors {
  padding: 30px 10px;
  border-top: 1px solid;
  border-bottom: 1px solid; }

.img-left,
.img-right,
.img-center {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block; }
  .img-left img,
  .img-right img,
  .img-center img {
    max-width: 100%;
    height: auto; }

.caption {
  display: block;
  margin-top: 5px;
  text-align: center; }

/*--------------------------------------------------------------
title
--------------------------------------------------------------*/
.h1,
.h2,
.h3,
.h4,
.h5 {
  letter-spacing: 0.075em;
  font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif; }

.h2 {
  margin: 0.5em 0 1.5em;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: normal; }

.h3 {
  margin: 1em 0;
  font-size: 16px;
  font-size: 1em;
  font-weight: normal; }

.section-title__en {
  display: block;
  text-align: center;
  line-height: 1; }

.section-title__normal {
  position: relative;
  text-align: center; }
  .section-title__normal span {
    position: relative;
    z-index: 6;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    background-color: #fff;
    text-align: left; }
  .section-title__normal::after {
    position: absolute;
    top: 50%;
    z-index: 5;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #353536; }

.section-title__color {
  position: relative;
  padding: 1em 0 0;
  text-align: center;
  font-size: 21px;
  font-size: 1.3125em; }
  .section-title__color::before {
    content: "";
    border: 1px solid;
    position: absolute;
    width: 30px;
    top: 5px;
    left: 50%;
    margin-left: -15px; }

.section-title__pink {
  color: #ea6175; }
  .section-title__pink::before {
    border-color: #ea6175; }

.sub-title__normal {
  text-align: center; }

/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
.med-co {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75em;
  margin: 0 0 0.4em; }

.header__inner .med-co {
  font-size: 1em; }

.home .header__inner .med-co {
  margin: 0.4em 0 0; }

.logo__wrapper {
  width: 60%;
  padding: 10px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30%;
  z-index: 7; }

.logo {
  margin: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.75em;
  color: #7a6a55;
  font-weight: normal; }
  .logo a {
    text-decoration: none;
    color: #7a6a55; }

.logo__img img {
  float: left;
  width: 20%;
  height: auto;
  max-width: 100%; }

.logo__txt img {
  float: right;
  width: 78%;
  max-width: 100%;
  height: auto;
  margin: 8px 0 0 2%; }

.catch {
  clear: both;
  display: block;
  padding: 0.5em 0 0; }
  .catch img {
    max-width: 100%;
    height: auto; }

.fade {
  position: relative; }
  .fade div img {
    width: 100%;
    height: auto; }
  .fade div #kv01,
  .fade div #kv02 {
    margin: 0;
    position: absolute;
    text-align: center; }
    .fade div #kv01 img,
    .fade div #kv02 img {
      width: auto;
      max-width: 100%;
      height: auto;
      display: inline-block; }
  .fade div #kv01 {
    width: 116px;
    top: 50%;
    left: 50%;
    margin-left: -58px; }
  .fade div #kv02 {
    top: 60%;
    width: 250px;
    left: 50%;
    margin-left: -125px; }

.header-info {
  width: 100%;
  padding: 10px;
  font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
  text-align: center;
  background-color: #f3f8e1; }

.header-info.fixed-footer {
  position: fixed;
  height: 60px;
  z-index: 12;
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0; }
  .header-info.fixed-footer .header-info__list,
  .header-info.fixed-footer .header-info__address,
  .header-info.fixed-footer .header-info__address2 {
    display: none; }
  .header-info.fixed-footer .header-info__tel,
  .header-info.fixed-footer .header-info__hour {
    margin: 0 0 5px; }

.header-info__hour {
  margin: 0 0 0.5em;
  font-size: 12px;
  font-size: 0.75em; }

.header-info__list {
  display: none; }

.header-info__address {
  margin: 0;
  font-size: 12px;
  font-size: 0.75em; }

.header-info__address2 {
  margin: 0;
  font-size: 10px;
  font-size: 0.65em; }

.header-info__tel {
  margin: 0.5em 0 0;
  padding: 0 0 0 1.6em;
  color: #557711;
  letter-spacing: 0.075em;
  font-size: 18px;
  font-size: 1.25em;
  line-height: 1;
  background: url(../images/icon_tel_green.png) 0 center no-repeat;
  background-size: contain;
  display: inline-block; }
  .header-info__tel a {
    text-decoration: underline;
    color: #557711; }

/* navigation
--------------------------- */
#global-nav {
  display: none; }

.global-nav {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8; }
  .global-nav ul {
    width: 90%;
    margin: 0 auto;
    padding: 20px; }
    .global-nav ul li a {
      display: block;
      padding: 1em 0;
      text-align: center;
      color: #353536;
      text-decoration: none;
      border-bottom: 1px solid #353536; }
      .global-nav ul li a:focus, .global-nav ul li a:hover, .global-nav ul li a:active {
        background-color: #ebe8e3; }
    .global-nav ul .global-nav__logo a:focus, .global-nav ul .global-nav__logo a:hover, .global-nav ul .global-nav__logo a:active {
      background-color: #f9f4ee; }
    .global-nav ul .active a {
      background-color: #ebe8e3; }

body.fir .global-nav ul .nav-fir a,
body.pre .global-nav ul .nav-pre a,
body.gyn .global-nav ul .nav-gyn a,
body.pil .global-nav ul .nav-pil a,
body.abo .global-nav ul .nav-abo a,
body.cli .global-nav ul .nav-cli a {
  background-color: #ebe8e3; }

.btn-toggle {
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  display: block;
  background: #557711;
  position: absolute;
  border-radius: 5px;
  z-index: 9; }
  .btn-toggle span {
    left: 20%;
    width: 60%;
    height: 4px;
    display: block;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.2s linear; }
    .btn-toggle span:nth-of-type(1) {
      top: 10px;
      transform: rotate(0); }
    .btn-toggle span:nth-of-type(2) {
      top: 18px;
      transform: scale(1); }
    .btn-toggle span:nth-of-type(3) {
      bottom: 10px;
      transform: rotate(0); }

.close span:nth-of-type(1) {
  top: 18px;
  transform: rotate(-45deg); }
.close span:nth-of-type(2) {
  top: 18px;
  transform: scale(0); }
.close span:nth-of-type(3) {
  bottom: 18px;
  transform: rotate(45deg); }

/* following menu
--------------------------- */
.sub-menu {
  width: 50px;
  margin: 0;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10; }
  .sub-menu li {
    margin-bottom: 10px; }
    .sub-menu li img {
      max-width: 100%;
      height: auto; }

/*--------------------------------------------------------------
top page
--------------------------------------------------------------*/
/* panel
--------------------------- */
.corner-panel {
  margin-bottom: 30px; }
  .corner-panel li {
    width: 100%;
    height: 300px;
    margin: 20px 0 0;
    position: relative;
    cursor: pointer; }
    .corner-panel li::before {
      content: '';
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, white 100%);
      width: 100%;
      height: 70%;
      position: absolute;
      top: 30%;
      left: 0;
      z-index: 2; }
  .corner-panel li:nth-of-type(1) {
    background: transparent url("../images/i_top_p01.jpg") left top no-repeat;
    background-size: cover; }
  .corner-panel li:nth-of-type(2) {
    background: transparent url("../images/i_top_p02.jpg") left top no-repeat;
    background-size: cover; }
  .corner-panel li:nth-of-type(3) {
    background: transparent url("../images/i_top_p03.jpg") left top no-repeat;
    background-size: cover; }
  .corner-panel li:nth-of-type(4) {
    background: transparent url("../images/i_top_p04.jpg") left top no-repeat;
    background-size: cover; }

.corner-panel__title {
  margin: 0;
  position: absolute;
  top: -2%;
  left: 2%;
  z-index: 4; }
  .corner-panel__title img {
    width: 70%;
    max-width: 100%;
    height: auto; }

.details {
  padding: 0 2% 0 30%;
  position: absolute;
  bottom: 20px;
  z-index: 3; }

.details__txt {
  margin: 0;
  color: #353536; }

/* news
--------------------------- */
.top-news__list {
  padding: 0 10px;
  font-size: 14px;
  font-size: 0.875em; }
  .top-news__list dt {
    float: left;
    width: 100px;
    padding: 0 0 0 1em;
    font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
    letter-spacing: 0.075em;
    position: relative; }
    .top-news__list dt::before {
      font-family: fontawesome;
      content: "\f111";
      position: absolute;
      top: 4px;
      left: 0;
      font-size: 12px;
      font-size: 0.75em;
      vertical-align: middle;
      color: #7a6a55; }
  .top-news__list dd {
    margin: 0 0 0.5em;
    padding: 0 0 0 120px; }
    .top-news__list dd a {
      color: #7a6a55; }
      .top-news__list dd a:hover, .top-news__list dd a:focus, .top-news__list dd a:active {
        color: #3e362b; }

/* ladies
--------------------------- */
.top-ladies {
  border-top-color: #f5d9ab;
  border-bottom-color: #f5d9ab;
  background-color: #fff7ea; }

.top-ladies__list li {
  margin: 0 0 0.5em;
  padding: 0 0 0 24px;
  text-indent: -10px; }
  .top-ladies__list li .fa {
    color: #90c31f; }
  .top-ladies__list li span {
    font-weight: bold; }

/* aboutus
--------------------------- */
.top-about__txt {
  margin-bottom: 1em;
  padding: 0 10px;
  font-size: 14px;
  font-size: 0.875em; }
  .top-about__txt p:last-child {
    margin-bottom: 0; }

.top-hour {
  clear: both;
  margin: 20px 0;
  padding: 0 2%; }

.top-hour__table {
  font-size: 14px;
  font-size: 0.875em; }
  .top-hour__table tr {
    border-bottom: 1px solid #353536; }
  .top-hour__table th {
    font-weight: normal; }
    .top-hour__table th:first-child {
      text-align: left; }
  .top-hour__table td {
    text-align: center; }
    .top-hour__table td:first-child {
      text-align: left; }

.top-hour__list {
  font-size: 12px;
  font-size: 0.75em; }
  .top-hour__list li {
    margin: 0 0 0 1em;
    list-style: disc; }

/* top-intro
--------------------------- */
.top-intro {
  border-top-color: #d0db87;
  border-bottom-color: #d0db87;
  background-color: #f3f8e1; }

.section-title__green {
  color: #557711;
  border-color: #557711; }

/* carousel slider
--------------------------- */
#loopslider {
  position: relative;
  margin: 0 auto 1.5em;
  width: 100%;
  height: 200px;
  text-align: left;
  overflow: hidden; }
  #loopslider ul {
    height: 200px;
    margin: 0;
    float: left;
    display: inline;
    overflow: hidden; }
  #loopslider li {
    width: 340px;
    height: 200px;
    padding: 0 20px;
    float: left;
    display: inline;
    overflow: hidden; }

#loopslider ul:after {
      content: ".";
      height: 0;
      clear: both;
      display: block;
      visibility: hidden; }

 
#loopslider ul {
      display: inline-block;
      overflow: hidden; }

/* top-recruit
--------------------------- */
.top-recruit {
  width: 96%;
  margin-top: 45px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  font-size: 14px;
  font-size: 0.875em;
  background: url(../images/bg_tsuga.jpg) 0 0 repeat;
  border-radius: 10px; }

.sub-title__recruit {
  margin-top: -43px;
  padding: 10px 20px;
  text-align: center;
  color: #7a6a55;
  font-size: 16px;
  font-size: 1em;
  background: url(../images/bg_tsuga.jpg) 0 0 repeat;
  border-radius: 20px; }

@media only screen and (min-width: 370px) {
  .sub-title__recruit {
    margin-top: -35px; } }
.top-recruit__inner {
  padding: 10px;
  background-color: #fff;
  border-radius: 7px; }
  .top-recruit__inner .img-right {
    margin-bottom: 0; }

.top-recruit__btn {
  text-align: center; }
  .top-recruit__btn a {
    display: block; }
    .top-recruit__btn a img {
      max-width: 100%;
      height: auto;
      opacity: 1;
      transition: opacity 0.3s; }
      .top-recruit__btn a img:hover, .top-recruit__btn a img:focus, .top-recruit__btn a img:active {
        opacity: 0.7; }

/* top childbirth
--------------------------- */
.top-childbirth {
  margin-bottom: 0;
  padding: 15px 0;
  background-color: #f9f4ee; }
  .top-childbirth__inner {
    width: 90%;
    margin: 0 auto; }
  .top-childbirth .h3 {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0 1em;
    color: #fff;
    text-align: center;
    background-color: #7a6a55; }
  .top-childbirth .h3::before,
  .top-childbirth .h3::after {
    content: '';
    position: absolute;
    z-index: 2;
    border-width: 18px 8px;
    border-style: solid;
    border-color: transparent; }
  .top-childbirth .h3::before {
    top: 0;
    left: 0;
    border-left-color: #f9f4ee; }
  .top-childbirth .h3::after {
    top: 0;
    right: 0;
    border-right-color: #f9f4ee; }
  .top-childbirth p {
    margin: 0 0 1em;
    text-align: center;
    font-size: 14px;
    font-size: 0.875em; }
  .top-childbirth .btn-area {
    text-align: center; }
    .top-childbirth .btn-area .btn-more {
      border-radius: 10px;
      padding: 10px 20px;
      float: none;
      font-size: 16px;
      margin-right: 0; }

/* sub recruit
--------------------------- */
.r-table {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }
  .r-table th {
    width: 30%; }
  .r-table a {
    color: #7a6a55;
    transition: 0.5s; }
    .r-table a:hover, .r-table a:active {
      color: #ac9d89; }
  .r-table .time em {
    display: block;
    font-style: normal; }
    .r-table .time em span {
      display: block;
      margin-bottom: 5px; }
  .r-table .time .detail {
    padding-left: 1em; }
  .r-table .access {
    padding: 3px;
    border-radius: 5px;
    background-color: #f9f4ee;
    text-decoration: none;
    font-size: 10px;
    font-size: 0.7142857143em; }

.r-img {
  text-align: center;
  padding: 0 2%; }
  .r-img img {
    max-width: 100%;
    height: auto; }

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
.footer {
  padding: 20px 10px;
  background-color: #ea8896;
  color: #fff; }

.footer-title {
  margin: 0 0 1em;
  text-align: center; }

.footer-panel {
  max-width: 400px;
  margin: 0 auto 20px;
  padding: 20px 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px; }
  .footer-panel dt {
    display: inline-block;
    padding: 5px 0 5px 38px;
    font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
    background-size: contain;
    letter-spacing: 0.075em; }
  .footer-panel dd p:first-child {
    margin: 10px 0;
    font-size: 12px;
    font-size: 0.75em; }
  .footer-panel dd p:last-child {
    margin: 10px 0 0;
    font-size: 30px;
    font-size: 1.875em;
    letter-spacing: 0.075em;
    font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif; }
    .footer-panel dd p:last-child a {
      color: #fff; }

.footer-panel__tel dt {
  background: url(../images/icon_tel.png) 0 center no-repeat; }

.footer-panel__web dt {
  background: url(../images/icon_web.png) 0 center no-repeat; }
.footer-panel__web dd:last-child a {
  width: 90%;
  padding: 4px 10px 10px;
  line-height: 1;
  border-radius: 10px;
  display: inline-block;
  background-color: #f9f4ee;
  transition: background-color 0.3s;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); }
  .footer-panel__web dd:last-child a img {
    max-width: 100%;
    height: auto;
    vertical-align: middle; }
  .footer-panel__web dd:last-child a:hover, .footer-panel__web dd:last-child a:focus, .footer-panel__web dd:last-child a:active {
    background-color: #ead9c5; }

.footer-list__wrapper {
  max-width: 612px;
  margin: 0 auto 30px; }

.footer-list {
  margin: 0 0 20px;
  padding: 0 10px;
  border-left: 1px solid #fff; }
  .footer-list dt {
    margin: 0 0 0.5em;
    font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
    letter-spacing: 0.075em; }
  .footer-list dd {
    font-size: 14px;
    font-size: 0.875em; }
    .footer-list dd p {
      margin: 0.5em 0 0;
      font-size: 12px;
      font-size: 0.85714em; }
      .footer-list dd p a {
        color: #fff; }

.footer-info__wrapper {
  max-width: 612px;
  margin: 0 auto; }

.footer-map__wrapper {
  text-align: center; }
  .footer-map__wrapper img {
    max-width: 100%;
    height: auto; }
  .footer-map__wrapper p {
    max-width: 600px;
    font-size: 12px;
    font-size: 0.75em;
    text-align: right; }

.car-list li {
  margin: 0 0 0 1em;
  list-style: disc; }
  .car-list li p {
    margin: 0.5em 0; }
    .car-list li p a {
      color: #fff;
      font-size: 12px; }
  .car-list li dl {
    zoom: 1;
    font-size: 12px;
    margin: 0.5em 0 0; }
    .car-list li dl:before, .car-list li dl:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .car-list li dl:after {
      clear: both; }
    .car-list li dl dt {
      width: 3em;
      float: left;
      font-size: 12px;
      margin: 0; }
    .car-list li dl dd {
      padding-left: 3em;
      font-size: 12px; }

.copyright-wrapper {
  padding: 10px 0;
  text-align: center;
  background-color: #353536; }

.copyright {
  margin: 0;
  color: #fff;
  font-size: 10px;
  font-size: 0.65em; }

/* to top
--------------------------- */
#to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999; }
  #to-top a {
    display: block;
    padding: 15px;
    text-align: center;
    line-height: 1;
    background-color: #f3f8e1;
    border: 1px solid #557711;
    border-radius: 10px;
    text-decoration: none;
    color: #557711; }

/*--------------------------------------------------------------
sub page
--------------------------------------------------------------*/
/* common
--------------------------- */
.subpage-title {
  margin: 0;
  text-align: center; }
  .subpage-title img {
    width: 80%;
    height: auto; }

.txt {
  max-width: 1030px;
  margin: 0 auto 1em;
  padding: 0 2%;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.7;
  zoom: 1; }
  .txt:before, .txt:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .txt:after {
    clear: both; }
  .txt a {
    color: #7a6a55; }
    .txt a:hover, .txt a:focus, .txt a:active {
      color: #3e362b; }
  .txt p {
    margin-top: 0.5em; }
    .txt p:last-child {
      margin-bottom: 1em; }
  .txt .last {
    clear: both; }

.txt .h3-sub {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  font-size: 1.14285em; }
.txt .ul-sub {
  margin-bottom: 2em; }
  .txt .ul-sub li {
    font-size: 1.14285em; }
.txt .table {
  font-size: 14px;
  font-size: 1.14285em; }

.txt-right {
  margin-top: 1em; }

.ul-sub__wrapper {
  max-width: 1030px;
  padding: 0 2%; }

.ul-sub {
  margin: 0 0 1em;
  font-size: 14px;
  font-size: 0.875em; }
  .ul-sub li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 0.5em; }
    .ul-sub li::before {
      position: absolute;
      margin-top: 3px;
      font-size: 10px;
      font-family: fontawesome;
      content: "\f111";
      color: #7a6a55;
      left: 0;
      top: 0; }
    .ul-sub li a {
      color: #7a6a55; }
      .ul-sub li a:hover, .ul-sub li a:focus, .ul-sub li a:active {
        color: #3e362b; }

.ul-note {
  max-width: 1030px;
  margin: 1em 0;
  padding: 0 2%; }
  .ul-note li {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em; }

.dl-sub {
  max-width: 840px;
  padding: 0 2%; }
  .dl-sub dt,
  .dl-sub dd {
    font-size: 14px;
    font-size: 0.875em; }
  .dl-sub dt {
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f2e8db;
    color: #7a6a55; }
  .dl-sub dd {
    margin: 0 0 1em;
    padding: 10px;
    border: 1px solid #f2e8db; }

.dl-acc dt {
  margin-top: -1px;
  border-radius: 0;
  border: 1px solid #7a6a55;
  cursor: pointer; }
  .dl-acc dt::before {
    font-family: fontawesome;
    content: "\f13a";
    margin-right: 5px; }
.dl-acc .open::before {
  content: "\f139"; }
.dl-acc dd {
  margin-top: -1px;
  border: 1px solid #7a6a55; }

.table-sub {
  max-width: 1030px;
  margin: 2em auto; }
  .table-sub thead th {
    background-color: #f2e8db; }
  .table-sub .highlight {
    background-color: #f2e8db; }
  .table-sub th,
  .table-sub td {
    padding: 5px 10px;
    text-align: left;
    font-size: 14px;
    font-size: 0.875em;
    border: 1px solid #7a6a55; }
  .table-sub th {
    background-color: #f9f4ee;
    font-weight: normal; }
  .table-sub td {
    background-color: #fff; }

.col {
  padding: 0 2%;
  zoom: 1; }
  .col:before, .col:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .col:after {
    clear: both; }
  .col li {
    margin-bottom: 2em;
    color: #7a6a55; }
    .col li h4 {
      margin-bottom: 0.5em;
      text-align: center;
      font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
      letter-spacing: 0.075em; }
    .col li img {
      border: 5px solid #f9f4ee;
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto; }
    .col li p {
      margin: 0.5em 2% 0 2%;
      font-size: 14px;
      font-size: 0.875em; }
    .col li .btn-wrapper {
      text-align: center; }
      .col li .btn-wrapper .btn {
        float: none; }

.col-2 {
  margin-top: 0; }
  .col-2 li:last-child {
    margin-bottom: 0; }

.col-3 li {
  zoom: 1;
  margin: 0 0 1em; }
  .col-3 li:before, .col-3 li:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .col-3 li:after {
    clear: both; }
  .col-3 li > a {
    color: #7a6a55;
    text-decoration: none;
    display: block; }
    .col-3 li > a:hover, .col-3 li > a:focus, .col-3 li > a:active {
      color: #3e362b; }
.col-3 .ul-sub__col {
  margin: 0.5em 0; }
  .col-3 .ul-sub__col li {
    margin: 0 0 0 1em;
    list-style: disc;
    margin: 0 0 0 2em;
    padding: 0;
    color: #333; }

.gyne-menu li {
  width: 48%;
  margin: 0 1% 1em;
  float: left; }
  .gyne-menu li h4 {
    font-size: 13px;
    font-size: 1em;
    margin-top: 0; }

.lead {
  margin: 2em 0 3em;
  padding: 0 2%; }
  .lead p {
    font-size: 16px;
    font-size: 1em;
    text-align: center;
    font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
    letter-spacing: 0.075em; }

/* sub title
--------------------------- */
.h2-sub {
  width: 96%;
  margin: 1em auto 2em;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative; }
  .h2-sub::after {
    position: absolute;
    left: 50%;
    margin-left: -5%;
    bottom: -0.5em;
    content: "";
    border: 1px solid #7fb30d;
    width: 10%; }

.h3-sub {
  width: 96%;
  margin: 0 auto 1.5em;
  padding: 0 0 5px;
  color: #ea6175;
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: normal;
  border-bottom: 1px dotted #ea6175; }

/* bread crumb
--------------------------- */
.bread {
  zoom: 1;
  padding: 0 10px; }
  .bread:before, .bread:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .bread:after {
    clear: both; }
  .bread li {
    float: left;
    margin: 0 1em 3px 0;
    font-size: 12px;
    font-size: 0.75em; }
    .bread li::before {
      content: "\f105";
      font-family: fontawesome;
      margin-right: 10px; }
    .bread li:first-child::before {
      content: none; }
    .bread li a {
      color: #7a6a55; }
      .bread li a:hover, .bread li a:focus, .bread li a:active {
        color: #3e362b; }

/* medical list
--------------------------- */
.medical-list__wrapper {
  padding: 2em 2%;
  color: #7a6a55;
  background: url(../images/bg_panel.jpg) 0 0 repeat; }

.medical-list {
  zoom: 1;
  margin: 0; }
  .medical-list:before, .medical-list:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .medical-list:after {
    clear: both; }
  .medical-list > li {
    width: 100%;
    margin: 0 auto 1em;
    background-color: #fff; }
    .medical-list > li a {
      height: 202px;
      padding: 5px;
      display: block;
      box-shadow: 1px 1px 5px 1px #eee;
      text-decoration: none;
      font-size: 14px;
      font-size: 0.875em;
      color: #7a6a55;
      transition: opacity 0.3s;
      opacity: 1; }
      .medical-list > li a:focus, .medical-list > li a:hover, .medical-list > li a:active {
        opacity: 0.7; }
      .medical-list > li a .medical__inner {
        height: 126px;
        border: 1px solid #f9f4ee; }
        .medical-list > li a .medical__inner ul {
          height: 126px;
          margin: 0;
          padding: 10px 1% 10px 40%;
          background-color: rgba(255, 255, 255, 0.4); }
        .medical-list > li a .medical__inner li {
          margin: 0 0 0.5em;
          text-shadow: 1px 1px 1px #fff; }
          .medical-list > li a .medical__inner li::before {
            content: "・"; }
    .medical-list > li:nth-of-type(1) .medical__inner {
      background: url(../images/i_p01.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(2) .medical__inner {
      background: url(../images/i_p02.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(3) .medical__inner {
      background: url(../images/i_p03.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(4) .medical__inner {
      background: url(../images/i_p04.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(5) .medical__inner {
      background: url(../images/i_p05.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(6) .medical__inner {
      background: url(../images/i_p06.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(7) .medical__inner {
      background: url(../images/i_p07.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(8) .medical__inner {
      background: url(../images/i_p08.jpg) 0 0 no-repeat;
      background-size: cover; }
    .medical-list > li:nth-of-type(9) .medical__inner {
      background: url(../images/i_p09.jpg) 0 0 no-repeat;
      background-size: cover; }

.medical__title {
  margin: 0;
  padding: 1em 5px 1em 33px;
  font-family: MyYuMinchoM, YuMincho, "Hiragino Mincho ProN", serif;
  font-weight: normal;
  height: 5em;
  background: url(../images/btn_more.png) 5px 1.1em no-repeat; }

/* sub footer
--------------------------- */
.footer-head {
  padding: 10px;
  background-color: #f9f4ee; }
  .footer-head .footer-head__inner {
    margin: 0 0 0.5em;
    background-color: #f9f4ee;
    width: 100%; }
  .footer-head .footer-head__logo-wrapper {
    zoom: 1; }
    .footer-head .footer-head__logo-wrapper:before, .footer-head .footer-head__logo-wrapper:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .footer-head .footer-head__logo-wrapper:after {
      clear: both; }
  .footer-head .footer-head__logo {
    float: left;
    width: 20%; }
    .footer-head .footer-head__logo img {
      max-width: 100%;
      height: auto; }
  .footer-head .footer-head__txt {
    float: right;
    width: 78%;
    color: #7a6a55;
    margin-top: 0.3em; }
    .footer-head .footer-head__txt img {
      max-width: 100%;
      height: auto; }
    .footer-head .footer-head__txt span.chiba-l {
      display: inline-block;
      margin: 0 0 0.2em; }
  .footer-head .footer-head__catch {
    font-size: 14px;
    display: block; }

.footer-head__lead {
  margin: 0;
  font-size: 12px;
  font-size: 0.75em; }

.footer__title {
  margin: 0 0 0.5em;
  font-weight: normal; }
  .footer__title::before {
    margin-right: 5px;
    font-family: fontawesome;
    content: "\f06c"; }

.footer__table {
  margin: 0 0 1.5em;
  padding: 20px;
  background-color: #f9f4ee;
  border-radius: 10px;
  color: #353536; }

.footer-map__wrapper {
  text-align: left; }
  .footer-map__wrapper img {
    border-radius: 10px; }

.footer-tsuga {
  margin: 0 0 2em;
  padding: 0 10px;
  text-align: center; }
  .footer-tsuga .btn-tsuga {
    transition: opacity 0.3s;
    opacity: 1; }
    .footer-tsuga .btn-tsuga:focus, .footer-tsuga .btn-tsuga:hover, .footer-tsuga .btn-tsuga:active {
      opacity: 0.7; }
    .footer-tsuga .btn-tsuga img {
      max-width: 100%;
      height: auto; }

.footer-tsuga__title {
  padding: 5px 0;
  color: #7a6a55;
  font-weight: normal;
  background: url(../images/bg_tsuga.jpg) 0 0 repeat;
  position: relative; }
  .footer-tsuga__title span {
    font-weight: bold; }

.footer-tsuga__address {
  margin: 0.5em 0;
  font-size: 14px;
  font-size: 0.875em; }

/* contents
--------------------------- */
.sub .logo {
  zoom: 1; }
  .sub .logo:before, .sub .logo:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .sub .logo:after {
    clear: both; }
.sub .logo__wrapper {
  width: auto;
  margin: 0;
  position: relative;
  top: auto;
  left: auto; }
.sub .logo__img {
  float: left;
  width: 18%;
  margin-right: 2%; }
  .sub .logo__img img {
    width: 100%; }
.sub .logo__inner {
  float: left;
  width: 60%;
  margin: 6px 0 0;
  text-align: left; }
.sub .logo__txt img {
  float: none;
  width: auto;
  margin: 0 0 5px; }
.sub .catch {
  padding: 0.4em 0 0;
  text-align: left;
  font-size: 13px; }
.sub .section {
  margin-bottom: 2em; }
.sub .section-bottom {
  margin-bottom: 4em; }

/* kv
--------------------------- */
.fade {
  box-shadow: 0 3px 7px rgba(53, 53, 54, 0.11); }

.first .fade {
  padding: 30px;
  background: url(../images/kv_first_sp.jpg) center center no-repeat;
  background-size: cover; }

.abortion .fade {
  padding: 30px;
  background: url(../images/kv_abortion_sp.jpg) center center no-repeat;
  background-size: cover; }

.procedure .fade {
  padding: 30px;
  background: url(../images/kv_procedure_sp.jpg) center center no-repeat;
  background-size: cover; }

.clinic .fade {
  padding: 30px;
  background: url(../images/kv_clinic_sp.jpg) center center no-repeat;
  background-size: cover; }

.gynecology .fade {
  padding: 30px;
  background: url(../images/kv_gynecology_sp.jpg) center center no-repeat;
  background-size: cover; }

.examination .fade {
  padding: 30px;
  background: url(../images/kv_examination_sp.jpg) center center no-repeat;
  background-size: cover; }

.menopause .fade {
  padding: 30px;
  background: url(../images/kv_menopause_sp.jpg) center center no-repeat;
  background-size: cover; }

.reproduction .fade {
  padding: 30px;
  background: url(../images/kv_reproduction_sp.jpg) center center no-repeat;
  background-size: cover; }

.std .fade {
  padding: 30px;
  background: url(../images/kv_std_sp.jpg) center center no-repeat;
  background-size: cover; }

.treatment .fade {
  padding: 30px;
  background: url(../images/kv_treatment_sp.jpg) center center no-repeat;
  background-size: cover; }

.pill .fade {
  padding: 30px;
  background: url(../images/kv_pill_sp.jpg) center center no-repeat;
  background-size: cover; }

.prenatal .fade {
  padding: 30px;
  background: url(../images/kv_prenatal_sp.jpg) center center no-repeat;
  background-size: cover; }

.reserve .txt p {
  text-align: center; }
.reserve .footer-panel__wrapper {
  padding: 0 10px; }
.reserve .footer-panel {
  height: auto;
  background-color: #f9f4ee; }
.reserve .footer-panel__tel dt {
  background-image: url(../images/icon_tel_b.png); }
.reserve .footer-panel__tel dd p a {
  color: #7a6a55; }
  .reserve .footer-panel__tel dd p a:hover, .reserve .footer-panel__tel dd p a:focus, .reserve .footer-panel__tel dd p a:active {
    color: #3e362b; }
.reserve .footer-panel__web dt {
  background-image: url(../images/icon_web_b.png); }
.reserve .footer-panel__web dd:last-child a {
  width: 80%;
  background-color: #f2e8db; }

.first-panel {
  color: #7a6a55; }
  .first-panel .footer-panel__web dd:last-child a {
    width: 80%;
    border: 1px solid #e7d5bd;
    background-color: #f2e8db; }

.access__area {
  padding: 0 10px; }
  .access__area .footer-list {
    border-left-color: #7a6a55; }
    .access__area .footer-list dd p a {
      color: #333; }
  .access__area .footer-list__wrapper {
    max-width: none; }

.gmap__wrapper .address {
  margin: 0 auto 1em;
  padding: 0 2%;
  font-size: 14px;
  font-size: 0.875em; }
  .gmap__wrapper .address a {
    color: #7a6a55; }
    .gmap__wrapper .address a:hover, .gmap__wrapper .address a:focus, .gmap__wrapper .address a:active {
      color: #3e362b; }
.gmap__wrapper .gmap__link {
  margin-top: 0;
  padding: 0 2%;
  text-align: right;
  color: #7a6a55;
  font-size: 14px;
  font-size: 0.875em; }
  .gmap__wrapper .gmap__link:hover, .gmap__wrapper .gmap__link:focus, .gmap__wrapper .gmap__link:active {
    color: #3e362b; }

#map-canvas {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 0 auto 1em; }
  #map-canvas iframe, #map-canvas object, #map-canvas embed {
    border: none;
    position: absolute;
    top: -46px;
    left: 0;
    width: 100%;
    height: calc(100% + 46px); }

.sub-std p,
.sub-merit p {
  clear: both; }

.treat .txt {
  padding-bottom: 2em; }
  .treat .txt .btn-more {
    margin: 0; }

#slide {
  clear: both;
  padding: 0 40px;
  margin-top: 20px;
  height: 200px;
  position: relative; }

#slide ul li {
  float: left;
  margin-right: 20px; }

.slideCtrl {
  position: absolute;
  top: 80px;
  cursor: pointer;
  padding: 10px;
  font-size: 30px;
  color: #557711;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px; }

.left {
  left: 10px;
  padding-right: 12px; }

.right {
  right: 10px;
  padding-left: 12px; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   others
   ========================================================================== */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/*********************
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) {
  .header-info__inner,
  .corner-panel,
  .top-news__list,
  .top-ladies__list,
  .top-about__txt,
  .top-hour,
  .top-recruit,
  .footer-map__wrapper {
    margin-left: auto;
    margin-right: auto; }

  /*--------------------------------------------------------------
  header
  --------------------------------------------------------------*/
  .header__inner {
    position: relative; }

  .header-info {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6); }

  .header-info.fixed-footer {
    height: 40px; }

  .header-info__left,
  .header-info__right {
    width: 48%;
    margin: 0 auto;
    text-align: left;
    display: inline-block; }

  .header-info__right {
    text-align: right; }

  .header-info__list {
    display: block; }
    .header-info__list li {
      font-size: 10px;
      font-size: 0.65em;
      margin: 0 0 0 1em;
      list-style: disc; }

  .header-info__address {
    margin: 0 0 0.2em; }

  .catch {
    padding-left: 4%;
    padding-right: 4%; }

  .fade div #kv01 {
    top: 35%;
    width: 174px;
    margin-left: -87px; }
  .fade div #kv02 {
    top: 45%;
    width: 377px;
    margin-left: -188px; }

  .corner-panel li {
    float: left;
    width: 50%; }

  .footer-panel dd:last-child a {
    width: 55%; }

  /*--------------------------------------------------------------
  sub page
  --------------------------------------------------------------*/
  /* common
  --------------------------- */
  .medical-list > li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    float: left; }

  .first-panel .footer-panel__web dd:last-child a {
    width: 55%; }

  .footer-head .footer-head__logo {
    width: 20%; }
    .footer-head .footer-head__logo img {
      width: auto;
      max-width: 100%; }
  .footer-head .footer-head__txt {
    margin-top: 0.5em; }
  .footer-head .footer-head__lead {
    text-align: center;
    font-size: 15px; }

  .footer-tsuga__title {
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 0;
    color: #7a6a55;
    font-weight: normal;
    background: url(../images/bg_tsuga.jpg) 0 0 repeat;
    position: relative; }
    .footer-tsuga__title span {
      font-weight: bold; }
    .footer-tsuga__title::before, .footer-tsuga__title::after {
      content: '';
      position: absolute;
      z-index: 2;
      border-width: 16px 10px;
      border-style: solid;
      border-color: transparent; }
    .footer-tsuga__title::before {
      top: 0;
      left: 0;
      border-left-color: #fff; }
    .footer-tsuga__title::after {
      top: 0;
      right: 0;
      border-right-color: #fff; }

  .col-2 li {
    float: left;
    width: 48%;
    margin: 0 1%; }

  .col-3 li {
    width: 48%;
    float: left;
    margin: 0 1%; } }
/*********************
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 print, only screen and (min-width: 768px) {
  .top-news__list,
  .top-ladies__list,
  .top-about__txt {
    margin-left: auto;
    margin-right: auto; }

  .pc-none {
    display: none; }

  /*--------------------------------------------------------------
  common
  --------------------------------------------------------------*/
  .section {
    margin-bottom: 50px;
    zoom: 1; }
    .section:before, .section:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .section:after {
      clear: both; }

  .img-left {
    float: left;
    width: 48%;
    margin: 0 2% 3em 0; }

  .txt-right {
    float: right;
    width: 48%; }

  .img-right {
    float: right;
    width: 48%;
    margin: 0 0 3em 2%; }

  .txt-left {
    float: left;
    width: 48%; }

  /*--------------------------------------------------------------
  title
  --------------------------------------------------------------*/
  .section-title__normal,
  .section-title__green {
    margin: 0.6em 0 2em;
    font-size: 24px;
    font-size: 1.5em; }
    .section-title__normal span,
    .section-title__green span {
      font-size: 24px;
      font-size: 1em; }

  .section-title__pink {
    margin: 0.5em 0 2em;
    font-size: 30px; }

  .sub-title__norml {
    margin-bottom: 2em;
    font-size: 20px;
    font-size: 1.25em; }

  .h3 {
    font-size: 18px;
    font-size: 1.125em; }

  /*--------------------------------------------------------------
  header
  --------------------------------------------------------------*/
  .logo__wrapper {
    width: 40%;
    margin-left: -20%; }

  .logo__img img,
  .logo__txt img {
    width: auto;
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block; }

  .catch {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1em;
    font-size: 16px;
    font-size: 1.14285em; }

  .header-info__inner {
    max-width: 100%; } }
@media only screen and (min-width: 768px) and (min-width: 900px) {
  .header-info__inner {
    max-width: 1030px; } }
@media print, only screen and (min-width: 768px) {
  .header-info__hour {
    font-size: 18px;
    font-size: 1.125em; }

  .header-info__list li {
    margin-bottom: 0.3em;
    font-size: 13px;
    font-size: 0.8125em; }

  .header-info__address,
  .header-info__address2 {
    font-size: 14px;
    font-size: 0.875em; }

  .header-info__tel {
    padding-left: 1.1em;
    font-size: 36px;
    font-size: 2.25em;
    background-size: auto; }

  .header-info.fixed-header {
    position: fixed;
    top: 42px;
    bottom: auto;
    z-index: 9999;
    background-color: #7a6a55;
    color: #fff; }
    .header-info.fixed-header .header-info__inner {
      max-width: 1030px; }
    .header-info.fixed-header .header-info__list,
    .header-info.fixed-header .header-info__address,
    .header-info.fixed-header .header-info__address2 {
      display: none; }
    .header-info.fixed-header .header-info__hour {
      margin: 0;
      font-size: 14px;
      font-size: 0.875em; }
    .header-info.fixed-header .header-info__tel {
      margin: 0;
      padding-left: 24px;
      color: #fff;
      font-size: 18px;
      font-size: 1.125em;
      background: url(../images/icon_tel_w.png) 0 center no-repeat; }
      .header-info.fixed-header .header-info__tel a {
        color: #fff; }

  .fade div #kv01 {
    top: 40%;
    width: 261px;
    margin-left: -130px; }
  .fade div #kv02 {
    top: 50%;
    width: 566px;
    margin-left: -283px; }

  /*--------------------------------------------------------------
  navigation
  --------------------------------------------------------------*/
  #global-nav {
    display: block; }

  .global-nav {
    zoom: 1;
    position: relative;
    top: auto;
    left: auto;
    height: 52px;
    padding: 3px 0;
    background-color: #f9f4ee; }
    .global-nav:before, .global-nav:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .global-nav:after {
      clear: both; }
    .global-nav ul {
      width: 100%;
      padding: 0; }
      .global-nav ul li {
        float: left;
        width: 15%; }
        .global-nav ul li a {
          font-size: 14px;
          font-size: 0.875em;
          border: none; }
      .global-nav ul .global-nav__logo {
        width: 10%; }
        .global-nav ul .global-nav__logo a {
          padding: 0; }
        .global-nav ul .global-nav__logo img {
          max-width: 100%;
          height: auto; }

  .global-nav.fixed-nav {
    position: fixed;
    top: 0;
    height: 42px;
    background-size: 5%;
    padding: 0; }
    .global-nav.fixed-nav ul {
      width: 90%; }
      .global-nav.fixed-nav ul li {
        width: 16%; }
        .global-nav.fixed-nav ul li a {
          font-size: 13px;
          font-size: 0.8125em;
          line-height: 1; }
      .global-nav.fixed-nav ul .global-nav__logo {
        width: 4%;
        margin-top: 1%; }
        .global-nav.fixed-nav ul .global-nav__logo img {
          width: 40px;
          margin-top: 3px; }

  #toggle-area {
    display: none; }

  .sub-menu {
    width: auto; }

  #access,
  #after {
    padding-top: 84px;
    margin-top: -84px; }

  /*--------------------------------------------------------------
  top page
  --------------------------------------------------------------*/
  .corner-panel {
    zoom: 1;
    max-width: 1280px; }
    .corner-panel:before, .corner-panel:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .corner-panel:after {
      clear: both; }
    .corner-panel li {
      height: 420px; }

  .corner-panel__title {
    top: -2%; }
    .corner-panel__title img {
      width: auto; }

  .top-news__inner {
    max-width: 1030px;
    margin-right: auto;
    margin-left: auto; }
    .top-news__inner .btn-area {
      margin-right: 0; }

  .top-news__list {
    max-width: 840px;
    font-size: 16px;
    font-size: 1em; }
    .top-news__list dd {
      margin-bottom: 1em; }

  .top-ladies__list {
    max-width: 1030px;
    font-size: 18px;
    font-size: 1.125em; }

  .top-about__inner {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto; }
    .top-about__inner .btn-area {
      margin-right: 0; }

  .top-about__txt {
    max-width: 1030px;
    margin-bottom: 2em;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.7; }

  .top-hour {
    zoom: 1;
    max-width: 840px !important; }
    .top-hour:before, .top-hour:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .top-hour:after {
      clear: both; }

  .top-hour__table {
    float: left;
    width: 48%;
    max-width: 400px;
    font-size: 16px;
    font-size: 1em; }
    .top-hour__table th,
    .top-hour__table td {
      padding-top: 0.7em;
      padding-bottom: 0.7em; }
    .top-hour__table th:first-child {
      padding-left: 0; }
    .top-hour__table td:first-child {
      padding-left: 0; }

  .top-hour__list {
    float: right;
    width: 48%;
    max-width: 400px;
    padding: 1em 20px;
    font-size: 16px;
    font-size: 1em; }

  .sub-title__recruit {
    width: 80%;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.125em; } }
@media only screen and (min-width: 768px) and (min-width: 900px) {
  .sub-title__recruit {
    margin-top: -60px;
    font-size: 22px;
    font-size: 1.375em; } }
@media print, only screen and (min-width: 768px) {
  .top-recruit {
    max-width: 840px;
    font-size: 16px;
    font-size: 1em;
    margin-top: 70px; }
    .top-recruit p {
      line-height: 1.7;
      margin-bottom: 2em; }

  .top-recruit__inner {
    zoom: 1;
    padding: 30px 35px; }
    .top-recruit__inner:before, .top-recruit__inner:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .top-recruit__inner:after {
      clear: both; }

  .top-recruit__btn {
    width: 48%; }

  .r-table .time {
    display: table; }
    .r-table .time em {
      display: table-cell; }
      .r-table .time em span {
        margin-bottom: 0; }
    .r-table .time .detail {
      padding-left: 0; }
    .r-table .time br {
      display: none; }

  .top-childbirth {
    margin-bottom: 0; }
    .top-childbirth .btn-area .btn-more {
      padding: 10px 20px;
      font-size: 20px;
      letter-spacing: 0.075em; }

  /*--------------------------------------------------------------
  footer
  --------------------------------------------------------------*/
  .footer-title {
    font-size: 24px;
    font-size: 1.5em; }

  .footer-panel__wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }

  .footer-panel {
    display: inline-block;
    width: 47%;
    max-width: 47%;
    margin: 0 1% 30px;
    height: 182px; }
    .footer-panel dt {
      font-size: 18px;
      font-size: 1.125em; }
    .footer-panel dd p:first-child {
      font-size: 14px;
      font-size: 0.875em;
      letter-spacing: 0.075em; }
    .footer-panel dd p:last-child {
      font-size: 40px;
      font-size: 2.5em; }

  .footer-info__wrapper {
    zoom: 1;
    max-width: 1030px;
    margin: 0 auto; }
    .footer-info__wrapper:before, .footer-info__wrapper:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .footer-info__wrapper:after {
      clear: both; }

  .footer-list__wrapper {
    width: 48%;
    max-width: 48%;
    margin: 0 1%;
    float: right; }

  .footer-map__wrapper {
    width: 48%;
    max-width: 48%;
    margin: 0 1%;
    float: left; }
    .footer-map__wrapper p {
      font-size: 14px;
      font-size: 0.875em; }

  .footer-list {
    margin: 0 0 30px;
    padding: 0 0 0 30px; }
    .footer-list dt {
      font-size: 18px;
      font-size: 1.125em; }
    .footer-list dd {
      font-size: 16px;
      font-size: 1em; }
      .footer-list dd p {
        font-size: 14px; }

  .car-list li dl dt,
  .car-list li dl dd {
    font-size: 14px; }

  .copyright-wrapper {
    padding: 30px 0; }

  .copyright {
    font-size: 13px;
    font-size: 0.8125em; }

  /*--------------------------------------------------------------
  sub page
  --------------------------------------------------------------*/
  .ul-sub__wrapper,
  .txt,
  .dl-sub,
  .access__area,
  .table-sub,
  .sub-section,
  .ul-sub__col2,
  .ul-note {
    margin-right: auto;
    margin-left: auto; }

  .sub-section {
    max-width: 1030px; }
    .sub-section .txt {
      width: 100%;
      margin: 0; }

  /* kv
  --------------------------- */
  .first .fade {
    padding: 30px;
    background: url(../images/kv_first.jpg) center center no-repeat;
    background-size: cover; }

  .abortion .fade {
    padding: 30px;
    background: url(../images/kv_abortion.jpg) center center no-repeat;
    background-size: cover; }

  .procedure .fade {
    padding: 30px;
    background: url(../images/kv_procedure.jpg) center center no-repeat;
    background-size: cover; }

  .clinic .fade {
    padding: 30px;
    background: url(../images/kv_clinic.jpg) center center no-repeat;
    background-size: cover; }

  .gynecology .fade {
    padding: 30px;
    background: url(../images/kv_gynecology.jpg) center center no-repeat;
    background-size: cover; }

  .examination .fade {
    padding: 30px;
    background: url(../images/kv_examination.jpg) center center no-repeat;
    background-size: cover; }

  .menopause .fade {
    padding: 30px;
    background: url(../images/kv_menopause.jpg) center center no-repeat;
    background-size: cover; }

  .reproduction .fade {
    padding: 30px;
    background: url(../images/kv_reproduction.jpg) center center no-repeat;
    background-size: cover; }

  .std .fade {
    padding: 30px;
    background: url(../images/kv_std.jpg) center center no-repeat;
    background-size: cover; }

  .treatment .fade {
    padding: 30px;
    background: url(../images/kv_treatment.jpg) center center no-repeat;
    background-size: cover; }

  .pill .fade {
    padding: 30px;
    background: url(../images/kv_pill.jpg) center center no-repeat;
    background-size: cover; }

  .prenatal .fade {
    padding: 30px;
    background: url(../images/kv_prenatal.jpg) center center no-repeat;
    background-size: cover; }

  .lead p {
    font-size: 18px;
    font-size: 1.125em; }

  .footer-head .footer-head__txt {
    margin-top: 0.2em; }
  .footer-head .footer-head__lead {
    text-align: left; }

  .medical-list > li {
    max-width: 100%; }
    .medical-list > li a .medical__inner ul {
      padding-left: 50%;
      background-color: transparent; }
    .medical-list > li:nth-of-type(1) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(2) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(3) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(4) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(5) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(6) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(7) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(8) .medical__inner {
      background-size: cover; }
    .medical-list > li:nth-of-type(9) .medical__inner {
      background-size: cover; }

  .medical__title {
    padding-left: 52px;
    background-position: 20px 1.1em; }

  .table-sub th,
  .table-sub td {
    font-size: 16px;
    font-size: 1em; }

  .ul-sub li {
    font-size: 16px;
    font-size: 1.14285em; }

  .career .ul-sub {
    margin-bottom: 2em; }

  .ul-note li {
    font-size: 14px;
    font-size: 1em; }

  .dl-sub dt,
  .dl-sub dd {
    font-size: 16px;
    font-size: 1em; }

  .col {
    zoom: 1; }
    .col:before, .col:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .col:after {
      clear: both; }
    .col li {
      float: left;
      margin: 0 1% 1em;
      font-size: 16px;
      font-size: 1em; }
      .col li p {
        font-size: 16px;
        font-size: 1em; }

  .col-2 li {
    margin-bottom: 0; }

  .col-3 li {
    width: 31.3333%; }
    .col-3 li a {
      color: #7a6a55; }
      .col-3 li a:hover, .col-3 li a:focus, .col-3 li a:active {
        color: #3e362b; }
    .col-3 li .ul-sub__col {
      margin: 0.5em 2%; }
      .col-3 li .ul-sub__col li {
        float: none;
        width: 100%;
        margin-bottom: 0; }

  /* sub title
  --------------------------- */
  .subpage-title img {
    width: auto; }

  .h3-sub {
    width: 96%;
    margin: 0 auto 1em;
    font-size: 20px;
    font-size: 1.25em; }

  .txt-left .h3-sub,
  .txt-right .h3-sub {
    margin-top: 0; }

  /* sub header
  --------------------------- */
  .sub .section {
    margin-bottom: 2em; }
  .sub .section-bottom {
    margin-bottom: 4em; }
  .sub .section.lead {
    margin: 3em 0; }
  .sub .header__inner {
    zoom: 1; }
    .sub .header__inner:before, .sub .header__inner:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .sub .header__inner:after {
      clear: both; }
  .sub .logo__wrapper {
    float: left;
    width: 50%; }
    .sub .logo__wrapper .logo__img {
      float: left;
      width: 21%;
      max-width: 99px; }
  .sub .logo__inner {
    width: 77%; }
  .sub .header-info {
    float: right;
    width: 50%;
    position: relative;
    transition: none; }
  .sub .header-info__hour {
    display: none; }
  .sub .header-info__left {
    display: none; }
  .sub .header-info__right {
    float: none;
    width: auto;
    margin: 0;
    display: block; }
  .sub .header-info__tel {
    transition: none;
    font-size: 20px;
    padding-left: 2em;
    background-size: contain; }
  .sub .catch {
    font-size: 14px; }
  .sub .global-nav ul {
    width: auto; }
    .sub .global-nav ul .global-nav__logo {
      display: none; }
    .sub .global-nav ul li {
      width: 16.6665%; }
  .sub .global-nav.fixed-nav ul {
    width: 90%; }
    .sub .global-nav.fixed-nav ul .global-nav__logo {
      display: block;
      width: 4%;
      margin-top: 1%; }
    .sub .global-nav.fixed-nav ul li {
      width: 16%; }
  .sub .header-info.fixed-header {
    width: 100%;
    position: fixed;
    top: 42px;
    bottom: auto;
    z-index: 9999;
    background-color: #7a6a55;
    color: #fff; }
    .sub .header-info.fixed-header .header-info__inner {
      max-width: 1030px; }
    .sub .header-info.fixed-header .header-info__left {
      display: inline-block;
      margin: 0;
      width: 50%; }
    .sub .header-info.fixed-header .header-info__right {
      float: right;
      width: 50%; }
    .sub .header-info.fixed-header .header-info__list,
    .sub .header-info.fixed-header .header-info__address,
    .sub .header-info.fixed-header .header-info__address2 {
      display: none; }
    .sub .header-info.fixed-header .header-info__hour {
      display: block;
      margin: 0;
      font-size: 14px;
      font-size: 0.875em; }
    .sub .header-info.fixed-header .header-info__tel {
      margin: 0;
      padding-left: 24px;
      color: #fff;
      font-size: 18px;
      font-size: 1.125em;
      background: url(../images/icon_tel_w.png) 0 center no-repeat;
      transition: all 0.3s ease; }
      .sub .header-info.fixed-header .header-info__tel a {
        color: #fff; }
  .sub .footer {
    zoom: 1; }
    .sub .footer:before, .sub .footer:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .sub .footer:after {
      clear: both; }
  .sub .footer__info .footer__inner {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto; }
  .sub .footer__info .footer-info__wrapper {
    float: left;
    width: 48%;
    margin: 0 1%; }
  .sub .footer__info .footer-list dt {
    font-size: 16px;
    font-size: 1em; }
  .sub .footer__info .footer-list dd {
    font-size: 14px;
    font-size: 0.875em; }
  .sub .footer__info .footer-panel__wrapper {
    max-width: 100%; }
  .sub .footer__info .footer-panel {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 20px; }
    .sub .footer__info .footer-panel dt {
      font-size: 16px;
      font-size: 1em; }
    .sub .footer__info .footer-panel dd p:last-child {
      font-size: 40px;
      font-size: 2.5em; }
  .sub .footer__info .footer-map__wrapper {
    width: 48%; }
  .sub .footer__info .top-hour__table {
    float: none;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-size: 0.875em; }
  .sub .footer__info .top-hour__list {
    float: none;
    width: 100%;
    font-size: 12px;
    font-size: 0.75em;
    padding: 0; }

  /* sub content
  --------------------------- */
  .h2-sub {
    margin-bottom: 2.5em;
    font-size: 24px;
    font-size: 1.5em; }
    .h2-sub::after {
      width: 4%;
      margin-left: -2%; }

  .bread {
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 2%; }
    .bread li {
      font-size: 16px;
      font-size: 1em; }

  .txt p {
    margin-top: 0;
    font-size: 16px;
    font-size: 1.14285em; }
  .txt .ul-sub li {
    font-size: 16px;
    font-size: 1.3em; }

  .sub-merit .img-right,
  .sub-std .img-right {
    width: 46%;
    margin-top: 2em;
    padding-top: 0.3em; }

  .sub-std .img-right {
    margin-top: 0.3em; }

  .reserve .footer-panel__wrapper {
    max-width: 90%; }
  .reserve .footer-panel {
    height: 180px; }
    .reserve .footer-panel dd p:last-child {
      font-size: 30px;
      font-size: 1.875em; }
  .reserve .footer-panel__web dd p:last-child {
    padding-bottom: 8px; }

  .treat .img-left {
    max-width: 100%;
    margin-bottom: 0; }
  .treat .txt-right {
    margin-top: 0; }
  .treat .txt {
    padding-bottom: 0;
    margin-bottom: 3em; }

  .access__area {
    max-width: 1030px; }
    .access__area .address {
      text-align: center; }
    .access__area .footer-info__wrapper .img-right {
      width: 46%;
      margin: 0 1%;
      float: left; }
    .access__area .footer-list dt {
      font-size: 16px;
      font-size: 1em; }
    .access__area .footer-list dd {
      font-size: 13px;
      font-size: 0.875em; }
    .access__area .footer-list ul dt {
      font-size: 13px; }
    .access__area .footer-list ul dd {
      font-size: 13px; }
    .access__area .footer-list__car {
      margin-bottom: 0; }

  .gmap__wrapper .address {
    text-align: center;
    font-size: 16px;
    font-size: 1em; }
  .gmap__wrapper .gmap__link {
    padding: 0;
    margin-bottom: 2em; }

  .map-embed {
    height: 300px; }
    .map-embed #map-canvas iframe, .map-embed #map-canvas object, .map-embed #map-canvas embed {
      height: calc(300px + 46px); }

  .footer-head {
    zoom: 1; }
    .footer-head:before, .footer-head:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .footer-head:after {
      clear: both; }
    .footer-head .footer-head__logo-wrapper {
      width: 48%;
      float: left; }
    .footer-head .footer-head__logo {
      width: 20%; }
    .footer-head .footer-head__txt {
      width: 78%; }
    .footer-head .footer-head__lead {
      width: 48%;
      float: right;
      padding: 20px 0; }

  .footer-tsuga {
    clear: both;
    zoom: 1;
    max-width: 989px;
    margin-left: auto;
    margin-right: auto; }
    .footer-tsuga:before, .footer-tsuga:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .footer-tsuga:after {
      clear: both; }
    .footer-tsuga .footer-tsuga__logo,
    .footer-tsuga .footer-tsuga__address,
    .footer-tsuga .btn-area {
      float: left;
      width: 32%;
      margin: 0 1% 0 0;
      text-align: left; }
      .footer-tsuga .footer-tsuga__logo img,
      .footer-tsuga .footer-tsuga__address img,
      .footer-tsuga .btn-area img {
        max-width: 100%;
        height: auto; }
    .footer-tsuga span {
      margin-top: 3px; }
    .footer-tsuga .footer-tsuga__address {
      margin-top: 2px;
      line-height: 1.6; } }
/*********************
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 print, only screen and (min-width: 980px) {
  .img-left {
    float: left;
    max-width: 400px; }

  .img-right {
    float: right;
    max-width: 400px; }

  .logo__wrapper {
    width: 400px;
    padding: 20px 0;
    margin-left: -200px; }

  .fade div #kv01 {
    width: auto;
    margin-left: -174px; }
  .fade div #kv02 {
    width: auto;
    margin-left: -377px; }

  .global-nav {
    padding: 5px 0;
    height: 64px; }
    .global-nav ul {
      max-width: 1030px;
      margin: 0 auto; }
      .global-nav ul li a {
        font-size: 16px;
        font-size: 1em; }
      .global-nav ul .global-nav__logo {
        padding-top: 3px; }

  .global-nav.fixed-nav ul .global-nav__logo {
    margin-top: 0; }

  .top-news__list {
    padding: 0; }

  .corner-panel li:nth-of-type(3), .corner-panel li:nth-of-type(4) {
    margin-top: 0; }
  .corner-panel li:before {
    content: "";
    top: 50%;
    height: 50%;
    opacity: 0;
    transition-property: top, opacity;
    transition-duration: 0.3s; }
  .corner-panel li .details {
    opacity: 0;
    font-size: 16px;
    transition-property: bottom, opacity;
    transition-duration: 0.3s;
    bottom: 0; }
  .corner-panel li:focus:before, .corner-panel li:hover:before {
    top: 50%;
    opacity: 1; }
  .corner-panel li:focus .details, .corner-panel li:hover .details {
    opacity: 1;
    bottom: 20px; }
  .corner-panel li:focus .details__txt, .corner-panel li:hover .details__txt {
    transition-delay: 0.15s; }
  .corner-panel li:focus .btn-area, .corner-panel li:hover .btn-area {
    transition-delay: 0.25s; }

  .top-hour {
    padding: 0; }

  .footer {
    padding: 40px 0; }

  .footer-title {
    margin-bottom: 1.5em; }

  .footer-panel__wrapper {
    max-width: 1030px; }

  .footer-panel__web dd:last-child a {
    width: 295px;
    padding-top: 0; }

  #to-top {
    bottom: 20px;
    right: 20px; }

  /*--------------------------------------------------------------
  sub page
  --------------------------------------------------------------*/
  .sub .section-bottom {
    margin-bottom: 60px; }
  .sub .global-nav.fixed-nav ul .global-nav__logo {
    margin-top: 2px; }
  .sub .header__inner {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto; }
  .sub .header__inner.fixed-header__inner {
    max-width: none; }
  .sub .logo__wrapper,
  .sub .header-info {
    padding: 20px 2%;
    width: 48%; }
  .sub .logo__wrapper {
    padding-right: 0; }
  .sub .header-info {
    padding-left: 0; }
  .sub .header-info.fixed-header {
    padding: 10px 0; }
    .sub .header-info.fixed-header .header-info__inner {
      width: 90%; }
    .sub .header-info.fixed-header .header-info__left {
      display: inline-block; }
  .sub .footer-map__wrapper {
    float: right;
    width: 49%; }

  .medical-list {
    width: 840px;
    margin: 0 auto; }
    .medical-list > li {
      width: 260px; }
      .medical-list > li a .medical__inner ul {
        padding-left: 35%; }

  .access__area .footer-info__wrapper .img-right {
    max-width: 100%; }

  .ul-sub__col2 {
    zoom: 1; }
    .ul-sub__col2:before, .ul-sub__col2:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .ul-sub__col2:after {
      clear: both; }
    .ul-sub__col2 .ul-sub__wrapper {
      width: 48%;
      margin: 0 1%;
      float: left; }

  .footer-head .footer-head__inner {
    width: 90%;
    max-width: 1030px;
    margin: 0 auto; }
  .footer-head .footer-head__txt {
    margin-top: 0.5em;
    font-size: 16px; }
  .footer-head .footer-head__catch {
    font-size: 16px;
    font-size: 1em; } }
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media print, only screen and (min-width: 1280px) {
  /* layout
  --------------------------- */
  .ul-sub__wrapper,
  .txt,
  .dl-sub,
  .gmap__wrapper,
  .access__area,
  .ul-note,
  .bread {
    padding: 0; }

  .gmap__wrapper {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto; }

  .section {
    padding-left: 0;
    padding-right: 0; }

  .top-recruit {
    padding-left: 10px;
    padding-right: 10px; }

  .ul-sub__wrapper,
  .dl-sub {
    width: 840px; }

  .h3-sub {
    width: 100%;
    max-width: 1030px;
    padding-right: 0;
    padding-left: 0; }

  /* contents
  --------------------------- */
  .logo__wrapper {
    padding-top: 30px;
    padding-bottom: 30px; }

  .fade div #kv01 {
    top: 300px; }
  .fade div #kv02 {
    top: 400px; }

  .slick-slider {
    max-height: 788px;
    overflow: hidden; }

  .top-intro {
    padding: 30px 0; }

  .footer-panel__tel {
    margin-right: 0;
    margin-left: 30px; }

  .footer-panel__web {
    margin-right: 30px;
    margin-left: 0; }

  .footer__info .footer-panel {
    margin: 0 1% 2em; }

  .footer-list__wrapper {
    margin-right: 0;
    width: 378px;
    max-width: 378px; }

  .footer-map__wrapper {
    margin-left: 0;
    width: 612px;
    max-width: 612px; }

  .footer-panel {
    width: 480px;
    max-width: 480px;
    height: auto;
    padding: 30px; }

  .footer-list dt {
    line-height: 1;
    margin-bottom: 0.5em; }
  .footer-list dd p {
    font-size: 13px;
    line-height: 1.5; }

  .medical-list__inner {
    width: 1030px;
    margin: 0 auto; }

  .car-list li p a {
    font-size: 14px; }
  .car-list li dl {
    zoom: 1;
    font-size: 14px;
    margin: 0.5em 0 0; }
    .car-list li dl:before, .car-list li dl:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .car-list li dl:after {
      clear: both; }
    .car-list li dl dt {
      font-size: 14px; }
    .car-list li dl dd {
      font-size: 14px; }

  .medical-list {
    width: 1074px;
    margin-right: -44px; }
    .medical-list > li {
      margin-right: 44px;
      margin-left: 0;
      width: 314px; }
      .medical-list > li a .medical__inner ul {
        padding-left: 43%; }

  .gma__wrapper {
    padding: 0; }

  .subpage-title {
    margin-top: 35px; }

  .footer-head .footer-head__logo-wrapper {
    margin-top: 7px;
    margin-bottom: 0; }

  .col-2__wrapper {
    width: 1030px;
    margin-right: auto;
    margin-left: auto; }

  .col-2 {
    width: 1090px;
    max-width: 1090px;
    margin-right: -60px;
    padding: 0; }
    .col-2 li {
      width: 485px;
      margin-right: 60px;
      margin-left: 0; }

  .col-3__wrapper {
    width: 1030px;
    margin-right: auto;
    margin-left: auto; }

  .col-3 {
    width: 1090px;
    margin-right: -60px;
    padding: 0; }
    .col-3 li {
      width: 320px;
      margin-right: 35px;
      margin-left: 0; }

  .sub-merit .txt-left,
  .sub-std .txt-left {
    margin-left: 45px; }
  .sub-merit .img-right,
  .sub-std .img-right {
    margin-right: 45px; }

  .treat .img-left {
    max-width: 400px; }
  .treat .txt-right {
    width: 580px; }

  .access__area .footer-info__wrapper .img-right {
    margin-left: 0;
    width: 612px; }
  .access__area .footer-list__wrapper {
    margin-right: 0;
    margin-left: 30px; }

  .ul-sub__col2 {
    max-width: 1030px; }
    .ul-sub__col2 .ul-sub__wrapper {
      width: 490px; }
      .ul-sub__col2 .ul-sub__wrapper:first-child {
        margin-left: 0; }
      .ul-sub__col2 .ul-sub__wrapper:last-child {
        float: right;
        margin-right: 0; }

  .sub .fade {
    height: 300px; }
  .sub .catch {
    font-size: 16px;
    font-size: 1.3333em; }
  .sub .footer-head__txt .catch {
    font-size: 16px; }
  .sub .footer__title {
    text-align: left; }
  .sub .footer-list__wrapper {
    margin-left: 0; }
  .sub .footer-info__wrapper {
    margin-left: 0; }
  .sub .footer__info .footer-panel {
    width: 240px;
    height: 112px;
    padding: 15px;
    margin-bottom: 20px; }
    .sub .footer__info .footer-panel dt {
      font-size: 15px;
      font-size: 0.9375em; }
    .sub .footer__info .footer-panel dd p:first-child {
      font-size: 12px;
      font-size: 0.65em; }
    .sub .footer__info .footer-panel dd p:last-child {
      font-size: 30px;
      margin-top: 3px; }
  .sub .footer__info .footer-panel__tel {
    float: right; }
  .sub .footer__info .footer-panel__web {
    float: left; }
    .sub .footer__info .footer-panel__web dd p:last-child a {
      width: 100%; }
    .sub .footer__info .footer-panel__web dd p:last-child img {
      max-width: 100%;
      height: auto; }
  .sub .footer__info .footer-map__wrapper {
    margin-right: 0; }
  .sub .footer__info .footer__table {
    padding: 10px 20px;
    margin: 0; }
  .sub .footer__info .top-hour__table {
    margin-bottom: 6px; }
    .sub .footer__info .top-hour__table th,
    .sub .footer__info .top-hour__table td {
      padding: 4px 5px; }
  .sub .footer__info .top-hour__list {
    zoom: 1; }
    .sub .footer__info .top-hour__list:before, .sub .footer__info .top-hour__list:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .sub .footer__info .top-hour__list:after {
      clear: both; }
    .sub .footer__info .top-hour__list li {
      float: left;
      margin-right: 1em; }

  .gmap__link {
    text-align: right;
    font-size: 14px;
    font-size: 0.875em;
    color: #7a6a55; }
    .gmap__link:hover, .gmap__link:focus, .gmap__link:active {
      color: #3e362b; } }

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