/*!
Theme Name: androad
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: androad
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.

androad is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://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
--------------------------------------------------------------*/
html {
	font-family: serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
/*
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 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;
}

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 http://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: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {

}

.main-navigation ul {
	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;
	left: -999em;
	position: absolute;
	top: 100%;
	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 {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	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;
	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;
	text-align: center;
}

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

/*--------------------------------------------------------------
## Typeface
--------------------------------------------------------------*/
body
{
	font-family: 'source-han-serif-japanese','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-size: 14px;
}

/*--------------------------------------------------------------
## Main Stylesheet
----------------------------------------------------------------
## common
--------------------------------------------------------------*/
a, a:link, a:visited, a:active
{
	color: #46210c;
	text-decoration: none;
}
a:hover
{
	color: #46210c;
	text-decoration: underline;
}
p:empty
{
	display: none;
}
.exlink:after
{
	background: url(assets/images/icon_new-window.svg) no-repeat center center / contain;
	content: '';
	display: inline-block;
	height: 1.2em;
	vertical-align: sub;
	width: 1.2em;
}
.pdflink:before
{
	background: url(assets/images/icon_document-pdf.svg) no-repeat center center / contain;
	content: '';
	display: inline-block;
	height: 1.2em;
	vertical-align: sub;
	width: 1.2em;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header
{
	background: rgba(255,255,255,0.9);
	padding: 0;
	position: fixed;
	text-align: center;
	transition: all 0.3s ease-in-out;
	width: 100%;
	z-index: 100;
}
.site-branding
{
	height: 3.5rem;
	position: relative;
	transition: all 0.3s ease-in-out;
	width: 100%;
}

.site-title
{
	left:50%;
	margin: 0 auto;
	position: absolute;
	top: 0.5rem;
	transform: translate(-50%,0);
	z-index: 101;
}
.site-title a
{
	background: url(assets/images/logo.svg) no-repeat center top / cover;
	display: block;
	height: 2.5rem;
	transition: all 0.3s ease-in-out;
	width: 3.75rem;
}
.site-title a img
{
	display: none;
}
.site-nav-sp-menu
{
	background: #976e42;
	background: -moz-linear-gradient(left, #976e42 0%, #45200e 100%);
	background: -webkit-linear-gradient(left, #976e42 0%,#45200e 100%);
	background: linear-gradient(to right, #976e42 0%,#45200e 100%);
	display: block;
	height: 3.5rem;
	left: 0;
	padding: 0.5rem;
	position: absolute;
	top: 0;
	width: 3.5rem;
}
.site-nav-sp
{
	background: rgba(255,255,255,0.9);
	width: 100%;
	
}
.main-navigation,
.header-sp-contacts
{
	display: none;
}
.site-nav-sp.open .main-navigation
{
	display: block;
}
.site-nav-sp.open
{
	height: 100vh;
	padding: 4.5rem 1em 0 1em;
}
.site-nav-sp.open .main-navigation li
{
	float: none;
	margin-bottom: 1em;
}
.site-nav-sp.open .main-navigation li a
{
	background: #fff;
	border: 1px solid #46210c;
	padding: 0.25rem;
}
.site-nav-sp.open .header-sp-contacts
{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 80%;
}
a.header-contact-link-mail,
a.header-contact-link-phone
{
	background: #976e42;
	background: -moz-linear-gradient(left, #976e42 0%, #45200e 100%);
	background: -webkit-linear-gradient(left, #976e42 0%,#45200e 100%);
	background: linear-gradient(to right, #976e42 0%,#45200e 100%);
	color: #fff;
	display: block;
	height: 8em;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 8em;
}
a.header-contact-link-mail:before
{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_mail</title><rect class="a" width="200" height="200"/><path class="b" d="M180.36,46.41a3.18,3.18,0,0,0-2.87-2.51,16,16,0,0,0-9.09-2.82H31.59a16,16,0,0,0-9.09,2.82,3.18,3.18,0,0,0-2.87,2.51,16,16,0,0,0-4.15,10.78v85.63a16.12,16.12,0,0,0,16.11,16.11H168.41a16.12,16.12,0,0,0,16.11-16.11V57.19A16,16,0,0,0,180.36,46.41Zm-12,1.12a9.64,9.64,0,0,1,2.13.24L104.75,92.84a8.46,8.46,0,0,1-9.5,0L29.46,47.77a9.64,9.64,0,0,1,2.13-.24Zm9.66,95.29a9.67,9.67,0,0,1-9.66,9.66H31.59a9.67,9.67,0,0,1-9.66-9.66V57.19a9.6,9.6,0,0,1,1.77-5.56L91.61,98.15a14.94,14.94,0,0,0,16.79,0L176.3,51.63a9.6,9.6,0,0,1,1.77,5.56Z"/></svg>') no-repeat center center / contain;
	content: '';
	display: block;
	height: 4em;
	width: 8em;
}

a.header-contact-link-phone:before
{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_phone</title><rect class="a" width="200" height="200"/><path class="b" d="M169.61,140.1,142.7,113.19a10,10,0,0,0-7.19-2.93,9.93,9.93,0,0,0-7.12,3.1l-8.52,8.94a11.33,11.33,0,0,1-9.53,3.49c-4.49-.56-12-3.4-22.38-13.75S74.76,94.16,74.2,89.67a11.33,11.33,0,0,1,3.49-9.53l8.94-8.52a10,10,0,0,0,.17-14.32L59.9,30.39a10.08,10.08,0,0,0-14-.12C33.44,42.2,27.25,56,27.5,71.43c.54,34.11,32.3,63.78,34.91,66.16,2.38,2.61,32.06,34.38,66.17,34.91h.87c15,0,28.58-6.18,40.29-18.38h0A10.08,10.08,0,0,0,169.61,140.1Zm-4.53,9.57h0c-10.64,11.08-22.88,16.61-36.38,16.39-32-.49-61.32-32.58-61.62-32.91l-.24-.24c-.32-.29-32.42-29.62-32.91-61.62-.21-13.51,5.31-25.75,16.39-36.38a3.61,3.61,0,0,1,2.5-1,3.53,3.53,0,0,1,2.51,1L82.25,61.86a3.56,3.56,0,0,1-.06,5.1l-8.94,8.52a17.79,17.79,0,0,0-5.44,15c1,8,6.24,16.79,15.59,26.14s18.15,14.6,26.14,15.59a17.8,17.8,0,0,0,15-5.44l8.52-8.94a3.56,3.56,0,0,1,5.1-.06l26.91,26.91A3.56,3.56,0,0,1,165.08,149.67Z"/></svg>') no-repeat center center / contain;
	content: '';
	display: block;
	height: 4em;
	width: 8em;
}
@media screen and (min-width:950px)
{
	.site-header
	{
		padding: 30px 0;
	}
	.site-branding
	{
		height: 120px;
	}
	.site-title a
	{
		background: url(assets/images/logo.svg) no-repeat center top / cover;
		display: block;
		height: 120px;
		transition: all 0.3s ease-in-out;
		width: 132px;
	}
	.site-title a:hover
	{
		opacity: 0.8;
	}

	.site-header.short
	{
		padding: 15px 0;
		transition: all 0.3s ease-in-out;
	}
	.site-header.short .site-branding
	{
		height: 50px;
		transition: all 0.3s ease-in-out;
	}
	.site-header.short .site-title
	{
		top: 0;
	}
	.site-header.short .site-title a
	{
		height: 50px;
		transition: all 0.3s ease-in-out;
		width: 75px;
	}
	.site-header.short .site-title img
	{
	}
	.site-header.short .main-navigation
	{
		bottom: 15px;
	}
	.site-header.short a.header-contact-link-mail
	{
		top: 7px;
		right: 10px;
	}
	.site-nav-sp-menu
	{
		display: none;
	}
	.main-navigation
	{
		bottom: 0;
		display: flex;
		justify-content: space-between;
		left: 50%;
		position: absolute;
		transform: translate(-50%,0);
		transition: all 0.3s ease-in-out;
		width: 1000px;
	}
	.main-navigation a
	{
		color: #46210c;
		margin-bottom: 2px;
		margin: 0 auto 2px auto;
		text-align: center;
		transition: all 0.1s linear;
		width: 10em;
	}
	.main-navigation a:hover
	{
		border-bottom: 2px solid #ac824f;
		margin: 0 auto;
		text-decoration: none;
	}
	.sp-mail
	{
		display: none;
	}
	.header-sp-contacts
	{
		display: inline;
	}
	a.header-contact-link-mail
	{
		background: #976e42;
		background: -moz-linear-gradient(left, #976e42 0%, #45200e 100%);
		background: -webkit-linear-gradient(left, #976e42 0%,#45200e 100%);
		background: linear-gradient(to right, #976e42 0%,#45200e 100%);
		color: #fff;
		display: block;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976e42', endColorstr='#45200e',GradientType=1 );
		font-weight: normal;
		height: auto;
		padding: 0.25em 0.5em;
		position: absolute;
		right: 10%;
		text-decoration: none;
		top: 0;
		transition: all 0.3s ease-in-out;
		width:auto;
	}
	a.header-contact-link-mail:before
	{
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_contact</title><rect class="a" width="200" height="200"/><path class="b" d="M177.16,42.74a8.81,8.81,0,0,0-12.27.11L143,64.78a8.75,8.75,0,0,0,.15,12.52l7.29,6.95a8.63,8.63,0,0,1,2.66,7.26c-.44,3.57-2.72,9.57-11,17.89a63.62,63.62,0,0,1-5.23,4.71V72.26A12.47,12.47,0,0,0,124.34,59.8H20.14A12.47,12.47,0,0,0,7.68,72.26v65.58a12.47,12.47,0,0,0,12.46,12.46H81.79a43.12,43.12,0,0,0,26.84,9.39h.72c28-.44,52.23-26.33,54.34-28.63,2.3-2.1,28.19-26.38,28.63-54.34C192.51,64,187.41,52.59,177.16,42.74ZM68.31,66.24h56a6,6,0,0,1,1.33.15L75.38,100.85a5.59,5.59,0,0,1-6.28,0L18.81,66.4a6,6,0,0,1,1.33-.15ZM14.12,137.84V72.26a6,6,0,0,1,.12-1.18l51.22,35.09a12.07,12.07,0,0,0,13.56,0l51.22-35.09a6,6,0,0,1,.12,1.18v46.11a19,19,0,0,1-6.22,2.06,8.63,8.63,0,0,1-7.26-2.66l-6.95-7.29a8.75,8.75,0,0,0-12.52-.15L75.48,132.26a8.82,8.82,0,0,0-.69,11.59H20.14A6,6,0,0,1,14.12,137.84Zm145.12-11.45-.24.24c-.24.26-23.91,26.21-49.76,26.62C98.39,153.42,88.57,149,80,140.07a2.31,2.31,0,0,1,0-3.25L102,114.88a2.29,2.29,0,0,1,1.63-.68h0a2.29,2.29,0,0,1,1.64.72l6.95,7.29a15.09,15.09,0,0,0,12.72,4.61c6.65-.83,13.93-5.16,21.65-12.88s12-15,12.88-21.65a15.1,15.1,0,0,0-4.61-12.72l-7.29-6.95a2.31,2.31,0,0,1,0-3.3L169.44,47.4a2.31,2.31,0,0,1,3.25,0C181.6,55.94,186,65.77,185.87,76.6,185.48,102.41,159.51,126.15,159.25,126.38Z"/></svg>') no-repeat center center / contain;
		color: #fff;
		content: '';
		display: inline-block;
		height: 1.5em;
		margin-right: 0.25em;
		vertical-align: middle;	
		width: 1.5em;
	}
	a.header-contact-link-mail:hover
	{
		opacity: 0.8;
	}
	a.header-contact-link-phone
	{
		display: none;
	}

}
@media screen and (min-width:950px) and (max-width: 1199px)
{
	.site-header.short .main-navigation
	{
		width: 700px;
	}
	.site-header.short a.header-contact-link-mail
	{
		right: 0;
	}
}
@media screen and (min-width: 1200px)
{
	.site-header.short .main-navigation
	{
		bottom: 15px;
	}
}
	
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.backtotop
{
	background: #45200e;
	background: -moz-linear-gradient(45deg, #45200e 0%, #976e42 100%);
	background: -webkit-linear-gradient(45deg, #45200e 0%, #976e42 100%);
	background: linear-gradient(45deg, #45200e 0%, #976e42 100%);
	border-radius: 35px;
	bottom: 3em;
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976e42', endColorstr='#45200e',GradientType=1 );
	height: 70px;
	padding: 0 5px 10px 5px;
	position: fixed;
	right: 5%;
	transition: all 0.3s ease-in-out;
	width: 70px;
}
.backtotop svg
{
	height: 60px;
	transform: rotate(-90deg);
	width: 60px;
}
.backtotop:hover
{
	opacity: 0.8;
}

.site-info
{
	border-top: 1px solid #45200e;
	margin: 0 auto;
	margin: 3.75em auto 2.5em;
	text-align: center;
	width: 95%;
}
.site-info ul
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 1em auto;
	padding: 0;
}
.site-info ul li
{
	display: block;
	flex-basis: 50%;
	padding: 0 1em;
	text-align: left;
}
@media screen and (min-width:950px) 
{
	.backtotop
	{
		bottom: 120px;
		right: 10%;
	}
	.site-info ul
	{
		display: block;
		list-style: none;
		margin: 1em auto;
		padding: 0;
	}
	.site-info ul li
	{
		display: inline;
		padding: 0 1em;
		text-align: center;
	}
}
@media screen and (min-width: 1200px)
{
	.site-info
	{
		width: 1200px;
	}
}
/*--------------------------------------------------------------
## Base
--------------------------------------------------------------*/
.site
{
	position: relative;
}
.site-content
{
	padding-top: 3.5rem;
}
.page-content
{
	margin: 0 auto;
}
@media screen and (min-width:950px)
{
	.site-content
	{
		padding-top: 180px;
	}
	
}
@media screen and (min-width:950px) and (max-width: 1199px)
{
	.page-content
	{
		width: 100%;
	}
}
@media screen and (min-width: 1200px)
{
	.page-content
	{
		width: 1200px;
	}
}
/*--------------------------------------------------------------
## Page / Post common
--------------------------------------------------------------*/
.sub-mv
{
	background: #b48e60;
	background: -moz-linear-gradient(-45deg, #b48e60 0%, #573626 100%);
	background: -webkit-linear-gradient(-45deg, #b48e60 0%,#573626 100%);
	background: linear-gradient(135deg, #b48e60 0%,#573626 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b48e60', endColorstr='#573626',GradientType=1 );
	height: 10rem;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.sub-mv .sv-img
{
	left: 50%;
	opacity: 0.23;
	position: absolute;
	top: 60%;
	transform: translate(-50%,-60%);
	z-index: 1;
}
.sub-mv .sv-img.error404
{
	bottom: 10%;
	top: auto;
	transform: translate(-50%,10%);
}
.sub-mv .entry-title
{
	color: #fff;
	font-size: 2rem;
	height: 1em;
	left:0;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 5px #4a2f18;
	top: 50%;
	transform: translate(0,-50%);
	width: 100%;
	z-index: 2;
}
.post-content
{
	width: 95vw;
	margin: 0 auto;
}
.page-content
{
	margin: 2rem auto 0;
}
h3.article-title
{
	border-bottom: 2px solid #b48e60;
}
.article-posted
{
	display: block;
	text-align: right;
}
a.content-linkbtn
{
	background: #976e42;
	background: -moz-linear-gradient(top, #976e42 0%, #45200e 100%);
	background: -webkit-linear-gradient(top, #976e42 0%,#45200e 100%);
	background: linear-gradient(to bottom, #976e42 0%,#45200e 100%);
	color: #fff;
	display: block;
	margin: 1rem auto;
	padding: 1em 0;
	text-align: center;
	width: 12em;
}
a.content-linkbtn:hover
{
	background: #45200e;
	background: -moz-linear-gradient(top, #45200e 0%, #976e42 100%);
	background: -webkit-linear-gradient(top, #45200e 0%, #976e42 100%);
	background: linear-gradient(to bottom, #45200e 0%, #976e42 100%);
	text-decoration: none;
}
@media screen and (min-width:950px)
{
	.sub-mv
	{
		height: 250px;
	}
	.sub-mv .entry-title
	{
		font-size: 3.8rem;
	}
	.post-content
	{
		width: 800px;
	}
}
/*--------------------------------------------------------------
## overview
--------------------------------------------------------------*/
.overview-list
{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	align-content: center;
	margin: 0;
	padding: 0;
}
.overview-list li
{
	width: 100vw;
	height: 100vw;
	padding: 3.5rem;
	position: relative;
}
.overview-list li.open
{
	margin-bottom: 100vh;
}
.overview-inner
{
	align-items: center;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%239D703B;}</style></defs><title>icon_arrow</title><rect class="a" width="200" height="200"/><path class="b" d="M66.76,176a3.22,3.22,0,0,1-2.28-5.5l63.06-63.06a10.14,10.14,0,0,0,0-14.34L64,29.52A3.22,3.22,0,0,1,68.54,25L132.1,88.53a16.58,16.58,0,0,1,0,23.45L69,175A3.21,3.21,0,0,1,66.76,176Z" transform="rotate(90 100 100)"/></svg>') #fff no-repeat center bottom 30px / 46px;
	display: flex;
	height: calc(100vw - 7rem);
	justify-content: center;
	text-align: center;
	transition: all 0.3s ease-in-out;
	width: 100%;
}
.overview-list li.open .overview-inner,
.overview-inner:hover
{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_arrow</title><rect class="a" width="200" height="200"/><path class="b" d="M66.76,176a3.22,3.22,0,0,1-2.28-5.5l63.06-63.06a10.14,10.14,0,0,0,0-14.34L64,29.52A3.22,3.22,0,0,1,68.54,25L132.1,88.53a16.58,16.58,0,0,1,0,23.45L69,175A3.21,3.21,0,0,1,66.76,176Z" transform="rotate(90 100 100)"/></svg>') #ac824f no-repeat center bottom 30px / 46px;
}
.overview-title
{
	border-bottom: 1px solid #45200e;
	display: inline-block;
	font-size: 1.5rem;
	margin: 0 auto;	
}
.overview-list li.open .overview-inner .overview-title,
.overview-inner:hover .overview-title
{
	border-bottom: 1px solid #fff;
	color: #fff;
}
.overview-detail
{
	display: none;
	height: 100vh;
	margin: 0;
	opacity: 0;
	padding: 3.5rem;
	position: absolute;
	top: 0;
	transition: all 0.4s ease-in-out;
	width: 100vw;
	z-index: -1;
}
.overview-list li.open .overview-detail
{
	display: block;
	transition: all 0.4s ease-in-out;
}
.overview-list li.open .overview-detail dt
{
	background: #fff;
	font-size: 1.5rem;
	padding: 1.5rem;
	text-align: left;
}
.overview-list li.open .overview-detail dd
{
	background: #fff;
	font-size: 1rem;
	height: calc(100vh - 14.5rem);
	margin: 0;
	overflow: auto;
	padding: 0 30px;
	text-align: left;
}
.l2
{
	margin-bottom: 2em;
}
.overview-text,
.overview-img
{
}
.overview-text-full
{
}

.overview-text-half
{
}
.overview-img
{
}
.overview-ad
{
	background: url(assets/images/kv-mkt.jpg) no-repeat center center / cover;
}
.overview-mk
{
	background: url(assets/images/kv-ai.jpg) no-repeat center center / cover;
}
.overview-ib
{
	background: url(assets/images/kv-inbound.jpg) no-repeat center center / cover;
}
.overview-sn
{
	background: url(assets/images/kv-signage.jpg) no-repeat center center / cover;
}
.overview-gr
{
	background: url(assets/images/kv-group.jpg) no-repeat center center / cover;
}
.overview-am
{
	background: url(assets/images/kv-area.jpg) no-repeat center center / cover;
}
.overview-ot
{
	background: url(assets/images/kv-other.jpg) no-repeat center center / cover;
}
.overview-ad.open .overview-detail
{
	background: url(assets/images/kv-mkt.jpg) no-repeat center bottom / cover;
	left: 0;
}
.overview-mk.open .overview-detail
{
	background: url(assets/images/kv-ai.jpg) no-repeat center center / cover;
	left: 0;
}
.overview-ib.open .overview-detail
{
	background: url(assets/images/kv-inbound.jpg) no-repeat center center / cover;
	left: 0;
}
.overview-sn.open .overview-detail
{
	background: url(assets/images/kv-signage.jpg) no-repeat center center / cover;
	left: 0;
}
.overview-gr.open .overview-detail
{
	background: url(assets/images/kv-group.jpg) no-repeat center top / cover;
	left: 0;
}
.overview-am.open .overview-detail
{
	background: url(assets/images/kv-area.jpg) no-repeat center top / cover;
	left: 0;
}
.overview-ot.open .overview-detail
{
	background: url(assets/images/kv-other.jpg) no-repeat center center / cover;
	left: 0;
}

a.overview-link-to-aiam
{
	background: linear-gradient(to right,  #0d9488 0%,#0891b2 100%);
	border-radius: 3em;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: block;
	margin: 1em auto 0;
	padding: 0.5em 0;
	text-align: center;
	transition: all 0.3s ease-in;
}
a.overview-link-to-aiam:hover
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	text-decoration: none;
	font-weight: bold;
}
@media screen and (min-width:950px)
{
	.overview-list
	{
		align-content: center;
		background: url(assets/images/img_overview-filler.svg) no-repeat right bottom / 800px;
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.overview-list li
	{
		height: 400px;
		padding: 50px;
		position: relative;
		width: 400px;
	}
	.overview-list li.open
	{
		margin-bottom: 400px;
	}
	.overview-inner
	{
		align-items: center;
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%239D703B;}</style></defs><title>icon_arrow</title><rect class="a" width="200" height="200"/><path class="b" d="M66.76,176a3.22,3.22,0,0,1-2.28-5.5l63.06-63.06a10.14,10.14,0,0,0,0-14.34L64,29.52A3.22,3.22,0,0,1,68.54,25L132.1,88.53a16.58,16.58,0,0,1,0,23.45L69,175A3.21,3.21,0,0,1,66.76,176Z" transform="rotate(90 100 100)"/></svg>') #fff no-repeat center bottom 30px / 46px;
		display: flex;
		height: 300px;
		justify-content: center;
		text-align: center;
		transition: all 0.3s ease-in-out;
		width: 100%;
	}
	.overview-list li.open .overview-inner,
	.overview-inner:hover
	{
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_arrow</title><rect class="a" width="200" height="200"/><path class="b" d="M66.76,176a3.22,3.22,0,0,1-2.28-5.5l63.06-63.06a10.14,10.14,0,0,0,0-14.34L64,29.52A3.22,3.22,0,0,1,68.54,25L132.1,88.53a16.58,16.58,0,0,1,0,23.45L69,175A3.21,3.21,0,0,1,66.76,176Z" transform="rotate(90 100 100)"/></svg>') #ac824f no-repeat center bottom 30px / 46px;
	}
	.overview-title
	{
		border-bottom: 1px solid #45200e;
		display: inline-block;
		font-size: 1.5rem;
		margin: 0 auto;	
	}
	.overview-list li.open .overview-inner .overview-title,
	.overview-inner:hover .overview-title
	{
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	.overview-detail
	{
		display: none;
		height: 400px;
		margin: 0;
		opacity: 0;
		padding: 50px;
		position: absolute;
		top: 0;
		transition: all 0.4s ease-in-out;
		width: 1200px;
		z-index: -1;
	}
	.overview-list li.open .overview-detail
	{
		display: block;
		transition: all 0.4s ease-in-out;
	}
	.overview-list li.open .overview-detail dt
	{
		background: #fff;
		font-size: 2.25rem;
		padding: 30px 30px 20px 30px;
		text-align: left;
	}
	.overview-list li.open .overview-detail dd
	{
		background: #fff;
		display: flex;
		font-size: 1rem;
		height: 196px;
		justify-content: space-between;
		margin: 0;
		overflow: visible;
		padding: 0 30px;
		text-align: left;
	}
	.l2
	{
		margin-bottom: 2em;
	}
	.overview-text,
	.overview-img
	{
		display: block;
		max-width: 600px;
	}
	.overview-text-full
	{
		display: flex;
		justify-content: space-between;
		max-width: 600px;
	}
	.overview-text-half
	{
		display: block;
		flex-basis: 49%;
		width: 49%;
	}
	.overview-img
	{
		margin-top: -80px; 
	}
	.overview-list li:nth-child(3n+0).open .overview-detail
	{
		left: -800px;
	}
	.overview-list li:nth-child(3n+1).open .overview-detail
	{
		left: 0;
	}
	.overview-list li:nth-child(3n+2).open .overview-detail
	{
		left: -400px;
	}

}
/*--------------------------------------------------------------
## profile
--------------------------------------------------------------*/
.profile-about
{
	margin: 0 auto 4em;
	text-align: center;
}
.profile-about dt
{
	font-size: 1rem;
	font-weight: 900;
}
.profile-about dd
{
	font-size: 0.9rem;
	margin: 0 auto 2em;
}
.profile-philosophy
{
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 4em;
	width: 95vw;
}
.profile-philosophy dt
{
	background: #b48e60;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 0.75rem 0;
	padding: 0.25rem;
	text-align: center;
	width: 100%;
}
.profile-philosophy dd
{
	font-size: 1rem;
	margin: 0 auto;
	padding: 0 0 2rem 0;
	width: 100%;
}
.profile-table
{
	border-bottom: 1px solid #45200e;
	margin: 0 auto;
	width: 95vw;
}
.profile-table dt
{
	background: #ece8e6;
	border-top: 1px solid #45200e;
	font-size: 1rem;
	font-weight: normal;
	padding: 0.75rem;
	width: 100%;
}
.profile-table dd
{
	border-top: 1px solid #45200e;
	font-size: 1rem;
	line-height: 1.6rem;
	margin: 0;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	width: 100%;
}
.profile-table dd ol
{
	margin: 0;
	padding-left: 1.5rem;
}
@media screen and (min-width:950px)
{
	.profile-about dt
	{
		font-size: 1.5rem;
		font-weight: 900;
	}
	.profile-about dd
	{
		font-size: 1rem;
		margin: 0 auto 2em;
	}
	.profile-philosophy
	{
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto 4em;
		width: 600px;
	}
	.profile-philosophy dt
	{
		background: #b48e60;
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		margin: 0 0 1.75rem 0;
		padding: 0.25rem;
		text-align: center;
		width: 7em;
	}
	.profile-philosophy dd
	{
		font-size: 1rem;
		margin: 0 0 1.75rem 0;
		width: 27rem;
		padding: 0 0 0 1.5em;
	}
	.profile-table
	{
		align-items: stretch;
		border-bottom: 1px solid #45200e;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		width: 800px;
	}
	.profile-table dt
	{
		background: #ece8e6;
		border-top: 1px solid #45200e;
		font-size: 1rem;
		font-weight: normal;
		padding: 1.5rem 2rem;
		width: 200px;
	}
	.profile-table dd
	{
		border-top: 1px solid #45200e;
		font-size: 1rem;
		line-height: 1.6rem;
		margin: 0;
		padding: 1.5rem 1rem;
		width: 600px;
	}
}
/*--------------------------------------------------------------
## achievement
--------------------------------------------------------------*/
.achievement-list
{
	margin: 0 auto;
	padding: 0;
	width: 95vw;
}
.achievement-list li
{
	background: url(assets/images/icon_achievement.svg) no-repeat top 0.2em left / 1.5em;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0.1em 0 0.1em 1.75em;
}
.achievement-list-other
{
	display: block;
	text-align: right;
	width: 80%;
}
@media screen and (min-width:950px)
{
	.achievement-list
	{
		width: 800px;
	}
}
/*--------------------------------------------------------------
## archive
--------------------------------------------------------------*/
.archive-set
{
	margin: 1.5rem auto;
	width: 95vw;
}
h3.archive-year
{
	font-size: 2rem;
	line-height: 1;
	margin: 0 0 0.5rem 0;
	width: 5em;
}
.archive-list
{
	border-top: 2px solid #b48e60;
	margin: 0 auto;
	width: 100%;
}
.archive-list dt
{
	padding:0.5em 0;
	width: 12em;
}
.archive-list dd
{
	margin: 0 auto;
	padding: 0 0 0.5em 1em;
}
@media screen and (min-width:950px)
{
	.archive-set
	{
		align-items: flex-start;
		display: flex;
		margin: 50px auto;
		width: 800px;
	}
	.archive-list
	{
		align-items: flex-start;
		border-left: 2px solid #b48e60;
		border-top: none;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		width: 656px;
	}
	.archive-list dt
	{
		padding:0 0 1em 5em;
		width: 12em;
	}
	.archive-list dd
	{
		margin: 0 auto;
		padding: 0 0 1em 0;
		width: 33em;
	}
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
.contact-table
{
	border-bottom: 1px solid #45200e;
	margin: 0 auto;
	width: 95vw;
}
.contact-table dt
{
	background: #ece8e6;
	border-top: 1px solid #45200e;
	font-size: 1rem;
	font-weight: normal;
	padding: 0.75rem;
	width: 100%;
}
.contact-table dd
{
	border-top: 1px solid #45200e;
	font-size: 1rem;
	line-height: 1.6rem;
	margin: 0;
	padding: 0.75rem 0.75rem 0.75rem 1.75rem;
	width: 100%;
}
.contact-table dd ol
{
	margin: 0;
	padding-left: 1.5rem;
}
.contact-btn
{
	padding: 1rem 0;
	text-align: center;
}
.contact-btn input
{
	background: #976e42;
	background: -moz-linear-gradient(top, #976e42 0%, #45200e 100%);
	background: -webkit-linear-gradient(top, #976e42 0%,#45200e 100%);
	background: linear-gradient(to bottom, #976e42 0%,#45200e 100%);
	border-radius: 0;
	border: none;
	color: #fff;
	display: block;
	font-size: 1.2em;
	margin: 1rem auto;
	padding: 1em 0;
	text-align: center;
	width: 12em;
}
.contact-btn input:hover
{
	background: #45200e;
	background: -moz-linear-gradient(top, #45200e 0%, #976e42 100%);
	background: -webkit-linear-gradient(top, #45200e 0%, #976e42 100%);
	background: linear-gradient(to bottom, #45200e 0%, #976e42 100%);
}
@media screen and (min-width:950px)
{
	.contact-table
	{
		align-items: stretch;
		border-bottom: 1px solid #45200e;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		width: 800px;
	}
	.contact-table dt
	{
		background: #ece8e6;
		border-top: 1px solid #45200e;
		font-size: 1rem;
		font-weight: normal;
		padding: 1.5rem 2rem;
		width: 200px;
	}
	.contact-table dd
	{
		border-top: 1px solid #45200e;
		font-size: 1rem;
		line-height: 1.6rem;
		margin: 0;
		padding: 1.5rem 1rem;
		width: 600px;
	}
	.contact-btn
	{
	}
}
/* replaced to contact form 7 - adjust */
.contact-table dt p,
.contact-table dd p
{
	margin: 0;
}

/*--------------------------------------------------------------
## Frontpage
--------------------------------------------------------------*/
.main-mv
{
	background: #fff;
	height: 50vw;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.mv-txt01
{
	height: auto;
	left:20vw;
	position: absolute;
	top: 1em;
	width: 60vw;
	z-index: 3;
}
.mv-txt
{
	background: #fff;
	bottom: 1em;
	height: auto;
	padding: 0.8em 0 1em 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 3;
}
.mv-txt02
{
	height: auto;
	margin: 0 auto;
	width: 90vw;
}
.main-mv .mv-img
{
	height: 50vw;
	left: 50%;
	opacity: 0.5;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width:auto;
	z-index: 1;
}
.top-overview,
.top-profile
{
	margin: 0 auto 2em auto;
}
.top-overview
{
	background: url(/wp/wp-content/uploads/2017/10/mv-overview.jpg) no-repeat center center / cover;
	float: left;
}
.top-profile
{
	background: url(/wp/wp-content/uploads/2017/10/mv-profile.jpg) no-repeat center center / cover;
	float: right;
}
.top-overview:hover,
.top-profile:hover
{
	opacity: 0.8;
}

.top-content-link:after
{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_arrow</title><rect class="a" width="200" height="200"/><path class="b" d="M66.76,176a3.22,3.22,0,0,1-2.28-5.5l63.06-63.06a10.14,10.14,0,0,0,0-14.34L64,29.52A3.22,3.22,0,0,1,68.54,25L132.1,88.53a16.58,16.58,0,0,1,0,23.45L69,175A3.21,3.21,0,0,1,66.76,176Z"/></svg>') no-repeat center center / contain;
	content: '';
	display: block;
	height: 3.5rem;
	width: 3.5rem;
}
.top-content-link
{
	align-items: center;
	display: flex;
	padding: 1.5rem 0 1.5rem 3.5rem;

}
.top-content-link:hover
{
	text-decoration: none;
}
.top-content
{
	background: #fff;
	display: block;
	padding: 2em;
	width: 100%;
}
.top-content-title
{
	display: block;
	font-size: 2em;
}
.top-news
{
	padding: 0 1rem;
}
.top-news-header
{
	align-items: center;
	border-bottom: 2px solid #ac824f;
	display: flex;
	font-size: 1.15rem;
	justify-content: space-between;
	padding: 0 1rem 1rem 1rem;
	width: 100%;
}
.top-news-title
{
	display: block;
	font-size: 1em;
	font-weight: 600;
	line-height: 1em;
	margin: 0;
	text-align: left;
	width: 10em;
}
a.top-news-link
{
	background: #976e42;
	background: -moz-linear-gradient(left, #976e42 0%, #45200e 100%);
	background: -webkit-linear-gradient(left, #976e42 0%,#45200e 100%);
	background: linear-gradient(to right, #976e42 0%,#45200e 100%);
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976e42', endColorstr='#45200e',GradientType=1 );
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
	text-decoration: none;
	top: 0;
	transition: all 0.3s ease-in-out;
}
a.top-news-link:before
{
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_document</title><rect class="a" width="200" height="200"/><path class="b" d="M144.1,110H58.72a3.22,3.22,0,0,0,0,6.44H144.1a3.22,3.22,0,0,0,0-6.44Z"/><path class="b" d="M144.09,133.86H58.72a3.22,3.22,0,0,0,0,6.44h85.38a3.22,3.22,0,1,0,0-6.44Z"/><path class="b" d="M144.09,157.77H58.72a3.22,3.22,0,0,0,0,6.44h85.38a3.22,3.22,0,1,0,0-6.44Z"/><path class="b" d="M157.49,3.37h-115A16.12,16.12,0,0,0,26.4,19.48v161a16.12,16.12,0,0,0,16.11,16.11h115a16.12,16.12,0,0,0,16.11-16.11v-161A16.12,16.12,0,0,0,157.49,3.37Zm9.66,177.15a9.67,9.67,0,0,1-9.66,9.66h-115a9.67,9.67,0,0,1-9.66-9.66v-161a9.67,9.67,0,0,1,9.66-9.66h115a9.67,9.67,0,0,1,9.66,9.66Z"/><path class="b" d="M66.66,90.56h40.82A11.18,11.18,0,0,0,118.65,79.4V37.89a11.18,11.18,0,0,0-11.17-11.17H66.66A11.18,11.18,0,0,0,55.5,37.89V79.4A11.18,11.18,0,0,0,66.66,90.56ZM61.94,37.89a4.73,4.73,0,0,1,4.72-4.72h40.82a4.73,4.73,0,0,1,4.72,4.72V79.4a4.73,4.73,0,0,1-4.72,4.72H66.66a4.73,4.73,0,0,1-4.72-4.72Z"/></svg>') no-repeat center center / contain;
	color: #fff;
	content: '';
	display: inline-block;
	height: 1.2em;
	margin-right: 0.25em;
	vertical-align: middle;	
	width: 1.2em;
}
.top-news-list
{
}
.top-news-list dt
{
}
.top-news-list dd
{
}
@media screen and (min-width:950px)
{
	.main-mv
	{
		background: #fff;
		height: 500px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.mv-txt01
	{
		height: 115px;
		left:50%;
		position: absolute;
		top: 127px;
		transform: translate(-50%,0);
		width: 440px;
		z-index: 3;
	}
	.mv-txt
	{
		background: #fff;
		bottom: 110px;
		height: 110px;
		padding: 0.8em 0 1em 0;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 3;
	}
	.mv-txt02
	{
		height: 88px;
		margin: 0 auto;
		width: 675px;
	}
	.main-mv .mv-img
	{
		left: 50%;
		opacity: 0.5;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
	}
	.top-overview,
	.top-profile
	{
		margin: 0 auto 70px auto;
	}
	.top-content-link
	{
		padding: 5em 0 5em 7.5em;

	}
	.top-content-link:after
	{
		height: 76px;
		width: 7.5em;
	}
	.top-overview,
	.top-profile
	{
		width: 840px;
	}
	.top-news
	{
		display: flex;
	}
	.top-news-header
	{
		border-bottom: none;
		border-right: 2px solid #ac824f;
		display: block;
		font-size: 1.15rem;
		padding: 0 4em 0 0;
		text-align: right;
		width: 13em;
	}
	.top-news-title
	{
		display: inline-block;
		font-size: 1em;
		font-weight: 600;
		line-height: 1em;
		margin: 0 auto 0.5rem auto;
		width: 10em;
	}
	a.top-news-link
	{
		background: #976e42;
		background: -moz-linear-gradient(left, #976e42 0%, #45200e 100%);
		background: -webkit-linear-gradient(left, #976e42 0%,#45200e 100%);
		background: linear-gradient(to right, #976e42 0%,#45200e 100%);
		color: #fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976e42', endColorstr='#45200e',GradientType=1 );
		font-size: 0.875rem;
		font-weight: normal;
		line-height: 1;
		padding: 0.25em 0.5em 0.4em;
		text-decoration: none;
		top: 0;
		transition: all 0.3s ease-in-out;
	}
	a.top-news-link:before
	{
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.a{fill:none;}.b{fill:%23fff;}</style></defs><title>icon_document</title><rect class="a" width="200" height="200"/><path class="b" d="M144.1,110H58.72a3.22,3.22,0,0,0,0,6.44H144.1a3.22,3.22,0,0,0,0-6.44Z"/><path class="b" d="M144.09,133.86H58.72a3.22,3.22,0,0,0,0,6.44h85.38a3.22,3.22,0,1,0,0-6.44Z"/><path class="b" d="M144.09,157.77H58.72a3.22,3.22,0,0,0,0,6.44h85.38a3.22,3.22,0,1,0,0-6.44Z"/><path class="b" d="M157.49,3.37h-115A16.12,16.12,0,0,0,26.4,19.48v161a16.12,16.12,0,0,0,16.11,16.11h115a16.12,16.12,0,0,0,16.11-16.11v-161A16.12,16.12,0,0,0,157.49,3.37Zm9.66,177.15a9.67,9.67,0,0,1-9.66,9.66h-115a9.67,9.67,0,0,1-9.66-9.66v-161a9.67,9.67,0,0,1,9.66-9.66h115a9.67,9.67,0,0,1,9.66,9.66Z"/><path class="b" d="M66.66,90.56h40.82A11.18,11.18,0,0,0,118.65,79.4V37.89a11.18,11.18,0,0,0-11.17-11.17H66.66A11.18,11.18,0,0,0,55.5,37.89V79.4A11.18,11.18,0,0,0,66.66,90.56ZM61.94,37.89a4.73,4.73,0,0,1,4.72-4.72h40.82a4.73,4.73,0,0,1,4.72,4.72V79.4a4.73,4.73,0,0,1-4.72,4.72H66.66a4.73,4.73,0,0,1-4.72-4.72Z"/></svg>') no-repeat center center / contain;
		color: #fff;
		content: '';
		display: inline-block;
		height: 1.2em;
		margin-right: 0.25em;
		vertical-align: bottom;	
		width: 1.2em;
	}
	.top-news-list
	{
		display: flex;
		flex-basis: 70em;
		flex-wrap: wrap;
		margin:0 0 0 3em;
		width: 70em;
	}
	.top-news-list dt
	{
		flex-basis: 6em;
		width: 6em;
	}
	.top-news-list dd
	{
		flex-basis: 55em;
		margin: 0 0 1.5em 1.5em;
		width: 55em;
	}
}
@media screen and (min-width: 1200px)
{
}