/*!
Theme Name: aiaitaxi
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aiaitaxi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

aiaitaxi is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}
.fwb {
	font-weight: bold;
}
blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover, a:focus, a:active {
	color: #000;
}

a:focus {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* White Wing Web site contents
	========================================================================== */
body {
	margin: 0;
	color: #000;
	font-size: 14px;
}
#page {
	max-width: 1200px;
	margin: 0 auto;
}
#main-header {
	display: flex;
	height: 90px;
}
@media all and (max-width:991px) {
	#main-header {
		height: 80px;
	}
}
@media all and (max-width:767px) {
	#main-header {
		display: block;
		text-align: center;
	}
}
#main-header .site-logo {
	padding-top: 10px;
	position: relative;
	z-index: 100000;
	width: 300px;
}
@media all and (max-width:991px) {
	#main-header .site-logo {
		width: 360px;
	}
}
@media all and (max-width:767px) {
	#main-header .site-logo {
		width: unset;
		margin: 0 auto;
		display: table;
		text-align: center;
	}
}
#main-header .header-info {
	text-align: right;
	width: calc(100% - 300px);
}
@media all and (max-width:767px) {
	#main-header .header-info {
		display: none;
	}
}
#menu-area {
	width: 100%;
	height: 60px;
	background: #172a88;
}
@media all and (max-width:767px) {
	#menu-area {
		display: none;
	}
}
#menu-area nav {
	height: 100%;
	text-align: center;
}
#menu-area nav .menu-menu-1-container {
	height: 100%;
}
#menu-area nav .menu-menu-1-container ul {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
#menu-area nav .menu-menu-1-container ul li {
	width: calc(100% / 5);
	padding-top: 10px;
	height: 50px;
}
#menu-area nav .menu-menu-1-container ul li a {
	display: block;
	border-left: 1px solid #fff;
}
#menu-area nav .menu-menu-1-container ul li:last-of-type a {
	border-right: 1px solid #fff;
}
#menu-area nav .menu-menu-1-container ul li.menu-item a {
	color: #fff;
	font-size: 20px
}
#menu-area nav .menu-menu-1-container ul li.current-menu-item {
	border-top: #fff100 3px solid;
	border-bottom: #fff100 3px solid;
}
#menu-area nav .menu-menu-1-container ul li.current-menu-item a {
	color: #fff100;
}
#menu-area nav .menu-menu-1-container ul li.menu-item:hover {
	background-color: #171c61;
}

.mean-container .mean-bar {
	background-color: transparent;	
	z-index: 9999;
}
.mean-container .mean-nav {
	background: #172a88;
}
.mean-container a.meanmenu-reveal span {
	background-color: #172a88;
}
.mean-container a.meanmenu-reveal {
	color: #172a88;
	z-index: 999999;
}
.mean-container .mean-nav {
    margin-top: 60px;
}

#front {
}
#front #slider {
	background: #172a88;
	padding-top: 10px;
	padding-bottom: 10px;
}
#front #slider #top_slider {
	margin: 0 auto;
}
#front #slider #top_slider .sp-slides .sp-slide img {
	border: #fff 5px solid;
}
#front #slider #top_slider .sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
	width: 80%;
	height: 200%;
}
#front #slider #top_slider .sp-arrow {
}
#front #slider #top_slider .sp-arrow::before {
	content: '<';
	padding-top: 18px;
	padding-left: 2px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	vertical-align: middle;
	font-weight: bold;
	left: 100%;
}
@media all and (max-width:767px) {
	#front #slider #top_slider .sp-arrow {
		opacity: 0.8;
	}
	#front #slider #top_slider .sp-arrow::before {
		left: -50%;
	}
}
#front #slider #top_slider .sp-arrow::after {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	height: 0;
}
#front #slider #top_slider .sp-fade-arrows {
	opacity: 1;
}
#front #slider #top_slider .sp-next-arrow::before {
	margin-top: -30px;	
}
#front #guide .guide-box {
	overflow: hidden;
}
#front #guide .guide-box .image {
	border: #172a88 solid 3px;
	position: relative;
}
#front #guide .guide-box .image:hover .hover-cover {
	left: -45px;
}
#front #guide .guide-box .image .hover-cover {
	position: absolute;
	width: 135%;
	height: 100%;
	top: 0;
	left: -250%;
	background-color: rgba(0, 0, 0, 0.3);
	-moz-transform: skewX(30deg);
	-o-transform: skewX(30deg);
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#front #guide .guide-box .description {
	width: 77%;
	margin: 0 auto;
	padding-top: 20px;
	line-height: 2.0;
	padding-bottom: 20px;
}
@media all and (max-width:767px) {
	#front #guide .guide-box .description {
		width: 90%;
	}
}
#front #about .about-box {
	width: 90%;
	margin: 0 auto;
}
#front #about .cover {
	position: relative;
	background-image: url('images/about_bg.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-position-x: center;
	padding-top: 30px;
	padding-bottom: 30px;
    min-height: 500px;
	width: 100vw;
	left: 49%;
	right: 49%;
	margin-left: -50vw;
	margin-right: -50vw;
}
#front #about .cover-image {
	background-image: url('images/about_bg.jpg');
}
@media all and (max-width:767px) {
	#front #about .cover {
		background: none;
		width: 100%;
		left: 0;
		right: 0;
		margin-left: 0;
		margin-right: 0;
	}
}
#front #about .about-box .image {
	position: relative;
	z-index: 3;
	margin-top: 30px;
	text-align: center;
}
#front #about .about-box:hover .image img {
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#front #about .about-box .text {
	background-color: #fff;
	border: #172a88 solid 1px;
	padding-top: 40px;
	padding-bottom: 20px;
	display: block;
	position: relative;
	min-height: 220px;
	z-index: 2;
	margin-top: -30px;
}
#front #about .about-box:hover .text {
	background-color: #e6f4fd;
}
#front #about .about-box .text .title {
	display: block;
	color: #172a88;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	height: 55px;
}
#front #about .about-box .text .title span {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.0;
}
#front #about .about-box .text .title p {
	display: table-cell; /* p要素でテーブルの構造を表現 */
	vertical-align: middle; /* 画像を垂直に */
	text-align: center; /* 画像を中央に */
}
#front #about .about-box .text img {
	margin-left: 10px;
	vertical-align: middle;
}
#front #about .about-box .text .description {
	width: 74%;
	display: block;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#front #about .about-box .text .description {
		width: 90%;
	}
}
#front #about .about-box .shadow {
	width: 100%;
	min-height: 220px;
	background-image: url('images/about_text_bg.png');
	background-repeat: repeat;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1;
}
#front #info .info-box {
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
#front #info .info-box .info-image-box {
	overflow: hidden;
}
#front #info .info-box .info-image-box img.info-image:hover {
	transform: scale(1.1);
	transition-duration: 1.0s;
}
#front #info a:hover .info-box .info-image-box img {
	transform: scale(1.1);
	transition-duration: 1.0s;
}

.heading {
	display: block;
	background-color: #172a88;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 280px;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	.heading {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		}
}
.heading .title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.contact {
	background-color: #172a88;
	color: #fff100;
	display: inline-block;
	padding: 5px;
	border-radius: 10px;
	height: 55px;
}
.contact.center {
	margin: 0 auto;
	display: table;
}
.contact .label {
	font-size: 14px;
	color: #fff100;
	display: inline-block;
	padding-top: 10px;
}
.contact img {
	vertical-align: bottom;
}
.contact .telno {
	font-size: 22px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: bottom;
}

footer .site-info {
	height: auto;
	font-size: 12px;
}
footer .site-info .footer-contents {
	padding-top: 50px;
	text-align: center;
}
@media all and (max-width:767px) {
	footer .site-info .footer-contents {
		padding-top: 10px;
	}
}
footer .site-info .footer-contents .footer-menu {
	background-color: #172a88;
	color: #fff;
	float: left;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	min-height: 60px;
	align-items: center;
}
@media all and (max-width:767px) {
	footer .site-info .footer-contents .footer-menu {
		justify-content: initial;
		padding-left: 1em;
		line-height: 3em;
	}
}
footer .site-info .footer-contents .footer-menu .footer-menu-item {
	text-align: center;
    min-width: 100px;
    padding-right: 20px;
}
footer .site-info .footer-contents .footer-menu .footer-menu-item a {
	text-decoration: none;
	color: #fff;
}
footer .site-info .footer-contents .footer-company {
	display: inline-block;
}
@media all and (max-width:767px) {
	footer .site-info .footer-contents .footer-company {
		display: block;
		padding-top: 50px;
		clear: both;
	}
	footer .site-info .footer-contents .footer-menu .footer-menu-item {
		width: unset;
		min-width: unset;
		text-align: left;
	}
}
footer .site-info .logo {
	margin-top: 80px;
	margin-bottom: 20px;
}
@media all and (max-width:767px) {
	footer .site-info .logo {
		margin-top: 90px;
	}
}
footer .site-info .info {
	text-align: left;
	color: #172a88;
	line-height: 1.5;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	display: inline-block;
}
footer .site-info .copyright {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #172a88;
	background-color: #efefef;
	min-height: 50px;
}
footer .site-info .copyright p {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	width: 1200px;
}
footer .contact {
	display: block;
}
.footer-contact {
	display: none;
}
@media all and (max-width:767px) {
	footer {
		margin-bottom: 80px;
	}
	footer .contact {
		display: none;
	}
	footer .contact.center {
		display: none;
	}
	.footer-contact {
		background-color: #fff;
		width: 100%;
		margin: 0 auto;
		display: block;
		position: fixed;
		left: 0px;
		bottom: 0px;
		height: 75px;
		padding-top: 10px;
		z-index: 9999;
	}
}

.page-menu {
	max-width: 100%;
	height: 85px;
	background-image: linear-gradient( -45deg, #fff 20%, #eef6fb 20%, #eef6fb 50%, #fff 50%, #fff 70%, #eef6fb 70%, #eef6fb );
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 16px 16px;
}
@media all and (max-width:767px) {
	.page-menu {
		display: none;
	}
}
.page-menu .page-menu-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.page-menu .page-menu-container .page-menu-item {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.page-menu .page-menu-container .page-menu-item img {
	margin-right: 10px;
}
.page-menu .page-menu-container .page-menu-item a {
	color: #172a88;
}
.page-menu .page-menu-container .page-menu-item span {
	padding-top: 2px;
	vertical-align: middle;
}
@media all and (max-width:767px) {
	.container {
		padding-right: 0px;
		padding-left: 0px;		
	}
}
.contents {
	margin: 0 auto;
	width: 85%;
}
@media all and (max-width:767px) {
	.contents {
		width: 100%;
	}
}
@media all and (max-width:767px) {
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
	.row .col-xs-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/*
.content-title {
	width: 100%;
	display: flex;
	justify-content: center;
}
*/
.content-title {
	width: 50%;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	.content-title {
		width: 100%;
	}
}
.content-title .title {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #172a88;
	letter-spacing: 3px;
}
.content-title .title:before,
.content-title .title:after {
	border-top: 4px solid #172a88;
	content: "";
	flex-grow: 1;
	width: 10%;
}
.content-title .title:before {
	margin-right: -20px;
}
.content-title .title:after {
	margin-left: -25px;
}
.content-title .title span {
	display: inline-block;
	padding-left: 50px;
	padding-right: 50px;
	background-image: 
		linear-gradient(120deg, transparent 13%, #172a88 13%, #172a88 15%, transparent 15%, transparent),
		linear-gradient(120deg, transparent 83%, #172a88 83%, #172a88 85%, transparent 85%, transparent);
}
.header-image {
	width: 100%;
	height: 230px;
}
@media all and (max-width:767px) {
	.header-image {
		height: 190px;
		min-height: 190px;
	}
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media all and (max-width:767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}
br.sp {
	display: none;
}
@media all and (max-width:767px) {
	br.sp {
		display: initial;
	}
}
br.pc {
	display: initial;
}
@media all and (max-width:767px) {
	br.pc {
		display: none;
	}
}
span.sp {
	display: none;
}
@media all and (max-width:767px) {
	span.sp {
		display: initial;
	}
}

.header-image-recruit {
	width: 100%;
	height: 230px;
	background-image: url('images/company/company_recruit.jpg');
	background-position-x: center;
	background-repeat: no-repeat;
	margin-top: 50px;
}
@media all and (max-width:767px) {
	.header-image-recruit {
		background: none;
		margin-top: 10px;
		height: unset;
	}
}
.header-image-recruit .message {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff100;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	color: #172a88;
	padding: 40px;
	width: 240px;
}
#company .page-menu .page-menu-container {
	padding-left: 200px;
	padding-right: 200px;
}

#company table {
	background-image: linear-gradient( -45deg, #fff 20%, #eef6fb 20%, #eef6fb 50%, #fff 50%, #fff 70%, #eef6fb 70%, #eef6fb );
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 16px 16px;
	width: 85%;
	border: #2f2c68 1px solid;
	font-size: 18px;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#company table {
		padding-right: 0px;
		padding-left: 0px;
		margin: 0;
		width: 100%;
		font-size: 16px;
	}
}
#company table tr {
	vertical-align: middle;
	height: 70px;
	border-bottom: #000 1px solid;
}
#company table th {
	width: 20%;
	font-weight: normal;
	text-align: center;
}
@media all and (max-width:767px) {
	#company table th {
		width: 25%;
	}
}
#company table td {
	background-color: #fff;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media all and (max-width:767px) {
	#company table td {
		padding-right: 10px;
	}
}
#company .member-voice-box {
	margin: 0 auto;
	text-align: center;
}
@media all and (max-width:767px) {
	#company .member-voice-box {
		width: 90%;
		margin-top: 20px;
	}
}
#company .member-voice-box .title {
}
#company .member-voice-box  .title {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #172a88;
	letter-spacing: 3px;
}
#company .member-voice-box .title span {
	display: inline-block;
	padding-left: 100px;
	padding-right: 100px;
	background-image: 
		linear-gradient(60deg, transparent 13%, #172a88 13%, #172a88 14.5%, transparent 14.5%, transparent),
		linear-gradient(120deg, transparent 83%, #172a88 83%, #172a88 84.5%, transparent 84.5%, transparent);
	margin: 0 auto;
}

#company .member-voice-box .desc {
	position: relative;
	margin-top: 50px;
}
#company .member-voice-box .desc .image {
	position: relative;
	bottom: 35px;
}
#company .member-voice-box .desc .image img {
	box-shadow: 2px 2px 4px gray;
}
#company .member-voice-box .desc .text {
	width: 80%;
	position: relative;
	bottom: 15px;
	margin: 0 auto;
	font-size: 18px;
	text-align: left;
	letter-spacing: 2px;
}
#company .note {
	color: #172a88;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.mail_link a {
	margin-left:20px;
}

@media all and (max-width:767px) {
	#company .note {
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
	}
}

#business .page-menu .page-menu-container {
	padding-left: 100px;
	padding-right: 100px;
}
#business .header-image {
	background-image: url('images/business/business_header_bg.jpg');
	background-position-x: center;
	background-repeat: no-repeat;
	max-height: 330px;
	color: #fff;
	text-align: center;
}
@media all and (max-width:767px) {
	#business .header-image {
		background-size: cover;
	}
}
#business .header-image .caption {
	font-size:28px;
	font-weight: bold;
	padding-top: 80px;
}
@media all and (max-width:767px) {
	#business .header-image .caption {
		padding-top: 60px;
	}
}
#business .header-image .sub-caption {
	font-size:22px;
	font-weight: bold;
}
@media all and (max-width:767px) {
	#business .header-image .sub-caption {
		font-size:20px;
	}
}
#business .representative {
	min-height: 400px;
	margin-top: 50px;
}
@media all and (max-width:767px) {
	#business .representative {
		margin-top: 0px;
	}
}
#business .representative .image-box {
	margin-top: 80px;
}
@media all and (max-width:767px) {
	#business .representative .image-box {
		margin-top: 30px;
	}
}
#business .representative .image-box .image-frame {
	position: relative;
	min-height: 300px;
}
@media all and (max-width:767px) {
	#business .representative .image-box .image-frame {
	}
}
#business .representative .image-box .image-frame .image {
	position: absolute;
	z-index: 2;
	top: -20px;
	left: 20px;
	max-width: 300px;
	max-height: 300px;
	width: 300px;
	height: 300px;
}
@media all and (max-width:767px) {
	#business .representative .image-box .image-frame .image {
		position: static;
		top: unset;
		left: unset;
		margin: 0 auto; 
	}
}
#business .representative .image-box .image-frame .image img {
	box-shadow: 2px 2px 4px gray;
}
#business .representative .image-box .image-frame .shadow {
	position: absolute;
	z-index: 1;
	background-image: linear-gradient( 45deg, #fff 20%, #c7e3f1 20%, #c7e3f1 50%, #fff 50%, #fff 70%, #c7e3f1 70%, #c7e3f1 );
	background-size: 16px 16px;
	max-width: 300px;
	max-height: 300px;
	width: 300px;
	height: 300px;
}
@media all and (max-width:767px) {
	#business .representative .image-box .image-frame .shadow {
		position: static;
		margin: 0 auto;
		margin-top: -280px;
		margin-left: 20px;
	}
}
#business .representative .image-box .name {
	margin-left: -20px;
	font-size: 28px;
	text-align: center;
}
#business .representative .image-box .name .small {
	font-size: 20px;
}
#business .representative .image-box .name hr {
	background-color: #000;
	height: 3px;
	max-width: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#business .representative .greeting-box {
	width: 560px;
}
@media all and (max-width:767px) {
	#business .representative .greeting-box {
		width: 95%;
		margin: 0 auto;
		margin-top: 20px;
	}
}
#business .representative .greeting-box .title {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	color: #172a88;
}
#business .representative .greeting-box .message-box {
	font-size: 18px;
	background-image: url('images/business/message_frame.png');
	background-size: contain;
	background-repeat: no-repeat;
	/*
	background-image: url('images/business/message_frame_top.png'),
					  url('images/business/message_frame_bottom.png'),
					  url('images/business/message_frame_loop.png');
	background-position: top left, bottom left, top left;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 560px 70px, 560px 70px, 560px 30px;
	*/
	padding: 40px 60px;
	min-height: 300px;
}
@media all and (max-width:767px) {
	#business .representative .greeting-box .message-box {
		background-size: 100% 100%;
		padding: 40px 40px;

		background-image: url('images/business/message_frame_top.png'),
		url('images/business/message_frame_bottom.png'),
		url('images/business/message_frame_loop.png');
		background-position: top, bottom, center;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100%, 100%, 100%;

	}
}
#business .description .content-title {
	width: 100%;
}

#business .description .business-bg {
	max-width: 290px;
	max-height: 146px;
	height: 146px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
@media all and (max-width:767px) {
	#business .description .business-bg {
		height: 70px;
	}
}
#business .description .business-bg img {
	border: #172a88 2px solid;
	filter: brightness(50%);
}
#business .description .business-bg .caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width: 100%;
	text-shadow: 1px 1px 3px #000;
}
@media all and (max-width:767px) {
	#business .description .business-bg .caption {
		font-size: 13px;
	}
}
@media all and (max-width:767px) {
	#business .description .pd-5-sp {
		padding-left: 5px;
		padding-right: 5px;
	}
}
#business .description .business-title {
	height: 85px;
}
#business .description .business-title .title {
	border-left: #2f2c6a 10px solid;
	color: #2f2c6a;
	font-size: 24px;
	font-weight: bold;
	width: 80%;
	margin: 0 auto;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	display: inline-block;
}
@media all and (max-width:767px) {
	#business .description .business-title .title {
		margin-left: 20px;
	}
}
#business .description .business-box {
	margin: 0 auto;
	max-width: 441px;
}
@media all and (max-width:767px) {
	#business .description .business-box {
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 10px;
		max-width: unset;
	}
}
#business .description .business-box img {
	box-shadow: 2px 2px 4px gray;
}
#business .description .business-box .title {
	color: #036eb8;
	font-size: 22px;
	font-weight: bold;
	padding-left: 40px;
}
@media all and (max-width:767px) {
	#business .description .business-box .title {
		padding-left: 28px;
		font-size: 19px;
	}
}
#business .description .business-box hr {
	height: 5px;
	background-color: #172a88;
	width: 90%;
	padding-top: 0px;
	margin-top: 10px;
}
#business .description .business-box .text {
	width: 73%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.8;
}
@media all and (max-width:767px) {
	#business .description .business-box .text {
		width: 90%;
	}
}
#business .description .heading-car {
	margin: 0 auto;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
}
#business .description .heading-car .title {
	text-align: center;
	width: 15em;
	height: 50px;
	color: #172a88;
	background-color: #fff;
	margin: 0 auto;
	border: #172a88 3px solid;
	margin-top: 50px;
	padding-top: 5px;
	position: relative;
	z-index: 2;
}
@media all and (max-width:767px) {
	#business .description .heading-car .title {
		width: 13em;
	}
}
#business .description .heading-car .shadow {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	top: 5px;
	left: 5px;
	width: 15em;
	height: 50px;
	background-image: linear-gradient( -45deg, #fff 20%, #036eb8 20%, #036eb8 50%, #fff 50%, #fff 70%, #036eb8 70%, #036eb8 );
	background-size: 16px 16px;
	margin-top: -50px;
}
@media all and (max-width:767px) {
	#business .description .heading-car .shadow {
		width: 13em;
	}
}
#business .description .car-box, #guide .car-box  {
	padding-left: 2px;
	font-size: 16px;
	text-align: center;
}
@media all and (max-width:767px) {
	#guide .car-box  {
		margin-top: 20px;
	}
}
#business .description .car-box img, #guide .car-box img {
	box-shadow: 2px 2px 4px gray;
}
#business .description .car-box p, #guide .car-box p {
	margin-bottom: 0px;
}
#business .description .car-box p.indent-3, #guide.car-box p.indent-3 {
	text-indent: -3em;
	padding-left: 3em;
}
#business .description .car-box .text, #guide .car-box .text {
	margin: 0 auto;
	width: 255px;
	margin-top: 30px;
	padding: 20px 20px;
	border: #2f2c6a 1px solid;
	min-height: 195px;
	text-align: left;
}
#business .description .swiper-container-business .swiper-button-prev-business {
	left: 365px;
	top: 80%;
	width: 32px;
	background-image: url('images/swiper-button-prev.png');
	background-size: 34px 34px;
}
#business .description .swiper-container-business .swiper-button-next-business {
	right: 365px;
	top: 80%;
	width: 32px;
	background-image: url('images/swiper-button-next.png');
	background-size: 34px 34px;
}
@media all and (max-width:1119px) {
	#business .description .swiper-container-business .swiper-button-prev-business {
		left: 5px;
	}
	#business .description .swiper-container-business .swiper-button-next-business {
		right: 5px;
	}
}
#business .description .partnership {
	margin: 0 auto;
	text-align: center;
}
#business .description .partnership .text {
	display: flex;
	align-items: center;
	font-size: 28px;
	font-weight: bold;
	color: #172a88;
	letter-spacing: 3px;
}
#business .description .partnership .text {
	display: inline-block;
	padding-left: 100px;
	padding-right: 100px;
	background-image: 
		linear-gradient(60deg, transparent 13%, #172a88 13%, #172a88 14%, transparent 14%, transparent),
		linear-gradient(120deg, transparent 83%, #172a88 83%, #172a88 84%, transparent 84%, transparent);
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#business .description .partnership .text {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 20px;
		background-image: 
			linear-gradient(60deg, transparent 4%, #172a88 4%, #172a88 5%, transparent 5%, transparent), 
			linear-gradient(120deg, transparent 95%, #172a88 95%, #172a88 96%, transparent 96%, transparent);
	}
}
#business .description .partnership .text span {
	background-image: linear-gradient(to top,transparent 10%,#fff100 20%,#fff100 40%,transparent 50%);
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
#business .description .example {
	margin: 0 auto;
	text-align: center;
}
#business .description .example .example-usage {
	text-align: center;
	color: #036eb8;
	font-size: 28px;
	font-weight: bold;
	border-bottom: #172a88 5px solid;
	padding-left: 15px;
	padding-right: 15px;
}
@media all and (max-width:767px) {
	#business .description .example .example-usage {
		font-size: 24px;
	}
}
@media all and (max-width:767px) {
	#business .description .example .example-frame {
		padding-left: 20px;
		padding-right: 20px;
	}
}
#business .description .price-box {
	position: relative;
}
#business .description .price-box .price-frame {
	text-align: center;
	width: 355px;
	height: 190px;
	color: #172a88;
	background-color: #fff;
	margin: 0 auto;
	border: #172a88 3px solid;
	margin-top: 50px;
	padding-top: 5px;
	position: relative;
	z-index: 2;
	font-weight: bold;
}
#business .description .price-box .price-frame .title {
	color: #172a88;
	padding-left: 0px;
	font-size: 24px;
	letter-spacing: 5px;
}
#business .description .price-box .price-frame .title span {
	padding-left: 50px;
	padding-right: 50px;
	background-image: linear-gradient(to top,transparent 10%,#fff100 20%,#fff100 40%,transparent 50%);
}
#business .description .price-box .price-frame .detail {
	font-size: 24px;
	text-align: left;
	margin: 0 auto;
	display: inline-block;
	margin-top: 10px;
}
#business .description .price-box .price-frame .price {
	font-size: 40px;
	letter-spacing: 5px;
}
#business .description .price-box .shadow {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	top: 5px;
	left: 5px;
	width: 355px;
	height: 190px;
	background-image: linear-gradient( -45deg, #fff 20%, #036eb8 20%, #036eb8 50%, #fff 50%, #fff 70%, #036eb8 70%, #036eb8 );
	background-size: 16px 16px;
	margin-top: -190px;
}
#business .description .lunchbox {
	margin: 0 auto;
	text-align: center;
}
#business .description .lunchbox .text {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	color: #172a88;
	letter-spacing: 3px;
	width: 100%;
}
#business .description .lunchbox .text {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	background-image: 
		linear-gradient(60deg, transparent 13%, #172a88 13%, #172a88 14%, transparent 14%, transparent),
		linear-gradient(120deg, transparent 87%, #172a88 87%, #172a88 88%, transparent 88%, transparent);
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#business .description .lunchbox .text {
		background-image: 
			linear-gradient(60deg, transparent 4%, #172a88 4%, #172a88 5%, transparent 5%, transparent),
			linear-gradient(120deg, transparent 95%, #172a88 95%, #172a88 96%, transparent 96%, transparent);
	}
}
#business .description .lunchbox .text span {
	background-image: linear-gradient(to top,transparent 10%,#fff100 20%,#fff100 40%,transparent 50%);
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
@media all and (max-width:767px) {
	#business .description .lunchbox .text span {
		margin-left: 15px;
	}
}
#guide .page-menu .page-menu-container {
	padding-left: 200px;
	padding-right: 200px;
}
#guide .section-title {
	vertical-align: middle;
}
#guide .section-title span {
	font-size: 32px;
	font-weight: bold;
	color: #172a88;
	vertical-align: middle;
	padding-left: 15px;
}
@media all and (max-width:767px) {
	#guide .section-title span {
		font-size: 20px;
	}
}
#guide .section-title hr {
	background-color: #172a88;
	height: 5px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
#guide .section-title .detail {
	font-size: 22px;
	text-align: center;
	padding-top: 30px;
	display: inline-block;
}
@media all and (max-width:767px) {
	#guide .contents-title {
		text-align: center;		
	}
	#guide .contents-outline {
		margin-bottom: 20px;
	}
}
#guide .heading-guide {
	margin: 0 auto;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
}
#guide .heading-guide .title {
	text-align: center;
	width: 15em;
	height: 50px;
	color: #172a88;
	background-color: #fff;
	margin: 0 auto;
	border: #172a88 3px solid;
	margin-top: 30px;
	padding-top: 5px;
	position: relative;
	z-index: 2;
}
#guide .heading-guide .shadow {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	top: 5px;
	left: 5px;
	width: 15em;
	height: 50px;
	background-image: linear-gradient( -45deg, #fff 20%, #036eb8 20%, #036eb8 50%, #fff 50%, #fff 70%, #036eb8 70%, #036eb8 );
	background-size: 16px 16px;
	margin-top: -50px;
}

#guide .balloon {
	background-color: #036eb8;
	color: #fff100;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
	padding: 3px 15px;
	display: table;
	margin: 0 auto;
}
#guide .balloon:before {
	content: "";
	position: absolute;
	top: 36px;;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #036eb8;
}
@media all and (max-width:767px) {
	#guide .balloon:before {
		top: 56px;;
	}
}
#guide ul.scene {
	font-size: 21px;
	font-weight: bold;
	color: #036eb8;
	margin: 0;
}
#guide .usage-example {
	background-image: url('images/guide/usage_bg.png');
	background-position-x: center;
	background-repeat: no-repeat;
	background-position-y: 190px;
}
@media all and (max-width:767px) {
	#guide .usage-example {
		background: none;
	}
}
#guide .usage-example .explain {
	position: relative;
	width: 74%;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#guide .usage-example .explain {
		width: 100%;
	}
}
#guide .usage-example .explain .stamp {
	position: relative;
	z-index: 2;
}
#guide .usage-example .explain .detail {
	position: relative;
	z-index: 1;
	margin-top: -10px;
	font-size: 16px;
	padding: 20px 45px;
	border: #172a88 1px solid;
	background: rgba(255, 255, 255, 0.8);
	min-height: 150px;
	text-align: left;
}
#guide .car-box .text {
	width: 315px;
	min-height: 186px;
}
@media all and (max-width:991px) and (min-width:768px) {
	#guide .car-box .text {
		width: 220px;
	}
}
#guide .sightseeing-section hr {
	margin-top: -3px;
}
#guide .sightseeing-section .detail {
	font-size: 20px;
}
#guide .sightseeing-section .balloon {
	margin-top: 10px;
}
#guide .sightseeing-section .balloon::before {
	top: 78px;
}
@media all and (max-width:767px) {
	#guide .sightseeing-section .balloon::before {
		top: 107px;
	}
}
#guide .swiper-container-sightseeing .swiper-button-prev-sightseeing {
	left: 322px;
	top: 80%;
	width: 32px;
	background-image: url('images/swiper-button-prev.png');
	background-size: 34px 34px;
}
#guide .swiper-container-sightseeing .swiper-button-next-sightseeing {
	right: 322px;
	top: 80%;
	width: 32px;
	background-image: url('images/swiper-button-next.png');
	background-size: 34px 34px;
}
@media all and (max-width:1119px) {
	#guide .swiper-container-sightseeing .swiper-button-prev-sightseeing {
		left: 5px;
	}
	#guide .swiper-container-sightseeing .swiper-button-next-sightseeing {
		right: 5px;
	}
}
#guide .sightseeing-box {
}
#guide .sightseeing-box .text {
	border: #172a88 1px solid;
	width: 78%;
	padding: 20px 20px;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 17px;
	min-height: 130px;
}

#guide .yabukuru-section .yabukuru {
	margin: 0 auto;
	width: 80%;
	border: #f7f8f8 10px solid;
	padding: 20px 40px;
	margin-top: 50px;
}
@media all and (max-width:767px) {
	#guide .yabukuru-section .yabukuru {
		width: 100%;
		padding: 20px 20px;
	}
}
#guide .yabukuru-section .yabukuru .message {
	margin-top: 10px;
	color: #3461ad;
	font-size: 22px;
}
@media all and (max-width:767px) {
	#guide .yabukuru-section .yabukuru .message {
		font-size: 18px;
	}
}
#guide .yabukuru-section .traffic-area {
	width: 90%;
	margin: 0 auto;
}
#guide .yabukuru-section .traffic-area .yabukuru-title {
	border-bottom: #172a88 6px dotted;
}
#guide .yabukuru-section .traffic-area .yabukuru-title span {
	color: #172a88;
	font-size: 24px;
	margin-left: 10px;
}
#guide .yabukuru-section .traffic-area .area-box {
	width: 92%;
	min-height: 230px;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#guide .yabukuru-section .traffic-area .area-box {
		margin-top: 20px;
		width: 100%;
	}
}
#guide .yabukuru-section .traffic-area .area-box .title {
	background-color: #172a88;
	color: #fff;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 10px;
}
#guide .yabukuru-section .traffic-area .area-box .detail {
	font-size: 24px;
	text-align: left;
}
#guide .yabukuru-section .traffic-area .area-box .detail p {
	margin-bottom: 0;
}
#guide .yabukuru-section .traffic-area .area-box .detail .limit {
	font-weight: bold;
}
#guide .yabukuru-section .traffic-area .area-box .detail .limit-example {
	font-size: 20px;
}
#guide .yabukuru-section .traffic-area .area-box .detail .bold {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}
#guide .yabukuru-section .traffic-area .area-box .detail .note {
	font-size: 20px;
}
#guide .heading-price {
	height: 100px;
	padding-top: 25px;
}
#guide .heading-price span {
	vertical-align: middle;
	color: #172a88;
	font-size: 32px;
	font-weight: bold;
}
#guide .price-section {
	width: 74%;
	margin: 0 auto;
}
@media all and (max-width:767px) {
	#guide .price-section {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}
#guide .price-section .type {
	color: #172a88;
}
#guide .price-section .type .title {
	border-left: #172a88 10px solid;
	font-size: 30px;
	font-weight: bold;
	padding-left: 20px;
}
#guide .price-section .type .item {
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	width: 75%;
	border-bottom:  #172a88 3px solid;
	padding-left: 10px;
}
@media all and (max-width:767px) {
	#guide .price-section .type .item {
		font-size: 18px;
		width: 70%;
	}
}
#guide .price-section .type .price {
	border-bottom:  #9fa0a0 3px solid;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	margin-left: 20px;
	width: calc(25% - 24px);
}
@media all and (max-width:767px) {
	#guide .price-section .type .price {
		font-size: 18px;
		width: calc(30% - 24px);
	}
}
#guide .price-section .type .note1 {
	font-size: 24px;
	font-weight: bold;
	padding-left: 10px;
}
@media all and (max-width:767px) {
	#guide .price-section .type .note1 {
		font-size: 18px;
	}
}
#guide .price-section .type .note2 {
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
	display: inline-block;
	padding-left: 10px;
}
@media all and (max-width:767px) {
	#guide .price-section .type .note2 {
		font-size: 18px;
	}
}
#contact-page {
}
#contact-page .contact-box {
	max-width: 700px;
	margin: 0 auto;
}
#contact-page .heading-contact {
	padding-top: 50px;
}
#contact-page .heading-contact .title {
	font-size: 28px;
	font-weight: bold;
	background-color: #172a88;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	width: 400px;
	letter-spacing: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
@media all and (max-width:767px) {
	#contact-page .heading-contact .title {
		margin-left: 0em;
		width: 100%;
	}
}
#contact-page .heading-contact .note {
	font-size: 20px;
	color: #000;
	text-align: center;
}
#contact-page .contact-quickly {
	background-color: #fff;
	margin-top: 30px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	border: #172a88 1px solid;
}
#contact-page .contact-quickly .message {
	font-size: 22px;
	font-weight: bold;
	color: #f39800;
}
#contact-page .contact-quickly .tel-time .tel {
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	background-color: #172a88;
	padding: 10px 15px;
	border-radius: 10px;
	display: inline-block;
}
@media all and (max-width:767px) {
	#contact-page .contact-quickly .tel-time .tel {
		font-size: 32px;
	}
}
#contact-page .contact-quickly .tel-time .time {
	font-size: 28px;
	font-weight: bold;
	display: block;
	margin-left: 20px;
	color: #172a88;
}
@media all and (max-width:767px) {
	#contact-page .contact-quickly .tel-time .time {
		margin-top: 20px;
	}
}
.contact_info,
.contact_info a {
	color:#172A88;
	font-weight: bold;
}
#contact-page .contact-input {
	margin-top: 50px;
}
#contact-page .form_box {
	font-size: 16px;
	background-color: #fff;
}
#contact-page .form_box table {
	background-color: #eaf6fd;
	border: #c9caca 1px solid;
}
#contact-page .form_box table tbody tr {
	min-height: 50px;
	border: #c9caca 1px solid;
}
#contact-page .form_box table tbody tr th {
	vertical-align: top;
	padding: 10px;
	font-weight: normal;
	height: 100%;
	padding-left: 20px;
}
#contact-page .form_box table tbody tr td {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left: #c9caca 1px solid;
	background-color: #fff;
}
#contact-page .form_box table tbody tr th.item-name {
	width: 120px;
	display: inline-block;
}
#contact-page .form_box .item-required {
	text-align: center;
	color: #d70051;
}
#contact-page .form_box .notes {
	padding-top: 20px;
	padding-left: 10px;
	height: 70px;
}
#contact-page .form_box .contact-input-form {
	padding-bottom: 50px;
}
#contact-page .form_box .contact-input-form .contact-box {
	background-color: #fff;
}
#contact-page .form_box table tbody tr td span.example {
	color: #9fa0a0;
}
#contact-page .form_box table tbody tr td input[name=name],input[name=furigana] {
	font-size: 16px;
	width: 70%;
}
#contact-page .form_box table tbody tr td input[name=email],input[name=email2] {
	font-size: 16px;
	width: 85%;
}
#contact-page .form_box table tbody tr td input[name=post_code] {
	font-size: 16px;
	width: 70%;
}
#contact-page .form_box table tbody tr td select[name=address1] {
	font-size: 16px;
}
#contact-page .form_box table tbody tr td input[name=address2] {
	font-size: 16px;
	width: 85%;
	margin-top: 10px;
}
#contact-page .form_box table tbody tr td input[name=tel] {
	font-size: 16px;
	width: 70%;
}
#contact-page .form_box table tbody tr td textarea[name=inquiry] {
	font-size: 16px;
	width: 98%;
}
#contact-page .form_box hr {
	height: 20px;
}
#contact-page .form_box .personal-data {
	border: #c9caca 1px solid;
	padding-top: 30px;
	padding-bottom: 30px;
}
#contact-page .form_box .personal-data .title {
	font-size: 20px;
	color: #172a88;
	text-align: center;
}
#contact-page .form_box .personal-data .contents {
	color: #727171;
	width: 90%;
	padding-top: 20px;
}
#contact-page .form_box .privacy-policy {
	margin-top: 20px;
	color: #898989;
	border: #c9caca 1px solid;
	padding-top: 30px;
	padding-bottom: 30px;
}
#contact-page .form_box .privacy-policy .title {
	text-align: center;
}
#contact-page .form_box .privacy-policy .contents {
	width: 90%;
	height: 150px;
	overflow-y: scroll;
	font-size: 14px;
	padding-top: 20px;
}
@media all and (max-width:767px) {
	#contact-page .form_box .privacy-policy .contents {
		width: 100%;
		padding: 20px 10px;
	}
}
#contact-page .form_box .privacy-check {
	text-align: center;
	margin: 0 auto;
	color: #ea5514;
	font-size: 20px;
	font-weight: bold;
}
#contact-page .form_box .agreement-note {
	text-align: center;
	margin: 0 auto;
	color: #ea5514;
	font-size: 18px;
	margin-top: 20px;
}

#contact-page .form_box .contact-submit-form {
	padding-top: 30px;
}
#contact-page .form_box .contact-submit-form .warning {
	color: #956307;
	font-size: 16px;
	margin-top: 30px;
}
.contact-send-notes {
	color: #172a88;
	font-size: 18px;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
}
@media all and (max-width:767px) {
	.contact-send-notes {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
	}
}
#contact-page .reset-button {
	width: 230px;
	height: 50px;
	vertical-align: bottom;
	background-color: #9fa0a0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
@media all and (max-width:767px) {
	#contact-page .reset-button {
		width: 95%;
	}
}
#contact-page input[name=submitConfirm] {
	width: 230px;
	height: 50px;
	vertical-align: bottom;
	background-color: #036eb8;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
@media all and (max-width:400px) {
	#contact-page input[name=submitConfirm] {
		width: 95%;
		background-size: contain;
		margin-top: 20px;
	}
}
#contact-page input[name=submitBack] {
	width: 230px;
	height: 50px;
	vertical-align: bottom;
	background-color: #9fa0a0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
@media all and (max-width:400px) {
	#contact-page input[name=submitBack] {
		width: 95%;
	}
}
#contact-page input[name=send] {
	width: 230px;
	height: 50px;
	vertical-align: bottom;
	background-color: #036eb8;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
@media all and (max-width:400px) {
	#contact-page input[name=send] {
		width: 95%;
		background-size: contain;
		margin-top: 20px;
	}
}
#contact-page .mw_wp_form_confirm .reset-button,
#contact-page .mw_wp_form_confirm .privacy-policy,
#contact-page .mw_wp_form_confirm .personal-data,
#contact-page .mw_wp_form_confirm .privacy-check,
#contact-page .mw_wp_form_confirm .agreement-note
{
    display: none;
}
#contact-page .contact-finish {
	background-image: url('images/inquiry_finish.jpg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position-x: center;
	max-width: 700px;
	max-height: 500px;
	height: 500px;
}
@media all and (max-width:767px) {
	#contact-page .contact-finish {
		background-image: url('images/inquiry_finish_sp.png');
		background-size: contain;
	}
}
#contact-page .contact-finish .thanks-image {
	margin-top: 30px;
}
#contact-page .contact-finish .message1 {
	text-align: center;
	color: #ea5514;
	font-family: 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 'メイリオ', 'Meiryo';
	font-size: 36px;
	font-weight: bold;
}
@media all and (max-width:767px) {
	#contact-page .contact-finish .message1 {
		padding-top: 30px;
		font-size: 18px;
	}
}
#contact-page .contact-finish .message2 {
	text-align: center;
	font-size: 20px;
	margin-top: 50px;
}
@media all and (max-width:767px) {
	#contact-page .contact-finish .message2 {
		padding-top: 0px;
		font-size: 18px;
	}
}
#contact-page .mw_wp_form_confirm .form_box .contact-input-form {
	padding-bottom: 0px;
}

.link-btn {
	margin: 0 auto;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
}
.link-btn .title {
	text-align: center;
	width: 15em;
	height: 50px;
	color: #fff100;
	background-color: #172a88;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 10px;
	position: relative;
	z-index: 2;
}
@media all and (max-width:767px) {
	.link-btn .title {
		width: 13em;
	}
}
.link-btn .shadow {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	top: 5px;
	left: 5px;
	width: 15em;
	height: 50px;
	background-image: linear-gradient( -45deg, #fff 20%, #036eb8 20%, #036eb8 50%, #fff 50%, #fff 70%, #036eb8 70%, #036eb8 );
	background-size: 16px 16px;
	margin-top: -50px;
}
@media all and (max-width:767px) {
	.link-btn .shadow {
		width: 13em;
	}
}

.splash-bg {
	max-width: 100%;
	background-image: linear-gradient( -45deg, #fff 20%, #eef6fb 20%, #eef6fb 50%, #fff 50%, #fff 70%, #eef6fb 70%, #eef6fb );
	background-size: 16px 16px;
}

/*----- common */
.visible-sp {
	display: none;
}
@media all and (max-width:767px) {
	.visible-sp {
		display: block;
	}
}
.row-height {
    display: flex;
    flex-wrap: wrap;
}
.zero-padding {
	padding: 0;
}
.zero-margin {
	margin: 0;
}
.width-max {
	width: 100%;
}
.image-center {
	text-align: center;
}
p.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-55 {
	margin-top: 55px;
}
.mt-60 {
	margin-top: 60px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-40 {
	margin-left: 40px;
}
.ml-45 {
	margin-left: 45px;
}
.ml-50 {
	margin-left: 50px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
@media all and (max-width:767px) {
	.mt-0-sp {
		margin-top: 0px;
	}
}

.fadein-from-left {
	opacity: 0;
}
.fadein-from-right {
	opacity: 0;
}
.fadein-from-bottom {
	opacity: 0;
}
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}