/*
Theme Name: BusinessPress
Theme URI: https://businesspress.jp/theme/
Author: BusinessPress
Author URI: https://businesspress.jp/
Description: BusinessPress ia a simple and beautiful business WordPress theme. You can create a website of corporate, group, freelance and so on.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: businesspress
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/


/* TABLE OF CONTENTS
------------------------------------------------------------
* Global
* Repeatable Patterns
* Layout
* Header
* Menus
* Featured Area
* Content
* Navigations
* Comments
* Widgets
* Footer
* Plugins
* Print
------------------------------------------------------------ */


/* Global
------------------------------------------------------------ */

/* Root
   This values are used for adjusting headings size (not for body size) */
html {
	font-size: 85%;
	overflow-x: hidden;
}
html:lang(ja) {
	font-size: 68%;
}
@media screen and (min-width: 782px) {
	html {
		font-size: 92.5%;
	}
	html:lang(ja) {
		font-size: 74%;
	}
}
@media screen and (min-width: 980px) {
	html {
		font-size: 100%;
	}
	html:lang(ja) {
		font-size: 80%;
	}
}

/* Base */
body {
	color: #444;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	word-wrap: break-word;
}
body:lang(ja) {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8;
}
::selection {
	background-color: #def;
}
@media screen and (min-width: 782px) {
	body {
		font-size: 19px;
	}
	body:lang(ja) {
		font-size: 16px;
	}
}
@media screen and (min-width: 980px) {
	body {
		font-size: 20px;
	}
	body:lang(ja) {
		font-size: 17px;
	}
}

/* Heading */
h1, h2, h3, h4, h5, h6, .site-title {
	clear: both;
	color: #111;
	font-weight: 700;
	line-height: 1.5;
}
h1 {
	font-size: 2.5rem;
	margin-bottom: 1em;
	margin-top: 2em;
}
h2 {
	font-size: 1.75rem;
	margin-bottom: 1.5em;
	margin-top: 3em;
}
h3 {
	font-size: 1.5rem;
	margin-bottom: 1em;
	margin-top: 2.5em;
}
h4 {
	font-size: 1.25rem;
	margin-bottom: 1em;
	margin-top: 2em;
}
h5 {
	font-size: 1.125rem;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}
h6 {
	font-size: 1rem;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

/* Link */
a {
	color: #4693f5;
	text-decoration: underline;
	transition: all .15s ease-in-out;
}
a:hover {
	color: #639af6;
}
cite a, cite a {
	text-decoration: none;
}

/* Text */
p {
	margin: 0 0 1.8em;
}
b, strong {
	font-weight: 700;
}
dfn, em, i {
	font-style: italic;
}
q {
	quotes: "" "";
}
cite {
	border-bottom: dotted 1px #999;
	font-style: normal;
}
code, kbd, tt, var {
	background-color: #f4f5f6;
	color: #666;
	font-family: Consolas, "Courier New", monospace;
	font-size: 90%;
}
abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}
mark, ins {
	background: linear-gradient( transparent 70%, #ffff66 70% );
	text-decoration: none;
}
ins.adsbygoogle {
	background-color: transparent;
}

/* List */
ul, ol {
	margin: 0 0 1.8em 1.5em;
	padding: 0;
}
li > ul,
li > ol {
	margin-bottom: 0;
}
dl {
	margin: 0;
}
dt {
	font-weight: 600;
	margin-bottom: 0.5em;
}
dd {
	margin: 0 0 1.8em 1.5em;
}

/* Table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
	margin: 0 0 1.8em;
	width: 100%;
}
caption {
	margin-bottom: 0.6em;
}
table th, table td {
	border: solid 1px #eee;
	padding: 1em 1.2em;
}
th {
	background-color: #f4f5f6;
	font-weight: 600;
	text-align: left;
}

/* Elements */
blockquote {
	color: #666;
	margin: 0 0 2em;
	padding: 12px 0 0 44px !important;
	position: relative;
}
blockquote:before {
	color: #ddd;
	content: "\201C";
	font-family: Georgia, serif;
	font-size: 84px;
	left: -5px;
	line-height: 1;
	position: absolute;
	top: -5px;
}
blockquote p {
	margin-bottom: 0.8em;
}
blockquote cite {
	font-size: 90%;
}
address {
	margin: 0 0 1.8em;
	font-style: normal;
}
pre {
	background-color: #f4f5f6;
	color: #666;
	font-family: Consolas, "Courier New", monospace;
	font-size: 90%;
	line-height: 1.4;
	margin: 0 0 1.7em;
	max-width: 100%;
	overflow: auto;
	padding: 1.5em;
	word-wrap: normal;
}
hr {
	background-color: #eee;
	border: 0;
	height: 2px;
	margin: 1.8em auto;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

/* Media */
img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
figure {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}

/* Form */
button,
input,
input[type="search"],
select,
textarea {
	background-color: #fff;
	box-sizing: border-box;
	line-height: 1.6;
	max-width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #0068b7;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 90%;
	line-height: 1;
	padding: 1.1em 1.5em;
	text-transform: uppercase;
	transition: .3s ease-in-out;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #3895e8;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: solid 1px #e6e6e6;
	color: #777;
	margin-top: 0.6em;
	padding: 0.6em;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #444;
}
input[type="file"] {
	margin-top: 0.6em;
}
select {
	border: solid 1px #e6e6e6;
	margin-top: 0.6em;
	padding: 0.6em;
}
textarea {
	max-width: 720px;
	width: 100%;
}


/* Repeatable Patterns
------------------------------------------------------------ */

/* Alignments */
.aligncenter,
.alignleft,
.alignright {
	margin-bottom: 1.8em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Caption */
.wp-caption {
	color: #999;
	font-size: 90%;
	margin-bottom: 1.8em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0.4em auto 0;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8em 0;
}

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

/* Text meant only for screen readers */
.hide-blogname .site-title,
.hide-blogdescription .site-description,
.hide-date .posted-on,
.hide-author .byline,
.hide-comments-number .comments-link,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #eee;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	clip: auto !important;
	color: #06c;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.top-bar-content:before,
.top-bar-content:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.nav-links:before,
.nav-links:after,
.widget:before,
.widget:after,
.sticky-sidebar:before,
.sticky-sidebar:after,
.site-bottom-content:before,
.site-bottom-content:after {
	content: "";
	display: table;
}
.clear:after,
.top-bar-content:after,
.entry-content:after,
.comment-content:after,
.nav-links:after,
.widget:after,
.sticky-sidebar:after,
.site-bottom-content:after {
	clear: both;
}


/* Layout
------------------------------------------------------------ */

/* Base */
body {
	background-color: #fff;
}
.top-bar-content,
.main-header-content,
.featured-entry-content,
.home-header-content,
.jumbotron-content,
.site-content,
.container-content,
.footer-widget-content,
.site-bottom-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
	padding-left: 20px;
	padding-right: 20px;
}

.container-content {
	padding-left: 30px;
	padding-right: 30px;
}
.site-header {
	border-bottom: solid 1px #eee;
	margin-bottom: 5rem;
}
.main-header {
	padding-bottom: 15px;
	padding-top: 15px;
}
.main-header-content {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.content-area {
	margin-bottom: 6rem;
}
.sidebar-area {
	border-top: solid 1px #eee;
	padding-bottom: 1rem;
	padding-top: 6rem;
}
.page-header {
	margin-bottom: 5rem;
}
.hentry {
	margin-bottom: 7rem;
}
.single .hentry {
	margin-bottom: 5rem;
}
.page .hentry {
	margin-bottom: 0;
}
.widget {
	margin-bottom: 4rem;
}
.footer-widget-area {
	border-top: solid 1px #eee;
	padding-bottom: 2rem;
	padding-top: 6rem;
	background-color: #f4f5f6;
}
.site-bottom {
	border-top: solid 1px #eee;
	padding-bottom: 2rem;
	padding-top: 3rem;
}
@media screen and (min-width: 782px) {
	.top-bar-content,
	.main-header-content,
	.home-header-content,
	.jumbotron-content,
	.featured-entry-content,
	.site-content,
	.footer-widget-content,
	.site-bottom-content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.container-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.top-bar-content,
	.main-header-content,
	.home-header-content,
	.site-bottom-content {
		max-width: 1120px;
	}
	.main-header {
		padding-bottom: 35px;
		padding-top: 30px;
	}
	.top-bar-main,
	.footer-social-link {
		float: left;
	}
	.header-social-link,
	.footer-navigation {
		float: right;
	}
}
@media screen and (min-width: 980px) {
	.jumbotron-content,
	.three-column .site-content,
	.has-sidebar .site-content,
	.footer-widget-content {
		max-width: 1120px;
	}
	.main-header-content {
		flex-wrap: wrap;
	}
	.has-sidebar .site-content {
		display: flex;
		justify-content: space-between;
	}
	.has-sidebar .content-area {
		width: 64.28%;
	}
	.has-sidebar .sidebar-area {
		border-top: none;
		padding-top: 0;
		width: 26.78%;
	}
	.sticky-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 120px;
	}
	.sticky-sidebar .widget:last-child {
		margin-bottom: 0;
		padding-bottom: 90px;
	}
	.footer-widget-wrapper {
		margin-left: -30px;
		margin-right: -30px;
	}
	.footer-widget-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.footer-widget {
		box-sizing: border-box;
		width: 25%;
		padding-left: 30px;
		padding-right: 30px;
	}
}


/* Header
------------------------------------------------------------ */

/* Top Bar */
.top-bar {
	background-color: #f4f5f6;
	border-bottom: solid 1px #eee;
	line-height: 32px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.top-bar-main {
	color: #888;
	font-size: 80%;
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}
.top-bar-main a {
	color: inherit;
	text-decoration: none;
}
.top-bar-main a:hover {
	color: #111;
}
.top-bar-main li {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 16px;
	vertical-align: middle;
}
.top-bar-main li:last-child {
	margin-right: 0;
}
.top-bar-main li:before {
	color: #999;
	display: inline-block;
	font: normal 16px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	margin-right: 5px;
	position: relative;
	top: 1px;
	vertical-align: middle;
}
.top-bar-main li.top-bar-main-phone:before {
	content: "\f10b";
	font-size: 170%;
}
.top-bar-main li.top-bar-main-contact:before {
	content: "\f003";
	font-size: 110%;
}
.top-bar-main li.top-bar-main-access:before {
	content: "\f041";
	font-size: 135%;
}
.top-bar .header-social-link {
	display: none;
}
@media screen and (min-width: 782px) {
	.top-bar {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.top-bar-main li {
		margin-right: 24px;
	}
	.top-bar-main li:before {
		margin-right: 8px;
		top: -2px;
	}
	.top-bar .header-social-link {
		display: block;
	}
}

/* Main Header */
.site-branding {
	padding-right: 10px;
}
.site-logo a:hover {
	opacity: 0.8;
}
.site-logo img {
	transform: scale(0.85, 0.85);
	transform-origin: center left;
}
.site-title {
	font-size: 1.75rem;
	margin-bottom: 0;
	margin-top: 0;
}
.site-title a,
.site-title a:hover {
	color: #111;
	text-decoration: none;
}
.site-title a:hover {
	opacity: 0.8;
}
.site-description {
	color: #777;
	font-size: 95%;
	margin-bottom: 2px;
	margin-top: 2px;
}
@media screen and (min-width: 782px) {
	.site-branding {
		padding-right: 30px;
	}
	.site-logo img {
		transform: scale(0.925, 0.925);
	}
	.site-description {
		margin-bottom: 6px;
	}
}
@media screen and (min-width: 980px) {
	.site-logo img {
		transform: scale(1, 1);
	}
}


/* Menus
------------------------------------------------------------ */

/* Base */
.main-header-content .main-navigation {
	display: none;
}

/* Main Header Clone */
.main-header-clone {
	background-color: #fff;
	left: 0;
	padding-bottom: 12px;
	padding-top: 12px;
	position: fixed;
	top: 0;
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transform: translateY(-100%);
	width: 100%;
	z-index: 100;
}
.main-header-clone-show {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	transform: translateY(0);
}
.main-header-clone .site-title {
	font-size: 1.5rem;
}
.main-header-clone .main-header-content {
	align-items: center;
}
.main-header-clone .site-logo {
	transform: scale(0.9, 0.9);
	transform-origin: center left;
}
.main-header-clone .site-description {
	display: none;
}
.admin-bar .main-header-original .drawer-navigation {
	top: 46px;
}
@media screen and (min-width: 601px) {
	.admin-bar .main-header-clone-show {
		transform: translateY(46px);
	}
}
@media screen and (min-width: 782px) {
	.admin-bar .main-header-original .drawer-navigation {
		top: 32px;
	}
	.admin-bar .main-header-clone-show {
		transform: translateY(32px);
	}
}
@media screen and (min-width: 980px) {
	.main-header-clone {
		padding-bottom: 16px;
		padding-top: 14px;
	}
}

/* Drawer Button */
.drawer-hamburger {
	background-color: transparent;
	box-sizing: content-box;
	display: block;
	margin-right: -5px;
	outline: 0;
	padding: 12px 5px;
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	width: 21px;
	min-width: 21px;
	z-index: 102;
}
.drawer-hamburger:hover,
.drawer-hamburger:focus {
	background-color: transparent;
}
.drawer-hamburger-icon {
	position: relative;
	display: block;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	background-color: #111;
	height: 2px;
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	width: 100%;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	position: absolute;
	left: 0;
	content: ' ';
}
.drawer-hamburger-icon:before {
	top: -6px;
}
.drawer-hamburger-icon:after {
	top: 6px;
}
.drawer-opened .drawer-hamburger-icon {
	background-color: transparent;
}
.drawer-opened .drawer-hamburger-icon:before,
.drawer-opened .drawer-hamburger-icon:after {
	top: 0;
}
.drawer-opened .drawer-hamburger-icon:before {
	transform: rotate(45deg);
}
.drawer-opened .drawer-hamburger-icon:after {
	transform: rotate(-45deg);
}
@media screen and (min-width: 782px) {
	.drawer-hamburger {
		padding: 15px 5px;
	}
	.drawer-hamburger-icon:before {
		top: -7px;
	}
	.drawer-hamburger-icon:after {
		top: 7px;
	}
}

/* Drawer Navigation */
.drawer-overlay {
	display: none;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
.drawer-navigation {
	background: #fff;
	height: 100vh;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	width: 90%;
	z-index: 101;
	-webkit-overflow-scrolling: touch;
}
.drawer-navigation-content {
	box-sizing: border-box;
	height: 100%;
	overflow-y: auto;
	padding: 60px 75px 60px 40px;
	width: 100%;
}
.drawer-opened .drawer-overlay {
	display: block;
}
.drawer-opened .drawer-navigation {
	box-shadow: 0 0 90px rgba(0, 0, 0, 0.2);
	transform: translateX(0);
}
@media screen and (min-width: 540px) {
	.drawer-navigation {
		width: 70%;
	}
	.drawer-navigation-content {
		padding: 75px 90px 75px 50px;
	}
}
@media screen and (min-width: 782px) {
	.drawer-navigation {
		width: 55%;
	}
	.drawer-navigation-content {
		padding: 90px 105px 90px 60px;
	}
}

/* Drawer Content */
.drawer-navigation ul {
	list-style: none;
	margin-bottom: 45px;
	margin-left: 0;
}
.drawer-navigation ul li {
	padding-bottom: 12px;
	padding-top: 14px;
	position: relative;
}
.drawer-navigation ul ul {
	margin-bottom: 0;
	margin-left: 1em;
	margin-top: 12px;
}
.drawer-navigation ul li li {
	padding-bottom: 10px;
	padding-top: 12px;
}
.drawer-navigation ul li li:last-child {
	padding-bottom: 0;
}
.drawer-navigation a {
	color: inherit;
	text-decoration: none;
}
.drawer-navigation a:hover {
	color: #111;
}
.drawer-navigation .page_item_has_children > a,
.drawer-navigation .menu-item-has-children > a {
	display: inline-block;
	padding-right: 20px;
}
.drawer-navigation .dropdown-toggle {
	background-color: transparent;
	outline: 0;
	padding: 10px;
	position: absolute;
	right: -10px;
	top: 7px;
}
.drawer-navigation .dropdown-toggle:after {
	content: "\f107";
	color: #333;
	display: inline-block;
	font: normal 18px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	position: relative;
}
.drawer-navigation .dropdown-toggle.toggled-on:after {
	content: "\f106";
}
.drawer-navigation .sub-menu {
	display: none;
}
.drawer-navigation .sub-menu.toggled-on {
	display: block;
}
.drawer-navigation .current_page_item > a,
.drawer-navigation .current-menu-item > a {
	color: #111;
	font-weight: 700;
}
@media screen and (min-width: 782px) {
	.drawer-navigation .header-social-link {
		display: none;
	}
}

/* Main Navigation (Desktop) */
@media screen and (min-width: 980px) {
	.drawer-hamburger,
	.drawer-overlay,
	.drawer-navigation {
		display: none;
	}
	.main-header-content .main-navigation {
		display: block;
	}
	.main-navigation {
		font-size: 90%;
		line-height: 52px;
	}
	.main-navigation ul {
		list-style: none;
		margin: 0;
	}
	.main-navigation a {
		color: inherit;
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		text-decoration: none;
	}
	.main-navigation a:hover {
		color: #111;
	}
	.main-navigation li {
		position: relative;
	}
	.main-navigation div.menu > ul,
	.main-navigation ul.menu {
		letter-spacing: -0.4em;
	}
	.main-navigation div.menu > ul > li,
	.main-navigation ul.menu > li {
		display: inline-block;
		letter-spacing: normal;
		white-space: nowrap;
	}
	.main-navigation div.menu > ul > li:first-child > a,
	.main-navigation ul.menu > li:first-child > a {
		padding-left: 0;
	}
	.main-navigation div.menu > ul > li:last-child > a,
	.main-navigation ul.menu > li:last-child > a {
		padding-right: 0;
	}
	.main-navigation div.menu > ul > li.page_item_has_children > a:after,
	.main-navigation ul.menu > li.page_item_has_children > a:after,
	.main-navigation div.menu > ul > li.menu-item-has-children > a:after,
	.main-navigation ul.menu > li.menu-item-has-children > a:after {
		content: "\f107";
		display: inline-block;
		font: normal 18px/1 FontAwesome;
		-webkit-font-smoothing: antialiased;
		margin-left: 8px;
	}
	.main-navigation ul ul {
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		left: -9999px;
		opacity: 0;
		position: absolute;
		top: 100%;
		transition: opacity .3s ease-in-out;
		white-space: normal;
		width: 225px;
		z-index: 10;
	}
	.main-navigation ul ul ul {
		top: 0;
	}
	.main-navigation ul li:hover > ul {
		left: 0;
		opacity: 1;
	}
	.main-navigation div.menu > ul > li:first-child:hover > ul,
	.main-navigation ul.menu > li:first-child:hover > ul {
		left: -18px;
	}
	.main-navigation div.menu > ul > li:last-child:hover > ul,
	.main-navigation ul.menu > li:last-child:hover > ul {
		left: auto;
		right: -18px;
	}
	.main-navigation ul ul li:hover > ul {
		left: 100%;
		opacity: 1;
	}
	.main-navigation ul ul li a {
		border-top: 1px solid #eee;
		line-height: 1.6;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.main-navigation  ul ul li.page_item_has_children > a,
	.main-navigation  ul ul li.menu-item-has-children > a {
		padding-right: 30px;
	}
	.main-navigation  ul ul li.page_item_has_children > a:after,
	.main-navigation  ul ul li.menu-item-has-children > a:after {
		content: "\f105";
		font: normal 18px/1 FontAwesome;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		right: 15px;
		top: 18px;
	}
	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a {
		color: #111;
		font-weight: 700;
	}
}

/* Social Link */
.menu a:before {
	color: #bbb;
	display: inline-block;
	font: normal 24px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
	position: relative;
	top: -1px;
	transition: color .2s ease-in-out;
	vertical-align: middle;
}
.menu a:hover:before {
	color: #888;
}
.widget .menu a:before {
	margin-right: 12px;
}
.profilewidget-link.menu a:before,
.social-link-menu a:before {
	content: '\f0c1';
	margin-left: 0;
	margin-right: 4px;
}
.menu a[href*="behance.net"]:before     { content: "\F1B4"; }
.menu a[href*="deviantart.com"]:before  { content: "\F1BD"; }
.menu a[href*="digg.com"]:before        { content: "\F1A6"; }
.menu a[href*="dribbble.com"]:before    { content: "\F17D"; }
.menu a[href*="dropbox.com"]:before     { content: "\F16B"; }
.menu a[href*="facebook.com"]:before    { content: "\F230"; }
.menu a[href*="flickr.com"]:before      { content: "\F16E"; }
.menu a[href*="foursquare.com"]:before  { content: "\F180"; }
.menu a[href*="plus.google.com"]:before { content: "\F0D5"; }
.menu a[href*="github.com"]:before      { content: "\F09B"; }
.menu a[href*="instagram.com"]:before   { content: "\F16D"; }
.menu a[href*="linkedin.com"]:before    { content: "\F30C"; }
.menu a[href*="medium.com"]:before      { content: "\F23A"; }
.menu a[href*="pinterest.com"]:before   { content: "\F231"; }
.menu a[href*="getpocket.com"]:before   { content: "\F265"; }
.menu a[href*="reddit.com"]:before      { content: "\F1A1"; }
.menu a[href*="skype.com"]:before,
.menu a[href*="skype:"]:before          { content: "\F17E"; }
.menu a[href*="slideshare.net"]:before  { content: "\F1E7"; }
.menu a[href*="snapchat.com"]:before    { content: "\F2AB"; }
.menu a[href*="soundcloud.com"]:before  { content: "\F1BE"; }
.menu a[href*="spotify.com"]:before     { content: "\F1BC"; }
.menu a[href*="stumbleupon.com"]:before { content: "\F1A4"; }
.menu a[href*="tumblr.com"]:before      { content: "\F173"; }
.menu a[href*="twitch.tv"]:before       { content: "\F1E8"; }
.menu a[href*="twitter.com"]:before     { content: "\F099"; }
.menu a[href*="vimeo.com"]:before       { content: "\F27D"; }
.menu a[href*="vk.com"]:before          { content: "\F189"; }
.menu a[href*="wordpress.org"]:before,
.menu a[href*="wordpress.com"]:before   { content: "\F19A"; }
.menu a[href*="yelp.com"]:before        { content: "\F1E9"; }
.menu a[href*="youtube.com"]:before     { content: "\F16A"; }
.menu a[href$="/feed/"]:before          { content: "\F09E"; }

/* Social Link Menu */
.social-link-menu ul {
	list-style: none;
	margin: 0;
}
.social-link-menu li {
	display: inline-block;
	padding-left: 12px;
}
.social-link-menu li:first-child {
	padding-left: 0;
}
.social-link-menu a:before {
	margin-right: 0;
}


/* Featured Area
------------------------------------------------------------ */

/* Jumbotron */
.jumbotron {
	background-color: #0068b7;
	background-position: center;
	background-size: cover;
}
.jumbotron-overlay {
	background-color: rgba( 0, 0, 0 , 0.4 );
}
.jumbotron-content {
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center;
}
.jumbotron-title {
	color: #fff;
	font-size: 2.25rem;
	letter-spacing: -0.03em;
	margin-bottom: 0;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
@media screen and (min-width: 782px) {
	.jumbotron-title {
		font-size: 2.5rem;
	}
	.jumbotron-content {
		padding-bottom: 90px;
		padding-top: 90px;
	}
}
@media screen and (min-width: 980px) {
	.jumbotron-content {
		padding-bottom: 105px;
		padding-top: 105px;
	}
}

/* Home Header */
.home-header {
	background-color: #333;
	background-position: center;
	background-size: cover;
}
.home-header-overlay {
	background-color: rgba( 0, 0, 0 , 0.4 );
}
.home-header-content {
	padding-bottom: 75px;
	padding-top: 75px;
	text-align: left;
}
.home-header-title {
	color: #fff;
	font-size: 2.5rem;
	letter-spacing: -0.03em;
	margin-bottom: 0;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.home-header-text {
	color: rgba( 255, 255, 255, 0.9 );
	font-size: 105%;
	margin-top: 28px;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.home-header-button {
	font-size: 95%;
}
.home-header-button a {
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	margin-top: 30px;
	text-decoration: none;
}
a.home-header-button-main {
	background-color: #4693f5;
	margin-right: 16px;
	padding: 12px 25px;
}
a.home-header-button-main:hover {
	color: #fff;
}
a.home-header-button-sub {
	border: solid 2px #fff;
	padding: 10px 23px;
}
a.home-header-button-sub:hover {
	background-color: #fff;
	color: #111;
}
@media screen and (min-width: 782px) {
	.home-header-content {
		padding-bottom: 105px;
		padding-top: 105px;
	}
}
@media screen and (min-width: 980px) {
	.home-header-content {
		padding-bottom: 135px;
		padding-top: 135px;
	}
	.home-header-title {
		font-size: 3rem;
	}
}

/* Featured Post */
.featured-post {
	overflow: hidden;
}
.featured-post,
.featured-entry {
	height: 225px;
}
.featured-entry {
	background-color: #333;
	background-position: center;
	background-size: cover;
}
.featured-entry-overlay {
	align-items: center;
	background-color: rgba( 0, 0, 0 , 0.4 );
	display: flex;
	height: 100%;
	width: 100%;
}
.featured-entry-content {
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
.featured-entry-title {
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: -0.03em;
	margin-bottom: 0;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.featured-entry-category {
	text-transform: uppercase;
}
.featured-entry-category,
.featured-entry-date {
	color: rgba( 255, 255, 255, 0.8 );
	display: none;
	font-size: 90%;
	margin-bottom: 12px;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.featured-entry-title a,
.featured-entry-category a,
.featured-entry-date a {
	color: inherit;
	text-decoration: none;
}
.featured-entry-title a:hover,
.featured-entry-category a:hover,
.featured-entry-date a:hover {
	color: #fff;
}
.slick-loading .slick-list {
	background: #fff url('images/ajax-loader.gif') center center no-repeat;
}
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	text-shadow: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background: transparent;
	outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before,
.slick-next:before {
	font-family: FontAwesome;
	font-size: 30px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: .15s ease-in-out;
}
.slick-prev {
	left: 5px;
	z-index: 9999;
}
[dir='rtl'] .slick-prev {
	right: 5px;
	left: auto;
}
.slick-prev:before {
	content: '\f104';
}
[dir='rtl'] .slick-prev:before {
	content: '\f105';
}
.slick-next {
	right: 5px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 5px;
}
.slick-next:before {
	content: '\f105';
}
[dir='rtl'] .slick-next:before {
	content: '\f104';
}
.slick-dots {
	bottom: 12px;
	list-style: none;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.slick-dots li {
	border-radius: 50%;
	box-shadow: 0px 1px 1px rgba( 255, 255, 255, 0.4 ), 0px 1px 1px rgba( 0, 0, 0, 0.2 ) inset;
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	margin-right: 5px;
	width: 12px;
}
.slick-dots li button {
	background: #000;
	border: solid 2px #000;
	border-radius: 50%;
	color: transparent;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	outline: none;
	width: 12px;
	opacity: 0.4;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	opacity: 0.75;
}
.slick-dots li.slick-active button {
	background: #fff;
	opacity: 0.8;
}
@media screen and (min-width: 601px) {
	.featured-post,
	.featured-entry {
		height: 275px;
	}
	.featured-entry-title {
		font-size: 2.25rem;
	}
	.featured-entry-content {
		padding-left: 70px;
		padding-right: 70px;
	}
	.slick-prev,
	.slick-next {
		width: 40px;
		height: 40px;
	}
	.slick-prev:before,
	.slick-next:before {
		font-size: 40px;
	}
	.slick-prev {
		left: 15px;
	}
	[dir='rtl'] .slick-prev {
		right: 15px;
		left: auto;
	}
	.slick-next {
		right: 15px;
	}
	[dir='rtl'] .slick-next {
		right: auto;
		left: 15px;
	}
	.slick-dots {
		bottom: 24px;
	}
	.slick-dots li {
		height: 18px;
		width: 18px;
	}
	.slick-dots li button {
		border: solid 4px #000;
		height: 18px;
		width: 18px;
	}
}
@media screen and (min-width: 782px) {
	.featured-post,
	.featured-entry {
		height: 350px;
	}
	.featured-entry-title {
		font-size: 2.5rem;
		margin-bottom: 12px;
	}
	.featured-entry-category,
	.featured-entry-date {
		display: block;
	}
}
@media screen and (min-width: 980px) {
	.featured-post,
	.featured-entry {
		height: 400px;
	}
}


/* Content
------------------------------------------------------------ */

/* Category */
.cat-links {
	font-size: 90%;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
.cat-links a {
	text-decoration: none;
}
.category-sep {
	color: #ccc;
	font-size: 80%;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: -0.1em;
}

/* Entry Header */
.entry-header {
	margin-bottom: 4rem;
    max-width: 850px;
    /*width: max-content; */
}
.no-sidebar .entry-header {
	text-align: center;
}
.entry-title {
	font-size: 2.25rem;
	letter-spacing: -0.03em;
	margin-bottom: 0;
	margin-top: 0;
}
.entry-title a {
	color: inherit;
	text-decoration: none;
}
@media screen and (min-width: 782px) {
	.entry-title {
		font-size: 2.5rem;
	}
}

/* Entry Meta */
.entry-meta {
	color: #999;
	font-size: 90%;
	margin-top: 1rem;
}
.entry-meta a {
	color: inherit;
	text-decoration: none;
}
.entry-meta a:hover {
	color: #666;
}
.comments-sep {
	color: #ccc;
}
.byline a,
.comments-link a {
	border-bottom: solid 1px #ddd;
}

/* Featured Image */
.post-thumbnail {
	margin-bottom: 2rem;
	margin-top: 4rem;
}
.single .post-thumbnail {
	margin-left: -20px;
	margin-right: -20px;
}
.post-thumbnail img {
	width: 588px;
	transition: 0.5s ease-in-out;
}
.post-thumbnail a:hover img {
	opacity: 0.85;
}
@media screen and (min-width: 782px) {
	.single .post-thumbnail {
		margin-left: -40px;
		margin-right: -40px;
	}
}
@media screen and (min-width: 980px) {
	.single .post-thumbnail {
		margin-left: 0;
		margin-right: 0;
	}
	.no-sidebar .post-thumbnail {
		/*margin-left: -60px;*/
		/*margin-right: -60px;*/
	}
}

/* Entry Content */
.entry-content > *:first-child {
	margin-top: 0;
}
.entry-content > *:last-child {
	margin-bottom: 0;
}

/* Post Full / Post Summary */
.post-full,
.post-summary {
	margin-bottom: 4rem;
}
.post-full .hentry,
.post-summary .hentry {
	margin-bottom: 4rem;
}
.post-full:after,
.post-summary:after {
	border-bottom: 1px solid #ddd;
	content: "";
	display: block;
	width: 45px;
}
.no-sidebar .post-full:after,
.no-sidebar .post-summary:after {
	margin: auto;
}
a.continue-reading {
	text-transform: uppercase;
}

/* Post Grid */
.two-column .loop-wrapper,
.three-column .loop-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.post-grid .entry-header {
	margin-bottom: 2rem;
	text-align: left;
}
.post-grid .post-thumbnail {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.post-grid .entry-title {
	font-size: 1.75rem;
}
.post-grid .entry-summary {
	color: #666;
	font-size: 90%;
}
.post-grid .entry-summary p {
	margin-bottom: 0;
}
@media screen and (min-width: 540px) {
	.post-grid .entry-title {
		font-size: 1.5rem;
	}
	.post-grid .cat-links,
	.post-grid .entry-meta {
		font-size: 85%;
	}
	.post-grid .entry-summary {
		font-size: 90%;
	}
	.post-grid {
		width: 46%;
		padding-right: 8%;
	}
	.post-grid:nth-child(even) {
		padding-right: 0;
	}
}
@media screen and (min-width: 980px) {
	.three-column .loop-wrapper {
		margin-left: -30px;
		margin-right: -30px;
	}
	.three-column .post-grid {
		box-sizing: border-box;
		width: 33.3%;
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* Post List */
.post-list .entry-header {
	margin-bottom: 2rem;
	text-align: left;
}
.post-list .post-thumbnail {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
.post-list .entry-title {
	font-size: 1.75rem;
}
.post-list .entry-summary {
	color: #666;
	font-size: 90%;
}
.post-list .entry-summary p {
	margin-bottom: 0;
}
@media screen and (min-width: 540px) {
	.post-list .hentry {
		display: flex;
	}
	.post-list .post-thumbnail {
		flex-shrink: 0;
		margin-bottom: 0;
		margin-right: 5%;
		flex-basis: 35%;
	}
}

/* Entry Footer */
.tags-links {
	color: #999;
	font-size: 90%;
	margin-top: 4rem;
	text-align: center;
}
.tags-links:before {
	color: #ccc;
	content: "\f02c";
	display: inline-block;
	font: normal 18px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.tags-links a {
	color: inherit;
	text-decoration: none;
}
.tags-links a:hover {
	color: #666;
}

/* Author Profile */
.author-profile {
	background-color: #f4f5f6;
	margin-top: 4rem;
	padding: 25px;
}
.author-profile-header {
	align-items: center;
	display: flex;
}
.author-profile-avatar {
	flex-shrink: 0;
	width: 60px;
	margin-right: 20px;
}
.author-profile-avatar img {
	border-radius: 50%;
}
.author-profile-name strong {
	font-weight: 600;
}
.author-profile-name a {
	color: inherit;
	text-decoration: none;
}
.author-profile-name a:hover {
	color: #111;
}
.author-profile-description {
	font-size: 95%;
	margin-top: 20px;
}
@media screen and (min-width: 540px) {
	.author-profile {
		padding: 45px;
	}
	.author-profile-avatar {
		width: 75px;
		margin-right: 30px;
	}
	.author-profile-description {
		margin-top: 30px;
	}
}

/* Sticky Post */
.sticky {
}
.featured {
	background-color: #111;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 75%;
	margin-bottom: 1rem;
	margin-right: 12px;
	padding: 4px 10px 3px;
	text-transform: uppercase;
}
.featured+.cat-links {
	display: inline-block;
}

/* Archive */
.page-title {
	font-size: 1.5rem;
	margin-bottom: 12px;
	margin-top: 0;
}
.page-content {
	margin-bottom: 5rem;
}

/* 404 */
.error-404 {
	margin-bottom: 10rem;
	margin-top: 10rem;
	text-align: center;
}
.error-404 .page-title {
	font-size: 2rem;
}

/* Quote */
.wp-block-pullquote {
	padding: 12px 0;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
	margin-bottom: 0;
	text-align: left;
}
.wp-block-quote.is-style-large {
	margin-bottom: 2em;
}
.wp-block-quote.is-style-large p {
	font-style: normal;
}
.wp-block-quote.is-style-large cite {
	font-size: 90%;
}

/* Gallery */
.gallery {
	margin-bottom: 30px;
}
.gallery-item {
	display: inline-block;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery .gallery-caption {
	display: none;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}


/* Gutenberg
------------------------------------------------------------ */

/* Base
   This section incorporates code from Atomic Blocks */
.wp-block-gallery {
	margin-left: 0;
	margin-bottom: 0.9em;
}
.wp-block-image {
	margin-bottom: 1.8em;
}
.wp-block-image figcaption {
	font-size: 90%;
	margin-top: 1em;
}
.entry-content .wp-block-gallery {
	padding-left: 0;
}
.no-sidebar .alignfull,
.no-sidebar .alignwide {
	width: 100%;
}
@media (max-width: 600px) {
	.no-sidebar .alignfull.wp-block-gallery,
	.no-sidebar .alignwide.wp-block-gallery {
		margin-left: -10px;
		margin-right: -10px;
		width: inherit;
	}
}
.no-sidebar .alignfull img,
.no-sidebar .alignwide img {
	width: 100%;
	display: block;
}
.no-sidebar .alignwide {
	max-width: none;
}
@media (min-width: 782px) {
	.no-sidebar .alignwide {
		width: 90vw;
		margin-left: calc( 50% - 90vw / 2 );
	}
}
@media (min-width: 980px) {
	.no-sidebar .alignwide {
		width: 85vw;
		margin-left: calc( 50% - 85vw / 2 );
	}
}
@media (min-width: 1160px) {
	.no-sidebar .alignwide {
		width: 1120px;
		margin-left: calc( 50% - 1120px / 2 );
	}
}
.no-sidebar .alignfull {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	max-width: none;
}
.wp-block-embed {
	margin-bottom: 1.8em;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
	padding-top: 0;
}
.wp-block-cover {
	margin-bottom: 1.8em;
}
.wp-block-cover-text {
	max-width: 1120px !important;
	margin-left: auto !important;
	margin-right: auto;
	padding-left: 20px !important;
	padding-right: 20px !important;
	width: 100%;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.wp-block-media-text__content {
	margin-bottom: 1.8em;
	margin-top: 1.8em;
}
.wp-block-media-text__content > *:first-child {
	margin-top: 0;
}
.wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}

/* Columns */
@media screen and (max-width: 781px) {
	.wp-block-column {
		flex-basis: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}
.wp-block-column {
	margin-bottom: 2.7em;
	margin-top: 0.9em;
}
.wp-block-column > *:first-child {
	margin-top: 0;
}
.wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* Latest Posts */
.wp-block-latest-posts {
	border-top: solid 1px #eee;
	list-style: none;
	margin-left: 0;
	padding-top: 1em;
}
.wp-block-latest-posts li {
	border-bottom: solid 1px #eee;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.wp-block-latest-posts a {
	text-decoration: none;
}
.wp-block-latest-posts__post-date {
	margin-top: 0.3em;
}

/* Button */
.wp-block-button a {
	color: #fff;
	text-decoration: none;
}
.wp-block-button a:hover {
	opacity: 0.9;
}
.wp-block-button__link {
	font-size: 100%;
	padding: 9px 24px;
}

/* Intro */
.intro {
	color: #777;
	font-size: 120%;
}

/* Sub Header */
.subheader {
	color: #4693f5;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.6em;
	margin-top: 0;
	text-transform: uppercase;
}
.subheader+h1,
.subheader+h2,
.subheader+h3,
.subheader+h4,
.subheader+h5,
.subheader+h6 {
	margin-top: 0;
}

/* Container */
.container-wrapper {
	background-color: #f4f5f6;
	margin-bottom: 6rem;
	margin-top: 6rem;
	padding-bottom: 20px;
	padding-top: 20px;
}
.no-sidebar .container-wrapper {
	width: 100vw;
	margin-left: calc( 50% - 50vw );
	max-width: none;
	padding-bottom: 6rem;
	padding-top: 6rem;
}
.container-content > *:first-child {
	margin-top: 0;
}
.container-content > *:last-child {
	margin-bottom: 0;
}
.container-content > .wp-block-columns:last-child {
	margin-bottom: -2.7em;
}
.no-sidebar .wp-block-columns + .container-wrapper {
	margin-top: 4rem;
}


/* Navigations
------------------------------------------------------------ */

/* Pagination */
.pagination {
	color: #777;
	font-size: 90%;
	margin-bottom: 3rem;
}
.pagination a {
	color: inherit;
	text-decoration: none;
}
.pagination .page-numbers {
	display: none;
	padding: 8px 18px;
	margin-right: 6px;
}
.pagination .prev,
.pagination .next {
	display: inline-block;
}
.pagination .dots {
	padding-left: 10px;
	padding-right: 10px;
}
.pagination a.page-numbers {
	border: solid 1px #eee;
}
.pagination a.page-numbers:hover {
	border-color: #ddd;
	color: #333;
}
.pagination .current {
	background-color: #f4f5f6;
	border: solid 1px #ddd;
	color: #333;
	font-weight: 700;
}
@media screen and (min-width: 640px) {
	.pagination .page-numbers {
		display: inline-block;
	}
}

/* Page Links */
.page-links {
	color: #777;
	clear: both;
	font-size: 90%;
	margin-bottom: 3rem;
	margin-top: 4rem;
}
.page-links .page-numbers {
	background-color: #f4f5f6;
	border: solid 1px #ddd;
	color: #333;
	font-weight: 700;
	padding: 8px 16px;
	margin-left: 4px;
}
.page-links a {
	color: inherit;
	text-decoration: none;
}
.page-links a .page-numbers {
	background-color: transparent;
	border: solid 1px #eee;
	color: #777;
	font-weight: normal;
}
.page-links a .page-numbers:hover {
	border: solid 1px #ddd;
	color: #333;
}

/* Post Navigation */
.post-navigation {
	margin-bottom: 3rem;
}
.post-navigation a {
	color: inherit;
	text-decoration: none;
}
.post-navigation a:hover {
	color: #111;
}
.post-navigation .nav-previous {
	margin-bottom: 3rem;
}
.post-nav-title {
	color: #999;
	font-size: 80%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
@media screen and (min-width: 640px) {
	.post-navigation .nav-previous {
		float: left;
		width: 48%;
		margin-bottom: 0;
	}
	.post-navigation .nav-next {
		float: right;
		width: 48%;
		text-align: right;
	}
}

/* Comment Navigation */
.comment-navigation {
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-top: 10px;
}
.comment-navigation .nav-previous {
	float: left;
	width: 48%;
}
.comment-navigation .nav-next {
	float: right;
	text-align: right;
	width: 48%;
}
.comment-navigation a {
	color: #777;
	text-decoration: underline;
}
.comment-navigation a:hover {
	color: #333;
}


/* Comments
------------------------------------------------------------ */

/* Base */
.comments-area {
	font-size: 90%;
	margin-bottom: 2rem;
	margin-top: 6rem;
}

/* Comment Header */
.comments-title,
.comment-reply-title {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	margin-top: 0;
}
.comment-reply-title {
	margin-top: 4rem;
}
.comment-respond:only-child .comment-reply-title,
.comment-list .comment-reply-title {
	margin-top: 0;
}

/* Comment Structure */
.comment-list {
	border-bottom: solid 1px #eee;
	list-style: none;
	margin: 0 0 20px;
}
.comment-list .children {
	list-style: none;
	margin-left: 25px;
}
.comment-list .comment-body {
	border-top: solid 1px #eee;
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative;
}

/* Comment Meta */
.comment-author {
	font-size: 105%;
	font-weight: 600;
	margin-bottom: 2px;
}
.comment-author a {
	border-bottom: dotted 1px #999;
	color: #333;
	text-decoration: none;
}
.comment-author a:hover {
	color: #666;
}
.comment-author .avatar {
	border-radius: 50%;
	height: 60px;
	left: 0;
	position: absolute;
	top: 28px;
	width: 60px;
}
.has-avatars .comment .comment-meta {
	margin-left: 75px;
}
.bypostauthor > .comment-body .comment-author:after {
	color: #111;
	content: "\f14b";
	display: inline-block;
	font: normal 20px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	margin-left: 3px;
}
.comment-author .says {
	display: none;
}
.comment-metadata {
	font-size: 95%;
	margin-bottom: 25px;
}
.comment-metadata a,
a.comment-edit-link {
	color: #999;
	text-decoration: none;
}
.comment-metadata a:hover,
a.comment-edit-link:hover {
	color: #666;
}
.comment-edit-link {
	margin-left: 15px;
}

/* Comment Body */
.comment-body .reply a {
	color: #999;
	font-size: 95%;
	text-decoration: none;
}
.comment-body .reply a:hover {
	color: #666;
}
.comment-body .reply a:before {
	content: "\f0e5";
	display: inline-block;
	font: normal 15px/1 FontAwesome;
	-webkit-font-smoothing: antialiased;
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.comment-awaiting-moderation {
	color: #666;
}

/* Pingback */
.pingback a {
	color: #666;
	text-decoration: underline;
}
.pingback a:hover {
	color: #999;
}

/* Comment Form */
.comment-respond a {
	color: #666;
}
.comment-respond a:hover {
	color: #333;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
	margin-bottom: 15px;
}
.comment-form-comment label {
	display: none;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	font-size: 95%;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	width: 100%;
}
.form-submit {
	font-size: 105%;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
}
@media screen and (min-width: 540px) {
	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label {
		margin-bottom: 0;
		width: 23%;
	}
	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 72%;
	}
}


/* Widgets
------------------------------------------------------------ */

/* Base */
.widget {
	color: #666;
	font-size: 90%;
}

/* Heading */
.widget-title {
	color: #333;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	margin-bottom: 2rem;
	margin-top: 0;
	text-transform: uppercase;
}

/* Link */
.widget a {
	color: inherit;
	text-decoration: underline;
}
.widget li a {
	text-decoration: none;
}
.widget a:hover {
	color: #111;
}

/* List */
.widget ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}
.widget li {
	margin-bottom: 1em;
}
.widget ul ul {
	margin-left: 1em;
	margin-top: 1em;
}

/* Recent Posts */
.widget_recent_entries li {
	margin-bottom: 1.5em;
}
.widget_recent_entries li a {
	border-bottom: solid 1px #ddd;
}
.widget_recent_entries .post-date {
	color: #999;
	display: block;
	font-size: 90%;
	margin-top: 6px;
	text-transform: uppercase;
}

/* Recent Comments */
.widget_recent_comments li {
	margin-bottom: 1.5em;
}
.widget_recent_comments li a {
	border-bottom: solid 1px #ddd;
}

/* Search */
.widget_search input[type="search"] {
	margin-top: 0;
	max-width: 300px;
	width: 100%;
}
.widget_search .search-submit {
	display: none;
}

/* Tag Cloud */
.tagcloud a {
	background-color: #f4f5f6;
	border-radius: 3px;
	display: inline-block;
	font-size: 90% !important;
	margin-bottom: 4px;
	padding: 3px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.tagcloud a:hover {
	color: #111;
}

/* Calendar */
.widget_calendar table {
	font-size: 95%;
	line-height: 36px;
	margin-bottom: 0;
	max-width: 360px;
}
.widget_calendar caption {
	text-transform: uppercase;
}
.widget_calendar td,
.widget_calendar th {
	padding: 0;
	text-align: center;
}
.widget_calendar thead th {
	padding: 2px 0;
}
.widget_calendar tbody td a {
	background-color: #f4f5f6;
	display: block;
	text-decoration: underline;
}
.widget_calendar tbody td a:hover {
	color: #111;
}
.widget_calendar tfoot td {
	border: none;
	padding-top: 10px;
}
.widget_calendar tfoot td a {
	text-decoration: underline;
	text-transform: uppercase;
}
.widget_calendar tfoot td#prev {
	text-align: left;
}
.widget_calendar tfoot td#next {
	text-align: right;
}

/* Menu */
.widget_nav_menu li a {
	border-bottom: none;
}
.widget_nav_menu .current_page_item > a,
.widget_nav_menu .current-menu-item > a {
	color: #111;
	font-weight: 700;
}

/* RSS */
.widget_rss li {
	margin-bottom: 2em;
}
.widget_rss li a {
	border-bottom: solid 1px #ddd;
}
.widget_rss .rss-date,
.widget_rss .rssSummary,
.widget_rss cite {
	color: #999;
	font-size: 90%;
}
.widget_rss .rss-date {
	display: block;
	margin-bottom: 6px;
	margin-top: 6px;
	text-transform: uppercase;
}
.widget_rss .rssSummary {
	margin-bottom: 6px;
}

/* BusinessPress Recent Posts */
.widget_businesspress_recent_posts li {
	margin-bottom: 1.5em;
}
.widget_businesspress_recent_posts li a {
	border-bottom: none;
	display: flex;
}
.recent-posts-thumbnail {
	flex-shrink: 0;
	margin-bottom: 4px;
	margin-right: 16px;
	margin-top: 4px;
	width: 80px;
}
.recent-posts-text .post-date {
	color: #999;
	display: block;
	font-size: 90%;
	margin-top: 6px;
	text-transform: uppercase;
}

/* BusinessPress Featured Posts */
.featured-widget-entry {
	background-color: #333;
	background-position: center;
	background-size: cover;
	display: block;
	height: 180px;
	margin-bottom: 15px;
}
.featured-widget-entry-overlay {
	align-items: center;
	background-color: rgba( 0, 0, 0 ,0.4 );
	display: flex;
	height: 100%;
	width: 100%;
}
.featured-widget-entry-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.featured-widget-entry-title {
	color: rgba( 255, 255, 255, 0.9 );
	font-size: 1.5rem;
	margin: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
.featured-widget-entry-date {
	color: rgba( 255, 255, 255, 0.8 );
	font-size: 85%;
	margin-top: 12px;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
a.featured-widget-entry {
	text-decoration: none;
}
a.featured-widget-entry .featured-title {
	transition: 0.15s;
}
a.featured-widget-entry:hover .featured-title {
	color: #fff;
}
@media screen and (min-width: 601px) and (max-width: 979px) {
	.widget_businesspress_featured_posts {
		display: flex;
		flex-wrap: wrap;
	}
	.widget_businesspress_featured_posts .widget-title {
		width: 100%;
	}
	.featured-widget-entry {
		margin-bottom: 4%;
		margin-right: 4%;
		width: 48%;
	}
	.featured-widget-entry:nth-child(odd) {
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (min-width: 782px) {
	.featured-widget-entry {
		margin-bottom: 15px;
	}
	.featured-widget-entry-title {
		font-size: 1.25rem;
	}
}

/* BusinessPress Profile */
.profilewidget-wrapper {
	align-items: center;
	display: flex;
	margin-bottom: 25px;
}
.profilewidget-profile {
	flex-shrink: 0;
	margin-right: 20px;
	width: 75px;
}
.profilewidget-profile img {
	border-radius: 50%;
	width: 75px;
}
.profilewidget-name {
	font-size: 110%;
}
.profilewidget-name strong {
	color: #333;
	font-weight: 600;
}
.profilewidget-link {
	margin-top: 4px;
}
.profilewidget-link.menu a {
	text-decoration: none;
}


/* Footer
------------------------------------------------------------ */

/* Footer */
.site-bottom {
	background-color: #f4f5f6;
	color: #aaa;
	text-align: center;
}
.site-bottom a {
	color: #888;
	text-decoration: none;
}
.site-bottom a:hover,
.site-bottom .current-menu-item > a {
	color: #111;
}
.footer-menu {
	line-height: 32px;
}
.footer-navigation ul {
	font-size: 85%;
	list-style: none;
	margin: 0 0 30px 0;
}
.footer-navigation li {
	display: inline-block;
	margin-right: 18px;
}
.footer-navigation li:last-child {
	margin-right: 0;
}
.footer-social-link {
	margin-bottom: 2rem;
}
.site-info {
	font-size: 85%;
}
.site-copyright,
.site-credit {
	margin-bottom: 1rem;
}
.site-credit a {
	display: block;
}
.site-credit a:first-child {
	margin-bottom: 6px;
}
.site-credit-sep {
	color: #ccc;
	display: none;
}
@media screen and (min-width: 601px) {
	.site-credit a,
	.site-credit-sep {
		display: inline-block;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 782px) {
	.site-info {
		clear: right;
		float: right;
		margin-top: 3px;
		text-align: right;
	}
}

/* Back to Top */
.back-to-top {
	background: rgba( 0, 0, 0, 0.1 );
	border-radius: 8px;
	bottom: 20px;
	cursor: pointer;
	display: none;
	height: 45px;
	position: fixed;
	right: 20px;
	width: 45px;
	z-index: 2;
	transition: .15s ease-in-out;
}
.back-to-top:hover {
	background: #111;
}
.back-to-top:before {
	color: #999;
	content: "\f106";
	display: block;
	font: normal 22px/42px FontAwesome;
	text-align: center;
}


/* Plugins
------------------------------------------------------------ */

/* Jetpack Widgets */
.widget_top-posts ul {
	counter-reset: number;
}
.widget_top-posts li {
	padding-left: 35px;
	padding-top: 12px;
	position: relative;
}
.widget_top-posts li:before {
	background-color: #f0f0f0;
	border-radius: 3px;
	color: #444;
	content: counter(number) !important;
	counter-increment: number;
	font-weight: 400;
	height: 23px;
	left: 0;
	line-height: 23px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	top: 13px;
	width: 23px;
}
.widgets-list-layout li {
	margin-bottom: 0 !important;
}
.widgets-list-layout .widgets-list-layout-blavatar {
	margin-right: 12px;
	width: 40px !important;
}
.widgets-list-layout-links {
	float: none !important;
	overflow: hidden;
	width: auto !important;
}
#subscribe-email input {
	margin-top: 0;
	max-width: 320px;
	padding: 0.6em !important;
	width: 100% !important;
}
.jetpack-display-remote-posts h4,
.jetpack-display-remote-posts p {
	font-size: 100% !important;
}
.jetpack-display-remote-posts h4 {
	margin-top: 25px !important;
}
.widget_jetpack_display_posts_widget img {
	margin: 12px 0;
}
.widget-grofile {
	text-align: center;
}
.widget-grofile p,
.widget-grofile h4,
.widget-grofile ul {
	text-align: left;
}
.widget-grofile h4 {
	font-size: 100%;
	font-weight: 600;
}
.grofile-meta h4 {
	font-size: 110%;
	text-align: center;
}
.grofile-thumbnail {
	border-radius: 50%;
	max-width: 200px !important;
}
ul.grofile-urls {
	margin-bottom: 1.8em;
	margin-top: 0;
}

/* Jetpack Sharing */
.sharedaddy {
	margin-top: 3rem;
}

/* Jetpack Related Posts */
#jp-relatedposts {
	margin-bottom: 2rem !important;
	margin-top: 0 !important;
	padding-top: 2rem !important;
}
#jp-relatedposts h3.jp-relatedposts-headline {
	color: #333;
	display: block !important;
	font-size: 1.2rem !important;
	float: none !important;
	letter-spacing: 0.05em;
	margin-bottom: 2rem !important;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
}
#jp-relatedposts h3.jp-relatedposts-headline em:before {
	content: none !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
	margin-bottom: 2rem !important;
	transition: opacity .2s ease-in-out;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	opacity: 1 !important;
}
#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
	margin-bottom: 1rem;
}
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
	font-size: 15px !important;
	line-height: 1.8 !important;
	margin-bottom: 12px !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	color: inherit !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
	color: #111;
	text-decoration: none !important;
}
#jp-relatedposts .jp-relatedposts-items p {
	color: #999;
	font-size: 85% !important;
	margin-bottom: 8px !important;
}
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	opacity: 1 !important;
}
@media only screen and (max-width: 400px) {
	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		width: 100% !important;
		clear: both !important;
	}
}
@media only screen and (max-width: 640px) {
	#jp-relatedposts .jp-relatedposts-items-visual {
		margin-right: -20px !important; 
	}
}

/* Jetpack Comments */
.comment-form {
	margin-bottom: 2rem;
}
.comment-subscription-form {
	margin-bottom: 0.6em;
}

/* Jetpack Stats */
#wpstats {
	display: none;
}

/* Contact Form 7 */
div.wpcf7-response-output {
	font-size: 95%;
	margin: 2em 0 1em;
	padding: 0.8em 1em;
	border: 2px solid #cf2e2e;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #00d084;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	border: 2px solid #cf2e2e;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ff6900;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #fcb900;
}
span.wpcf7-not-valid-tip {
	color: #cf2e2e;
}

/* Disqus */
#disqus_thread {
	margin-bottom: 60px;
}


/* Print
------------------------------------------------------------ */

@media print {
	html, body {
		background: none !important;
		color: #000 !important;
		font-size: 10pt !important;
	}
	.main-header-clone,
	.drawer-hamburger,
	.featured-post,
	.widget,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comment-respond,
	.navigation,
	.sidebar-area,
	.footer-widget-area,
	.footer-menu,
	.back-to-top {
		display: none !important;
	}
	.main-header-content,
	.site-content {
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
	.site-bottom,
	.site-bottom a {
		color: #000;
	}
}


/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */
body {
  font-family: "Noto Sans Japanese", sans-serif;
  color: #040000;
  line-height: 1.5;
  /*
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	*/
  min-width: 980px;
}

@media only screen and (max-width: 750px) {
  body {
    min-width: initial;
  }
}

body * {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

input, button, textarea, select {
  color: #fbf8f8;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 16px;
}

textarea {
  vertical-align: top;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select {
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #aaa;
}

*:focus {
  outline: none;
}

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

a:hover {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: .15s;
}

/* ----------------------------------------------------------------------
 common class
---------------------------------------------------------------------- */
@media only screen and (min-width: 751px) {
  .pc-non {
    display: none !important;
  }
}

@media only screen and (max-width: 750px) {
  .sp-non {
    display: none !important;
  }
}

.mb0 {
  margin-bottom: 0;
}

.fz12 {
  font-size: 12px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

@media only screen and (max-width: 750px) {
  .sfz14 {
    font-size: 14px;
  }
}

.fw_bold {
  font-weight: bold;
}

.tCenter {
  text-align: center;
}

.color_pink {
  color: #e9474d;
}

.color_orange {
  color: #f0831e;
}

.color_purple {
  color: #ba79b1;
}

.color_green {
  color: #0068b7;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

@media only screen and (min-width: 751px) {
  .telLink {
    pointer-events: none;
    text-decoration: none;
    color: inherit;
  }
}

.wrapper {
  /*width: 980px;*/
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 750px) {
  .wrapper {
    width: auto;
  }
}

.wrapper_min {
  width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .wrapper_min {
    width: auto;
  }
}

.hoverImg {
  transition: .3s;
}

@media only screen and (min-width: 751px) {
  .hoverImg:hover {
    opacity: 0.7;
  }
}

.hoverTxt {
  text-decoration: none;
  color: inherit;
}

.hoverTxt:hover {
  text-decoration: underline;
}

.require {
  display: inline-block;
  background-color: red;
  color: #fff;
  font-size: 1.4rem;
  padding: 3px 5px;
  border-radius: 4px;
  margin-left: 5px;
}

@media only screen and (max-width: 750px) {
  .resPadding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* ----------------------------------------------------------------------
 modules
---------------------------------------------------------------------- */
/* Title */
.modTitle02 {
  font-size: 14px;
  text-align: center;
  line-height: 1.7;
  font-weight: bold;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .modTitle02 {
    font-size: 12px;
    margin-bottom: 40px;
  }
}

.modTitle02 span {
  font-size: 30px;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 750px) {
  .modTitle02 span {
    font-size: 24px;
  }
}

.modTitleSquare {
  text-align: center;
  margin-bottom: 80px;
}

@media only screen and (max-width: 750px) {
  .modTitleSquare {
    margin-bottom: 40px;
  }
}

.modTitleSquare_mb0 {
  margin-bottom: 0;
}

.modTitleSquare span {
  display: inline-block;
  padding: 7px 30px;
  color: #0068b7;
  font-size: 24px;
  text-align: center;
  background: url(../img/square_side_line.png) top left repeat-y, url(../img/square_side_line.png) top right repeat-y;
  background-color: #fff;
  position: relative;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .modTitleSquare span {
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.modTitleSquare span:before {
  content: "";
  width: calc(100% - 6px);
  height: 3px;
  background-color: #0068b7;
  position: absolute;
  top: -3px;
  left: 3px;
}

.modTitleSquare span:after {
  content: "";
  width: calc(100% - 6px);
  height: 3px;
  background-color: #0068b7;
  position: absolute;
  bottom: -3px;
  left: 3px;
}

.modTitleSquare + .modText {
  margin: 25px 0 50px;
}

.modTitleCircle {
  padding-left: 26px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
  position: relative;
}

@media only screen and (max-width: 750px) {
  .modTitleCircle {
    font-size: 17px;
  }
}

.modTitleCircle:first-child {
  margin-top: 0;
}

.modTitleCircle:before {
  width: 18px;
  height: 18px;
  background-color: #e9474d;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0px;
  content: "";
}

.modTitleCircle_orange:before {
  background-color: #f0831e;
}

.modTitleCircle_purple:before {
  background-color: #ba79b1;
}

.modTitleCircle_green:before {
  background-color: #0068b7;
}

.modTitleBalloon {
  background-color: #f1f1f1;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0;
  position: relative;
}

.modTitleBalloon:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(241, 241, 241, 0);
  border-top-width: 16px;
  border-bottom-width: 16px;
  border-left-width: 15px;
  border-right-width: 15px;
  margin-left: -15px;
  border-top-color: #F1F1F1;
  top: 100%;
  left: 50%;
}

.modTitleImg {
  text-align: center;
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: bold;
}

.modTitleImg img {
  margin-bottom: 20px;
}

.modTitleImg_orange {
  color: #f0831e;
}

.modTitleImg_green {
  color: #0068b7;
}

.modTitleImg_purple {
  color: #ba79b1;
}

.modTitleLine {
  font-size: 24px;
  font-weight: bold;
  color: #0068b7;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 750px) {
  .modTitleLine {
    font-size: 21px;
    line-height: 1.2;
  }
}

.modTitleLine span {
  flex: none;
}

.modTitleLine:before {
  margin-right: 15px;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #0068b7;
}

.modTitleLine:after {
  margin-left: 15px;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #0068b7;
}

/* Text */
.modText {
  line-height: 2;
}

@media only screen and (max-width: 750px) {
  .modText {
    font-size: 14px;
  }
}

/* Button */
.btnPinkGrad {
  text-align: center;
}

.btnPinkGrad a {
  display: inline-block;
  background: linear-gradient(to bottom, #88d48b, #459848);
  width: 400px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  position: relative;
}

@media only screen and (max-width: 750px) {
  .btnPinkGrad a {
    font-size: 17px;
    line-height: 50px;
    border-radius: 25px;
  }
}

.btnPinkGrad a:after {
  width: 26px;
  height: 26px;
  position: absolute;
  content: "";
  background: url(../img/arrow_btn.png) no-repeat;
  background-size: contain;
  top: 50%;
  margin-top: -13px;
  right: 15px;
  transition: .15s;
}

.btnPinkGrad a:hover {
  background: linear-gradient(to bottom, #abe0ad, #7fb881);
}

.btnPinkGrad a:hover:after {
  -webkit-transform: translate(5px, 0);
          transform: translate(5px, 0);
}

@media only screen and (max-width: 750px) {
  .btnPinkGrad a {
    width: 100%;
  }
}

.btnPinkGrad_thin a {
  width: 360px;
  line-height: 39px;
  padding-bottom: 1px;
  border-radius: 20px;
  font-size: 16px;
}

@media only screen and (max-width: 750px) {
  .btnPinkGrad_thin a {
    width: 100%;
    font-size: 14px;
  }
}

.btnPinkGrad_products {
  text-align: left;
}

.btnPinkGrad_products a {
  text-align: center;
  width: 240px;
  line-height: 42px;
  padding-bottom: 1px;
  border-radius: 21px;
  font-size: 16px;
}

@media only screen and (max-width: 750px) {
  .btnPinkGrad_products a {
    width: 100%;
    font-size: 14px;
  }
}

.modRow01 {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .modRow01 {
    flex-direction: column;
  }
  .modRow01 .modRow01__img {
    margin-top: 30px;
  }
}

.modRow01_reverce {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 750px) {
  .modRow01_reverce {
    flex-direction: column-reverse;
  }
  .modRow01_reverce .modRow01__img {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 750px) {
  .modRow01_spReverce {
    flex-direction: column-reverse;
  }
  .modRow01_spReverce .modRow01__img {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.modRow01_bi {
  margin-top: 55px;
}

.modRow01__img {
  width: 430px;
}

@media only screen and (max-width: 750px) {
  .modRow01__img {
    width: 100%;
  }
}

.modRow01__info {
  width: 50%;
}

@media only screen and (max-width: 750px) {
  .modRow01__info {
    width: auto;
  }
}

.modRow01__title {
  font-size: 34px;
  line-height: 1.4;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .modRow01__title {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

.modRow01__text {
  line-height: 2;
}

.tableScrollWrap {
  padding-top: 1px;
}

.tableScrollWrap_spot {
  padding-top: 60px;
  position: relative;
}

@media only screen and (max-width: 750px) {
  .tableScrollWrap_spot {
    width: 980px;
  }
}

@media only screen and (max-width: 750px) {
  .tableScrollWrap {
    width: calc(100% + 20px);
    overflow: auto;
    margin-right: -20px;
  }
}

.tableScrollWrap__scroll {
  margin-top: 20px;
  height: 13px;
  background: url(../img/icon_scroll.png) no-repeat right top;
  background-size: contain;
}

@media only screen and (min-width: 751px) {
  .tableScrollWrap__scroll {
    display: none;
  }
}

.header {
  position: relative;
  height: 82px;
}

@media only screen and (max-width: 750px) {
  .header {
    height: 92px;
  }
}

.headerInner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
}

.headerLogo {
  padding: 7px 0 8px 19px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.headerLogo__img {
  margin-right: 8px;
}

.headerLogo__text {
  font-size: 12px;
}

@media only screen and (max-width: 750px) {
  .headerLogo__text {
    font-size: 10px;
    padding-top: 2px;
  }
}

@media only screen and (max-width: 750px) {
  .headerLogo {
    padding: 11px 0 11px 10px;
  }
}

.headerNav {
  background-color: #0068b7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 750px) {
  .headerNav {
    padding: 14px 0 15px;
    position: relative;
  }
}

.headerNavLogo {
  font-size: 26px;
  letter-spacing: 0.2em;
  color: #fff;
  line-height: 1;
  padding-left: 20px;
}

.headerNavLogo a {
  color: inherit;
  text-decoration: none;
}

.headerNavLogo a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 750px) {
  .headerNavLogo {
    font-size: 23px;
    letter-spacing: 0.1em;
  }
}

.headerNavList {
  display: flex;
}

@media only screen and (max-width: 750px) {
  .headerNavList {
    display: none;
  }
}

.headerNavList__list {
  position: relative;
  padding-left: 1px;
  /*
    &:before {
      height: 18px;
      width: 1px;
      background-color: #fff;
      position: absolute;
      left: 0px;
      top: 16px;
      content: "";
    }
    */
}

.headerNavList__list a {
  display: block;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  padding: 0 18px;
  background-color: #0068b7;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.headerNavList__list a:hover {
  opacity: 0.7;
}

.headerNavList__list:first-child:before {
  display: none;
}

.headerNavList__list_contact a {
  padding-right: 88px;
  padding-left: 20px;
  background-color: #00783d;
  font-size: 20px;
  letter-spacing: 0.2em;
}

.headerNavList__list_entry {
  position: absolute;
  top: -64px;
  right: -88px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.headerNavList__list_entry:before {
  display: none;
}

.headerNavList__list_entry a {
  background-color: #ffaa00;
  padding: 0 50px;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.2em;
  padding-top: 100px;
}

.headerNavList__list_entry a:hover {
  opacity: 1;
  background-color: #ffc44d;
}

.recruitBlock {
  background-color: #f7f7f7;
  padding: 35px 0 70px;
  text-align: center;
}

.recruitBlock__btn a:hover {
  opacity: 0.7;
}

.recruitTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .recruitTitle {
    margin-bottom: 15px;
  }
}

.goTop {
  position: absolute;
  bottom: -40px;
  right: 0px;
}

.goTop a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 750px) {
  .goTop {
    width: 46px;
    bottom: -50px;
    right: 10px;
  }
}

.footer {
  background-color: #575757;
  padding-top: 30px;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  opacity: 0.7;
}

.footerInner {
  padding-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .footerInner {
    flex-direction: column;
  }
}

.footerLeft {
  width: 140px;
}

@media only screen and (max-width: 750px) {
  .footerLeft {
    padding-bottom: 40px;
    margin-bottom: 45px;
    text-align: center;
    width: auto;
    border-bottom: 1px solid #b3b3b3;
  }
}

.footerRight {
  width: calc(100% - 140px);
  border-left: 1px solid #b3b3b3;
}

@media only screen and (max-width: 750px) {
  .footerRight {
    border-style: none;
    width: 100%;
  }
}

.footerRightNav {
  display: flex;
  justify-content: space-between;
  padding-left: 40px;
}

@media only screen and (max-width: 750px) {
  .footerRightNav {
    flex-direction: column;
    padding-left: 0;
  }
}

@media only screen and (max-width: 750px) {
  .footerRightNav__list {
    margin-bottom: 40px;
  }
}

.footerRightNav__list dt {
  font-size: 16px;
  margin-bottom: 15px;
  letter-spacing: 0.2em;
  color: #fff;
}

@media only screen and (max-width: 750px) {
  .footerRightNav__list dt {
    font-size: 17px;
  }
}

.footerRightNav__list dd {
  font-size: 12px;
  margin-bottom: 7px;
}

@media only screen and (max-width: 750px) {
  .footerRightNav__list dd {
    font-size: 13px;
  }
}

.footerRightShareBlock {
  display: flex;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 25px;
}

.footerRightShareBlock img {
  position: relative;
  top: -1px;
}

.footerRightShareBlock__contact {
  margin-right: 22px;
}

.footerRightShareBlock__contact img {
  margin-right: 8px;
}

.footerRightShareBlock__share {
  display: flex;
}

.footerRightShareBlock__item {
  margin-left: 8px;
  color: #fff;
}

.footerRightSNS__item {
  text-align: right;
  margin-bottom: 10px;
}

.footerRightSNS__item a {
  display: inline-block;
  width: 200px;
  line-height: 40px;
  border: 1px solid #999999;
  border-radius: 8px;
  text-align: left;
  padding-left: 14px;
}

.footerRightSNS__item a img {
  margin-right: 8px;
  vertical-align: -3px;
}

@media only screen and (max-width: 750px) {
  .footerRightSNS__item a {
    width: 100%;
  }
}

.footerSubNav {
  margin-top: 25px;
}

.footerSubNav__list {
  text-align: right;
}

@media only screen and (max-width: 750px) {
  .footerSubNav__list {
    text-align: left;
  }
}

.footerSubNav__list li {
  display: inline-block;
  margin-left: 30px;
  font-size: 12px;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 750px) {
  .footerSubNav__list li {
    margin-left: 0;
    display: block;
    margin-bottom: 5px;
  }
}

.copyright {
  text-align: center;
  line-height: 29px;
  background-color: #000000;
  font-size: 12px;
  color: #cccccc;
}

.spMenuBtn {
  width: 25px;
  height: 23px;
  position: relative;
}

.spMenuBtn span {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  background-color: #fff;
}

.spMenuBtn span:first-child {
  top: 0px;
  left: 0px;
}

.spMenuBtn span:nth-child(2) {
  top: 10px;
  left: 0px;
}

.spMenuBtn span:last-child {
  bottom: 0px;
  left: 0px;
}

.spMenuBtnWrap {
  padding: 16px 15px;
  position: absolute;
  top: 0px;
  right: 0px;
}

@media only screen and (min-width: 751px) {
  .spMenuBtnWrap {
    display: none;
  }
}

.spMenuBtnWrap.is-close {
  background-color: #98d09a;
}

.spMenuBtnWrap.is-close span:first-child {
  top: 10px;
  left: 0px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.spMenuBtnWrap.is-close span:nth-child(2) {
  display: none;
}

.spMenuBtnWrap.is-close span:last-child {
  bottom: 10px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.spNavi {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  border-top: 1px solid #98d09a;
  display: none;
}

.spNavi a {
  padding: 15px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  display: block;
  text-decoration: none;
  background-color: #0068b7;
}

.spNaviList__item_contact a {
  background-color: #00783d;
}

.spNaviList__item_recruit a {
  background-color: #ffaa00;
}

.pageHero {
  height: 250px;
  background-size: cover;
  text-align: center;
  padding-top: 50px;
  color: #0068b7;
}

@media only screen and (max-width: 750px) {
  .pageHero {
    height: 150px;
    padding-top: 35px;
    padding-left: 25px;
    background-position: right center;
  }
}

.pageHero_service {
  background-image: url(../img/service/hero.jpg);
}

@media only screen and (max-width: 750px) {
  .pageHero_service {
    background-image: url(../img/service/hero_sp.jpg);
  }
}

.pageHero_contact {
  background-image: url(../img/contact/hero.jpg);
}

@media only screen and (max-width: 750px) {
  .pageHero_contact {
    background-image: url(../img/contact/hero_sp.jpg);
  }
}

.pageHero_news {
  background-image: url(../img/news/hero.jpg);
margin: 0 -100%;
}

@media only screen and (max-width: 750px) {
  .pageHero_news {
    background-image: url(../img/news/hero_sp.jpg);
margin: 0 -28px;
  }
}

.pageHero_works {
  background-image: url(../img/works/hero.jpg);
margin: 0 -100%;
}

@media only screen and (max-width: 750px) {
  .pageHero_works {
    background-image: url(../img/works/hero_sp.jpg);
margin: 0 -28px;
  }
}

.pageHero__h1 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #0068b7;
}

.pageHero__h1 span {
  font-size: 48px;
  letter-spacing: 0.2em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  display: block;
}

@media only screen and (max-width: 750px) {
  .pageHero__h1 {
   /* text-align: left; */
    font-size: 15px;
  }
  .pageHero__h1 span {
    font-size: 36px;
  }
}

.pageNavi {
  text-align: center;
  padding: 25px 0 10px;
}

@media only screen and (min-width: 751px) {
  .pageNavi.is-fix {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0px;
    width: 100%;
    background-color: #f1f1f1;
    max-width: initial;
    padding: 15px 0;
  }
}

@media only screen and (max-width: 750px) {
  .pageNavi {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.pageNavi ul {
  max-width: 840px;
  margin: 0 auto;
}

.pageNavi li {
  display: inline-block;
  margin: 0 10px 10px;
}

@media only screen and (max-width: 750px) {
  .pageNavi li {
    display: block;
    margin: 0 0 10px;
    position: relative;
    text-align: left;
  }
}

.pageNavi a {
  color: #0068b7;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .pageNavi a {
    width: 100%;
    display: block;
  }
}

.pageNavi a:after {
  content: "▼";
  color: #0068b7;
  margin-left: 8px;
  font-size: 13px;
  transition: .15s;
  display: inline-block;
}

@media only screen and (max-width: 750px) {
  .pageNavi a:after {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.pageNavi a:hover {
  opacity: 0.7;
}

.pageNavi a:hover:after {
  -webkit-transform: translate(0, 3px);
          transform: translate(0, 3px);
}

.pageSec {
  padding: 90px 0 120px;
}

@media only screen and (max-width: 750px) {
  .pageSec {
    padding: 60px 0;
  }
}

.pageSec_green {
  background: url(../img/ptn_green.png);
}

.pageSec_min:not(:last-child) {
  padding-bottom: 0;
}

.pageContact {
  padding: 77px 0 0;
  background: url(../img/ptn_green.png);
}

.pageContact .homeContactRow__item {
  background: #fff;
}

@media only screen and (max-width: 750px) {
  .pageContact {
    padding: 40px 0 0;
  }
}

/* ----------------------------------------------------------------------
Blog
---------------------------------------------------------------------- */
.blogHero {
  height: 300px;
  background: url(../img/blog/hero.jpg) no-repeat center;
  background-size: cover;
  padding-top: 94px;
}

@media only screen and (max-width: 750px) {
  .blogHero {
    height: 180px;
    padding-top: 60px;
    background-image: url(../img/blog/hero_sp.jpg);
  }
}

.blogHero__h1 {
  width: 290px;
  margin: 0 auto;
  color: #fff;
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  border: 1px solid #fff;
  border-top-style: none;
  font-size: 39px;
  text-align: center;
  line-height: 1;
  padding: 24px 0;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 750px) {
  .blogHero__h1 {
    width: 170px;
    font-size: 24px;
    padding: 13px 0;
  }
}

.blogHero__h1 span {
  position: absolute;
  width: 100%;
  left: 0px;
  top: -10px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 20px;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 750px) {
  .blogHero__h1 span {
    font-size: 10px;
    top: -5px;
  }
}

.blogHero__h1 span:before {
  height: 1px;
  flex: 1;
  background-color: #fff;
  content: "";
  display: block;
  margin-right: 8px;
}

.blogHero__h1 span:after {
  height: 1px;
  flex: 1;
  background-color: #fff;
  content: "";
  display: block;
  margin-left: 8px;
}

.blogArchive {
  padding-top: 60px;
  margin: 0 auto 120px;
}

@media only screen and (min-width: 1714px) {
  .blogArchive {
    width: 1714px;
  }
}

@media only screen and (min-width: 1462px) and (max-width: 1713px) {
  .blogArchive {
    width: 1462px;
  }
}

@media only screen and (min-width: 1210px) and (max-width: 1461px) {
  .blogArchive {
    width: 1210px;
  }
}

@media only screen and (max-width: 1209px) {
  .blogArchive {
    width: 958px;
  }
}

@media only screen and (max-width: 750px) {
  .blogArchive {
    width: 100%;
    padding-top: 40px;
    margin-bottom: 60px;
  }
}

.blogArchiveWrapper {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .blogArchiveWrapper {
    display: block;
  }
}

@media only screen and (min-width: 1714px) {
  .blogArchiveLeft {
    width: 1490px;
  }
}

@media only screen and (min-width: 1462px) and (max-width: 1713px) {
  .blogArchiveLeft {
    width: 1238px;
  }
}

@media only screen and (min-width: 1210px) and (max-width: 1461px) {
  .blogArchiveLeft {
    width: 986px;
  }
}

@media only screen and (max-width: 1209px) {
  .blogArchiveLeft {
    width: 734px;
  }
}

@media only screen and (max-width: 750px) {
  .blogArchiveLeft {
    width: 100%;
  }
}

.blogArchiveRight {
  width: 180px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveRight {
    width: 100%;
    margin-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.blogTagNav {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 10px 8px;
  display: flex;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .blogTagNav {
    margin: 20px 25px 30px;
    display: block;
  }
}

.blogTagNav__left {
  font-size: 14px;
  font-weight: bold;
  flex: none;
}

@media only screen and (max-width: 750px) {
  .blogTagNav__left {
    font-size: 13px;
    display: inline;
    vertical-align: top;
  }
}

.blogTagNav__right {
  display: inline;
}

.blogTagNav__list {
  display: inline-block;
  margin-right: 13px;
  padding-left: 1.2em;
  position: relative;
  font-size: 14px;
  vertical-align: top;
}

@media only screen and (max-width: 750px) {
  .blogTagNav__list {
    font-size: 13px;
  }
}

.blogTagNav__list:before {
  display: inline-block;
  content: "";
  background: url(../img/blog/icon_tag.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 13px;
  height: 13px;
}

.blogTagNav__list a {
  text-decoration: none;
  color: inherit;
}

.blogTagNav__list a:hover {
  color: #0068b7;
}

.blogTagNav__list.current a {
  color: #0068b7;
}

.widgetArea {
  padding-left: 20px;
  border-left: 2px solid #0068b7;
  margin-bottom: 20px;
  padding-bottom: 30px;
}

.widgetBlock {
  margin-bottom: 50px;
}

.widgetBlock:last-child {
  margin-bottom: 0;
}

.widgetBlock__h2 {
  font-size: 14px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}

.widgetBlock__catList li {
  margin-bottom: 16px;
}

.widgetBlock__catList li:last-child {
  margin-bottom: 0;
}

.widgetBlock__catList li a {
  color: inherit;
  text-decoration: none;
}

.widgetBlock__catList li a:hover {
  color: #0068b7;
}

.widgetBlock__tagList {
  margin-left: -5px;
  margin-bottom: -5px;
}

.widgetBlock__tagList li {
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin-left: 5px;
  margin-bottom: 5px;
}

.widgetBlock__tagList li a {
  display: block;
  padding: 7px 8px 7px 20px;
  text-decoration: none;
  color: inherit;
  position: relative;
  font-size: 12px;
}

.widgetBlock__tagList li a:hover {
  color: #0068b7;
}

.widgetBlock__tagList li a:before {
  width: 13px;
  height: 13px;
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 4px;
  background: url(../img/blog/icon_tag.png) no-repeat center;
  background-size: contain;
}

.widgetBlock__rankList {
  margin-bottom: -17px;
}

.widgetBlock__rankList li {
  margin-bottom: 17px;
  font-size: 14px;
}

.widgetBlock__rankList li a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  width: calc(100% - 28px);
  padding-top: 1px;
}

.widgetBlock__rankList li a:hover {
  color: #0068b7;
}

.widgetBlock__rankIcon {
  display: inline-block;
  width: 28px;
  background: url(../img/blog/icon_rank.png) no-repeat left top;
  background-size: 18px 20px;
  color: #fff;
  padding-top: 3px;
  padding-left: 5px;
  font-size: 12px;
  vertical-align: top;
}

.blogArchiveListItem {
  width: 230px;
  background-color: #fff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem {
    width: 49%;
    margin-bottom: 2vw;
  }
}

.blogArchiveListItem__tagArea {
  background-color: #0068b7;
  height: 22px;
}

.blogArchiveListItem__tag {
  padding: 3px 0 0 17px;
  font-size: 10px;
  color: #fff;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem__tag {
    padding-left: 8px;
    font-size: 11px;
  }
}

.blogArchiveListItem__thumb {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.blogArchiveListItem__thumb img {
  transition: .2s;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem__thumb {
    height: auto;
  }
}

.blogArchiveListItem__inner {
  padding: 12px 15px 0;
  height: 104px;
  position: relative;
  background: url(../img/ptn_gray.png);
}

.blogArchiveListItem__title {
  font-size: 16px;
  line-height: 1.4;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem__title {
    font-size: 13px;
  }
}

.blogArchiveListItem__date {
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 18px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem__date {
    font-size: 9px;
  }
}

.blogArchiveListItem a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.blogArchiveListItem a:hover {
  opacity: 0.8;
}

.blogArchiveListItem a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blogArchiveListItem_large {
  width: 734px;
  background-color: #fff;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem_large {
    width: 100%;
    margin-bottom: 2vw;
  }
}

.blogArchiveListItem_large .blogArchiveListItem__thumb {
  height: 396px;
  overflow: hidden;
}

.blogArchiveListItem_large .blogArchiveListItem__thumb img {
  transition: .2s;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem_large .blogArchiveListItem__thumb {
    height: auto;
  }
}

.blogArchiveListItem_large .blogArchiveListItem__inner {
  padding: 20px 28px 0;
  height: 134px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem_large .blogArchiveListItem__inner {
    height: auto;
    padding: 15px 20px;
  }
}

.blogArchiveListItem_large .blogArchiveListItem__title {
  font-size: 24px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem_large .blogArchiveListItem__title {
    font-size: 19px;
  }
}

.blogArchiveListItem_large .blogArchiveListItem__date {
  font-size: 14px;
  position: absolute;
}

@media only screen and (max-width: 750px) {
  .blogArchiveListItem_large .blogArchiveListItem__date {
    font-size: 12px;
  }
}

.blogArchiveListGrid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -22px;
  position: relative;
}

.blogArchiveListGrid .blogArchiveListItem {
  margin-left: 22px;
}

@media only screen and (min-width: 1714px) {
  .blogArchiveListGrid .blogArchiveListItem:nth-child(5) {
    position: absolute;
    right: 504px;
    top: 284px;
  }
  .blogArchiveListGrid .blogArchiveListItem:nth-child(6) {
    position: absolute;
    right: 252px;
    top: 284px;
  }
  .blogArchiveListGrid .blogArchiveListItem:nth-child(7) {
    position: absolute;
    right: 0px;
    top: 284px;
  }
}

@media only screen and (min-width: 1462px) and (max-width: 1713px) {
  .blogArchiveListGrid .blogArchiveListItem:nth-child(4) {
    position: absolute;
    right: 252px;
    top: 284px;
  }
  .blogArchiveListGrid .blogArchiveListItem:nth-child(5) {
    position: absolute;
    right: 0px;
    top: 284px;
  }
}

@media only screen and (min-width: 1210px) and (max-width: 1461px) {
  .blogArchiveListGrid .blogArchiveListItem:nth-child(3) {
    position: absolute;
    right: 0px;
    top: 284px;
  }
}

@media only screen and (max-width: 750px) {
  .blogArchiveListGrid {
    margin-left: 0;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
  }
  .blogArchiveListGrid .blogArchiveListItem {
    margin-left: 0;
  }
}

.blogArchiveList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -22px;
  margin-bottom: -20px;
}

.blogArchiveList .blogArchiveListItem {
  margin-left: 22px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveList {
    justify-content: space-between;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
  .blogArchiveList .blogArchiveListItem {
    margin-left: 0px;
  }
}

.blogArchiveList_middle {
  margin-left: -20px;
}

.blogArchiveList_middle .blogArchiveListItem_middle {
  width: 240px;
  margin-left: 20px;
}

@media only screen and (max-width: 750px) {
  .blogArchiveList_middle {
    justify-content: space-between;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
  .blogArchiveList_middle .blogArchiveListItem_middle {
    width: 49%;
    margin-left: 0px;
  }
}

.blogArchiveMore {
  margin-top: 58px;
  text-align: center;
}

.blogArchiveMore a {
  display: inline-block;
  border: 1px solid #0068b7;
  width: 250px;
  height: 50px;
  border-radius: 25px;
  text-decoration: none;
  color: #0068b7;
  font-weight: bold;
  padding-top: 10px;
  position: relative;
  transition: .2s;
}

.blogArchiveMore a:after {
  position: absolute;
  display: inline-block;
  top: 18px;
  right: 20px;
  content: "";
  width: 12px;
  height: 10px;
  background: url(../img/arrow_down_pink.png) no-repeat center;
  background-size: contain;
  transition: .2s;
}

.blogArchiveMore a:hover {
  opacity: 0.8;
}

.blogArchiveMore a:hover:after {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.blogRecent {
  margin-top: 80px;
}

@media only screen and (max-width: 750px) {
  .blogRecent {
    margin-top: 60px;
  }
}

.blogRecent__h2 {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .blogRecent__h2 {
    margin-left: 25px;
    margin-right: 25px;
  }
}

.blogRecent__h2:after {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #0068b7;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: -1;
}

.blogRecent__h2 span {
  display: inline-block;
  background-color: #fff;
  color: #0068b7;
  font-weight: bold;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 750px) {
  .blogRecent__h2 span {
    font-size: 21px;
  }
}

.blogRecent__h2 span:before {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_flag.png) no-repeat center;
  background-size: contain;
  width: 20px;
  height: 22px;
  margin-right: 14px;
}

.blogRecent__h2 span:after {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_flag.png) no-repeat center;
  background-size: contain;
  width: 20px;
  height: 22px;
  margin-left: 14px;
}

.blogPopular {
  margin-top: 80px;
}

@media only screen and (max-width: 750px) {
  .blogPopular {
    margin-top: 60px;
  }
}

.blogPopular__h2 {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .blogPopular__h2 {
    margin-left: 25px;
    margin-right: 25px;
  }
}

.blogPopular__h2:after {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #0068b7;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: -1;
}

.blogPopular__h2 span {
  display: inline-block;
  background-color: #fff;
  color: #0068b7;
  font-weight: bold;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 750px) {
  .blogPopular__h2 span {
    font-size: 21px;
  }
}

.blogPopular__h2 span:before {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_crown.png) no-repeat center;
  background-size: contain;
  width: 25px;
  height: 20px;
  margin-right: 14px;
}

.blogPopular__h2 span:after {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_crown.png) no-repeat center;
  background-size: contain;
  width: 25px;
  height: 20px;
  margin-left: 14px;
}

.blogRelation {
  margin-top: 80px;
}

@media only screen and (max-width: 750px) {
  .blogRelation {
    margin-top: 60px;
  }
}

.blogRelation__h2 {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .blogRelation__h2 {
    margin-left: 25px;
    margin-right: 25px;
  }
}

.blogRelation__h2:after {
  width: 100%;
  height: 1px;
  content: "";
  background-color: #0068b7;
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: -1;
}

.blogRelation__h2 span {
  display: inline-block;
  background-color: #fff;
  color: #0068b7;
  font-weight: bold;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

@media only screen and (max-width: 750px) {
  .blogRelation__h2 span {
    font-size: 21px;
  }
}

.blogRelation__h2 span:before {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_relation.png) no-repeat center;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 14px;
}

.blogRelation__h2 span:after {
  content: "";
  display: inline-block;
  background: url(../img/blog/icon_relation.png) no-repeat center;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-left: 14px;
}

.blogSingle__title {
  margin-bottom: 20px;
  font-size: 32px;
}

@media only screen and (max-width: 750px) {
  .blogSingle__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.blogSingle__DateArea {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.blogSingle__sns {
  display: flex;
}

.blogSingle__sns li {
  margin-right: 5px;
}

.blogSingle__sns li a img {
  transition: .2s;
}

.blogSingle__sns li a:hover img {
  opacity: 0.8;
}

.blogSingle__date {
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .blogSingle__date {
    font-size: 12px;
  }
}

.blogSingle__anker {
  padding: 23px 30px;
  background: url(../img/ptn_green.png);
  margin-bottom: 80px;
}

@media only screen and (max-width: 750px) {
  .blogSingle__anker {
    padding: 20px;
    margin-bottom: 60px;
  }
}

.blogSingle__ankerList {
  margin-bottom: -5px;
}

.blogSingle__ankerList li {
  margin-bottom: 5px;
}

.blogSingle__ankerList li a {
  color: #0068b7;
  font-weight: bold;
  text-decoration: none;
  transition: .2s;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .blogSingle__ankerList li a {
    font-size: 12px;
    display: block;
    padding-right: 1.5em;
    position: relative;
  }
}

.blogSingle__ankerList li a:after {
  content: "";
  background: url(../img/arrow_down_pink.png) no-repeat center;
  background-size: contain;
  width: 12px;
  height: 10px;
  display: inline-block;
  transition: .2s;
  margin-left: 5px;
}

@media only screen and (max-width: 750px) {
  .blogSingle__ankerList li a:after {
    position: absolute;
    top: 6px;
    right: 0px;
  }
}

.blogSingle__ankerList li a:hover {
  opacity: 0.8;
}

.blogSingle__ankerList li a:hover:after {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

.blogSingleWrapper {
  width: 980px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 80px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 750px) {
  .blogSingleWrapper {
    width: 100%;
    display: block;
    padding-top: 40px;
  }
}

.blogSingleLeft {
  width: 760px;
}

@media only screen and (max-width: 750px) {
  .blogSingleLeft {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.blogSingleTagArea {
  margin-bottom: 25px;
}

.blogSingleTagArea__category {
  background-color: #0068b7;
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 11px;
}

.blogSingleTagArea__tagList {
  border: 1px solid #cccccc;
  padding: 5px 10px;
}

@media only screen and (max-width: 750px) {
  .blogSingleTagArea__tagList {
    padding-top: 3px;
  }
}

.blogSingleTagArea__tag {
  display: inline-block;
  margin-right: 13px;
  padding-left: 1.2em;
  position: relative;
  font-size: 14px;
  vertical-align: top;
}

@media only screen and (max-width: 750px) {
  .blogSingleTagArea__tag {
    font-size: 11px;
    padding-left: 1.5em;
    vertical-align: middle;
  }
}

.blogSingleTagArea__tag:before {
  display: inline-block;
  content: "";
  background: url(../img/blog/icon_tag.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 13px;
  height: 13px;
}

@media only screen and (max-width: 750px) {
  .blogSingleTagArea__tag:before {
    top: 1px;
  }
}

.blogSingleTagArea__tag a {
  text-decoration: none;
  color: inherit;
}

.blogSingleTagArea__tag a:hover {
  color: #0068b7;
}

.blogSingleTagArea__tag.current a {
  color: #0068b7;
}

@media only screen and (max-width: 750px) {
  .otherPost {
    margin-left: -25px;
    margin-right: -25px;
  }
}

#ajaxLoader {
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

/* ----------------------------------------------------------------------
Case
---------------------------------------------------------------------- */
.worksArchiveList {
  border-top: 1px solid #cccccc;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .worksArchiveList {
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
  }
}

.worksListArchiveItem {
  border-bottom: 1px solid #cccccc;
  position: relative;
}

.worksListArchiveItem__left {
  width: 280px;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__left {
    position: absolute;
    width: 44.6%;
    top: 30px;
    right: 0px;
  }
}

.worksListArchiveItem__right {
  width: 670px;
    margin-left: 10px;
    margin-right: 10px;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__right {
    width: 100%;
  }
}

.worksListArchiveItem__thumb {
  overflow: hidden;
}

.worksListArchiveItem__thumb img {
  transition: .2s;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.worksListArchiveItem a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  color: inherit;
  padding: 30px 0;
  transition: .2s;
}

.worksListArchiveItem a:hover {
  background-color: #f2f2f2;
}

.worksListArchiveItem a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.worksListArchiveItem:nth-child(2n) a {
  flex-direction: row-reverse;
}

.worksListArchiveItem__tag {
  padding: 8px 17px;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  background-color: #0068b7;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__tag {
    max-width: 50%;
    padding: 6px 10px;
    margin-bottom: 10px;
  }
}

.worksListArchiveItem__title {
  margin-bottom: 25px;
  font-size: 25px;
  line-height: 1.4;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__title {
    width: 50%;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}

.worksListArchiveItem__date {
  margin-bottom: 15px;
  display: block;
  text-align: right;
  font-size: 20px;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__date {
    margin-bottom: 18px;
    font-size: 13px;
    text-align: left;
  }
}

.worksListArchiveItem__client {
  line-height: 1.8;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__client {
    font-size: 13px;
  }
}

.worksListArchiveItem__company {
  line-height: 1.8;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__company {
    font-size: 13px;
  }
}

.worksListArchiveItem__service {
  line-height: 1.8;
}

@media only screen and (max-width: 750px) {
  .worksListArchiveItem__service {
    font-size: 13px;
  }
}

.worksSingle {
  padding-top: 50px;
  margin-bottom: 120px;
}

@media only screen and (max-width: 750px) {
  .worksSingle {
    padding: 40px 25px 0;
    margin-bottom: 60px;
  }
}

.worksSingle article {
  margin-bottom: 80px;
}

@media only screen and (max-width: 750px) {
  .worksSingle article {
    margin-bottom: 55px;
  }
}

.worksSingle__tag {
  padding: 6px 16px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  background-color: #0068b7;
  line-height: 1;
}

@media only screen and (max-width: 750px) {
  .worksSingle__tag {
    font-size: 14px;
    padding: 6px 10px;
    margin-bottom: 10px;
  }
}

.worksSingle__title {
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 15px;
}

@media only screen and (max-width: 750px) {
  .worksSingle__title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}

.worksSingle__date {
  display: block;
  text-align: right;
  margin-bottom: 15px;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .worksSingle__date {
    margin-bottom: 10px;
  }
}

.worksSingleDesc {
  display: flex;
  margin-bottom: 60px;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc {
    flex-direction: column;
    margin-bottom: 25px;
  }
}

.worksSingleDesc__left {
  /*width: 365px;*/
    width: -moz-available;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__left {
    width: 100%;
    margin-bottom: 25px;
  }
}

.worksSingleDesc__right {
  width: 950px;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__right {
    width: 100%;
  }
}

.worksSingleDesc__client {
  line-height: 1.9;
    margin-right: 10px;
    margin-left: 10px;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__client {
    font-size: 14px;
  }
}

.worksSingleDesc__company {
  line-height: 1.9;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__company {
    font-size: 14px;
  }
}

.worksSingleDesc__service {
  line-height: 1.9;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__service {
    font-size: 14px;
  }
}

.worksSingleDesc__excerpt {
  font-size: 18px;
  line-height: 1.4;
  padding-top: 23px;
  margin-top: 20px;
  border-top: 1px solid #cccccc;
}

@media only screen and (max-width: 750px) {
  .worksSingleDesc__excerpt {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 10px;
    line-height: 1.75;
  }
}

.worksSinglePurpose {
  display: flex;
  justify-content: space-between;
  margin: 0 -1px 80px;
}

@media only screen and (max-width: 750px) {
  .worksSinglePurpose {
    flex-direction: column;
    margin: 0 0 50px;
  }
}

.worksSinglePurpose__item {
  flex: 1;
  background: url(../img/ptn_blue.png);
  padding: 20px 25px;
  margin: 0 1px;
}

@media only screen and (max-width: 750px) {
  .worksSinglePurpose__item {
    margin-bottom: 10px;
    padding: 20px;
  }
}

.worksSinglePurpose__tag {
  color: #fff;
  background-color: #0068b7;
  width: 92px;
  height: 28px;
  padding-top: 3px;
  font-size: 14px;
  border-radius: 14px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 15px;
}

.worksSinglePurpose__text {
  font-size: 14px;
}

.worksSinglePurpose__list {
  margin-bottom: -5px;
}

.worksSinglePurpose__list li {
  margin-bottom: 5px;
  font-size: 14px;
  position: relative;
  padding-left: 1em;
}

.worksSinglePurpose__list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0068b7;
}

.worksSingleInfo {
  margin-top: 70px;
  border: 1px solid #0068b7;
    border-top: 0px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfo {
    margin-top: 55px;
  }
}

.worksSingleInfo__title {
  background-color: #0068b7;
  color: #fff;
  padding: 5px 15px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfo__title {
    text-align: center;
    font-size: 15px;
  }
}

.worksSingleInfo__inner {
  display: flex;
  justify-content: space-between;
  padding: 30px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfo__inner {
    flex-direction: column;
    padding: 20px;
  }
}

.worksSingleInfo__left {
  width: 210px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfo__left {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
}

.worksSingleInfo__right {
  width: calc(100% - 225px);
}

@media only screen and (max-width: 750px) {
  .worksSingleInfo__right {
    width: 100%;
  }
}

.worksSingleInfoRows {
  display: flex;
  line-height: 2;
}

.worksSingleInfoRows__left {
  width: 90px;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfoRows__left {
    font-size: 13px;
    width: 75px;
  }
}

.worksSingleInfoRows__right {
  width: calc(100% - 90px);
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfoRows__right {
    font-size: 13px;
    width: calc(100% - 75px);
  }
}

.worksSingleInfoRows_large {
  line-height: 0.5;
}

.worksSingleInfoRows_large .worksSingleInfoRows__left {
  padding-top: 7px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfoRows_large .worksSingleInfoRows__left {
    padding-top: 8px;
  }
}

.worksSingleInfoRows_large .worksSingleInfoRows__right {
  font-size: 20px;
}

@media only screen and (max-width: 750px) {
  .worksSingleInfoRows_large .worksSingleInfoRows__right {
    font-size: 10px;
  }
}

/* ----------------------------------------------------------------------
 Contact
---------------------------------------------------------------------- */
.contactFirst {
  padding-top: 27px;
}

@media only screen and (max-width: 750px) {
  .contactFirst {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.contactFirst__text {
  margin-bottom: 65px;
}

.contactPrivacy__title {
  text-align: center;
  color: #0068b7;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .contactPrivacy__title {
    text-align: left;
  }
}

.contactPrivacy__text {
  text-align: center;
  line-height: 2;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .contactPrivacy__text {
    text-align: left;
  }
}

.contactPrivacyBox {
  height: 280px;
  overflow: auto;
  padding: 25px;
  border: 1px solid #cccccc;
}

.contactPrivacyBox > *:first-child {
  margin-top: 0;
}

.contactPrivacyBox p {
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 2;
}

.contactPrivacyBox h3 {
  font-size: 20px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
}

.contactPrivacyBox h4 {
  font-size: 18px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
}

.privacyCheck {
  text-align: center;
  margin-top: 30px;
}

.checkStyleLabel {
  position: relative;
}

.checkStyleLabel input {
  opacity: 0;
  width: 0px;
  -webkit-appearance: none;
}

.checkStyleLabel:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../img/contact/icon_check.png);
  background-size: contain;
  margin-right: 10px;
  vertical-align: -8px;
}

.checkStyleLabel.is-checked:before {
  background-image: url(../img/contact/icon_check_on.png);
}

.radioStyleLabel {
  position: relative;
  margin-right: 25px;
  line-height: 40px;
  display: inline-block;
}

.radioStyleLabel input {
  opacity: 0;
  width: 0px;
  -webkit-appearance: none;
}

.radioStyleLabel:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/contact/icon_radio.png);
  background-size: contain;
  margin-right: 7px;
  vertical-align: -8px;
}

.radioStyleLabel.is-checked:before {
  background-image: url(../img/contact/icon_radio_on.png);
}

.contactForm {
  margin-top: 78px;
}

.contactBtnBlock {
  text-align: center;
  margin-top: 80px;
}

@media only screen and (max-width: 750px) {
  .contactBtnBlock {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 40px;
  }
}

.contactBtnBlock button {
  -webkit-appearance: none;
  display: inline-block;
  background: linear-gradient(to bottom, #0068b7, #0068b7);
  width: 400px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  border-style: none;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}

@media only screen and (max-width: 750px) {
  .contactBtnBlock button {
    font-size: 17px;
    line-height: 50px;
    border-radius: 25px;
  }
}

.contactBtnBlock button:after {
  width: 26px;
  height: 26px;
  position: absolute;
  content: "";
  background: url(../img/arrow_btn.png) no-repeat;
  background-size: contain;
  top: 50%;
  margin-top: -13px;
  right: 15px;
  transition: .15s;
}

.contactBtnBlock button:hover {
  background: linear-gradient(to bottom, #047dd9, #047dd9);
}

.contactBtnBlock button:hover:after {
  -webkit-transform: translate(5px, 0);
          transform: translate(5px, 0);
}

@media only screen and (max-width: 750px) {
  .contactBtnBlock button {
    width: 100%;
  }
}

.goTopContact {
  padding-top: 50px;
  padding-bottom: 30px;
  text-align: right;
}

@media only screen and (max-width: 750px) {
  .goTopContact {
    padding-right: 20px;
  }
}

/* ----------------------------------------------------------------------
 Home
---------------------------------------------------------------------- */
.hero {
  width: 100%;
  height: 50.5vw;
  background: url(../img/home/mv.jpg) no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-top: 13.2%;
}

@media only screen and (max-width: 750px) {
  .hero {
    height: 123vw;
    background-image: url(../img/home/mv_sp.jpg);
    padding-top: 35px;
  }
}

.hero__h1 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .hero__h1 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.hero__h1 span {
  font-size: 41px;
}

@media only screen and (max-width: 750px) {
  .hero__h1 span {
    font-size: 33px;
  }
}

.hero__img {
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .hero__img img {
    width: 250px;
  }
}

.homeService {
  padding: 55px 0 80px;
  background: url(../img/ptn_green.png);
}

@media only screen and (max-width: 750px) {
  .homeService {
    padding-bottom: 60px;
  }
}

.homeService__flowImg {
  margin-bottom: 70px;
}

.homeService__h3 {
  font-size: 36px;
  color: #0068b7;
  margin-bottom: 20px;
  line-height: 1.2;
}

@media only screen and (max-width: 750px) {
  .homeService__h3 {
    font-size: 29px;
  }
}

.homeService__h3 small {
  font-size: 24px;
}

@media only screen and (max-width: 750px) {
  .homeService__h3 small {
    font-size: 12px;
  }
}

.homeService__text {
  line-height: 2;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .homeService__text {
    font-size: 14px;
    text-align: left;
    margin-bottom: 30px;
  }
}

.homeService__h4 {
  font-size: 24px;
  font-weight: bold;
  color: #0068b7;
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
  position: relative;
  top: -19px;
}

@media only screen and (max-width: 750px) {
  .homeService__h4 {
    font-size: 17px;
    top: -14px;
  }
}

.homeServiceInner {
  background-color: #fff;
  padding: 70px 40px 40px;
  text-align: center;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .homeServiceInner {
    margin-left: 25px;
    margin-right: 25px;
    padding: 30px 25px;
  }
}

.homeServiceGreenBlock {
  border: 1px solid #0068b7;
  position: relative;
  padding: 0 40px 40px;
  text-align: center;
  margin-bottom: 50px;
}

.homeServiceGreenBlock:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock {
    padding: 0 20px 10px;
  }
}

.homeServiceGreenBlock__h3 {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
  color: #0068b7;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  top: -19px;
  margin-bottom: 4px;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__h3 {
    font-size: 21px;
    top: -24px;
  }
}

.homeServiceGreenBlock__underTitle {
  margin-bottom: 25px;
  text-align: left;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__underTitle {
    font-size: 14px;
  }
}

.homeServiceGreenBlock__row {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__row {
    flex-direction: column;
  }
}

.homeServiceGreenBlock__item {
  width: 258px;
  background: url(../img/ptn_purple.png);
  padding: 30px 0 30px;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__item {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 10px;
  }
}

.homeServiceGreenBlock__h4 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__h4 {
    font-size: 19px;
  }
}

.homeServiceGreenBlock__text {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 15px;
  margin-bottom: 20px;
  white-space: nowrap;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__text {
    font-size: 13px;
    height: auto;
    margin-bottom: 20px;
  }
}

.homeServiceGreenBlock__btn a {
  display: inline-block;
  width: 200px;
  color: #fff;
  line-height: 40px;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  background-color: #0068b7;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__btn a {
    width: 74%;
  }
}

.homeServiceGreenBlock__btn a:after {
  width: 12px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  transition: .15s;
  content: "";
  background: url(../img/arrow_down_white.png) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 750px) {
  .homeServiceGreenBlock__btn a:after {
    width: 10px;
    margin-top: -3px;
    right: 15px;
  }
}

.homeServiceGreenBlock__btn a:hover {
  opacity: 0.7;
}

.homeServiceGreenBlock__btn a:hover:after {
  -webkit-transform: translate(0, 5px);
          transform: translate(0, 5px);
}

.paralaxBlock {
  margin-bottom: 75px;
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .paralaxBlock {
    flex-direction: column;
  }
}

.paralaxBlock__item {
  width: 50%;
  height: 22vw;
}

@media only screen and (max-width: 750px) {
  .paralaxBlock__item {
    width: 100%;
    height: 44vw;
  }
  .paralaxBlock__item.bg01 {
    background: url(../img/home/bg_recruit01_sp.jpg) no-repeat;
    background-size: cover;
  }
  .paralaxBlock__item.bg02 {
    background: url(../img/home/bg_recruit02_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.homeContact_page {
  padding-top: 80px;
}

@media only screen and (max-width: 750px) {
  .homeContact_page {
    padding-top: 60px;
  }
}

.homeContactRow {
  display: flex;
  justify-content: space-between;
  padding-bottom: 120px;
}

@media only screen and (max-width: 750px) {
  .homeContactRow {
    flex-direction: column;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 50px;
  }
}

.homeContactRow__item {
  width: 474px;
  height: 208px;
  background: url(../img/ptn_green.png);
  padding-top: 25px;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .homeContactRow__item {
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    padding: 25px 20px;
  }
}

.homeContactRow__large {
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .homeContactRow__large {
    font-size: 18px;
  }
}

.homeContactRow__tel {
  font-size: 42px;
  line-height: 1;
  margin-top: 24px;
  color: #0068b7;
}

@media only screen and (max-width: 750px) {
  .homeContactRow__tel {
    font-size: 37px;
  }
  .homeContactRow__tel a {
    text-decoration: none;
    color: inherit;
  }
}

.homeContactRow__text {
  margin-top: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .homeContactRow__text {
    font-size: 14px;
  }
}

.homeServiceSolution {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution {
    margin-bottom: 45px;
    flex-direction: column;
  }
}

.homeServiceSolution:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution__left {
    margin-bottom: 10px;
  }
}

.homeServiceSolution__tagWrap {
  background: url(../img/home/icon_cross.png) no-repeat center;
  margin-bottom: 25px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution__tagWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    background-size: 15px auto;
  }
}

.homeServiceSolution__tag {
  margin: 0 auto 50px;
  width: 292px;
  font-size: 20px;
  font-weight: bold;
  color: #0068b7;
  line-height: 1;
  padding: 14px 0;
  border-radius: 25px;
  border: 1px solid #0068b7;
}

.homeServiceSolution__tag:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution__tag {
    height: 28.6vw;
    width: 28.6vw;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 12px;
    border-radius: 50%;
  }
}

.homeServiceSolution__copy {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution__copy {
    font-size: 16px;
  }
}

.homeServiceSolution2 {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2 {
    flex-direction: column;
  }
}

.homeServiceSolution2:last-child {
  margin-bottom: 0;
}

.homeServiceSolution2__left {
  width: 355px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2__left {
    width: 100%;
    margin-bottom: 10px;
  }
}

.homeServiceSolution2__right {
  width: 424px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2__right {
    width: 100%;
  }
}

.homeServiceSolution2__copy {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2__copy {
    font-size: 16px;
  }
}

.homeServiceSolution2__text {
  text-align: left;
  line-height: 2;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2__text {
    font-size: 14px;
  }
}

.homeServiceSolution2TableRow {
  display: flex;
  justify-content: space-between;
}

.homeServiceSolution2Table__cell {
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 9px;
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2Table__cell {
    height: 50px;
    font-size: 10px;
  }
}

.homeServiceSolution2Table__cell_w25 {
  width: 100px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2Table__cell_w25 {
    width: 24%;
  }
}

.homeServiceSolution2Table__cell_w50 {
  width: 207px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2Table__cell_w50 {
    width: 50%;
  }
}

.homeServiceSolution2Table__cell_bg1 {
  background-color: #0068b7;
  color: #fff;
}

.homeServiceSolution2Table__cell_bg2 {
  background-color: #39a671;
  color: #fff;
  font-size: 16px;
}

@media only screen and (max-width: 750px) {
  .homeServiceSolution2Table__cell_bg2 {
    font-size: 12px;
  }
}

.homeServiceSolution2Table__cell_bg3 {
  border: 1px solid #cccccc;
}

.homeNews {
  padding: 75px 0 120px;
}

@media only screen and (max-width: 750px) {
  .homeNews {
    padding: 50px 0 60px;
  }
}

.newsList {
  margin-bottom: 60px;
  border-top: 1px solid #cccccc;
}

@media only screen and (max-width: 750px) {
  .newsList {
    margin-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.newsListItem {
  border-bottom: 1px solid #cccccc;
}

.newsListItem a {
  width: 100%;
  align-items: baseline;
  display: flex;
  padding: 13px 0;
  color: inherit;
  text-decoration: none;
  transition: .2s;
}

.newsListItem p {
	margin: 0 0 0em;
}

@media only screen and (max-width: 750px) {
  .newsListItem a {
    flex-wrap: wrap;
  }
}

.newsListItem a:hover {
  background-color: #f2f2f2;
}

.newsListItem__tag {
  min-width: 60px;
  background: #0068b7;
  font-size: 12px;
  padding: 2px;
  color: #fff;
  text-align: center;
  flex: none;
}

.newsListItem__date {
  margin: 0 15px;
  white-space: nowrap;
  flex: none;
}

@media only screen and (max-width: 750px) {
  .newsListItem__text {
    width: 100%;
    margin-top: 10px;
  }
}

.homeWorks {
  padding: 75px 0 120px;
}

@media only screen and (max-width: 750px) {
  .homeWorks {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.worksList {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .worksList {
    margin-bottom: 40px;
    flex-wrap: wrap;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.worksListItem {
  width: 230px;
}

@media only screen and (max-width: 750px) {
  .worksListItem {
    width: 49%;
    margin-bottom: 2vw;
  }
}

.worksListItem__tagArea {
  background-color: #0068b7;
  height: 22px;
}

.worksListItem__tag {
  padding: 3px 0 0 17px;
  font-size: 10px;
  color: #fff;
}

@media only screen and (max-width: 750px) {
  .worksListItem__tag {
    padding-left: 8px;
    font-size: 11px;
  }
}

.worksListItem__thumb {
  width: 100%;
  height: 142px;
  overflow: hidden;
}

.worksListItem__thumb img {
  transition: .2s;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@media only screen and (max-width: 750px) {
  .worksListItem__thumb {
    height: auto;
  }
}

.worksListItem__inner {
  background: url(../img/ptn_gray.png);
  padding: 12px 15px 0;
  height: 150px;
  position: relative;
}

.worksListItem__title {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .worksListItem__title {
    font-size: 13px;
  }
}

.worksListItem__text {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 12px;
}

@media only screen and (max-width: 750px) {
  .worksListItem__text {
    font-size: 9px;
  }
}

.worksListItem__date {
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 18px;
}

@media only screen and (max-width: 750px) {
  .worksListItem__date {
    font-size: 9px;
  }
}

.worksListItem a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.worksListItem a:hover {
  opacity: 0.8;
}

.worksListItem a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.homeBlog {
  padding: 80px 0 120px;
  margin-bottom: 75px;
  background: url(../img/home/bg_blog.jpg) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 750px) {
  .homeBlog {
    padding: 70px 0 60px;
    background-image: url(../img/home/bg_blog_sp.jpg);
  }
}

.homeBlog__h2 {
  width: 240px;
  margin: 0 auto 60px;
  color: #fff;
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  border: 1px solid #fff;
  border-top-style: none;
  font-size: 32px;
  text-align: center;
  line-height: 1;
  padding: 24px 0;
  letter-spacing: 0.2em;
}

@media only screen and (max-width: 750px) {
  .homeBlog__h2 {
    width: 170px;
    font-size: 24px;
    padding: 19px 0;
  }
}

.homeBlog__h2 span {
  position: absolute;
  width: 100%;
  left: 0px;
  top: -6px;
  display: flex;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 750px) {
  .homeBlog__h2 span {
    font-size: 12px;
    top: -5px;
  }
}

.homeBlog__h2 span:before {
  height: 1px;
  flex: 1;
  background-color: #fff;
  content: "";
  display: block;
  margin-right: 8px;
}

.homeBlog__h2 span:after {
  height: 1px;
  flex: 1;
  background-color: #fff;
  content: "";
  display: block;
  margin-left: 8px;
}

.blogList {
  display: flex;
  margin-bottom: 60px;
  margin-left: -20px;
}

@media only screen and (max-width: 750px) {
  .blogList {
    margin-bottom: 40px;
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
    justify-content: space-between;
  }
}

.blogListItem {
  width: 230px;
  background-color: #fff;
  margin-left: 20px;
}

@media only screen and (max-width: 750px) {
  .blogListItem {
    width: 49%;
    margin-bottom: 2vw;
    margin-left: 0;
  }
}

.blogListItem__tagArea {
  background-color: #0068b7;
  height: 22px;
}

.blogListItem__tag {
  padding: 3px 0 0 17px;
  font-size: 10px;
  color: #fff;
}

@media only screen and (max-width: 750px) {
  .blogListItem__tag {
    padding-left: 8px;
    font-size: 11px;
  }
}

.blogListItem__thumb {
  width: 100%;
  height: 142px;
  overflow: hidden;
}

.blogListItem__thumb img {
  transition: .2s;
  -webkit-transform-origin: center;
          transform-origin: center;
}

@media only screen and (max-width: 750px) {
  .blogListItem__thumb {
    height: auto;
  }
}

.blogListItem__inner {
  padding: 12px 15px 0;
  height: 104px;
  position: relative;
}

.blogListItem__title {
  font-size: 16px;
  line-height: 1.4;
}

@media only screen and (max-width: 750px) {
  .blogListItem__title {
    font-size: 13px;
  }
}

.blogListItem__date {
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 18px;
}

@media only screen and (max-width: 750px) {
  .blogListItem__date {
    font-size: 9px;
  }
}

.blogListItem a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.blogListItem a:hover {
  opacity: 0.8;
}

.blogListItem a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* ----------------------------------------------------------------------
News
---------------------------------------------------------------------- */
.newsArchive {
  padding-top: 80px;
  margin-bottom: 120px;
}

@media only screen and (max-width: 750px) {
  .newsArchive {
    padding-top: 40px;
    margin-bottom: 60px;
  }
}

.newsList_archive {
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .newsList_archive {
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 0;
  }
}

.newsTagNav {
  margin-bottom: 40px;
}

@media only screen and (max-width: 750px) {
  .newsTagNav {
    overflow: auto;
    overflow-y: hidden;
    margin-bottom: 0;
    padding-bottom: 10px;
  }
}

.newsTagNavList {
  margin-bottom: -15px;
}

@media only screen and (max-width: 750px) {
  .newsTagNavList {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 0;
  }
}

.newsTagNavList li {
  display: inline-block;
  margin-right: 8px;
  border: 2px solid #0068b7;
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
}

.newsTagNavList li:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 750px) {
  .newsTagNavList li {
    margin-bottom: 0;
  }
}

.newsTagNavList li a {
  text-decoration: none;
  color: #fff;
  background-color: #0068b7;
  padding: 8px 16px;
  display: inline-block;
  transition: .2s;
}

.newsTagNavList li.active a {
  pointer-events: none;
}

.newsTagNavList li.active:after, .newsTagNavList li:hover:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #0068b7;
  top: 100%;
  left: 50%;
}

.newsTagNavList li.active a, .newsTagNavList li:hover a {
  background-color: #fff;
  color: #0068b7;
}

.newsTagScroll {
  margin-top: 10px;
  background: url(../img/icon_scroll.png) no-repeat right center;
  height: 12px;
  background-size: contain;
  margin-right: 25px;
}

@media only screen and (min-width: 751px) {
  .newsTagScroll {
    display: none;
  }
}

.newsSingle {
  padding-top: 80px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 750px) {
  .newsSingle {
    padding: 40px 25px 60px;
  }
}

.newsSingle article {
  margin-bottom: 50px;
}

.newsSingle article *:last-child {
  margin-bottom: 0;
}

.newsSingle__tag {
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  background-color: #0068b7;
  padding: 0 14px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__tag {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 20px;
    padding: 0 9px;
  }
}

.newsSingle__title {
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

.newsSingle__text strong {
  font-weight: bold;
}

.newsSingle__text em {
  font-style: italic;
}

.newsSingle__text p {
  margin-bottom: 1.5em;
}

.newsSingle__text > *:last-child {
  margin-bottom: 0;
}

.newsSingle__date {
  display: block;
  text-align: right;
  font-size: 16px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__date {
    font-size: 14px;
  }
}

.newsSingle__thumb {
  margin-bottom: 80px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__thumb {
    margin-bottom: 60px;
  }
}

.newsSingle__h2 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 26px;
  padding-top: 16px;
  position: relative;
}

.newsSingle__h2:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #0068b7 0%, #0068b7 50%, #00783d 50%, #00783d 100%);
}

@media only screen and (max-width: 750px) {
  .newsSingle__h2 {
    font-size: 21px;
  }
}

.newsSingle__h3 {
  padding: 13px 20px;
  font-size: 20px;
  font-weight: bold;
  background-color: #f2f2f2;
  border-top: 3px solid #0068b7;
  margin-bottom: 30px;
  margin-top: 60px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__h3 {
    padding: 10px 20px;
    font-size: 17px;
    margin-bottom: 25px;
  }
}

.newsSingle__h4 {
  margin-top: 40px;
  margin-bottom: 15px;
  padding-left: 8px;
  border-left: 6px solid #0068b7;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .newsSingle__h4 {
    font-size: 16px;
  }
}

.newsSingle__rows {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__rows {
    flex-direction: column;
  }
}

.newsSingle__rows .text {
  width: 612px;
  line-height: 2;
}

@media only screen and (max-width: 750px) {
  .newsSingle__rows .text {
    width: 100%;
    margin-bottom: 25px;
  }
}

.newsSingle__rows .img {
  width: 320px;
  margin-left: 20px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__rows .img {
    width: 100%;
    margin-left: 0;
  }
}

.newsSingle__rows_imgLeft {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 750px) {
  .newsSingle__rows_imgLeft {
    flex-direction: column;
  }
}

.newsSingle__rows_imgLeft .img {
  margin-left: 0px;
  margin-right: 20px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__rows_imgLeft .img {
    width: 100%;
    margin-right: 20px;
  }
}

.newsSingle__img {
  margin-bottom: 25px;
}

.newsSingle__text {
  line-height: 2;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .newsSingle__text {
    font-size: 14px;
  }
}

.singlePager {
  text-align: center;
  font-weight: bold;
}

.singlePager_blog {
  margin-top: 75px;
}

.singlePager .singlePager__prev {
  display: inline-block;
  padding-right: 1em;
  border-right: 1px solid #0068b7;
  min-width: 84px;
  white-space: nowrap;
}

.singlePager .singlePager__prev a {
  color: #0068b7;
  text-decoration: none;
}

.singlePager .singlePager__prev a:before {
  content: url(../img/icon_page_prev.png);
  margin-right: 0.5em;
  vertical-align: -2px;
}

.singlePager .singlePager__next {
  display: inline-block;
  padding-left: 1em;
  border-left: 1px solid #0068b7;
  min-width: 84px;
  white-space: nowrap;
}

.singlePager .singlePager__next a {
  color: #0068b7;
  text-decoration: none;
}

.singlePager .singlePager__next a:after {
  content: url(../img/icon_page_next.png);
  margin-left: 0.5em;
  vertical-align: -2px;
}

.singlePager .singlePager__center {
  display: inline-block;
  margin: 0 1em;
}

.singlePager .singlePager__center a {
  color: #0068b7;
  text-decoration: none;
}

/* ----------------------------------------------------------------------
 Service
---------------------------------------------------------------------- */
.serviceBgSec01 {
  height: 400px;
  background: url(../img/service/bg01.jpg) no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 750px) {
  .serviceBgSec01 {
    height: 200px;
    background-image: url(../img/service/bg01_sp.jpg);
  }
}

.serviceBgSec02 {
  height: 400px;
  background: url(../img/service/bg02.jpg) no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 750px) {
  .serviceBgSec02 {
    height: 200px;
    background-image: url(../img/service/bg02_sp.jpg);
  }
}

.serviceBgSec03 {
  height: 400px;
  background: url(../img/service/bg03.jpg) no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 750px) {
  .serviceBgSec03 {
    height: 200px;
    background-image: url(../img/service/bg03_sp.jpg);
  }
}

.serviceTableGreen {
  width: 980px;
  border-collapse: separate;
  border-spacing: 4px;
}

.serviceTableGreen .bgGreen01 {
  background-color: #0068b7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}

.serviceTableGreen .bgGreen02 {
  background-color: #d2ebd3;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  width: 140px;
}

.serviceTableGreen .bgGreenBronz {
  background-color: #48a65e;
  position: relative;
  font-weight: bold;
  padding: 0 0 0 17px;
  text-align: left;
  color: #fff;
}

.serviceTableGreen .bgGreenBronz:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(241, 241, 241, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 8px;
  border-right-width: 8px;
  margin-left: -8px;
  border-top-color: #48a65e;
  top: 100%;
  left: 50%;
}

.serviceTableGreen .bgGreenSilver {
  background-color: #258f4e;
  position: relative;
  font-weight: bold;
  padding: 0 0 0 17px;
  text-align: left;
  color: #fff;
}

.serviceTableGreen .bgGreenSilver:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(241, 241, 241, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 8px;
  border-right-width: 8px;
  margin-left: -8px;
  border-top-color: #258f4e;
  top: 100%;
  left: 50%;
}

.serviceTableGreen .bgGreenGold {
  background-color: #00783d;
  position: relative;
  font-weight: bold;
  padding: 0 0 0 17px;
  text-align: left;
  color: #fff;
}

.serviceTableGreen .bgGreenGold:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(241, 241, 241, 0);
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 8px;
  border-right-width: 8px;
  margin-left: -8px;
  border-top-color: #00783d;
  top: 100%;
  left: 50%;
}

.serviceTableGreen th {
  background-color: #f2f2f2;
  vertical-align: middle;
  text-align: center;
}

.serviceTableGreen th img {
  margin-right: 10px;
}

.serviceTableGreen td {
  background-color: #f2f2f2;
  height: 60px;
  width: 225px;
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: middle;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen td {
    width: 245px;
  }
}

.serviceTableGreen .spSmall {
  width: 210px;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 {
    width: 720px;
  }
}

.serviceTableGreen_ptn2 td {
  background-color: #fff;
  height: 40px;
  width: 180px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 td {
    width: 150px;
  }
}

.serviceTableGreen_ptn2 .bgGreen02 {
  width: 270px;
  font-size: 14px;
  font-weight: normal;
  padding-left: 13px;
  text-align: left;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 .bgGreen02 {
    width: 170px;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 .bgGreen01 {
    font-size: 14px;
    padding: 10px 2px;
  }
}

.serviceTableGreen_ptn2 .bgGreenBronz img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  margin-right: 0;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 .bgGreenBronz {
    padding: 0 5px;
    font-size: 14px;
  }
}

.serviceTableGreen_ptn2 .bgGreenSilver img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  margin-right: 0;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 .bgGreenSilver {
    padding: 0 5px;
    font-size: 14px;
  }
}

.serviceTableGreen_ptn2 .bgGreenGold img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  margin-right: 0;
}

@media only screen and (max-width: 750px) {
  .serviceTableGreen_ptn2 .bgGreenGold {
    padding: 0 5px;
    font-size: 14px;
  }
}

.serviceAboutBlock {
  margin-top: 60px;
  padding: 40px;
  text-align: center;
  background: url(../img/ptn_green.png);
}

@media only screen and (max-width: 750px) {
  .serviceAboutBlock {
    margin-top: 30px;
    padding: 20px;
  }
}

.serviceAboutBlockInner {
  background-color: #fff;
  padding: 40px;
}

@media only screen and (max-width: 750px) {
  .serviceAboutBlockInner {
    padding: 20px;
  }
}

.serviceAboutLast {
  margin-top: 15px;
  text-align: left;
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .serviceAboutLast {
    font-size: 12px;
  }
}

.serviceSolution__h4 {
  margin-bottom: 40px;
}

.serviceSolution__h6 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}

@media only screen and (max-width: 750px) {
  .serviceSolution__h6 {
    font-size: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
  }
}

.serviceSolution__h6 span {
  width: 160px;
  text-align: center;
  color: #fff;
  background-color: #0068b7;
  line-height: 38px;
  border-radius: 19px;
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
}

@media only screen and (max-width: 750px) {
  .serviceSolution__h6 span {
    font-size: 14px;
    padding: 7px 19px;
    border-radius: 13px;
    line-height: 1;
    margin: 0 auto 5px;
  }
}

.serviceSolutionSupport {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport {
    flex-direction: column-reverse;
  }
}

.serviceSolutionSupport__left {
  width: 600px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport__left {
    width: 100%;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport__right {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

.serviceSolutionSupport__title {
  font-size: 34px;
  line-height: 1.4;
  margin-bottom: 25px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport__title {
    font-size: 26px;
  }
}

.serviceSolutionSupport__text {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport__text {
    font-size: 14px;
  }
}

.serviceSolutionSupport__small {
  font-size: 14px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionSupport__small {
    font-size: 12px;
  }
}

.serviceSolutionGraph {
  background-color: #fff;
  padding: 25px 20px 30px;
  text-align: center;
  margin-bottom: 15px;
}

.serviceSolutionGraph__title {
  font-size: 18px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionGraph__image {
    width: 558px;
    text-align: left;
  }
}

.afterServiceSolutionGraph {
  font-size: 14px;
  margin-bottom: 75px;
}

@media only screen and (max-width: 750px) {
  .afterServiceSolutionGraph {
    font-size: 12px;
  }
}

.serviceSolutionTool {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.serviceSolutionTool__left {
  width: 136px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__left {
    display: none;
  }
}

.serviceSolutionTool__right {
  width: 812px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__right {
    width: 100%;
    position: relative;
  }
}

.serviceSolutionTool__icon {
  width: 136px;
  height: 136px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0068b7;
  border-radius: 50%;
}

@media only screen and (min-width: 751px) {
  .serviceSolutionTool__icon_sp {
    display: none !important;
  }
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__icon {
    width: 27.3vw;
    height: 27.3vw;
    position: absolute;
  }
  .serviceSolutionTool__icon img {
    width: 12.8vw;
  }
}

.serviceSolutionTool__title {
  font-size: 24px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__title {
    padding-left: 30.7vw;
    font-size: 21px;
    margin-bottom: 30px;
    height: 27.3vw;
    display: flex;
    align-items: center;
  }
}

.serviceSolutionTool__text {
  line-height: 2;
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__text {
    font-size: 14px;
  }
}

.serviceSolutionTool__list {
  font-size: 18px;
}

@media only screen and (max-width: 750px) {
  .serviceSolutionTool__list {
    font-size: 16px;
  }
}

.serviceSolutionTool__list li {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 40px;
}

.serviceSolutionTool__list li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  width: 28px;
  height: 28px;
  background: url(../img/service/icon_check.png) no-repeat;
  background-size: contain;
}

.serviceUseEx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 78px;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx {
    flex-direction: column;
  }
}

.serviceUseEx__left {
  width: 50%;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__left {
    width: 100%;
  }
}

.serviceUseEx__right {
  width: 430px;
  padding: 20px 27px;
  background: url(../img/ptn_purple.png);
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__right {
    width: 100%;
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.serviceUseEx__list dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__list dt {
    font-size: 17px;
  }
}

.serviceUseEx__list dd {
  font-size: 14px;
  line-height: 2;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__list dd {
    font-size: 12px;
  }
}

.serviceUseEx__h3 {
  margin-bottom: 35px;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__h3 {
    margin-bottom: 10px;
  }
}

.serviceUseEx__text {
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .serviceUseEx__text {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

.serviceUseExRow {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow {
    flex-direction: column;
  }
}

.serviceUseExRow__item {
  width: 310px;
  padding: 20px 25px;
  background: url(../img/ptn_purple.png);
  margin-bottom: 20px;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow__item {
    width: 100%;
    margin-bottom: 30px;
    padding: 20px 20px 20px 30.6vw;
    position: relative;
    margin-bottom: 25px;
  }
}

.serviceUseExRow__icon {
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  background-color: #fff;
  border-radius: 50%;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow__icon {
    width: 21.6vw;
    height: 21.6vw;
    position: absolute;
    top: 20px;
    left: 5.3vw;
  }
  .serviceUseExRow__icon img {
    width: auto;
    height: auto;
    max-width: 12vw;
    max-height: 12.8vw;
  }
}

.serviceUseExRow__title {
  font-size: 20px;
  margin-bottom: 17px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow__title {
    font-size: 17px;
    margin-bottom: 5px;
    text-align: left;
  }
}

.serviceUseExRow__text {
  line-height: 1.8;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow__text {
    font-size: 14px;
  }
}

.serviceUseExRow__caution {
  font-size: 14px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .serviceUseExRow__caution {
    font-size: 12px;
  }
}

.serviceUseTableTitle {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  .serviceUseTableTitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.serviceProducts__text {
  margin-top: 25px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 750px) {
  .serviceProducts__text {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

.serviceProductsBlock {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #0068b7;
}

.serviceProductsBlock__h3 {
  padding: 10px 20px;
  color: #fff;
  background-color: #0068b7;
  font-size: 22px;
}

@media only screen and (max-width: 750px) {
  .serviceProductsBlock__h3 {
    font-size: 19px;
    padding: 10px 5px;
    text-align: center;
  }
}

.serviceProductsBlock__inner {
  display: flex;
  justify-content: space-between;
  padding: 30px 40px 35px;
}

@media only screen and (max-width: 750px) {
  .serviceProductsBlock__inner {
    flex-direction: column-reverse;
    padding: 20px 20px 26px;
  }
}

.serviceProductsBlock__left {
  width: 568px;
}

@media only screen and (max-width: 750px) {
  .serviceProductsBlock__left {
    width: auto;
    margin-top: 15px;
  }
}

.serviceProductsBlock__right {
  height: 214px;
  width: 292px;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cccccc;
}

@media only screen and (max-width: 750px) {
  .serviceProductsBlock__right {
    width: 100%;
    height: 92px;
  }
}

.serviceProductsBlock__text {
  margin-bottom: 25px;
  line-height: 2;
}

@media only screen and (max-width: 750px) {
  .serviceProductsBlock__text {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.mwform-checkbox-field input, .mwform-radio-field input {
  margin-right: 0 !important;
}

.contactTable tr {
  border-bottom: 1px solid #cccccc;
}

.contactTable th {
  width: 205px;
  background: url(../img/ptn_blue.png);
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 20px;
  padding-right: 16px;
  position: relative;
}

.contactTable td {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 26px;
}

.contactTable .mailCauton {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.contactTable .required {
  background-color: #0068b7;
  color: #fff;
  display: inline-block;
  position: absolute;
  font-size: 12px;
  line-height: 20px;
  width: 35px;
  right: 16px;
  top: 32px;
  text-align: center;
}

.contactTable input[type="text"],
.contactTable input[type="email"],
.contactTable input[type="tel"] {
  width: 416px;
  height: 38px;
  font-size: 16px;
  border-radius: 4px;
  padding: 0 5px;
  border-color: #ccc;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.contactTable select {
  width: 416px;
  height: 38px;
  font-size: 16px;
  border-radius: 4px;
  padding: 0 5px;
  background: linear-gradient(to bottom, #fefefe, #ebebeb);
}

.contactTable textarea {
  width: 100%;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.contactTable input.halfInput {
  width: 150px;
}

.contactTable .halfKey {
  width: 42px;
  display: inline-block;
}

.contactTable .halfBlock:first-child {
  margin-right: 30px;
  display: inline-block;
}

@media only screen and (max-width: 750px) {
  .contactTable {
    display: block;
    margin-right: 25px;
    margin-left: 25px;
    width: auto;
  }
  .contactTable tr, .contactTable th, .contactTable td, .contactTable tbody {
    display: block;
  }
  .contactTable th {
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .contactTable td {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .contactTable .required {
    top: 21px;
  }
  .contactTable input[type="text"],
  .contactTable input[type="email"],
  .contactTable input[type="tel"],
  .contactTable select {
    width: 100%;
    height: 40px;
  }
  .contactTable textarea {
    width: 100%;
  }
  .contactTable input.halfInput {
    width: calc(100% - 45px);
  }
  .contactTable .halfKey {
    width: 45px;
  }
  .contactTable .halfBlock {
    display: block;
    margin-bottom: 5px;
  }
  .contactTable .halfBlock:first-child {
    margin-right: 0;
    display: block;
  }
}
/*Pagenation*/
.pageNation {
	text-align: center;
	margin: 0 auto;
}
.pageNation ul {
    margin: 0;
}
.pageNation li {
  font-size: 16px;
  margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
	border: 1px solid #0068b7;
	text-align: center;
  line-height: 26px;
  width: 26px;
}
@media screen and (max-width: 750px){
  .pageNation li {
    width: 38px;
    line-height: 38px;
  }
}
.pageNation li.prev,
.pageNation li.next {
  border-style: none;
  background-color: #fff;
  position: relative;
  top: -2px;
}
.pageNation li a {
  background-color: #0068b7;
  display: block;
  width: 100%;
  text-decoration: none;
  color: #fff;
}
.pageNation li.prev a,
.pageNation li.next a {
  background-color: #fff;
}
.pageNation li.active,
.pageNation li a:hover {
	color: #0068b7;
	background-color: #fff;
}


@media (min-width: 980px) {
    .mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.mwform-checkbox-field input, .mwform-radio-field input {
  margin-right: 0 !important;
}
.radioStyleLabel {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/contact/icon_radio.png);
        background-size: auto;
    background-size: contain;
    margin-right: 7px;
    vertical-align: -8px;
}
.mwform-radio-field {
    font-weight: normal;
margin-bottom: 0;
background-size: contain;
margin-right: 30px;
vertical-align: 0px;
}

    .marker13{
background:linear-gradient(transparent 10%, #ffc1e0 10%);
font-weight:bold; 
border-radius:6px;

}
}