@charset "UTF-8";
/*!
Theme Name: Meijie2023 Modern
Theme URI: https://meijie.co.jp/
Author: Meijie Co.,Ltd.
Author URI: https://meijie.co.jp/
Description: Modern design enhanced version of Meijie2023. モダンデザイン強化版 - 洗練されたUI、スムーズなアニメーション、レスポンシブ対応
Version: 1.1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: meijie2023
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, modern, gradient, responsive

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

Meijie2023 is based on Underscores https://underscores.me/, (C) 2012-2020 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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | 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;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * 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;
	height: 0;
	overflow: visible;
}

/**
 * 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;
	font-size: 1em;
}

/* 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;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
 * 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;
	font-size: 1em;
}

/**
 * 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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	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;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

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

/**
 * 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;
	outline-offset: -2px;
}

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

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	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;
	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;
}

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

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

dd {
	margin: 0 1.5em 1.5em;
}

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

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

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}
a:visited {
	color: #800080;
}
a:hover, a:focus, a:active {
	color: #191970;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}

/* 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);
	line-height: 1;
	padding: 0.6em 1em 0.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%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	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 {
	display: block;
	left: auto;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	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: flex;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

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

.post,
.page {
	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;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}
.widget select {
	max-width: 100%;
}

/* 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 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;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.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;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

/* Layout for Meijie
--------------------------------------------- */
.post,
.page {
	margin-bottom: 0;
}

/*clearfix
---------------------------------------------------------------*/
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

header.site-header {
	height: 110px;
	background: #fff;
}
header.site-header .site-description {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 0.875em;
}
header.site-header .site-branding {
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
	padding: 1em 0 0;
	position: relative;
}
header.site-header .site-branding h1 {
	width: 29%;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 980px) {
	header.site-header .site-branding h1 {
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	header.site-header .site-branding h1 {
		width: 65%;
	}
}
@media screen and (max-width: 980px) {
	header.site-header {
		height: 160px;
	}
}
@media screen and (max-width: 768px) {
	header.site-header {
		z-index: 999;
		height: 130px;
		position: relative;
	}
	header.site-header.entry-header {
		z-index: 1;
	}
}
@media screen and (max-width: 480px) {
	header.site-header {
		height: 74px;
	}
	header.site-header .site-description {
		display: none;
	}
}

#nav-btn {
	display: none;
}
@media screen and (max-width: 768px) {
	#nav-btn {
		display: block;
		width: 23px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 20px;
		bottom: 20px;
		cursor: pointer;
	}
}
@media screen and (max-width: 480px) {
	#nav-btn {
		bottom: 10px;
	}
}

#nav-bg-close {
	display: none;
	opacity: 0;
	margin: 0;
	padding: 0;
	z-index: 2;
}
@media screen and (max-width: 768px) {
	#nav-bg-close.opened_nav_bg_close {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		background-color: rgba(0, 0, 0, 0.3);
		top: 0;
		left: 0;
		opacity: 1;
		transition: all 0.5s;
	}
	#nav-bg-close.opened_nav_bg_close span {
		display: none;
	}
}

nav.menu {
	color: #fff;
	background-color: #014ea2;
	border-top: #000 8px solid;
	width: 100%;
	z-index: 9999;
	height: 66px;
}
nav.menu #nav-cont {
	position: relative;
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
}
nav.menu #nav-cont #main-nav .nav-menu {
	display: flex;
	list-style: none;
	margin: -8px 0 0;
	padding: 0;
	position: relative;
}
nav.menu #nav-cont #main-nav .nav-menu li {
	width: 14.28%;
	margin: 0;
	padding: 0;
	border-left: 1px solid #f1f3f6;
	-o-border-image: linear-gradient(to bottom, #000 8px, #f1f3f6 9px, #f1f3f6 100%);
	   border-image: linear-gradient(to bottom, #000 8px, #f1f3f6 9px, #f1f3f6 100%);
	border-image-slice: 1;
}
nav.menu #nav-cont #main-nav .nav-menu li:last-child {
	border-right: 1px solid #f1f3f6;
	-o-border-image: linear-gradient(to bottom, #000 8px, #f1f3f6 9px, #f1f3f6 100%);
	   border-image: linear-gradient(to bottom, #000 8px, #f1f3f6 9px, #f1f3f6 100%);
	border-image-slice: 1;
}
nav.menu #nav-cont #main-nav .nav-menu li a {
	display: block;
	text-align: center;
	padding: 17px 10px;
	border-top: #000 8px solid;
	color: #fff;
	text-decoration: none;
	font-family: "UD Shin Go DemiBold JIS2004", "Hiragino Sans W7", "メイリオ", Meiryo, sans-serif;
}
nav.menu #nav-cont #main-nav .nav-menu li a svg {
	width: 17px;
	height: 12px;
	fill: #fff;
}
nav.menu #nav-cont #main-nav .nav-menu li a:hover {
	color: #014ea2;
	background-color: #fff;
	border-top-color: #0088ff;
	-o-border-image: linear-gradient(to right, #00c8d5 22.47%, #0088ff 100%);
	   border-image: linear-gradient(to right, #00c8d5 22.47%, #0088ff 100%);
	border-image-slice: 1;
}
nav.menu #nav-cont #main-nav .nav-menu li a:hover svg {
	fill: #014ea2;
}
nav.menu #nav-cont #main-nav .nav-menu li.current a {
	color: #014ea2;
	background-color: #fff;
	border-top-color: #0088ff;
	-o-border-image: linear-gradient(to right, #00c8d5 22.47%, #0088ff 100%);
	   border-image: linear-gradient(to right, #00c8d5 22.47%, #0088ff 100%);
	border-image-slice: 1;
}
@media screen and (max-width: 1280px) {
	nav.menu #nav-cont #main-nav .nav-menu li {
		width: auto;
		flex: 1 1 auto;
	}
}
@media screen and (max-width: 980px) {
	nav.menu #nav-cont #main-nav .nav-menu li a {
		font-size: 87.5%;
	}
}
@media screen and (max-width: 768px) {
	nav.menu {
		position: absolute;
		top: auto;
		left: -999999px;
		z-index: 99999999;
		border: none;
		opacity: 1;
	}
	nav.menu.opened_menu {
		top: auto;
		left: 0;
		display: block;
		width: 100%;
		background: none;
	}
	nav.menu.opened_menu #nav-cont {
		background-color: #f8f8f8;
		opacity: 1;
		top: 0;
		padding: 20px 0;
	}
	nav.menu.opened_menu #nav-cont #nav-search {
		position: relative;
		top: auto;
		right: auto;
		width: 80%;
		opacity: 1;
		margin: 0 auto;
		background-color: #fff;
	}
	nav.menu.opened_menu #nav-cont .inquiry-btn {
		position: static;
		width: 25%;
		padding: 5px 1.5%;
		margin: 15px 0 0 5%;
		display: inline-block;
		font-size: 1rem;
		text-align: center;
	}
	nav.menu.opened_menu #nav-cont .inquiry-btn a {
		background: none;
		border: none;
		color: #333;
		font-size: 87.5%;
		padding: 5px 0;
		letter-spacing: normal;
		min-height: 0;
	}
	nav.menu.opened_menu #nav-cont .inquiry-btn a img {
		display: none;
	}
	nav.menu.opened_menu #nav-cont #sub-nav {
		position: static;
		display: inline-block;
		width: 62%;
		margin: 0 5% 0 0;
	}
	nav.menu.opened_menu #nav-cont #sub-nav li {
		display: inline-block;
		width: 49%;
		padding: 0;
	}
	nav.menu.opened_menu #nav-cont #sub-nav li a {
		display: block;
		background-color: #f8f8f8;
		border-left: #ccc 1px solid;
		color: #333;
		font-size: 87.5%;
		padding: 5px 0;
		text-align: center;
		transition: background-color 0.5s;
	}
	nav.menu #nav-cont {
		opacity: 0;
		z-index: 10;
		transition: all 0.5s;
		width: 100%;
	}
	nav.menu #nav-cont #main-nav .nav-menu {
		display: block;
		width: 90%;
		margin: 20px auto 0;
	}
	nav.menu #nav-cont #main-nav .nav-menu li {
		width: 100%;
		border: none;
		border-bottom: #ccc 1px solid;
	}
	nav.menu #nav-cont #main-nav .nav-menu li:last-child {
		border: none;
		border-bottom: #ccc 1px solid;
	}
	nav.menu #nav-cont #main-nav .nav-menu li a {
		height: auto;
		padding: 10px 10px 10px 20px;
		border: none;
		color: #333;
		text-align: left;
		background: #fff;
	}
	nav.menu #nav-cont #main-nav .nav-menu li a svg {
		fill: #1a8ed0;
	}
	nav.menu #nav-cont #main-nav .nav-menu li.current a {
		color: #fff;
		background-color: #1a8ed0;
	}
}
@media screen and (max-width: 480px) {
	nav.menu.opened_menu #nav-cont .inquiry-btn a {
		font-size: 75%;
	}
	nav.menu.opened_menu #nav-cont #sub-nav li a {
		font-size: 75%;
	}
}

#nav-search {
	position: absolute;
	top: -47px;
	right: 25%;
	width: 17.5%;
}
@media screen and (max-width: 980px) {
	#nav-search {
		right: auto;
		left: 0;
		top: -50px;
		width: 30%;
	}
}
@media screen and (max-width: 768px) {
	#nav-search {
		opacity: 0;
		transition: all 0.5s;
		margin: 0;
	}
}

#searchform {
	position: relative;
}

.searchfield {
	width: 100%;
}

#searchsubmit {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 23px;
	height: 23px;
	font-size: 0;
	background: url(./images/search.png) no-repeat;
	border: none;
	cursor: pointer;
}

#sub-nav {
	position: absolute;
	top: -42px;
	right: 42.5%;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#sub-nav li {
	display: inline-block;
	padding-right: 2em;
}
#sub-nav li a {
	text-decoration: none;
	color: #333;
}
#sub-nav li a:hover {
	text-decoration: underline;
	color: #555;
}
@media screen and (max-width: 980px) {
	#sub-nav {
		width: 30%;
		right: 30%;
		top: -47px;
	}
}

.head-banner {
	position: absolute;
	top: -100px;
	right: 0;
	width: 23.5%;
	margin: 0;
	padding: 0;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.head-banner {
		position: static;
		width: 90%;
		margin: 10px auto 0;
	}
}

.inquiry-btn {
	position: absolute;
	top: -50px;
	right: 0;
	width: 23.5%;
	margin: 0;
	padding: 0;
}
.inquiry-btn a {
	display: block;
	background-color: #F7931E;
	color: #fff;
	padding: 7px;
	min-height: 33px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.inquiry-btn a img {
	position: absolute;
	width: 8px;
	top: 50%;
	right: 8%;
	margin: -6px 0 0;
}
@media screen and (max-width: 980px) {
	.inquiry-btn {
		top: -57px;
	}
}

#breadcrumb {
	background: #fff;
}
#breadcrumb ul {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	list-style: none;
	padding: 3px 0;
}
#breadcrumb ul li {
	display: inline;
	font-size: 81.25%;
	padding: 0 1em 0 0;
}
#breadcrumb ul li:not(:last-child)::after {
	content: ">";
	margin-left: 1em;
}
#breadcrumb ul li a {
	color: #004da0;
}
@media screen and (max-width: 1280px) {
	#breadcrumb ul {
		width: 98%;
	}
}
@media screen and (max-width: 980px) {
	#breadcrumb ul {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	#breadcrumb {
		background: none;
	}
	#breadcrumb ul li {
		font-size: 75%;
	}
}

.site-main {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 980px) {
	.site-main {
		width: 94%;
	}
}

#secondary {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto 18px;
	position: relative;
}
@media screen and (max-width: 980px) {
	#secondary {
		width: 94%;
	}
}

#pagetop {
	position: fixed;
	bottom: 70px;
	right: 50px;
	margin: 0;
	padding: 11px;
	line-height: 1;
	background-color: #1a8ed0;
	z-index: 999999;
	cursor: pointer;
}
#pagetop:hover {
	opacity: 0.8;
}
#pagetop img {
	width: 22px;
}

#footer-wrapper {
	background-color: #014ea2;
	padding-bottom: 50px;
}
@media screen and (max-width: 480px) {
	#footer-wrapper {
		display: none;
	}
}

#footer-nav {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
#footer-nav section {
	vertical-align: top;
	min-width: 137px;
	padding: 2.5% 0 2.5% 1.8%;
	font-size: 1rem;
}
#footer-nav section:first-child {
	padding-left: 0;
}
#footer-nav section h3 {
	margin: 0;
	padding: 0;
	font-family: "UD Shin Go DemiBold JIS2004", "Hiragino Sans W6", "メイリオ", Meiryo, sans-serif;
	border-bottom: #fff 1px solid;
	margin-bottom: 1em;
	padding-bottom: 8px;
	font-size: 93.75%;
}
#footer-nav section ul {
	margin: 0;
	padding: 0;
}
#footer-nav section li {
	list-style: none;
	padding: 0 0 10px;
	font-size: 81.25%;
	line-height: 1.4;
	font-family: "UD Shin Go DemiBold JIS2004", "Hiragino Sans W6", "メイリオ", Meiryo, sans-serif;
}
#footer-nav section h3 a,
#footer-nav section li a {
	color: #fff;
	text-decoration: none;
}
#footer-nav section h3 a:hover,
#footer-nav section li a:hover {
	text-decoration: underline;
}
#footer-nav section > ul > li > ul > li {
	font-size: 100%;
	margin: 10px 0 0;
	padding: 0 0 0 1.5em;
	position: relative;
}
#footer-nav section > ul > li > ul > li::before {
	content: " ";
	position: absolute;
	display: block;
	width: 1em;
	height: 0.5em;
	top: 0.5em;
	left: 0;
	border-top: #fff 1px solid;
}
@media screen and (max-width: 1280px) {
	#footer-nav {
		width: 96%;
	}
	#footer-nav section:first-child {
		padding: 2.5% 0;
	}
}
@media screen and (max-width: 980px) {
	#footer-nav {
		width: 98%;
	}
	#footer-nav section,
#footer-nav section:first-child {
		padding: 2.5% 2%;
		width: 29.33%;
	}
}
@media screen and (max-width: 768px) {
	#footer-nav {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

footer.site-footer {
	background: #000;
}
footer.site-footer div {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 18px 0;
	font-size: 93.75%;
}
footer.site-footer div ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
footer.site-footer div ul li {
	display: inline-block;
	padding: 0 40px 0 18px;
	background: url(./images/common/arrow04.png) no-repeat left center;
	background-size: 5px;
}
footer.site-footer div ul li a {
	color: #fff !important;
	text-decoration: none;
}
footer.site-footer div ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
footer.site-footer div p {
	float: right;
	color: #fff;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 1280px) {
	footer.site-footer div {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	footer.site-footer div ul {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 480px) {
	footer.site-footer p {
		font-size: 75%;
		line-height: 1.2;
		padding: 1em 0 0;
	}
}

#main_wrapper {
	background: #000;
}

#main_visual {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 880px) {
	#main_visual {
		z-index: 10;
		margin-bottom: 30px;
	}
}

#main_slider_wrapper {
	float: left;
	width: 76.25% !important;
	max-height: 488px;
	overflow: hidden;
}
@media screen and (max-width: 880px) {
	#main_slider_wrapper {
		float: none;
		width: 100% !important;
	}
}

#main_slider {
	margin: 0;
	padding: 0;
}
#main_slider li {
	list-style: none;
	max-height: 488px;
	overflow: hidden;
	position: relative;
}
#main_slider li a {
	color: #333;
	text-decoration: none;
}
#main_slider li div {
	position: absolute;
	top: 0;
	left: 0;
}
#main_slider li#ms_li01 div {
	top: 24%;
	padding-left: 4%;
}
#main_slider li#ms_li01 div .ma_p01 {
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: 0 0 12px #000, 0 0 6px #000;
	font-size: 3.05rem;
	font-weight: bold;
	line-height: 1.25;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li01 div .ma_p01 {
		font-size: 6.6vw;
	}
}
#main_slider li#ms_li02 div {
	top: 50%;
	transform: translateY(-50%);
	padding-left: 4%;
}
#main_slider li#ms_li02 div .ma_p01 {
	margin: 0 0 1%;
	padding: 0;
	color: #fff;
	text-shadow: 0 0 12px #014ea2, 0 0 6px #014ea2;
	font-size: 3.05em;
	font-weight: bold;
	line-height: 1.25;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li02 div .ma_p01 {
		font-size: 6vw;
	}
}
#main_slider li#ms_li02 div .ma_p02 {
	margin: 0 0 1%;
	padding: 0;
	color: #014ea2;
	text-shadow: 0 0 8px #fff, 0 0 4px #fff;
	font-size: 1.78em;
	font-weight: bold;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li02 div .ma_p02 {
		font-size: 3.5vw;
	}
}
#main_slider li#ms_li02 div .ma_p03 {
	display: inline-block;
	width: 11em;
	margin: 0;
	padding: 15px 23px;
	color: #fff;
	background-color: #014ea2;
	font-size: 1.644em;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li02 div .ma_p03 {
		padding: 2% 2.15%;
		font-size: 3.23vw;
	}
}
#main_slider li#ms_li03 div {
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding-right: 4%;
	padding-top: 10%;
}
#main_slider li#ms_li03 div .ma_p01 {
	margin: 0 0 1%;
	padding: 0;
	color: #fff;
	text-shadow: 0 0 12px #014ea2, 0 0 6px #014ea2;
	font-size: 3.05em;
	font-weight: bold;
	line-height: 1.25;
	text-align: right;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li03 div .ma_p01 {
		font-size: 5vw;
	}
}
#main_slider li#ms_li03 div .ma_p02 {
	margin: 0;
	padding: 0;
	text-align: right;
}
#main_slider li#ms_li03 div .ma_p02 span {
	display: inline-block;
	padding: 15px 23px;
	color: #fff;
	background-color: #014ea2;
	font-size: 1.644em;
	font-weight: bold;
}
@media screen and (max-width: 880px) {
	#main_slider li#ms_li03 div .ma_p02 span {
		padding: 2% 2.15%;
		font-size: 3.23vw;
	}
}

#main_pager {
	float: right;
	width: 23.75%;
	height: 100%;
	list-style: none;
	z-index: 999;
	margin: 0;
	padding: 0;
}
#main_pager li {
	position: relative;
	padding-top: 53.289473684%;
	margin-top: 1px;
}
#main_pager li:first-child {
	margin: 0;
}
#main_pager li:first-child .mp_p01 {
	margin: 0;
	padding: 10% 0 0;
	font-size: 1.1271em;
	font-weight: bold;
}
#main_pager li:first-child .mp_p02 {
	margin: 0;
	padding: 0;
	font-size: 1.643em;
	font-weight: bold;
}
#main_pager li:first-child .mp_p03 {
	margin: 0;
	padding: 0;
	font-size: 1.643em;
	font-weight: bold;
}
@media screen and (max-width: 1280px) {
	#main_pager li:first-child .mp_p01 {
		font-size: 1.4vw;
	}
	#main_pager li:first-child .mp_p02,
#main_pager li:first-child .mp_p03 {
		font-size: 2vw;
	}
}
#main_pager li:nth-child(2) .mp_p01 {
	margin: 0;
	padding: 10% 0 0;
	font-size: 1.1271em;
	font-weight: bold;
}
#main_pager li:nth-child(2) .mp_p02 {
	margin: 0;
	padding: 0;
	font-size: 1.643em;
	font-weight: bold;
}
#main_pager li:nth-child(2) .mp_p03 {
	margin: 0;
	padding: 0;
	font-size: 1.643em;
	font-weight: bold;
}
@media screen and (max-width: 1280px) {
	#main_pager li:nth-child(2) .mp_p01 {
		font-size: 1.4vw;
	}
	#main_pager li:nth-child(2) .mp_p02,
#main_pager li:nth-child(2) .mp_p03 {
		font-size: 2vw;
	}
}
#main_pager li:last-child .mp_p01a {
	margin: 0;
	padding: 10% 0 0;
	font-size: 1.643em;
	font-weight: bold;
}
#main_pager li:last-child .mp_p02 {
	margin: 0;
	padding: 0;
	font-size: 1.643em;
	font-weight: bold;
}
#main_pager li:last-child .mp_p03 {
	margin: 0;
	padding: 0;
	font-size: 0.8453em;
	font-weight: bold;
}
@media screen and (max-width: 1280px) {
	#main_pager li:last-child .mp_p01a,
#main_pager li:last-child .mp_p02 {
		font-size: 2vw;
	}
	#main_pager li:last-child .mp_p03 {
		font-size: 1.06vw;
	}
}
#main_pager li a {
	position: absolute;
	background-color: #004ea2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	transition: all 1s;
	padding: 0 2%;
}
#main_pager li a:hover {
	opacity: 0.8;
}
#main_pager li a::before {
	content: "";
	display: block;
	position: absolute;
	left: -15px;
	top: 50%;
	width: 15px;
	height: 30px;
	margin-top: -15px;
	background-image: url(./images/arrow01.png);
	background-repeat: no-repeat;
	background-size: 15px;
	transition: opacity 1s;
	opacity: 0;
	z-index: 999;
}
#main_pager li a.active {
	background-color: #fff;
	color: #004ea2;
}
#main_pager li a.active::before {
	opacity: 1;
}
@media screen and (max-width: 880px) {
	#main_pager {
		position: absolute;
		bottom: -7px;
		left: 0;
		float: none;
		width: 100%;
		line-height: 1;
		height: 10px;
		text-align: center;
		z-index: 9999;
	}
	#main_pager p {
		display: none;
	}
	#main_pager li {
		display: inline-block;
		padding: 0 10px;
		line-height: 1;
		z-index: 9999;
	}
	#main_pager li a {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		padding: 0;
		z-index: 9999;
	}
	#main_pager li a::before {
		display: none;
	}
	#main_pager li a.active {
		background-color: #58c2ff;
	}
	#main_pager li a .mp_img img {
		display: none;
	}
}

#home_main {
	width: 73.75%;
	float: left;
	margin: 2.45% 0 4%;
}
#home_main h2.home-title {
	font-size: 156.25%;
	border-bottom: #aaa 1px solid;
	margin: 0;
	padding: 0 0 0.59%;
}
@media screen and (max-width: 768px) {
	#home_main {
		width: 100%;
		float: none;
		margin: 0;
	}
}

#pickup ul {
	margin: 0;
	padding: 0;
}
#pickup li {
	list-style: none;
	padding: 2.11% 0 0 1.69%;
	width: 32.2%;
	margin: 0 0 3.28%;
	float: left;
}
#pickup li:first-child {
	padding: 2.11% 0 0;
}
#pickup li a {
	color: #333;
	text-decoration: none;
}
#pickup li h3 {
	color: #014ea2;
	font-family: "UD Shin Go DemiBold JIS2004", "メイリオ", Meiryo, sans-serif;
	border-bottom: #dcdcdc 1px solid;
	margin: 0;
	padding: 8px 0 4px;
	position: relative;
}
#pickup li h3 img {
	width: 17px;
	float: right;
	margin-left: 5px;
}
#pickup li p {
	font-size: 87.5%;
	margin: 0;
	padding: 2.8% 0;
}
#pickup #pickup_slider li {
	width: 320px !important;
	padding: 20px 16px 0 0;
}
#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child {
	width: 320px !important;
	padding: 20px 16px 0 0;
}
#pickup .bx-wrapper {
	margin-bottom: 3.28% !important;
}
#pickup .bx-wrapper .bx-controls-direction {
	width: 106%;
	margin: 0 -3%;
	position: absolute;
	top: 30%;
}
#pickup .bx-wrapper .bx-controls-direction a {
	top: 0;
	margin-top: 0;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 78, 162, 0.8);
	background-size: 7px;
	border-radius: 20px;
	overflow: hidden;
}
#pickup .bx-wrapper .bx-prev {
	left: 0;
	background: url(./images/slider_arrow04.png) no-repeat 50% 50%;
}
#pickup .bx-wrapper .bx-next {
	right: 0;
	background: url(./images/slider_arrow03.png) no-repeat 50% 50%;
}
@media screen and (max-width: 1280px) {
	#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child {
		width: 307px !important;
		padding: 20px 16px 0 0;
	}
}
@media screen and (max-width: 1024px) {
	#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child {
		width: 245px !important;
		padding: 15px 12px 0 0;
	}
}
@media screen and (max-width: 980px) {
	#pickup li p {
		font-size: 75%;
		line-height: 1.4;
	}
}
@media screen and (max-width: 768px) {
	#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child {
		width: 241px !important;
		padding: 15px 12px 0 0;
	}
}
@media screen and (max-width: 480px) {
	#pickup {
		padding: 0 0 1.5em;
	}
	#pickup .bx-wrapper {
		border-bottom: 40px #fff solid;
		border-top: 40px #fff solid;
	}
	#pickup .bx-wrapper .bx-controls-direction {
		width: 100%;
		margin: 0;
		position: static;
	}
	#pickup .bx-wrapper .bx-controls-direction a {
		width: 30px;
		height: 30px;
		border-radius: 15px;
	}
	#pickup .bx-wrapper .bx-controls-direction a.bx-prev {
		top: -30px;
		left: 50%;
		margin-left: -15px;
		background: rgba(0, 78, 162, 0.8) url(./images/slider_arrow05.png) no-repeat 50% 50%;
		background-size: 10px;
	}
	#pickup .bx-wrapper .bx-controls-direction a.bx-next {
		right: 50%;
		top: auto;
		bottom: -30px;
		margin-right: -15px;
		background: rgba(0, 78, 162, 0.8) url(./images/slider_arrow06.png) no-repeat 50% 50%;
		background-size: 10px;
	}
	#pickup .bx-viewport {
		border-bottom: 40px #fff solid;
		border-top: 40px #fff solid;
	}
	#pickup #pickup_slider li,
#pickup #pickup_slider li:first-child {
		width: 100% !important;
		padding: 0 0 12px !important;
		margin: 0;
	}
	#pickup #pickup_slider li::before, #pickup #pickup_slider li::after {
		content: "";
		display: table;
	}
	#pickup li .flex {
		display: flex;
	}
	#pickup li .pickup_img {
		width: 35%;
		margin: 0;
		padding: 8px 0 4px;
		flex-basis: 35%;
	}
	#pickup li .flex-contents {
		flex-grow: 1;
		flex-basis: 65%;
		margin-left: 2%;
	}
	#pickup li h3 {
		font-size: 75%;
		line-height: 1.4;
		padding: 8px 0 4px;
	}
}

#home_side {
	width: 23.75%;
	float: right;
	margin-top: 2.8%;
}
@media screen and (max-width: 480px) {
	#home_side {
		width: 304px;
		margin: 5% auto 0;
		float: none;
	}
}

#home_news_wrapper article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
#home_news_wrapper article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
#home_news_wrapper article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
#home_news_wrapper article .entry-category-name.news {
	background-color: #014ea2;
}
#home_news_wrapper article .entry-category-name.event {
	background-color: #F7931E;
}
#home_news_wrapper article .entry-category-name.new-products {
	background-color: #f7931e;
}
#home_news_wrapper article .entry-category-name.blog {
	background-color: #38a002;
}
#home_news_wrapper article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
#home_news_wrapper article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
#home_news_wrapper article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
#home_news_wrapper article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
#home_news_wrapper article .entry-title a:hover {
	text-decoration: underline;
}
#home_news_wrapper article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
#home_news_wrapper article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
#home_news_wrapper article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
#home_news_wrapper article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	#home_news_wrapper article .entry-content {
		flex-wrap: wrap;
	}
	#home_news_wrapper article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	#home_news_wrapper article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	#home_news_wrapper article .entry-link {
		margin-left: 0;
	}
}
@media screen and (max-width: 880px) {
	#home_news_wrapper {
		position: relative;
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 768px) {
	#home_news_wrapper article .entry-category-name {
		margin: 1px 8px 1px 0;
	}
}
@media screen and (max-width: 600px) {
	#home_news_wrapper {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 768px) {
	#home_news_wrapper {
		width: 68%;
		float: left;
	}
}
@media screen and (max-width: 480px) {
	#home_news_wrapper {
		width: 100%;
		float: none;
	}
}

#home_news_btn {
	width: 50%;
	float: right;
	margin: -50px 0 0;
	padding: 0;
	position: relative;
	list-style: none;
}
#home_news_btn li {
	float: right;
	width: 32%;
	padding: 0 0 0 1.33%;
	font-size: 93.75%;
}
#home_news_btn li a {
	display: block;
	text-align: center;
	color: #FFFFFF;
	background-color: #014ea2;
	text-decoration: none;
	padding: 4%;
}
#home_news_btn li a:hover {
	opacity: 0.8;
}
#home_news_btn li:first-child a {
	background-color: #F7931E;
}
#home_news_btn li:last-child a {
	background-color: #00a99d;
}
@media only screen and (max-width: 1180px) {
	#home_news_btn {
		width: 70%;
	}
}
@media screen and (max-width: 880px) {
	#home_news_btn {
		float: none;
		position: absolute;
		bottom: 10px;
		right: 0;
		width: 100%;
		margin: 0;
	}
	#home_news_btn li:last-child {
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	#home_news_btn li:last-child {
		padding: 0;
		width: 35%;
	}
}
@media screen and (max-width: 600px) {
	#home_news_btn {
		bottom: -70px;
	}
	#home_news_btn li,
#home_news_btn li:first-child {
		width: 100%;
		padding: 0 0 1%;
	}
	#home_news_btn li a,
#home_news_btn li:first-child a {
		padding: 2% 15px;
		text-align: left;
	}
	#home_news_btn li:last-child {
		width: 100%;
		padding: 0 0 1%;
	}
}

#hs_slider_wrapper {
	margin: 24% 0;
}
#hs_slider_wrapper ul {
	margin: 0;
	padding: 0;
}
#hs_slider_wrapper .bx-wrapper .bx-controls-direction a {
	position: absolute;
	left: 0;
	outline: 0;
	display: block;
	width: 100%;
	height: 19px;
	text-indent: -9999px;
	z-index: 9999;
	background: #004ea2 no-repeat 50% 50%;
	background-size: 16px;
	border-radius: 2px;
}
#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
	top: -20px;
	background-image: url(./images/slider_arrow01.png);
}
#hs_slider_wrapper .bx-wrapper .bx-controls-direction a.bx-next {
	top: auto;
	bottom: -35px;
	background-image: url(./images/slider_arrow02.png);
}
@media screen and (max-width: 480px) {
	#hs_slider_wrapper {
		margin: 45px 0;
	}
}

#bottom_banner {
	background-color: #dcdcdc;
}
#bottom_banner ul {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
	list-style: none;
	padding: 28px 0;
}
#bottom_banner ul li {
	width: 25.39%;
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding-left: 1.64%;
}
#bottom_banner ul li:first-child {
	width: 23.75%;
	padding: 0;
}
#bottom_banner ul li a {
	display: block;
	box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
	#bottom_banner ul {
		width: 96%;
		padding: 2% 0;
	}
}
@media screen and (max-width: 980px) {
	#bottom_banner ul {
		width: 94%;
	}
}
@media screen and (max-width: 480px) {
	#bottom_banner ul li {
		width: 49.18%;
		padding: 0.82% 0;
	}
	#bottom_banner ul li:first-child {
		width: 49.18%;
		padding: 0;
		padding: 0.82% 0;
	}
	#bottom_banner ul li:nth-child(odd) {
		padding-left: 0;
	}
	#bottom_banner ul li:nth-child(even) {
		margin-left: 1.64%;
	}
}

.page {
	background-color: #f8f8f8;
}
.page .entry-content {
	margin: 2.5% 0 0;
	background-color: #fff;
	padding: 0 0 1em;
}

.page .has-post-thumbnail > .entry-header {
	max-height: 242px;
	overflow: hidden;
	position: relative;
	font-family: "UD Shin Go Regular JIS2004", "Hiragino Sans W5", "メイリオ", Meiryo, sans-serif;
	z-index: 1;
}
.page .has-post-thumbnail > .entry-header .entry-title {
	margin: 0;
	padding: 6.8% 5%;
	text-shadow: 0 0 12px #fff, 0 0 6px #fff;
}
.page .has-post-thumbnail > .entry-header .post-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
@media screen and (max-width: 1280px) {
	.page .has-post-thumbnail > .entry-header {
		max-height: none;
	}
	.page .has-post-thumbnail > .entry-header .entry-title {
		padding: 7% 5% 3%;
	}
}
@media screen and (max-width: 980px) {
	.page .has-post-thumbnail > .entry-header .entry-title {
		font-size: 1.75em;
	}
}
@media screen and (max-width: 768px) {
	.page .has-post-thumbnail > .entry-header .entry-title {
		padding: 5.8% 5% 3%;
	}
}
@media screen and (max-width: 480px) {
	.page .has-post-thumbnail > .entry-header .entry-title {
		font-size: 1.1875em;
	}
}

body.page-template-page-sidebar #breadcrumb {
	background-color: transparent;
}

body.page.office .entry-header .entry-title {
	color: #fff;
}

#cat-column {
	margin: 2.5% 0 0;
	background-color: #fff;
	padding: 2.5% 5.8% 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#cat-column li {
	width: 26.95%;
	padding-bottom: 4.7%;
}
#cat-column li a {
	color: #333;
	text-decoration: none;
}
#cat-column li a:hover {
	opacity: 0.8;
}
#cat-column li h2 {
	font-size: 125%;
	margin: 12px 0 6px;
}
#cat-column li p {
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 980px) {
	#cat-column li h2 {
		line-height: 1.4;
	}
}
@media screen and (max-width: 768px) {
	#cat-column {
		padding-top: 3.7%;
	}
	#cat-column li {
		width: 42.35%;
	}
	#cat-column li h2 {
		font-size: 1.125em;
	}
	#cat-column li p {
		font-size: 0.9375em;
	}
}
@media screen and (max-width: 480px) {
	#cat-column {
		padding-top: 3.3%;
	}
	#cat-column li {
		width: 44.3%;
	}
	#cat-column li h2 {
		margin: 10px 0 3px;
		font-size: 0.9em;
	}
	#cat-column li p {
		font-size: 0.75em;
	}
}

body.page.office .entry-header .entry-title {
	text-shadow: 0 0 12px #051a37, 0 0 6px #051a37;
}
body.page.office .office-index {
	margin: 0 4.53125%;
}
body.page.office .office-index .map-image img {
	max-width: 821px;
	width: 100%;
}
@media screen and (max-width: 1280px) {
	body.page.office .office-index {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	body.page.office .office-index .area-address {
		width: 100%;
	}
}

body.news article {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto 18px;
}
body.news article .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 2.5% 0 0;
	padding: 2.5% 4.53125% 1px;
	background: #fff;
}
body.news article .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
@media screen and (max-width: 768px) {
	body.news article .flex-container {
		flex-direction: column;
	}
	body.news article .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
body.news article #post-list article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
body.news article #post-list article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
body.news article #post-list article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
body.news article #post-list article .entry-category-name.news {
	background-color: #014ea2;
}
body.news article #post-list article .entry-category-name.event {
	background-color: #F7931E;
}
body.news article #post-list article .entry-category-name.new-products {
	background-color: #f7931e;
}
body.news article #post-list article .entry-category-name.blog {
	background-color: #38a002;
}
body.news article #post-list article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
body.news article #post-list article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
body.news article #post-list article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
body.news article #post-list article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
body.news article #post-list article .entry-title a:hover {
	text-decoration: underline;
}
body.news article #post-list article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
body.news article #post-list article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
body.news article #post-list article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
body.news article #post-list article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	body.news article #post-list article .entry-content {
		flex-wrap: wrap;
	}
	body.news article #post-list article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	body.news article #post-list article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	body.news article #post-list article .entry-link {
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	body.news article #post-list article .entry-category-name {
		margin: 1px 12px 1px 0;
	}
}
body.news article .nav-links {
	text-align: center;
	color: #014ea2;
}
body.news article .nav-links a {
	text-decoration: none;
	color: #014ea2;
}
body.news article .nav-links .page-numbers.current {
	text-decoration: underline;
}

body.page-template-page-sidebar article {
	width: 98%;
	max-width: 1280px;
	margin: 0 auto;
}
body.page-template-page-sidebar article .entry-content {
	font-size: 1.25rem;
	line-height: 1.7407407407;
}
body.page-template-page-sidebar article .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 2.5% 0 0;
	padding: 2.5% 4.53125% 1px;
	background: #fff;
}
body.page-template-page-sidebar article .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
@media screen and (max-width: 768px) {
	body.page-template-page-sidebar article .flex-container {
		flex-direction: column;
	}
	body.page-template-page-sidebar article .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
body.page-template-page-sidebar article #post-list article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
body.page-template-page-sidebar article #post-list article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
body.page-template-page-sidebar article #post-list article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
body.page-template-page-sidebar article #post-list article .entry-category-name.news {
	background-color: #014ea2;
}
body.page-template-page-sidebar article #post-list article .entry-category-name.event {
	background-color: #F7931E;
}
body.page-template-page-sidebar article #post-list article .entry-category-name.new-products {
	background-color: #f7931e;
}
body.page-template-page-sidebar article #post-list article .entry-category-name.blog {
	background-color: #38a002;
}
body.page-template-page-sidebar article #post-list article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
body.page-template-page-sidebar article #post-list article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
body.page-template-page-sidebar article #post-list article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
body.page-template-page-sidebar article #post-list article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
body.page-template-page-sidebar article #post-list article .entry-title a:hover {
	text-decoration: underline;
}
body.page-template-page-sidebar article #post-list article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
body.page-template-page-sidebar article #post-list article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
body.page-template-page-sidebar article #post-list article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
body.page-template-page-sidebar article #post-list article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	body.page-template-page-sidebar article #post-list article .entry-content {
		flex-wrap: wrap;
	}
	body.page-template-page-sidebar article #post-list article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	body.page-template-page-sidebar article #post-list article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	body.page-template-page-sidebar article #post-list article .entry-link {
		margin-left: 0;
	}
}
body.page-template-page-sidebar article .nav-links {
	text-align: center;
	color: #014ea2;
}
body.page-template-page-sidebar article .nav-links a {
	text-decoration: none;
	color: #014ea2;
}
body.page-template-page-sidebar article .nav-links .page-numbers.current {
	text-decoration: underline;
}

body.page aside#secondary nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #b3b3b3;
}
body.page aside#secondary nav ul li {
	margin: 0;
	padding: 0;
}
body.page aside#secondary nav ul li:not(:last-child) {
	border-bottom: 1px solid #b3b3b3;
}
body.page aside#secondary nav ul li a {
	display: block;
	padding: 10px 10px 10px 40px;
	color: #000;
	text-decoration: none;
	position: relative;
}
body.page aside#secondary nav ul li a:hover {
	background-color: #f2f2f2;
}
body.page aside#secondary nav ul li a::before {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #014ea2;
	border-right: 2px solid #014ea2;
	position: absolute;
	left: 10px;
	top: 16px;
	transform: rotate(45deg);
}
body.page aside#secondary nav ul li.current {
	background-color: #f2f2f2;
}

body.page .has-sidebar #primary > .entry-content {
	margin-top: 0;
	padding: 1.784575% 3.5516%;
	border: 1px solid #b3b3b3;
}
body.page .has-sidebar #primary > .entry-content h2.wp-block-heading:first-child {
	margin-top: 0;
}
@media screen and (max-width: 768px) {
	body.page .has-sidebar #primary > .entry-content {
		border: none;
		padding: 0;
	}
}
body.page .has-sidebar .no-page-main-bottom {
	padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
	body.page .has-sidebar .site-main {
		width: 100%;
	}
}

.button-style1 {
	text-align: center;
}
.button-style1 a {
	display: inline-block;
	background-color: #f7921e;
	color: #fff;
	position: relative;
	text-align: center;
	text-decoration: none;
	padding: 7px 40px 7px 10px;
	font-size: 1.6875rem;
}
.button-style1 a::after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 1280px) {
	.button-style1 a {
		font-size: 100%;
	}
}

.dl-style1 {
	display: flex;
	border-bottom: 1px solid #b3b3b3;
	margin: 0 6.016% 1.5em;
}
.dl-style1 dt {
	flex: 1 1 49.9%;
	background-color: #f8f8f8;
	font-size: 1.6875em;
	font-weight: bold;
	margin-left: 9.528%;
	margin-bottom: 1em;
	padding: 3.573%;
}
.dl-style1 dd {
	flex: 1 1 49.9%;
	margin-right: 9.528%;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 3.573%;
	font-size: 1.125em;
	line-height: 2;
}
@media screen and (max-width: 1024px) {
	.dl-style1 dd {
		padding-right: 0;
	}
}
@media screen and (max-width: 768px) {
	.dl-style1 {
		flex-wrap: wrap;
	}
	.dl-style1 dt {
		flex: 0 0 100%;
		margin-left: 0;
		font-size: 1.5em;
	}
	.dl-style1 dd {
		flex: 0 0 100%;
		margin-right: 0;
		font-size: 1em;
	}
}

.occupations-style1 {
	border-bottom: 1px solid #b3b3b3;
	display: flex;
	align-items: center;
}
.occupations-style1 dt {
	width: 6em;
	flex: 0 0 6em;
	font-size: 1.6875rem;
	text-align: center;
	margin-bottom: 1.5em;
}
.occupations-style1 dd {
	margin-right: 0;
}
@media screen and (max-width: 768px) {
	.occupations-style1 {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.occupations-style1 dt {
		width: 100%;
		flex: 0 0 100%;
		text-align: left;
		margin-bottom: 0;
	}
	.occupations-style1 dd {
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.occupations-style1 dt {
		font-size: 1.51875rem;
	}
	.occupations-style1 dd {
		font-size: 1.125rem;
	}
}

.training-programs-style1 {
	border-bottom: 1px solid #b3b3b3;
}
.training-programs-style1 dt {
	text-align: center;
	color: #0251a0;
	font-weight: normal;
}
.training-programs-style1 dd {
	margin-right: 0;
	margin-left: 0;
}

.qa-style1 dt {
	font-weight: normal;
	color: #0251a0;
}
.qa-style1 dt::before {
	content: "Q. ";
}
.qa-style1 dd {
	margin-right: 0;
	margin-left: 0;
}
.qa-style1 dd::before {
	content: "A. ";
	color: #f45d0c;
}

.table-eco-achievements1 {
	font-size: 0.89375rem;
	text-align: center;
	border-collapse: collapse;
}
.table-eco-achievements1 thead th {
	font-weight: normal;
	background: #deebd9;
}

.is-style-heading-style1 {
	font-size: 2.5rem;
	font-family: "UD Shin Go Regular JIS2004", "Hiragino Sans W4", "メイリオ", Meiryo, sans-serif;
	margin: 2.5% 0 3.48%;
	border-bottom: #b3b3b3 1px solid;
	line-height: 1.4;
	padding: 7px 0;
}
@media screen and (max-width: 980px) {
	.is-style-heading-style1 {
		line-height: 1.1;
		padding: 14px 0;
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 768px) {
	.is-style-heading-style1 {
		padding: 30px 0 10px;
		font-size: 2.3125rem;
	}
}
@media screen and (max-width: 480px) {
	.is-style-heading-style1 {
		font-size: 1.5rem;
		padding: 20px 0 10px;
	}
}

.is-style-heading-style2 {
	margin: 0;
	padding: 2.5% 2.5% 2%;
	font-size: 168.75%;
	line-height: 1.4;
	text-align: center;
	font-family: "UD Shin Go Regular JIS2004", "Hiragino Sans W5", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 980px) {
	.is-style-heading-style2 {
		font-size: 131.25%;
	}
}
@media screen and (max-width: 700px) {
	.is-style-heading-style2 {
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.is-style-heading-style2 {
		font-size: 112.5%;
	}
}

.is-style-heading-style3 {
	font-size: 168.75%;
	line-height: 1.4;
	text-align: center;
	font-family: "UD Shin Go Regular JIS2004", "メイリオ", Meiryo, sans-serif;
	position: relative;
	margin-bottom: 2em;
}
.is-style-heading-style3::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	display: inline-block;
	width: 75px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #f7931f;
	border-radius: 0;
}
@media screen and (max-width: 980px) {
	.is-style-heading-style3 {
		font-size: 131.25%;
	}
}
@media screen and (max-width: 480px) {
	.is-style-heading-style3 {
		font-size: 112.5%;
	}
}

.is-style-heading-style4 {
	font-size: 168.75%;
	line-height: 1.4;
	text-align: center;
	font-family: "UD Shin Go Regular JIS2004", "メイリオ", Meiryo, sans-serif;
	position: relative;
	margin-bottom: 2em;
}
.is-style-heading-style4::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	display: inline-block;
	width: 75px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #014ea2;
	border-radius: 0;
}
@media screen and (max-width: 980px) {
	.is-style-heading-style4 {
		font-size: 131.25%;
	}
}
@media screen and (max-width: 480px) {
	.is-style-heading-style4 {
		font-size: 112.5%;
	}
}

.is-style-table-style1 td,
.is-style-table-style1 th {
	border: none;
}
.is-style-table-style1 th {
	padding-left: 0;
}
.is-style-table-style1 td:first-child {
	padding-right: 0.75em;
	padding-left: 0;
	vertical-align: top;
}
.is-style-table-style1 td:last-child {
	padding-right: 0;
	padding-left: 0.75em;
}
@media screen and (max-width: 768px) {
	.is-style-table-style1 table {
		display: block;
	}
	.is-style-table-style1 td {
		display: block;
		width: 100%;
	}
	.is-style-table-style1 td:first-child {
		padding-right: 0;
	}
	.is-style-table-style1 td:last-child {
		padding-left: 0;
	}
}

body.recruit article .wp-block-media-text .wp-block-media-text__media {
	padding: 0 4% 0 8%;
}
body.recruit article .wp-block-media-text .wp-block-media-text__content {
	padding: 0 8% 0 4%;
}
@media screen and (max-width: 768px) {
	body.recruit article .wp-block-media-text {
		grid-template-columns: 100%;
	}
	body.recruit article .wp-block-media-text .wp-block-media-text__media {
		padding-right: 8%;
		grid-column: 1;
		grid-row: 1;
	}
	body.recruit article .wp-block-media-text .wp-block-media-text__content {
		padding-left: 8%;
		grid-column: 1;
		grid-row: 2;
	}
}
body.recruit article .button-style1 a {
	padding-left: 70px;
	padding-right: 100px;
}
@media screen and (max-width: 480px) {
	body.recruit article .button-style1 a {
		padding-left: 40px;
		padding-right: 70px;
	}
}

body.csr-report article .wp-block-media-text .wp-block-media-text__media {
	padding: 0 4% 0 8%;
}
body.csr-report article .wp-block-media-text .wp-block-media-text__content {
	padding: 0 8% 0 4%;
}
@media screen and (max-width: 768px) {
	body.csr-report article .wp-block-media-text {
		grid-template-columns: 100%;
	}
	body.csr-report article .wp-block-media-text .wp-block-media-text__media {
		padding-right: 8%;
		grid-column: 1;
		grid-row: 1;
	}
	body.csr-report article .wp-block-media-text .wp-block-media-text__content {
		padding-left: 8%;
		grid-column: 1;
		grid-row: 2;
	}
}
body.csr-report article .wp-container-3 {
	margin-right: 3%;
	margin-left: 3%;
}
body.csr-report article .wp-container-3 .wp-block-column {
	padding: 3%;
}
body.csr-report article .w3eden .card {
	max-width: 451px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 480px) {
	body.csr-report article .w3eden .card {
		margin-right: 3%;
		margin-left: 3%;
	}
	body.csr-report article .w3eden .media {
		flex-wrap: wrap;
	}
	body.csr-report article .w3eden .media div:first-child {
		margin-right: auto !important;
		margin-left: auto;
	}
	body.csr-report article .w3eden .media div:last-child {
		margin-right: auto;
		margin-left: auto !important;
	}
	body.csr-report article .w3eden .media-body {
		flex: 1 100%;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		text-align: center;
	}
}

body.history article .wp-block-separator {
	border-top: none;
	border-color: #b3b3b3;
}

body.overview article .is-style-table-style1 table td {
	font-size: 1.25rem;
}
body.overview article .is-style-table-style1 table td:first-child {
	width: 5em;
	-moz-text-align-last: justify;
	     text-align-last: justify;
}
@media screen and (max-width: 768px) {
	body.overview article .is-style-table-style1 table td {
		font-size: 100%;
		padding-bottom: 0;
	}
	body.overview article .is-style-table-style1 table td:first-child {
		width: 100%;
		-moz-text-align-last: auto;
		     text-align-last: auto;
	}
}

body.contact article .wp-block-contact-form-7-contact-form-selector {
	padding: 0 10.5%;
}
body.contact article .wp-block-contact-form-7-contact-form-selector input[type=text]:not(#your-name),
body.contact article .wp-block-contact-form-7-contact-form-selector input[type=email],
body.contact article .wp-block-contact-form-7-contact-form-selector input[type=tel] {
	width: 100%;
}
body.contact article .wp-block-contact-form-7-contact-form-selector input[type=submit] {
	padding-right: 0;
	padding-left: 0;
	font-size: 1.5625rem;
	background-color: #F7931E;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 0;
}
body.contact article .wp-block-contact-form-7-contact-form-selector span {
	color: #FF5D21;
}
body.contact article .wp-block-contact-form-7-contact-form-selector .btn-wrap {
	color: #fff;
	position: relative;
	background: #f7931f;
	line-height: 2.8em;
	max-width: calc(180px + 27%);
	transition: 0.5s;
	margin: 0 auto;
	padding-left: 5%;
	text-align: center;
}
body.contact article .wp-block-contact-form-7-contact-form-selector .btn-wrap::after {
	transition: 0.3s;
	content: "";
	width: 0.6em;
	height: 0.6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transform: rotate(45deg);
}
body.contact article .info {
	padding: 0 10.5%;
}
@media screen and (max-width: 768px) {
	body.contact article .wp-block-contact-form-7-contact-form-selector {
		padding: 0 3%;
	}
	body.contact article .wp-block-contact-form-7-contact-form-selector input[type=text] {
		width: 100%;
	}
	body.contact article .wp-block-contact-form-7-contact-form-selector input[type=submit] {
		padding: 1.25% 6.75%;
		font-size: 1.125rem;
	}
	body.contact article .info {
		padding: 0 3%;
	}
}

body.contact-complete article .entry-content, body.contact-confirm article .entry-content {
	padding: 1em 10.5%;
}
@media screen and (max-width: 768px) {
	body.contact-complete article .entry-content, body.contact-confirm article .entry-content {
		padding: 1em 3%;
	}
}
body.contact-confirm input[type=button],
body.contact-confirm input[type=submit] {
	display: inline-block;
	margin: 0.25rem 0.125rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	border: 1px solid transparent;
}
body.contact-confirm #btn-back {
	color: #fff;
	background-color: #6c757d;
}
body.contact-confirm #btn-send {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}

body.apply article .wp-block-contact-form-7-contact-form-selector {
	padding: 0 10.5%;
}
body.apply article .wp-block-contact-form-7-contact-form-selector input[type=text]:not(#your-name),
body.apply article .wp-block-contact-form-7-contact-form-selector input[type=email],
body.apply article .wp-block-contact-form-7-contact-form-selector input[type=tel] {
	width: 100%;
}
body.apply article .wp-block-contact-form-7-contact-form-selector input[type=submit] {
	padding-right: 0;
	padding-left: 0;
	font-size: 1.5625rem;
	background-color: #F7931E;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 0;
}
body.apply article .wp-block-contact-form-7-contact-form-selector span {
	color: #FF5D21;
}
body.apply article .wp-block-contact-form-7-contact-form-selector .btn-wrap {
	color: #fff;
	position: relative;
	background: #f7931f;
	line-height: 2.8em;
	max-width: calc(180px + 27%);
	transition: 0.5s;
	margin: 0 auto;
	padding-left: 5%;
	text-align: center;
}
body.apply article .wp-block-contact-form-7-contact-form-selector .btn-wrap::after {
	transition: 0.3s;
	content: "";
	width: 0.6em;
	height: 0.6em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transform: rotate(45deg);
}
body.apply article .info {
	padding: 0 10.5%;
}
@media screen and (max-width: 768px) {
	body.apply article .wp-block-contact-form-7-contact-form-selector {
		padding: 0 3%;
	}
	body.apply article .wp-block-contact-form-7-contact-form-selector input[type=text] {
		width: 100%;
	}
	body.apply article .wp-block-contact-form-7-contact-form-selector input[type=submit] {
		padding: 1.25% 6.75%;
		font-size: 1.125rem;
	}
	body.apply article .info {
		padding: 0 3%;
	}
}

body.apply-complete article .entry-content, body.apply-confirm article .entry-content {
	padding: 1em 10.5%;
}
@media screen and (max-width: 768px) {
	body.apply-complete article .entry-content, body.apply-confirm article .entry-content {
		padding: 1em 3%;
	}
}
body.apply-confirm input[type=button],
body.apply-confirm input[type=submit] {
	display: inline-block;
	margin: 0.25rem 0.125rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	border: 1px solid transparent;
}
body.apply-confirm #btn-back {
	color: #fff;
	background-color: #6c757d;
}
body.apply-confirm #btn-send {
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;
}

body.page-template-page-nosidebar-without-breadcrumbs {
	background-color: #fff;
}
body.page-template-page-nosidebar-without-breadcrumbs article.page {
	background-color: #fff;
}
body.page-template-page-nosidebar-without-breadcrumbs article.page h1 {
	color: #054ea0;
	border-bottom: 1px solid #808080;
	padding-bottom: 1.26%;
	font-size: 2.348125rem;
}
@media screen and (max-width: 480px) {
	body.page-template-page-nosidebar-without-breadcrumbs article.page h1 {
		font-size: 1.5rem;
	}
}

body.page-template-default.page {
	background: #fff;
}
body.page-template-default .flex-container {
	display: flex;
	flex-direction: row-reverse;
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
	padding: 2.5% 0 1px;
}
body.page-template-default .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.page-template-default .flex-container aside#secondary .wp-block-categories,
body.page-template-default .flex-container aside#secondary .wp-block-archives,
body.page-template-default .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.page-template-default .flex-container aside#secondary .wp-block-categories li,
body.page-template-default .flex-container aside#secondary .wp-block-archives li,
body.page-template-default .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.page-template-default .flex-container aside#secondary .wp-block-categories li a,
body.page-template-default .flex-container aside#secondary .wp-block-archives li a,
body.page-template-default .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.page-template-default .flex-container aside#secondary .wp-block-categories li a:hover,
body.page-template-default .flex-container aside#secondary .wp-block-archives li a:hover,
body.page-template-default .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.page-template-default .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.page-template-default .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.page-template-default .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.page-template-default .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.page-template-default .flex-container .site-main {
		width: 100%;
	}
	body.page-template-default .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
body.page-template-default article.page {
	background-color: #fff;
}

body.post-template-default .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.post-template-default .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.post-template-default .flex-container aside#secondary .wp-block-categories,
body.post-template-default .flex-container aside#secondary .wp-block-archives,
body.post-template-default .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.post-template-default .flex-container aside#secondary .wp-block-categories li,
body.post-template-default .flex-container aside#secondary .wp-block-archives li,
body.post-template-default .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.post-template-default .flex-container aside#secondary .wp-block-categories li a,
body.post-template-default .flex-container aside#secondary .wp-block-archives li a,
body.post-template-default .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.post-template-default .flex-container aside#secondary .wp-block-categories li a:hover,
body.post-template-default .flex-container aside#secondary .wp-block-archives li a:hover,
body.post-template-default .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.post-template-default .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.post-template-default .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.post-template-default .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.post-template-default .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.post-template-default .flex-container .site-main {
		width: 100%;
	}
	body.post-template-default .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}

body.category .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.category .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.category .flex-container aside#secondary .wp-block-categories,
body.category .flex-container aside#secondary .wp-block-archives,
body.category .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category .flex-container aside#secondary .wp-block-categories li,
body.category .flex-container aside#secondary .wp-block-archives li,
body.category .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.category .flex-container aside#secondary .wp-block-categories li a,
body.category .flex-container aside#secondary .wp-block-archives li a,
body.category .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.category .flex-container aside#secondary .wp-block-categories li a:hover,
body.category .flex-container aside#secondary .wp-block-archives li a:hover,
body.category .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.category .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.category .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.category .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.category .flex-container .site-main {
		width: 100%;
	}
	body.category .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}

body.search-results .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.search-results .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.search-results .flex-container aside#secondary .wp-block-categories,
body.search-results .flex-container aside#secondary .wp-block-archives,
body.search-results .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.search-results .flex-container aside#secondary .wp-block-categories li,
body.search-results .flex-container aside#secondary .wp-block-archives li,
body.search-results .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.search-results .flex-container aside#secondary .wp-block-categories li a,
body.search-results .flex-container aside#secondary .wp-block-archives li a,
body.search-results .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.search-results .flex-container aside#secondary .wp-block-categories li a:hover,
body.search-results .flex-container aside#secondary .wp-block-archives li a:hover,
body.search-results .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.search-results .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.search-results .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.search-results .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.search-results .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.search-results .flex-container .site-main {
		width: 100%;
	}
	body.search-results .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
body.search-results article.page {
	background-color: #fff;
}

body.error404 .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.error404 .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.error404 .flex-container aside#secondary .widget_recent_entries ul,
body.error404 .flex-container aside#secondary .wp-block-archives ul,
body.error404 .flex-container aside#secondary .wp-block-latest-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.error404 .flex-container aside#secondary .widget_recent_entries ul li,
body.error404 .flex-container aside#secondary .wp-block-archives ul li,
body.error404 .flex-container aside#secondary .wp-block-latest-posts ul li {
	border-bottom: 1px solid #b3b3b3;
}
body.error404 .flex-container aside#secondary .widget_recent_entries ul li a,
body.error404 .flex-container aside#secondary .wp-block-archives ul li a,
body.error404 .flex-container aside#secondary .wp-block-latest-posts ul li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.error404 .flex-container aside#secondary .widget_recent_entries ul li a:hover,
body.error404 .flex-container aside#secondary .wp-block-archives ul li a:hover,
body.error404 .flex-container aside#secondary .wp-block-latest-posts ul li a:hover {
	text-decoration: underline;
}
body.error404 .flex-container aside#secondary .widget_categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.error404 .flex-container aside#secondary .widget_categories ul li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.error404 .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.error404 .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.error404 .flex-container .site-main {
		width: 100%;
	}
	body.error404 .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}

body.category-new-products .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.category-new-products .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.category-new-products .flex-container aside#secondary .wp-block-categories,
body.category-new-products .flex-container aside#secondary .wp-block-archives,
body.category-new-products .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-new-products .flex-container aside#secondary .wp-block-categories li,
body.category-new-products .flex-container aside#secondary .wp-block-archives li,
body.category-new-products .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.category-new-products .flex-container aside#secondary .wp-block-categories li a,
body.category-new-products .flex-container aside#secondary .wp-block-archives li a,
body.category-new-products .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.category-new-products .flex-container aside#secondary .wp-block-categories li a:hover,
body.category-new-products .flex-container aside#secondary .wp-block-archives li a:hover,
body.category-new-products .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.category-new-products .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-new-products .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.category-new-products .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.category-new-products .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.category-new-products .flex-container .site-main {
		width: 100%;
	}
	body.category-new-products .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	body.category-new-products .flex-container aside#secondary .widget_search {
		margin-top: 1em;
	}
}
body.category-new-products #post-list article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
body.category-new-products #post-list article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
body.category-new-products #post-list article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
body.category-new-products #post-list article .entry-category-name.news {
	background-color: #014ea2;
}
body.category-new-products #post-list article .entry-category-name.event {
	background-color: #F7931E;
}
body.category-new-products #post-list article .entry-category-name.new-products {
	background-color: #f7931e;
}
body.category-new-products #post-list article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
body.category-new-products #post-list article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
body.category-new-products #post-list article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
body.category-new-products #post-list article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
body.category-new-products #post-list article .entry-title a:hover {
	text-decoration: underline;
}
body.category-new-products #post-list article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
body.category-new-products #post-list article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
body.category-new-products #post-list article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
body.category-new-products #post-list article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	body.category-new-products #post-list article .entry-content {
		flex-wrap: wrap;
	}
	body.category-new-products #post-list article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	body.category-new-products #post-list article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	body.category-new-products #post-list article .entry-link {
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	body.category-new-products #post-list article .entry-category-name {
		margin: 1px 12px 1px 0;
	}
}


body.category-blog .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.category-blog .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.category-blog .flex-container aside#secondary .wp-block-categories,
body.category-blog .flex-container aside#secondary .wp-block-archives,
body.category-blog .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-blog .flex-container aside#secondary .wp-block-categories li,
body.category-blog .flex-container aside#secondary .wp-block-archives li,
body.category-blog .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.category-blog .flex-container aside#secondary .wp-block-categories li a,
body.category-blog .flex-container aside#secondary .wp-block-archives li a,
body.category-blog .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.category-blog .flex-container aside#secondary .wp-block-categories li a:hover,
body.category-blog .flex-container aside#secondary .wp-block-archives li a:hover,
body.category-blog .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.category-blog .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-blog .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.category-blog .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.category-blog .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.category-blog .flex-container .site-main {
		width: 100%;
	}
	body.category-blog .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	body.category-blog .flex-container aside#secondary .widget_search {
		margin-top: 1em;
	}
}
body.category-blog #post-list article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
body.category-blog #post-list article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
body.category-blog #post-list article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
body.category-blog #post-list article .entry-category-name.news {
	background-color: #014ea2;
}
body.category-blog #post-list article .entry-category-name.event {
	background-color: #38a002;
}
body.category-blog #post-list article .entry-category-name.blog {
	background-color: #38a002;
}
body.category-blog #post-list article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
body.category-blog #post-list article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
body.category-blog #post-list article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
body.category-blog #post-list article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
body.category-blog #post-list article .entry-title a:hover {
	text-decoration: underline;
}
body.category-blog #post-list article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
body.category-blog #post-list article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
body.category-blog #post-list article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
body.category-blog #post-list article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	body.category-blog #post-list article .entry-content {
		flex-wrap: wrap;
	}
	body.category-blog #post-list article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	body.category-blog #post-list article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	body.category-blog #post-list article .entry-link {
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	body.category-blog #post-list article .entry-category-name {
		margin: 1px 12px 1px 0;
	}
}


body.category-news .flex-container {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto 0;
	padding: 2.5% 0 1px;
	background: #fff;
	max-width: 1280px;
	width: 98%;
}
body.category-news .flex-container aside#secondary {
	flex: 0 0 346px;
	margin-right: 3%;
}
body.category-news .flex-container aside#secondary .wp-block-categories,
body.category-news .flex-container aside#secondary .wp-block-archives,
body.category-news .flex-container aside#secondary .wp-block-latest-posts {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-news .flex-container aside#secondary .wp-block-categories li,
body.category-news .flex-container aside#secondary .wp-block-archives li,
body.category-news .flex-container aside#secondary .wp-block-latest-posts li {
	border-bottom: 1px solid #b3b3b3;
}
body.category-news .flex-container aside#secondary .wp-block-categories li a,
body.category-news .flex-container aside#secondary .wp-block-archives li a,
body.category-news .flex-container aside#secondary .wp-block-latest-posts li a {
	display: block;
	padding: 12px 8px;
	color: #000;
	text-decoration: none;
}
body.category-news .flex-container aside#secondary .wp-block-categories li a:hover,
body.category-news .flex-container aside#secondary .wp-block-archives li a:hover,
body.category-news .flex-container aside#secondary .wp-block-latest-posts li a:hover {
	text-decoration: underline;
}
body.category-news .flex-container aside#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #b3b3b3;
}
body.category-news .flex-container aside#secondary .wp-block-latest-comments li {
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 0;
	padding: 12px 8px;
}
@media screen and (max-width: 980px) {
	body.category-news .flex-container .site-main {
		width: 96%;
	}
}
@media screen and (max-width: 768px) {
	body.category-news .flex-container {
		flex-direction: column;
		padding-right: 4.53125%;
		padding-left: 4.53125%;
		width: 100%;
	}
	body.category-news .flex-container .site-main {
		width: 100%;
	}
	body.category-news .flex-container aside#secondary {
		flex: 0 0 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	body.category-news .flex-container aside#secondary .widget_search {
		margin-top: 1em;
	}
}
body.category-news #post-list article {
	border-bottom: #4d4d4d 1px dotted;
	line-height: 1.4;
	padding: 12px 0;
}
body.category-news #post-list article .entry-date {
	font-size: 100%;
	display: inline-block;
	width: 7.5em;
	white-space: nowrap;
	margin: 0;
}
body.category-news #post-list article .entry-category-name {
	min-width: 7.5em;
	margin: 0;
	padding: 3px 10px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background-color: #38a002;
	font-size: 81.25%;
	margin-left: 26px;
}
body.category-news #post-list article .entry-category-name.news {
	background-color: #014ea2;
}
body.category-news #post-list article .entry-category-name.event {
	background-color: #F7931E;
}
body.category-news #post-list article .entry-category-name.new-products {
	background-color: #f7931e;
}
body.category-news #post-list article .entry-category-name.blog {
	background-color: #38a002;
}
body.category-news #post-list article .new {
	display: inline-block;
	margin: 0;
	padding: 1px 10px;
	background-color: #dd321f;
	border-radius: 8px;
	color: #fff;
	font-size: 68.75%;
	margin-left: 13px;
}
body.category-news #post-list article .entry-content {
	display: flex;
	align-items: center;
	margin-top: 0;
}
body.category-news #post-list article .entry-title {
	flex: 0 1 auto;
	margin: 0 1em 0 0;
}
body.category-news #post-list article .entry-title a {
	text-decoration: none;
	color: #014ea2;
	line-height: 1.4;
	font-size: 1rem;
}
body.category-news #post-list article .entry-title a:hover {
	text-decoration: underline;
}
body.category-news #post-list article .entry-contents {
	flex: 0 1 auto;
	font-size: 100%;
	color: #999;
	margin: 0.5em 1em 0 0;
	line-height: 2;
}
body.category-news #post-list article .entry-link {
	flex: 0 0 110px;
	margin: 0 0 0 auto;
}
body.category-news #post-list article .entry-link a {
	border: 1px solid #666;
	color: #666;
	padding: 6px 10px;
	text-decoration: none;
}
body.category-news #post-list article .entry-link a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1280px) {
	body.category-news #post-list article .entry-content {
		flex-wrap: wrap;
	}
	body.category-news #post-list article .entry-title {
		flex: 0 0 100%;
		margin-left: 0;
	}
	body.category-news #post-list article .entry-contents {
		flex: 0 0 100%;
		margin: 0 0 0.75em 0;
		line-height: 1.75;
	}
	body.category-news #post-list article .entry-link {
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	body.category-news #post-list article .entry-category-name {
		margin: 1px 12px 1px 0;
	}
}