/******************************************************************
Site Name:yamabuki-no-sato
Author:Daiichi Printing Co.,ltd.
Stylesheet: Main Stylesheet
******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* 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; }

audio,
canvas,
video {
    display: inline-block; }

audio:not([controls]) {
    display: none;
    height: 0; }

[hidden],
template {
    display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }

html {
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
    text-decoration: none !important;
    background: transparent; }

a:focus {
    outline: thin dotted; }

a:active,
a:hover {
    outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 {
    margin: 0;
    padding: 0;
}

abbr[title] {
    border-bottom: 1px dotted; }

b,
strong,
.strong {
    font-weight: bold;
}

dfn,
em,
.em {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/* ==========================================================================
   Web font
   ========================================================================== */

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSerifJP/NotoSerifJP-Regular.woff2') format('woff2'),
    url('../fonts/NotoSerifJP/NotoSerifJP-Regular.woff') format('woff'),
    url('../fonts/NotoSerifJP/NotoSerifJP-Regular.otf') format('opentype'),
    url('../fonts/NotoSerifJP/NotoSerifJP-Regular.ttf') format('truetype');
  font-display: swap;
}

/*
 * 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;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

  /* Responsive images */
img {
    max-width: 100%;
    height: auto;
}

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

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

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;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

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

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

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

.clearfix, .cf, .comment-respond {
    zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
    content: "";
    display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
    clear: both;
}
.clear {
    clear: both;
}
.clear hr {
    display: none;
}
/*
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;
}

p {
    -ms-word-break: break-all;
    -ms-word-wrap: break-all;
    word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}

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

/*

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

/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.blue-btn, .comment-reply-link, #submit {
    display: inline-block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: white;
    font-size: 0.9em;
    font-size: 34px;
    line-height: 34px;
    font-weight: normal;
    padding: 0 24px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    -webkit-transition: background-color 0.14s ease-in-out;
    transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    color: white;
    text-decoration: none;
}
.blue-btn:active, .comment-reply-link:active, #submit:active {
    top: 1px;
}

.blue-btn, .comment-reply-link, #submit {
    background-color: #2980b9;
}
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
    background-color: #2574a8;
}
.blue-btn:active, .comment-reply-link:active, #submit:active {
    background-color: #2472a4;
}

/*********************
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: 40px;
    padding: 0 12px;
    margin-bottom: 14px;
    font-size: 1em;
    color: #5c6b80;
    border-radius: 3px;
    vertical-align: middle;
    box-shadow: none;
    border: 0;
    width: 100%;
    max-width: 400px;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #eaedf2;
    -webkit-transition: background-color 0.24s ease-in-out;
    transition: background-color 0.24s ease-in-out;
}

input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
    background-color: #f7f8fa;
}

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

/*********************
GENERAL STYLES
*********************/
body {
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 100%;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.center2 {
    margin: 0 auto;
    text-align: left;
}
@media all and (min-width: 600px) {
  .center2 {
    text-align: center;
  }
}

p {
    margin: 0;
    padding: 0;
}
/* Font Styles
----------------------------------------------- */
.bold {
    font-weight: bold;
}

/*********************
HIDDEN STYLES
*********************/
.hidden {
    display: none;
}

@media all and (max-width: 599px) {
  .sp-hidden {
    display: none;
  }
}

@media all and (min-width: 600px) {
  .sp-only {
    display: none;
  }
}

@media all and (min-width: 960px) {
  .pc-hidden {
    display: none;
  }
}

@media all and (max-width: 960px) {
  .pc-only {
    display: none;
  }
}

@media all and (max-width: 1023px) {
  .pc1024-only {
    display: none;
  }
}

@media all and (min-width: 1024px) {
  .pc1024-hidden {
    display: none;
  }
}

/*********************
IMAGE EFFECT
*********************/

/* fade
----------------------------------------------- */

.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: none !important;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

/* fly
----------------------------------------------- */

.fly {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 10px 0 0 0;
    text-decoration: none !important;
}
.fly:hover {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    box-shadow: 1px 1px 20px 0px rgba(119,119,119,.7);
}

/*********************
Block Reveal Effects
*********************/
.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}

/*********************
WORD STYLES
*********************/
.wordBreakAll { word-break: break-all; }

/*********************
LAYOUT & GRID STYLES
*********************/
#container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.wrap {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

#main {
    width: auto;
    margin: 0 auto;
    padding: 0;
}

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

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

h1, .h1 {
    font-size: 2.5em;
    line-height: 1.333em;
}

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

h3, .h3 {
    color: #38635d;
    font-size: 18px;
    font-weight: bold;
}

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

h5, .h5 {
    font-size: 0.846em;
    line-height: 2.09em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*********************
HEADER STYLES
*********************/
.header {
    width: 100%;
    height: 84px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 9999;
    background: #fff;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .header {
    height: 94px;
  }
}
@media all and (min-width: 1280px) {
  .header {
    height: 134px;
  }
}

.header_inner {
    width: 100%;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: space-between;
    margin: 0 0 0 auto;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .header_inner {
    padding: 0 10px 0 100px;
  }
}
@media all and (min-width: 1280px) {
  .header_inner {
    padding: 0 10px 0 125px;
  }
}

.siteLogo_wrap {
    max-width: 328px;
    height: 84px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .siteLogo_wrap {
    height: 94px;
  }
}
@media all and (min-width: 1280px) {
  .siteLogo_wrap {
    height: 134px;
  }
}

.siteLogo {
    width: 198px;
    margin: 0;
    padding: 0;
}
@media all and (min-width: 481px) and (max-width: 719px) {
  .siteLogo {
    width: 268px;
  }
}
@media all and (min-width: 720px) and (max-width: 1023px) {
  .siteLogo {
    width: 298px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .siteLogo {
    width: 308px;
  }
}
@media all and (min-width: 1280px) {
  .siteLogo {
    width: 328px;
  }
}

/*********************
MAINNAVI STYLES
*********************/

.glovalnavi {
    display: none;
}

@media all and (min-width: 1280px) {
  .glovalnavi {
    display: block;
    margin: 0;
    padding: 0;
  }
}

.dropmenu {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    font-weight: bold;
    letter-spacing: 0.063em;
}
.dropmenu li {
    position: relative;
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

.dropmenu li a {
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 20px;
    background: #fff;
    color: #333;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.dropmenu li ul {
    list-style: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 220px;
    margin: 0;
    padding: 0;
}
.dropmenu li ul li {
    overflow: hidden;
    width: 100%;
    height: 0;
    color: #fff;
    transition: .3s;
}

.dropmenu li ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    padding: 0 20px;
    background: #028760;
    text-align: left;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.dropmenu > li:hover > a { color:#028760; background: #fff; }
.dropmenu > li:hover li:hover > a { color:#fff; background: #38635d; }
.dropmenu > li:hover > ul > li {
    overflow: visible;
    height: 60px;
}

/*********************
COMMON STYLE
*********************/

/* wrap
----------------------------------------------- */
.common_wrap1 {
    width: 100%;
}

/* inner
----------------------------------------------- */
.inner1530 {
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
    padding: 0 10px;
}

.inner1210 {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 10px;
}

.inner1090 {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
    padding: 0 10px;
}

/* padding
----------------------------------------------- */
.ptb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.ptb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ptb90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.ptb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.plr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.plr20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* margin
----------------------------------------------- */
.mt-24 {
    margin-top: -24px !important;
}
.mtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mtb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mtb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mtb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mtb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mtb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mtb90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.mtb100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt60 {
    margin-top: 60px !important;
}


.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}


.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

/* List style
----------------------------------------------- */

.disc_style {
    list-style: none;
    margin: 1em 0 0;
}
.disc_style li:before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    background-color: #333;
    border-radius: 50%;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

/* Responsive Table1
----------------------------------------------- */
.tbl-r05 td {
    text-align: center;
}

.tbl-r05 th {
    color: #fff;
    background: #38635d !important;
    padding: 6px 0;
}
.tbl-r05 td:first-child {
}
@media screen and (max-width: 720px) {
  .tbl-r05 {
    width: 90%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #38635d;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}

/* Font
----------------------------------------------- */
.fs110p {
    font-size: 110%;
}

/* heading1
----------------------------------------------- */
.heading_box {
    display: inline-block;
    width: auto;
    margin: 0 auto 60px;
    text-align: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .heading_box {
    margin: 0 auto 80px;
  }
}
@media all and (min-width: 1024px) {
  .heading_box {
    margin: 0 auto 100px;
  }
}

.heading1 {
    color: #333;
    font-family: 'Noto Serif Japanese';
    font-weight: normal;
    margin: 0;
    font-size: 20px;
    position: relative;
    font-weight: normal;
    margin-bottom: 15px;
    padding-top: 50px;
    padding-left: 40px;
    z-index: 100;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .heading1 {
    font-size: 24px;
  }
}
@media all and (min-width: 960px) {
  .heading1 {
    font-size: 30px;
  }
}

.heading1 p {
    margin: 0;
    line-height: 2;
    padding-left: 40px;
}
.heading1:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 110px 80px;
    border-color: transparent transparent #ffdb6a transparent;
    position: absolute;
    z-index: -1;
    transform: rotate(30deg);
    top: -20px;
    left: 30px;
}

.UnderPage_heading_box {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 75px;
    margin: 0;
    padding: 20px 30px;
    background: rgba(255,255,255,.7);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
@media all and (-ms-high-contrast: none){
  .UnderPage_heading_box {
    height: 75px;
  }
}

.UnderPage_heading_box h1 {
    color: #38635d;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .UnderPage_heading_box h1 {
    font-size: 24px;
  }
}
@media all and (min-width: 960px) {
  .UnderPage_heading_box h1 {
    font-size: 30px;
  }
}

/* heading2
----------------------------------------------- */
.heading_box2 {
    display: inline-block;
    width: auto;
    margin: 0 auto 60px;
    text-align: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .heading_box2 {
    margin: 0 auto 80px;
  }
}
@media all and (min-width: 1024px) {
  .heading_box2 {
    margin: 0 auto 100px;
  }
}

/*********************
TOP PAGE
*********************/

/* Slider
----------------------------------------------- */
.top_img_wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.top_img_left {
    display: none;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .top_img_left {
    display: block;
    width: 100%;
    max-width: 100px;
    transition: 0.3s ease-in-out;
  }
}
@media all and (min-width: 1280px) {
  .top_img_left {
    display: block;
    width: 100%;
    max-width: 125px;
    transition: 0.3s ease-in-out;
  }
}

.top_img_right {
    -webkit-flex: 1;
    flex: 1;
}

#slider {
    margin: 0;
    padding: 0;
}

#slider li {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
}

.slide_item1 {
    width: 100%;
    height: 100vh;
    background: url("../images/slider_img/top_slideimg1.jpg") 80% center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.slide_item2 {
    width: 100%;
    height: 100vh;
    background: url("../images/slider_img/top_slideimg2.jpg") center top no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.slide_item3 {
    width: 100%;
    height: 100vh;
    background: url("../images/slider_img/top_slideimg3.jpg") center top no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.slide_item4 {
    width: 100%;
    height: 100vh;
    background: url("../images/slider_img/top_slideimg4.jpg") center top no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

/* scroll arrow
----------------------------------------------- */
.scrollArrowBox {
    display: block;
    color: #000;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
    width: 170px;
    height: 100vh;
    margin: 0 auto;
    background: none;
    position: relative;
    overflow: hidden;
    z-index: 500;
}

.arrowWrap {
    position: absolute;
    left: 25px;
    bottom: 0;
    height: 128px
}
@media all and (min-width: 1280px) {
  .arrowWrap {
    position: absolute;
    left: 30px;
    bottom: 0;
    height: 128px
  }
}

.arrowInner p {
    font-size: 12px;
    text-align: end;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.arrow {
    width: 1px;
    height: 80px;
    margin: 40px auto 0;
    position: relative;
    overflow: hidden;
}

.arrow::before {
    content: '';
    width: 1px;
    height: 80px;
    margin: 40px auto 0;
    background-color: #000;
    position: absolute;
    top: -150px;
    left: 0;
    -webkit-animation: arrow 2.5s ease 0s infinite normal;
    animation: arrow 2.5s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

/* top content1
----------------------------------------------- */
.top_content1 {
    width: 100%;
    height: auto;
    position: relative;
    padding: 90px 0 20px;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .top_content1 {
    width: 100%;
    height: auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
    padding: 90px 0;
  }
}
@media all and (min-width: 1280px) {
  .top_content1 {
    width: 100%;
    height: auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
    padding: 90px 0;
  }
}

@media all and (max-width: 1024px) {
  .top_content1:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }
}
@media all and (min-width: 1024px) {
  .top_content1:before {
    content: "";
    display: block;
    padding-top: 35%;
  }
}

.topContent1Left {
    width: 90%;
    margin: -200px auto 0;
    position: relative;
    z-index: 999;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(188,188,188,.5);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .topContent1Left {
    max-width: 600px;
    min-height: 450px;
    margin: -240px 0 0;
    position: absolute;
    left: 135px;
  }
}
@media all and (min-width: 1280px) {
  .topContent1Left {
    max-width: 600px;
    position: absolute;
    margin: -240px 0 0;
    left: 240px;
  }
}

.top_content1 h1 {
    font-family: 'Noto Serif Japanese';
    font-weight: normal;
    font-size: 20px;
    margin: 0 0 1em;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .top_content1 h1 {
    font-size: 24px;
  }
}
@media all and (min-width: 960px) {
  .top_content1 h1 {
    font-size: 30px;
  }
}

.topContent1Left_box {
    margin: 0;
    padding: 60px 40px;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .topContent1Left_box {
    padding: 80px 60px;
  }
}
@media all and (min-width: 1024px) {
  .topContent1Left_box {
    padding: 80px 60px;
  }
}

.topContent1Left_box p {
    line-height: 2;
}

.topContent1Right {
    width: 100%;
    max-width: 1000px;
    height: auto;
    position: absolute;
    right: 0;
    margin: -50px 0 0;
    box-shadow: 0px 0px 50px 0px rgba(188,188,188,.5);
    z-index: 998;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .topContent1Right {
    width: 65.3594%; /*1000/1530*/
    margin: 0;
  }
}
@media all and (min-width: 1280px) {
  .topContent1Right {
    width: 65.3594%; /*1000/1530*/
    margin: 0;
  }
}

/* top content2
----------------------------------------------- */

.top_content2 {
    width: 100%;
    min-height: 782px;
    background: url("../images/top_contents2_bg.jpg") center top no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.top_content2_inner {
    width: 100%;
    height: auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position: relative;
    padding: 0;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .top_content2_inner {
    padding: 0;
  }
}

.top_servise_itemWrap {
    width: 100%;
    margin: 0 0 30px;
    background: #fff;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .top_servise_itemWrap {
    width: 49.0234%; /*502/1024*/
    max-width: 502px;
    margin: 0 0 15px;
  }
}
@media all and (min-width: 1024px) {
  .top_servise_itemWrap {
    width: 23.5294%; /*360/1530*/
    max-width: 360px;
    margin: 0;
  }
}

.top_servise_item_txtBox {
    margin: 0;
    padding: 20px 30px 25px;
}

.top_servise_item_txtBox p {
    color: #333;
}

/* top content3 (TOPICS)
----------------------------------------------- */

.topics_item {
    text-decoration: none;
}

.topics_item_inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px 60px 30px 10px;
    border-bottom: 1px dotted #c3c3c3;
    transition: 0.3s ease-in-out;
    position: relative;
}
.topics_item_inner:hover {
    background: #f2d675;
}

.data_time {
    font-size: 14px;
    font-weight: bold;
    display: block;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) {
  .data_time {
    font-size: 16px;
    display: inline-block;
  }
}

.cattab {
    color: #fff;
    font-size: 14px;
    text-shadow: 2px 2px 2px #38635d;
    width: 160px;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    background: #38635d;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .cattab {
    margin: 0 20px;
  }
}
@media all and (min-width: 1024px) {
  .cattab {
    font-size: 16px;
    width: 180px;
    margin: 0 20px;
    padding: 10px 15px;
  }
}

.post-title {
    font-weight: 600;
    padding: 10px 0 0 0;
    display: block;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .post-title {
    padding: 20px 0 0 0;
    display: inline-block;
  }
}

.post-title:after {
    color: #38635d;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    content: "\f2f6";
    right: 10px;
    bottom: 30%;
}

/* top content4
----------------------------------------------- */

.top_content4 {
    width: 100%;
    background: url("../images/top_contents4_bg.jpg") center top no-repeat;
    background-size: auto;
    margin: 0;
    padding: 0;
}

.top_content4_inner {
    width: 100%;
    max-width: 1210px;
    height: auto;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position: relative;
    margin: 0 auto;
    padding: 0;
    transition: 0.3s ease-in-out;
}

.top_content4_inner:after {
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .top_content4_inner:after {
    content: "";
    display: block;
    padding-top: 43%;
  }
}
@media all and (min-width: 1280px) {
  .top_content4_inner:after {
    content: "";
    display: block;
    padding-top: 40%;
  }
}

.top_content4_left {
    width: 100%;
}
@media all and (min-width: 1024px) {
  .top_content4_left {
    width: 63.5593%; /*750/1180*/
    max-width: 750px;
    position: absolute;
    z-index: 1;
  }
}

.top_content4_right {
    width: 100%;
    letter-spacing: 0.063em;
    margin: 0;
    z-index: 2;
    background: #fff;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .top_content4_right {
    width: 40%;
    position: absolute;
    top: 80px;
    right: 20px;
  }
}
@media all and (min-width: 1280px) {
  .top_content4_right {
    width: 33.8983%; /*400/1180*/
    position: absolute;
    top: 80px;
    right: 100px;
  }
}

.top_content4_right_inner {
    width: auto;
    padding: 40px 60px 80px;
}

.top_content4_right h2 {
    color: #38635d;
    font-size: 24px;
    font-weight: bold;
}

.access_list {
    list-style: none;
}
.access_list li {
    margin: 0 0 10px;
}
.access_list li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    padding-right: 0.5em;
}

/* top content5
----------------------------------------------- */

.top_contact_wrap {
    margin: 30px auto 0;
    padding: 0 10px;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) {
  .top_contact_wrap {
    margin: 60px auto 0;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
  }
}

.top_contact_left {
    padding: 0 0 30px 0;
    text-align: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) {
  .top_contact_left {
    padding: 0 35px 0 0;
    border-right: 1px solid #002048;
  }
}

.top_contact_left_phone {
    color: #212121;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    letter-spacing: 0.063em;
}
.top_contact_left_phone a {
    color: #212121;
    text-decoration: none;
}
.top_contact_left_phone a:visited {
    color: #212121;
    text-decoration: none;
}
.top_contact_left_phone a:hover {
    color: #212121;
    text-decoration: none;
}
.top_contact_left_phone a:active {
    color: #212121;
    text-decoration: none;
}

.top_contact_right {
    padding: 0;
    text-align: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) {
  .top_contact_right {
    padding: 0 0 0 35px;
  }
}

/*********************
UNDER PAGE
*********************/

/* header
----------------------------------------------- */
.underPageHeader_wrap {
    width: 100%;
    height: auto;
    height: 180px;
    margin: 84px 0 0;
    background: url("../images/underPage_header_bg.jpg") center top no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .underPageHeader_wrap {
    height: 240px;
    margin: 84px 0 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .underPageHeader_wrap {
    height: 250px;
    margin: 84px 0 0;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .underPageHeader_wrap {
    height: 260px;
    margin: 94px 0 0;
  }
}
@media all and (min-width: 1280px) {
  .underPageHeader_wrap {
    height: 270px;
    margin: 134px 0 0;
  }
}

/* underPageWrap
----------------------------------------------- */

.underPage_contents1 {
    padding: 60px 0 70px;
}
@media all and (min-width: 601px) {
  .underPage_contents1 {
    padding: 60px 0 100px;
  }
}

.underPage_contents2 {
    padding-bottom: 60px;
}
@media all and (min-width: 601px) {
  .underPage_contents2 {
    padding-bottom: 100px;
  }
}

/* pageSlogan
----------------------------------------------- */
.pageSlogan {
    padding-bottom: 48px;
    font-size: 20px;
    color: #38635d;
    text-align: left;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .pageSlogan {
    text-align: center;
    font-size: 22px;
  }
}
@media all and (min-width: 960px) {
  .pageSlogan {
    text-align: center;
    font-size: 24px;
  }
}

/* listBox
----------------------------------------------- */
.underPage_list_box {
    width: 100%;
    transition: 0.3s ease-in-out;
}

.list_box1 {
    background: #fef8e6;
}
@media all and (min-width: 768px) {
  .list_box1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

.list_box2 {
}
@media all and (min-width: 768px) {
  .list_box2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }
}

.list_box_inner_left {
    padding: 30px 0 20px 20px;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .list_box_inner_left {
    width: 35%;
    padding: 17px 0 17px 25px;
  }
}
@media all and (min-width: 1024px) {
  .list_box_inner_left {
    width: 25%;
    padding: 17px 0 17px 25px;
  }
}

.list_box_inner_right {
    padding: 0 0 30px 20px;
    color: #333;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .list_box_inner_right {
    width: 65%;
    padding: 17px 0 17px;
  }
}
@media all and (min-width: 1024px) {
  .list_box_inner_right {
    width: 75%;
    padding: 17px 0 17px;
  }
}

/* number list
----------------------------------------------- */
.number_list {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin: 0;
}

.number_list li {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 25px 30px;
    position: relative;
}

.number_list li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #38635d;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    width: 22px;
    color: #ffffff;
    font-size: 85%;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

/*********************
SERVICES PAGE
*********************/

/* services
----------------------------------------------- */

.services_wrap1 {
    width: 100%;
    background: url("../images/service_bg_01.jpg") center center no-repeat;
    background-size: cover;
}

.services_wrap2 {
    width: 100%;
    background: url("../images/service_bg_02.jpg") center center no-repeat;
    background-size: cover;
}

.services_wrap3 {
    width: 100%;
    background: url("../images/service_bg_03.jpg") center center no-repeat;
    background-size: cover;
}

.services_wrap4 {
    width: 100%;
    background: url("../images/service_bg_04.jpg") center center no-repeat;
    background-size: cover;
}

.services_content_lr {
    width: 100%;
    height: auto;
    min-height: 570px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_lr {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
  }
}

.services_content_rl {
    width: 100%;
    height: auto;
    min-height: 570px;
    margin: 0;
    padding: 30px 0;
    position: relative;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_rl {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
}

.services_content_img_l {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_img_l {
    width: 45.4545%; /*550/1210*/
    max-width: 550px;
    margin: 0;
    position: absolute;
    left: 0;
  }
}

.services_content_img_r {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_img_r {
    width: 45.4545%; /*550/1210*/
    max-width: 550px;
    margin: 0;
    position: absolute;
    right: 50px;
    transition: 0.3s ease-in-out;
  }
}

.services_content_txt_l {
    width: 90%;
    max-width: 600px;
    background: #fef8e6;
    border-top: 5px solid #fabe00;
    margin: 0 auto;
    z-index: 50;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_txt_l {
    width: 52.8925%; /*640/1210*/
    max-width: 640px;
    background: #fef8e6;
    border-top: 5px solid #fabe00;
    margin: 0;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in-out;
  }
}

.services_content_txt_r {
    width: 90%;
    max-width: 600px;
    background: #fef8e6;
    border-top: 5px solid #fabe00;
    margin: 0 auto;
    position: relative;
    z-index: 50;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 1024px) {
  .services_content_txt_r {
    width: 52.8925%; /*640/1210*/
    max-width: 640px;
    background: #fef8e6;
    border-top: 5px solid #fabe00;
    margin: 0;
    position: absolute;
    right: 50px;
    transition: 0.3s ease-in-out;
  }
}

.services_content_txt_inner {
    margin: 0;
    padding: 30px 40px 50px;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) {
  .services_content_txt_inner {
    padding: 30px 60px 60px;
  }
}

.services_wrap1 h2,.services_wrap2 h2,.services_wrap3 h2,.services_wrap4 h2 {
    color: #38635d;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .services_wrap1 h2,.services_wrap2 h2,.services_wrap3 h2,.services_wrap4 h2 {
    font-size: 22px;
  }
}
@media all and (min-width: 960px) {
  .services_wrap1 h2,.services_wrap2 h2,.services_wrap3 h2,.services_wrap4 h2 {
    font-size: 24px;
  }
}

.services_wrap1 p {
    margin: 1em 0 0;
    line-height: 2;
}

/* day_service
----------------------------------------------- */

/* day_service Table
----------------------------------------------- */

.day_service_table td {
    background: #fff !important;
    text-align: center;
}

.day_service_table td(even) {
    background: #fff !important;
}

.day_service_table .yamabuki {
    background: #38635d !important;
    color: #fff;
    font-weight: bold;
}

/*********************
NEWS PAGE
*********************/

/* Archive
----------------------------------------------- */

.category_select_box {
    width: 300px;
    margin: 0 auto;
    padding: 0 10px 40px;
    text-align: center;
}

/* Single
----------------------------------------------- */

.news_single_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.news_single_inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 90px 10px;
}

.news_single_inner h2 {
    color: #1e0000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    line-height: 1.5;
    width: 100%;
    font-size: 20px;
    margin: 0.5em 0 0 0;
    padding: 0 0 30px 0;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .news_single_inner h2 {
    font-size: 24px;
  }
}
@media all and (min-width: 960px) {
  .news_single_inner h2 {
    font-size: 30px;
  }
}

.single_entry-meta {
    color: #333;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    margin: 40px 0 0;
    padding: 10px 30px;
    transition: all .2s ease-in;
}
@media all and (min-width: 769px) {
  .single_entry-meta {
    margin: 10px 0 0;
  }
}


.single_entry-meta a {
    text-decoration: none;
    color: #002048;
    margin: 0;
    padding: 0;
    transition: color .3s;
}
.single_entry-meta a:visited {
    color: #002048;
    text-decoration: none;
}
.single_entry-meta a:hover {
    color: #ffaf4c;
    text-decoration: none;
}
.single_entry-meta a:active {
    color: #002048;
    text-decoration: none;
}

.singlepage_content {
    color: #333;
    font-size: 16px;
    margin: 50px auto 0;
    padding: 50px 0;
    border-top: 1px dotted #c3c3c3;
    border-bottom: 1px dotted #c3c3c3;
    line-height: 2;
}

.singlepage_content_wrap a:link {
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.singlepage_content_wrap a:visited {
    color: #000;
    text-decoration: none;
}
.singlepage_content_wrap a:hover {
    color: #fabe00;
    text-decoration: none;
}
.singlepage_content_wrap a:active {
    color: #000;
    text-decoration: none;
}

.singlePageNavi_wrap {
    width: 100%;
    max-width: 290px;
    margin: 0 auto 200px;
    padding: 0;
}

.singlePageNavi_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
    justify-content: space-between;
    text-align: center;
    padding: 0;
}

.singlePageNavi_item {
    font-size: 18px;
    width: 33.3333%;
    min-width: 100px;
}

.singlePageNavi_item a {
    color: #000;
    text-decoration: none;
     transition: all .2s ease-in;
}
.singlePageNavi_item a:visited {
    color: #000;
    text-decoration: none;
}
.singlePageNavi_item a:hover {
    color: #fabe00;
    text-decoration: none;
}
.singlePageNavi_item a:active {
    color: #000;
    text-decoration: none;
}

/*********************
RECRUIT PAGE
*********************/
.recruit_block_wrap {
    padding: 30px 30px 60px;
    border: 6px solid #ffdb6a;
}

.recruit_list_box_wrap {
    margin: 40px 0 0;
    border-top: 1px solid #e5e5e5;
}


.recruit_list_box_inner {
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 0;
    text-align: left;
    line-height: 2;
}
@media all and (min-width: 601px) {
  .recruit_list_box_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 0;
    text-align: left;
    line-height: 2;
  }
}

.recruit_list_box_inner_left {
    width: 100%;
    padding: 0;
    color: #104f58;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 601px) and (max-width: 768px) {
  .recruit_list_box_inner_left {
    width: 20%;
    padding: 0 20px 0 20px;
  }
}
@media all and (min-width: 769px) {
  .recruit_list_box_inner_left {
    width: 30%;
    padding: 0 20px 0 80px;
  }
}

.recruit_list_box_inner_right {
    width: 100%;
    color: #333;
}

@media all and (min-width: 601px) and (max-width: 768px) {
  .recruit_list_box_inner_right {
    width: 80%;
  }
}
@media all and (min-width: 769px) {
  .recruit_list_box_inner_right {
    width: 70%;
  }
}

/*********************
MAIL FORM
*********************/
.cform th {
    font-size: 16px;
    width: 30%;
    padding: 10px 0 10px 15px;
    font-weight: bold;
    background: #fef8e6 !important;
    text-align: left;
}

.cform td {
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
    background: #fff !important;
}

.cform {
    width: 100%;
    margin: auto;
}

.cform [type=submit] {
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-decoration: none;
    background: #ff8f00;
    color: #FFF;
    border-bottom: solid 4px #b17C00;
    border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
    width: 100%;
}

.required-srt {
    font-size: 12px;
    letter-spacing: 0.125em;
    padding: 5px;
    background: #fabe00;
    color: #fff;
    border-radius: 2px;
    margin-right: 10px;
    vertical-align: middle;
}

@media only screen and (max-width:767px) {
    .cform th,
    .cform td {
        width: 100%;
        display: block;
        border-top: none;
    }
}

.submit-btn input {
    font-size: 18px;
    font-weight: 600;
    background: #38635d;
    width: 60%;
    max-width: 550px;
    min-width: 220px;
    margin: 30px auto;
    display: block;
    border: 1px #38635d solid;
    text-align: center;
    padding: 20px;
    color: #fff;
    transition: all 0.4s ease;
}
.submit-btn input:hover {
    background: #fff;
    color: #38635d;
}

.back-btn input {
    font-size: 18px;
    font-weight: 600;
    background: #104f58;
    width: 60%;
    max-width: 550px;
    min-width: 220px;
    margin: 30px auto;
    display: block;
    border: 1px #104f58 solid;
    text-align: center;
    padding: 20px;
    color: #fff;
    transition: all 0.4s ease;
}

.back-btn input:hover {
    background: #fff;
    color: #104f58;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 40%;
    margin: 0 5px;
    font-size:14px !important;
    float: left;
}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: left;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    float: right;
}

/*********************
CONTACT PAGE
*********************/
.contactContents_wrap {
    width: 100%;
    max-width: 1110px;
    background: #fff;
    margin: 0 auto;
}

.contactContents_inner_box {
    margin: 0 auto;
    padding: 20px;
}

.contactContents_inner_box p {
    margin: 0;
    padding: 5px 0 30px;
}

.contactContents_inner_box .phone {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
}
@media all and (min-width: 481px) {
  .contactContents_inner_box .phone {
    font-size: 36px;
  }
}

.contactContents_txtBox {
    letter-spacing: 0.125em;
    margin: 0 auto;
    padding: 10px 0 20px;
}

.contactPhone {
    display: inline-block;
    color: #38635d;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #38635d;
    margin: 10px auto 20px;
    padding: 10px 40px;
    box-shadow:2px 3px 0px 0px #38635d;
}
@media all and (min-width: 321px) and (max-width: 959px) {
  .contactPhone {
    font-size: 24px;
  }
}
/* 24px @ 960px increasing to 30px @ 1279px */
@media (min-width: 960px) {
  .contactPhone {
    font-size: calc(1.5rem + ((1vw - 9.6px) * 1.8809));
    /* Where: * 1.8809 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1279px) {
  .contactPhone {
    font-size: 30px;
  }
}
@media all and (min-width: 1280px) {
  .contactPhone {
    font-size: 36px;
  }
}

.contactPhone a {
    text-decoration: none;
    color: #38635d;
    transition: .3s;
}
.contactPhone a:visited {
    color: #38635d;
    text-decoration: none;
}
.contactPhone a:hover {
    color: #38635d;
    text-decoration: none;
}
.contactPhone a:active {
    color: #38635d;
    text-decoration: none;
}

/*********************
RETIREMENT HOME
*********************/

.contents3_text {
    padding: 65px 0 30px;
}

.contents3_text2 {
    padding: 30px 0 65px;
}
@media all and (min-width: 1024px) {
    {padding: 30px 0 100px;
}
}
.contents3_text2 p {
    padding-top: 30px;
}

.textBig {
    font-size: 24px;
}

/*********************
HOME CARE
*********************/

.home_care_img {
    padding-top: 45px;
}

/*********************
HOME HELP
*********************/

.underPage_contents1 ul {
    line-height: 40px;
    padding-bottom: 15px;
}

.home_help_text {
    padding-bottom: 40px;
}
@media all and (min-width: 600px) {
  .home_help_text {
    padding-bottom: 70px;
  }
}

.home_help_slogan {
    padding-bottom: 25px;
    font-size: 20px;
    color: #38635d;
    text-align: left;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .home_help_slogan {
    padding-bottom: 48px;
    text-align: center;
    font-size: 22px;
  }
}
@media all and (min-width: 960px) {
  .home_help_slogan {
    padding-bottom: 48px;
    text-align: center;
    font-size: 24px;
  }
}

.home_help_img {
    padding-top: 50px;
}
@media all and (min-width: 600px) {
  .home_help_img {
    padding-top: 70px;
  }
}

/*********************
FACILITY
*********************/
.facility_img01 {
    padding-top: 20px;
    position: relative;
    z-index: 10;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) {
  .facility_img01 {
    padding-top: 50px;
  }
}

.facility_box1 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 11;
    transition: 0.3s ease-in-out;
}

@media all and (min-width: 768px) {
  .facility_box1:before {
    content: "";
    display: block;
    padding-top: 20%;
    transition: 0.3s ease-in-out;
  }
}

.left_box {
    width: 100%;
    padding-top: 25px;
    position: relative;
    z-index: 30;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .left_box {
    width: 54.1666%; /*650/1200*/
    padding-top: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    transition: 0.3s ease-in-out;
  }
}
@media all and (min-width: 1024px) {
  .left_box {
    width: 50%; /*600/1200*/
    max-width: 600px;
    padding-top: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    transition: 0.3s ease-in-out;
  }
}

.left_box p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .left_box p  {
    margin: 0;
    padding: 0;
    line-height: 2;
    transition: 0.3s ease-in-out;
  }
}
@media all and (min-width: 1024px) {
  .left_box p {
    padding: 10px 30px 10px 5px;
    line-height: 2;
    transition: 0.3s ease-in-out;
  }
}

.right_box {
    width: 100%;
    max-width: 480px;
    margin: 20px auto 0;
    position: relative;
    z-index: 20;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .right_box  {
    width: 40%; /*480/1200*/
    max-width: 480px;
    margin: 0;
    position: absolute;
    top: -50px;
    right: 4.1666%; /*50/1200*/
    z-index: 20;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
  }
}
@media all and (min-width: 1024px) {
  .right_box {
    right: 8.3333%; /*100/1200*/
    max-width: 480px;
    margin: 0;
    position: absolute;
    top: -85px;
    right: 4.1666%; /*50/1200*/
    z-index: 20;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    transition: 0.3s ease-in-out;
  }
}

/* guide map
----------------------------------------------- */
.guideMap_wrap {
    height: auto;
    background: url("../images/bg_facility01.jpg") center center no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
}

/* ｆacility landscape
----------------------------------------------- */
.landscape_wrap {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 600px) {
  .landscape_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: space-between;
  }
}

.landscape_item {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .landscape_item {
    width: 48.0468%; /*380/768*/
    max-width: 380px;
  }
}
@media all and (min-width: 768px) {
  .landscape_item {
    width: 31.6666%; /*380/1200*/
    max-width: 380px;
  }
}

.landscape_txt {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 10px 10px 20px;
}

/*********************
COMPANY
*********************/

.philosophy_box {
    width: 90%; /*850/1210*/
    color: #333;
    background: #fff;
    margin: 0 auto;
    box-shadow:0px 0px 70px 0px rgba(188,188,188,.4);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .philosophy_box {
    width: 80%;
  }
}
@media all and (min-width: 960px) {

  .philosophy_box {
    width: 70.2479%; /*850/1210*/
  }
}

.philosophy_list {
    display: inline-block;
    padding: 50px 30px 25px;
}
@media all and (min-width: 600px) and (max-width: 959px) {
  .philosophy_list {
    padding: 60px 50px 35px;
  }
}
@media all and (min-width: 960px) {
  .philosophy_list {
    padding: 95px 0 70px;
  }
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
    border-bottom: 0;
    margin: 0;
    /* end .menu li */
    /* highlight current page */
    /* end current highlighters */ }
.nav li {
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
.nav li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 0.75em;
    /*
    remember this is for mobile ONLY, so there's no need
    to even declare hover styles here, you can do it in
    the style.scss file where it's relevant. We want to
    keep this file as small as possible!
    */
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
    padding-left: 30px;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
    margin: 0;
    padding: 0;
}

.hentry {
    background-color: #fff;
    margin-bottom: 1.5em;
}
.hentry header {
    border-bottom: 1px solid #fff;
    padding: 0; }

.hentry footer {
    padding: 1.5em;
    border-top: 1px solid #fff; }

.hentry footer p {
      margin: 0;
}

/* end .hentry */
.single-title,
.page-title,
.entry-title {
    margin: 0; }

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

/* entry content */
.entry-content {
    padding: 0;
    /*
    image alignment on a screen this size may be
    a bit difficult. It's set to start aligning
    and floating images at the next breakpoint,
    but it's up to you. Feel free to change it up.
    */
}

.entry-content p {
    margin: 0;
}

.entry-content table {
    width: 100%;
    border: 1px solid #eaedf2;
    margin-bottom: 1.5em;
}
.entry-content table caption {
    margin: 0 0 7px;
    font-size: 0.75em;
    color: #9fa6b4;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.entry-content tr {
    border-bottom: 1px solid #eaedf2;
}
.entry-content tr:nth-child(even) {
    background-color: #f8f9fa;
}
.entry-content td {
    padding: 7px;
    border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
    border-right: 0;
}
.entry-content th {
    background-color: #f8f9fa;
    border-bottom: 1px solid #eaedf2;
    border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
    border-right: 0;
}
.entry-content blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    border-left: 3px solid #2980b9;
    font-style: italic;
    color: #9fa6b4;
}
.entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em;
}
.entry-content img {
    margin: 0;
    max-width: 100%;
    height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
    max-width: 100%;
    height: auto;
}
.entry-content pre {
    background: #323944;
    color: #f8f9fa;
    font-size: 0.9em;
    padding: 1.5em;
    margin: 0 0 1.5em;
    border-radius: 3px;
}

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

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
    margin: 0;
}



/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
    margin: 1.5em 0;
}

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

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

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

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

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

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

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

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

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

#reply-title {
    margin: 0;
}

.logged-in-as {
    color: #9fa6b4;
    font-style: italic;
    margin: 0;
}
.logged-in-as a {
    color: #5c6b80;
}

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

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

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

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

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

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

/*********************
SIDEBARS & ASIDES
*********************/
.widget {
    margin: 0;
    padding: 0;
}

.widget ul li {
  /* deep nesting */ }

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

/*********************
FOOTER STYLES
*********************/
.footer {
    width: 100%;
    background: #028760;
}

.footer_inner {
    margin: 0 auto;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    justify-content: center;
}

.footerLogo_wrap {
    max-width: 328px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    transition: 0.3s ease-in-out;
}

.footerLogo {
    width: 198px;
    margin: 0;
    padding: 0;
    padding: 30px 0;
    transition: 0.3s ease-in-out;
}
@media all and (min-width: 481px) and (max-width: 719px) {
  .footerLogo {
    width: 268px;
    padding: 40px 0;
  }
}
@media all and (min-width: 720px) and (max-width: 1023px) {
  .footerLogo {
    width: 298px;
    padding: 50px 0;
  }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
  .footerLogo {
    width: 308px;
    padding: 60px 0;
  }
}
@media all and (min-width: 1280px) {
  .footerLogo {
    width: 328px;
    padding: 60px 0;
  }
}

.footer_bottom {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0.063em;
    width: 100%;
    margin: 0 auto;
    background-color: #38635d;
}
@media all and (min-width: 321px) {
  .footer_bottom {
    font-size: 14px;
  }
}

.footer_bottom_inner {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
}

.footernavi {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.footernavi li {
    margin: 0;
    padding: 0;
}
.footernavi li a:link {
    color: #f4f4f4;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.footernavi li a:visited {
    color: #f4f4f4;
    text-decoration: none;
}
.footernavi li a:hover {
    color: #fabe00;
    text-decoration: none;
}
.footernavi li a:active {
    color: #f4f4f4;
    text-decoration: none;
}

.footernavi li .button {
    padding: 0 10px;
}

.footernavi li+ li .button {
    border-left: 1px solid #f4f4f4;
    margin: 0;
}


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

/*********************
PARTS
*********************/

/* button1
----------------------------------------------- */

.button1 {
    display: inline-block;
    background: #38635d;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 0.063em;
    width: 240px;
    padding: 20px 0;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
}
.button1:hover{
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2);
}


/*********************
select custom
*********************/
select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

/******************************************************************
ANIMATE ADD STYLES
******************************************************************/

/* ---- fadeInUp2 ---- */
@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}



/* ---- fadeInDown2 ---- */
@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown2 {
  -webkit-animation-name: fadeInDown2;
  animation-name: fadeInDown2;
}



/* ---- fadeInRight2 ---- */
@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight2 {
  -webkit-animation-name: fadeInRight2;
  animation-name: fadeInRight2;
}



/* ---- fadeInLeft2 ---- */
@-webkit-keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft2 {
  -webkit-animation-name: fadeInLeft2;
  animation-name: fadeInLeft2;
}


/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: none; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

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

  thead {
    display: table-header-group; }

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

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

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }