/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 3.2
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

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


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

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

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

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

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

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


html,
button,
input,
select,
textarea {
	font-family: 'Noto Sans JP','Kosugi', sans-serif;
}

body {
	color: #141412;
	line-height: 1.8;
	margin: 0;
}

@media screen and (max-width:768px) {
	body { font-size:15px;}
}


a {
	color:#111;
	text-decoration: none;
}

a:visited {
	
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #111;
	outline: 0;
}

a:hover {
	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h3 {
	font-size: 22px;
	margin: 22px 0;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

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

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	min-width: inherit;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

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

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

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

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

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

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

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}


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

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

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

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #ed6a31; /* Old browsers */
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;
}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

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

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {
	background-color: #fff;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-main {
	position: relative;
}

.site-main .sidebar-container {
	height: 0;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1;
}

.site-main .sidebar-inner {
	margin: 0 auto;
	max-width: 1040px;
}


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

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
	 z-index:99; position:fixed; background-color:#fff; width:100%; padding:8px 308px 8px 20px; box-sizing:border-box; height:80px; top:0;
}

.site-header .home-link {
	
}

.site-header .site-title:hover {
	text-decoration: underline;
}

.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}

.site-header .logo { width:280px; object-fit:cover;}
@media screen and (max-width:768px){
	.site-header { height:136px; text-align:center; padding:8px 0 0;}
	.site-header .home-link {
display:block;	
}
	.site-header .logo { width:auto; height:40px; display:block; margin:0 auto;}
}

.site-description {
	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.ul-head-rightbtn { position:absolute; top:0; right:0; width:300px; margin:0; padding:0; overflow:hidden; z-index:999;}
.ul-head-rightbtn li { width:100px; display:block; list-style:none; font-size:0; float:left;}
.ul-head-rightbtn li a { display:block; background-color:#0d0047; color:#fff; height:80px; padding:20px 0 0; font-size:13px; text-align:center; box-sizing:border-box;}
.ul-head-rightbtn li:nth-of-type(2) a { background-color:#dab300;}
.ul-head-rightbtn li a i { font-size:20px; display:block; margin:0 0 4px;}
@media screen and (max-width:768px){
	.ul-head-rightbtn { width:100%; top:56px; right:auto; left:0;}
	.ul-head-rightbtn li { width:25%;}
	.ul-head-rightbtn li a { height:60px; padding:12px 0 0;}
}	

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px; height:64px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 16px 0px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #141412; border-bottom:2px solid #fff;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 12px 8px;
	text-decoration: none; font-weight:bold;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	border-bottom:2px solid #0d0047; color:#141412;
}
.nav-menu li:last-of-type:hover > a,
.nav-menu li:last-of-type a:hover,
.nav-menu li:last-of-type:focus > a,
.nav-menu li:last-of-type a:focus {
	border-bottom:0;}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color:#dab300;
	border: 2px solid #dab300;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px; border-bottom:0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #0d0047; color:#fff; border-color:#0d0047;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar { width:calc(100% - 280px); float:right; text-align:right;}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 1px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}




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

.hentry {
	
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	
	width: 100%;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}


/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
	padding: 0;
}

.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

.entry-header {
	margin-bottom: 30px;
}

.entry-title {
	font-weight: normal;
	margin: 0 0 5px;
}

.entry-title a {
	color: #141412;
}

.entry-title a:hover {
	color: #ea9629;
}


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	font-size: 14px;
}

.entry-meta a {
	color: #bc360a;
}

.entry-meta a:hover {
	color: #bc360a;
}

.entry-meta > span {
	margin-right: 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}

.featured-post:before {
	content: "\f308";
	margin-right: 2px;
}

.entry-meta .date a:before {
	content: "\f303";
}

.comments-link a:before {
	content: "\f300";
	margin-right: 2px;
	position: relative;
	top: -1px;
}

.entry-meta .author a:before {
	content: "\f304";
	position: relative;
	top: -1px;
}

.categories-links a:first-child:before {
	content: "\f301";
}

.tags-links a:first-child:before {
	content: "\f302";
	position: relative;
	top: -1px;
}

.edit-link a:before {
	content: "\f411";
	position: relative;
	top: -1px;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
	display: none;
}


/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.entry-content .more-link {
	white-space: nowrap;
}

.entry-content blockquote {
	font-size: 24px;
}

.entry-content blockquote cite,
.entry-content blockquote small {
	font-size: 16px;
}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: -60px;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
	margin-right: -60px;
}

footer.entry-meta {
	margin-top: 24px;
}

.format-standard footer.entry-meta {
	margin-top: 0;
}

/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
	background: #e63f2a;
	border: 1px solid #e63f2a;
	color: #fff;
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
	background: #fff;
	color: #e63f2a;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
	background: none;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.widget .mejs-mediaelement,
.hentry .mejs-container .mejs-controls,
.widget .mejs-container .mejs-controls {
	background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.widget .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ea9629;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.widget .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.widget .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}


/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
.widget-area .gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
.widget-area .gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
.widget-area .gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
.widget-area .gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
.widget-area .gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
.widget-area .gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
.widget-area .gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
.widget-area .gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.widget-area .gallery-columns-2 .gallery-caption,
.widget-area .gallery-columns-3 .gallery-caption,
.widget-area .gallery-columns-4 .gallery-caption,
.widget-area .gallery-columns-5 .gallery-caption,
.widget-area .gallery-columns-6 .gallery-caption,
.widget-area .gallery-columns-7 .gallery-caption,
.widget-area .gallery-columns-8 .gallery-caption,
.widget-area .gallery-columns-9 .gallery-caption {
	display: none;
}


/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside {
	background-color: #f7f5e7;
}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-aside .entry-meta {
	margin-top: 0;
}

.format-aside blockquote {
	font-size: 100%;
	font-weight: normal;
}

.format-aside cite {
	font-size: 100%;
	text-transform: none;
}

.format-aside cite:before {
	content: "\2014";
	margin-right: 5px;
}

/* Audio */
.format-audio {
	background-color: #db572f;
}

.format-audio .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-audio .entry-content:before {
	content: "\f109";
	float: left;
	font-size: 64px;
	position: relative;
	top: 4px;
}

.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
	color: #fbfaf3;
}

.format-audio .audio-content {
	background: url(images/dotted-line.png) repeat-y left top;
	background-size: 4px 4px;
	float: right;
	padding-left: 35px;
	width: 80%;
	width: -webkit-calc(100% - 85px);
	width:         calc(100% - 85px);
}

.format-audio .wp-audio-shortcode {
	height: 30px !important; /* Override mediaelement.js style */
	margin: 20px 0;
	max-width: 400px !important; /* Override mediaelement.js style */
}

.format-audio audio {
	max-width: 100% !important; /* Avoid player width overflow. */
}

/* Chat */
.format-chat {
	background-color: #eadaa6;
}

.format-chat .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-chat .entry-meta a,
.format-chat .entry-content a {
	
}

.format-chat .entry-meta .date a:before {
	content: "\f108";
	margin-right: 2px;
}

.format-chat .entry-meta .author {
	display: none;
}

.format-chat .chat {
	margin: 0;
}

.format-chat .chat .chat-timestamp {
	color: #722d19;
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 10px 0;
}

.format-chat .chat .fn {
	font-style: normal;
}

/* Gallery */
.format-gallery {
	background-color: #fbca3c;
}

.format-gallery .entry-header {
	margin-bottom: 15px;
}

.format-gallery .entry-title {
	font-size: 50px;
	font-weight: 400;
	margin: 0;
}

.format-gallery .entry-meta a,
.format-gallery .entry-content a {
	color: #722d19;
}

/* Image */
.format-image .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-image .categories-links,
.format-image .tags-links {
	display: none;
}

/* Link */
.format-link {
	background-color: #f7f5e7;
}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-link .entry-header,
.format-link .entry-content p:last-child {
	margin-bottom: 0;
}

.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin-right: 20px;
}

.format-link .entry-title a {
	color: #bc360a;
}

.format-link div.entry-meta {
	display: inline;
}

/* Standard */
.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
	margin-bottom: 24px;
}

/* Quote */
.format-quote {
	background-color: #210d10;
}

.format-quote .entry-content,
.format-quote .entry-meta {
	color: #f7f5e7;
}

.format-quote .entry-content blockquote {
	font-size: 28px;
	margin: 0;
}

.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
	color: #e63f2a;
}

.format-quote .entry-content cite a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.format-quote .entry-content cite a:hover {
	text-decoration: none;
}

.format-quote blockquote small,
.format-quote blockquote cite {
	display: block;
	font-size: 16px;
}

.format-quote blockquote {
	font-style: italic;
	font-weight: 300;
	padding-left: 75px;
	position: relative;
}

.format-quote blockquote:before {
	content: '\201C';
	font-size: 140px;
	font-weight: 400;
	line-height: .8;
	padding-right: 25px;
	position: absolute;
	left: -15px;
	top: -3px;
}

.format-quote .entry-meta .author {
	display: none;
}

/* Status */
.format-status {
	background-color: #722d19;
	padding: 0;
}

.format-status .entry-content,
.format-status .entry-meta {
	padding-left: 35px;
	position: relative;
}

.format-status .entry-content a {
	color: #eadaa6;
}

.format-status .entry-meta a {
	color: #f7f5e7;
}

.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
	padding-left: 95px;
}

.format-status .entry-content:before,
.format-status .entry-meta:before {
	background: url(images/dotted-line.png) repeat-y left bottom;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	width: 1px;
}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
	left: 70px;
}

.format-status .categories-links,
.format-status .tags-links {
	display: none;
}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
	background-position: left top;
}

.format-status .entry-content {
	color: #f7f5e7;
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 30px;
	padding-top: 40px;
	position: relative;
}

.format-status .entry-content p:first-child:before {
	background-color: rgba(0, 0, 0, 0.65);
	content: "";
	height: 3px;
	margin-top: 13px;
	position: absolute;
	left: 4px;
	width: 13px;
}

.sidebar .format-status .entry-content > p:first-child:before {
	left: 64px;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

.format-status .entry-meta {
	margin-top: 0;
	padding-bottom: 40px;
}

.format-status .entry-meta .date a:before {
	content: "\f105";
}

/* Video */
.format-video {
	background-color: #db572f;
}

.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
	color: #fbfaf3;
}

.format-video .entry-title {
	font-size: 50px;
	font-weight: 400;
}

.format-video .entry-meta {
	color: #220e10;
}


/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry {
	background-color: #e8e5ce;
	margin: 0;
	padding: 0;
}

.attachment .entry-header {
	margin-bottom: 0;
	max-width: 1040px;
	padding: 30px 0;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}

.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width: 104px;
}

.attachment footer.entry-meta {
	display: none;
}

.attachment-meta:before {
	content: "\f307";
}

.full-size-link a:before {
	content: "\f402";
}

.full-size-link:before {
	content: none;
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #ca3c08;
}

.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}

.image-navigation a:hover {
	text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;
}

.image-navigation .nav-previous {
	left: 0;
}

.image-navigation .nav-next {
	right: 0;
}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}

.attachment .entry-attachment .attachment {
	display: inline-block;
}

.attachment .entry-caption {
	text-align: left;
}

.attachment .entry-description {
	margin: 20px auto 0;
	max-width: 604px;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;
}

.attachment .site-main .sidebar-container {
	display: none;
}

.attachment .entry-content .mejs-audio {
	max-width: 400px;
	margin: 0 auto;
}

.attachment .entry-content .wp-video {
	margin: 0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #bc360a;
}

.navigation a:hover {
	color: #ea9629;
	text-decoration: none;
}

.paging-navigation {
	clear:both;
	padding: 40px 0;
	width:100%;
}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .paging-navigation .nav-links {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

.paging-navigation a {
	font-size: 18px; color:#0d0047;
	font-weight: 300;
}

.paging-navigation a:hover {
	opacity:.5;
	text-decoration:underline;
}

.paging-navigation .meta-nav {
	display: inline-block;
	font-size: 18px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}
@media screen and (max-width:768px) {
	.paging-navigation .nav-previous .meta-nav {  margin-right:0;}
	.paging-navigation .nav-next .meta-nav { margin-left:0;}
}



.post-navigation {
	background-color: #fff;
	color: #ca3c08;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}


/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info {
	margin: 0 auto;
	max-width: 604px;
	padding: 30px 0 10px;
	text-align: left; /* gallery & video post formats */
	width: 100%;
}

.author.sidebar .author-info {
	max-width: 1040px;
	padding: 30px 376px 10px 60px;
}

.single .author-info {
	padding: 50px 0 0;
}

.author-avatar .avatar {
	float: left;
	margin: 0 30px 30px 0;
}

.single-format-status .author-description {
	color: #f7f5e7;
}

.author-description .author-title {
	clear: none;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 8px;
}

.author-link {
	color: #ca3c08;
	margin-left: 2px;
}

.author.archive .author-link {
	display: none;
}


/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

.archive-header {
	background-color: #e8e5ce;
}

.archive-title,
.archive-meta {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.archive-meta {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: -15px;
	padding: 0 0 11px;
}

.sidebar .archive-meta {
	padding-right: 316px;
}


/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-header {
	background-color: #e8e5ce;
}

.page-title {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.page-content {
	margin: 0 auto;
	max-width: 604px;
	padding: 40px 0;
	width: 100%;
}

.sidebar .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding: 40px 376px 40px 60px;
}


/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-header {
	background-color: #fff;
}

.error404 .page-title {
	line-height: 0.6;
	margin: 0;
	padding: 300px;
	position: relative;
	text-align: center;
	width: auto;
}

.error404 .page-title:before {
	color: #e8e5ce;
	content: "\f423";
	font-size: 964px;
	line-height: 0.6;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 28px;
}

.error404 .page-wrapper {
	background-color: #e8e5ce;
}

.error404 .page-header,
.error404 .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding-bottom: 40px;
	width: 100%;
}


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

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}

.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;
}

.comment-author {
	float: left;
	max-width: 74px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
	word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	background-color: #f7f5e7;
	padding: 30px 0;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}


/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.mu_alert {
	margin-top: 25px;
}

.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
	font-size: inherit;
	width: 270px;
}

.site-main .mu_register input[type="submit"] {
	width: auto;
}


/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.site-main .widget-area {
	float: right;
	width: 300px;
}


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

.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 20px;
	word-wrap: break-word;
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 5px 0;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget a {
	color: #bc360a;
}

.widget a:hover {
	color: #ea9629;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}

.wp-calendar-table {
	margin-bottom: 0;
}

.wp-calendar-nav {
	display: table;
	line-height: 2;
	margin-bottom: 20px;
	width: 100%;
}

.wp-calendar-nav span {
	display: table-cell;
	text-align: center;
}

.wp-calendar-nav-prev,
.wp-calendar-nav-next {
	width: 40%;
}

/* Text widget */
.widget_text ul,
.widget_text ol {
	padding-left: 20px;
	margin-bottom: 16px;
}

.widget_text li:last-child {
	padding-bottom: 0;
}

.widget_text li > ul,
.widget_text li > ol {
	margin-bottom: 0;
}

.widget_text ul {
	list-style: square;
}

.widget_text ol {
	list-style: decimal;
}

/* Tag Cloud widget */
.tagcloud ul {
	list-style-type: none;
}

.tagcloud ul li {
	display: inline-block;
	padding: 0;
}

/* Gallery Widget */
.widget .gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.widget .gallery-columns-2 .gallery-item {
	max-width: 49%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.widget .gallery-columns-3 .gallery-item {
	max-width: 22%;
	max-width: -webkit-calc(33% - 4px);
	max-width:         calc(33% - 4px);
}

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

.site-footer {
	background-color: #e8e5ce;
	color: #686758;
	font-size: 14px;
	text-align: center;
}

.site-footer .widget-area,
.sidebar .site-footer {
	text-align: left;
}

.site-footer a {
	color: #686758;
}

.site-footer .sidebar-container {
	background-color: #220e10;
	padding: 20px 0;
}

.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
}

.sidebar .site-footer .widget-area {
	max-width: 724px;
	position: relative;
	left: -158px;
}

.site-footer .widget {
	background: transparent;
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 245px;
}

.sidebar .site-footer .widget {
	width: 228px;
}

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
	margin-right: 0;
}

.site-footer .widget a {
	color: #e6402a;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
	color: #fff;
}

.site-info {
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

#wpstats {
	display: block;
	margin: -10px auto 0;
}

.site-footer span[role=separator] {
	padding: 0 0.25em 0 0.5em;
}

.site-footer span[role=separator]::before {
	content: '\002f';
}

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1599px) {
	.site {
		border: 0;
	}
}

@media (max-width: 1069px) {
	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}

	.archive-header,
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links,
	.sidebar .site-info,
	.site-footer .widget-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 554px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 60px;
	}
}

@media (max-width: 999px) {
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 604px;
		padding-left: 0;
		padding-right: 0;
	}

	.sidebar .site-info,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.attachment .entry-header,
	.sidebar .comments-title {
		max-width: 604px;
	}

	.sidebar .archive-meta,
	.attachment .entry-header,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .site-info,
	.sidebar .comments-title,
	.sidebar .no-comments {
		padding-left: 0;
		padding-right: 0;
	}

	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}

	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}

	.format-status .entry-content {
		padding-top: 40px;
	}

	.format-status .entry-meta {
		padding-bottom: 40px;
	}

	.sidebar .format-status .entry-content,
	.sidebar .format-status .entry-meta {
		padding-left: 35px;
	}

	.sidebar .format-status .entry-content:before,
	.sidebar .format-status .entry-meta:before {
		left: 10px;
	}

	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}

	.sidebar .paging-navigation .nav-links {
		padding: 0 60px;
	}

	.site-main .sidebar-container {
		height: auto;
		margin: 0 auto;
		max-width: 604px;
		position: relative;
		top: 20px;
	}

	.site-main .widget-area {
		float: none;
		margin: 0;
		width: 100%;
	}

	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.site-header .home-link {
		min-height: 0;
	}
	.site-title {
		font-size: 36px;
		padding: 8px 0 10px;
	}
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}
}

@media (max-width: 643px) {
	.site-title {
		font-size: 30px;
	}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		
	}

	#content .format-status .entry-content,
	#content .format-status .entry-met {
		padding-left: 35px;
	}

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 22px;
		font-weight: bold;
	}

	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 13px;
	}

	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}

	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
}

/* Mobile devices */
@media (max-width: 359px) {
	.site-title {
		font-weight: normal;
	}
	.site-description {
	    clip: rect(1px, 1px, 1px, 1px);
	    position: absolute;
	}
	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}

	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
}


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

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before {
		background-image: url(images/dotted-line-2x.png);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
	}

	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}

	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}

/*----*/
.comingsoon { width:100%; height:100vh; background-color:#fff; position:fixed; top:0; left:0; z-index:999999; text-align:center; line-height:100vh; font-size:64px; font-family:'Dancing Script', cursive;}

.wrap { width:90%; margin:0 auto;}

.overflow { overflow:hidden;}
.cf:after { content:""; display:block; clear:both;}
.fleft { float:left;}
.fright { float:right;}
.flex { display:flex; flex-wrap:wrap; align-items:flex-start;}
.flex.between { justify-content:space-between;}
.flex.a-initial { align-items:initial;}
.flex.rev { flex-direction:row-reverse;}
.t-center { text-align:center!important;} 
@media screen and (max-width:768px){
.fleft,.fright { float:none;}
}

.pc { }
.sp { display:none;}
@media screen and (max-width:768px){
	.pc { display:none;}
    .sp { display:block;}
}

.w32 { width:32%;}
.w60 { width:60%;}
.w48 { width:48%;}
.w50 { width:50%;}

.pt-0 { padding-top:0;}
.mb-0 { margin-bottom:0!important;}
.mb-80 { margin-bottom:80px;}
.mt-160 { margin-top:160px;}
@media screen and (max-width:768px){
	.w32,.w48,.w50,.w60 { width:100%;}
	
	.mb-80 { margin-bottom:40px;}
    .mt-160 { margin-top:40px;}
}

.w30 { width:30%;}
.w40 { width:40%;}
.w70 { width:70%;}
.w60 { width:60%;}
.w68 { width:68%;}
.w40.txt,.w70.txt { padding-right:40px;}
.mt-120 { margin-top:120px;}
.mb-20 { margin-bottom:20px;}
@media screen and (max-width:768px){
	.w30,.w40,.w60,.w70,.w68 { width:100%; margin-bottom:15px; font-size:14px;}
	.w40.txt,.w70.txt { padding-right:0;}
	.mt-120 { margin-top:40px;}
}


/*--ここから--*/
.box-line-new { margin:40px 0 0; border:1px solid #ccc; padding:40px 20px; font-size:18px; overflow:hidden; font-weight:bold; width:90%; background-color:#fff; max-width:620px}
.box-line-new p { margin:0;}
.box-line-new span { font-size:24px; color:#00c402; letter-spacing:.05em;}
.box-line-new h4 { font-size:32px; color:#00c402; line-height:40px; margin:10px 0 24px; text-align:center; letter-spacing:.05em;}
.box-line-new h4 img { height:40px; display:inline-block; margin-right:16px;}
.box-line-new .line { width:20%; float:left; margin-right:20px; border:1px solid #ccc; padding:8px;}
.box-line-new b { font-size:20px; color:#00c402; border:2px solid #00c402; padding:2px 4px; border-radius:16px; display:inline-block; margin-right:16px;}
.box-line-new .btn { background-color:#eee; color:#141412!important; padding:4px 24px; display:inline-block; border:1px solid #111; width:40%; text-align:center; margin:24px auto;}
.box-line-new .btn:hover { opacity:.5; background-color:#eee; color:#141412!important;}
@media screen and (max-width:768px) {
    .box-line-new { padding:24px 5%; font-size:14px; width:100%; margin:40px auto;}
    .box-line-new span { font-size:16px;}
    .box-line-new h4 { font-size:24px;}
    .box-line-new h4 img { height:40px; display:block; margin-right:0; text-align:center; margin:0 auto 8px;}
    .box-line-new .line { width:100%; float:none; margin-right:0; box-sizing:border-box;}
    .box-line-new b { display:inline-block; margin-top:12px;}
	.box-line-new a img { margin-bottom:16px;}	
    .box-line-new .btn { width:100%; margin-top:16px;}
}

.section-news-front { padding:0 0 80px;}
.section-news-front a { color:#262626;}
.section-news-front .midashi-topnew2 { margin:80px 0 80px!important; text-align:center; line-height:1.8;}
.section-news-front .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { border-bottom:1px solid #ccc; padding-bottom:2em;}
.section-news-front .btn { width:240px; line-height:48px; background-color:#0d0047; color:#fff; font-size:18px; text-align:center; margin:40px auto 0; display:block; text-decoration:none;}
@media screen and (max-width:768px){
	.section-news-front { padding:40px 16px 16px!important;}
	.section-news-front .midashi-topnew2 { line-height:1; margin:60px 0 40px!important;}
	.section-news-front .midashi-contact { margin:40px 0 40px;}
}

.wp-show-posts { margin:0!important;}
.wp-show-posts .wp-show-posts-entry-title { margin:0 0 12px; display:initial;}
.wp-show-posts-image img { width:150px;}
@media screen and (max-width:768px) {
	.wp-show-posts-entry-header { min-height:86px;}
	.wp-show-posts-image.wpsp-image-left { float:left; width:40%; margin-bottom:0;}
	.wp-show-posts .wp-show-posts-entry-title { margin:0; line-height:1.5; font-size:16px; width:60%; overflow:auto;}
	.wp-show-posts-inner { line-height:1.8; font-size:14px;}
	.wp-show-posts-image img { width:88%;}
}

.btn-top { display:block; text-align:center; margin:80px auto; padding:24px 0; border-radius:10px; width:80%; color:#fff !important; font-weight:bold; font-size:20px; position:relative; background:#000;}
.btn-top span { font-size:14px; position:absolute; bottom:12px; right:20px; letter-spacing:.1em;}
.btn-top:hover { opacity:.7;}
@media screen and (max-width:768px){
	.btn-top { font-size:16px; margin:40px auto; padding:12px 0;}
}

.midashi-topnew2 { margin:0 0 20px!important; font-weight:400; font-size:17px!important; text-align:center;}
.midashi-topnew2 span { font-size:37px; font-weight:bold; display:block; margin:0 0 12px; border-bottom:0 !important;}
.midashi-topnew2 span:after { content:""; display:block; width: 100px; height: 2px; margin:0 auto 0; background-color:#111;}
@media screen and (max-width:768px){
	.midashi-topnew2 { margin:0 0 40px; font-size:12px;}
	.midashi-topnew2 span { font-size:28px; margin:0 0 20px;}
	.midashi-topnew2 span:after { margin:20px auto 0;}
}

.header-page-n { padding:100px 5% 64px; background-size:cover; background-position:center; margin:0 0 80px;}
.header-page-n h3 { font-size:48px; color:#fff;}
.header-page-n h3 span { font-size:16px; display:block; font-style:italic; margin-top:40px;}
.bg-biz { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/03/full.jpeg);}
@media screen and (max-width:768px){
	.header-page-n h3 { font-size:30px;}
	.header-page-n span { margin-top:24px;}
}

.wrap-page-n { width:80%; margin:0 auto;}
@media screen and (max-width:768px) {
	.wrap-page { width:100%; margin:0 auto;}
}

.head-page img { width:100%; height:auto;}
.head-page h2 { font-size:64px; text-align:center; letter-spacing:.2em; font-weight:400; margin:-64px 0 120px;}
.head-page h2 span { font-size:18px;}
@media screen and (max-width:768px) {
	.wrap { width:100%; margin:0 auto; padding:0 16px 40px;}
    .head-page h2 { font-size:32px; text-align:center; letter-spacing:.2em; font-weight:400; margin:-44px 0 80px;}
    .head-page h2 span { font-size:14px;}
}

.midashi2-page { font-size:24px; margin:80px 0 40px; text-align:center; position:relative; line-height:1;}
.midashi2-page span { font-size:12px;}
.midashi2-page strong { border-bottom:1px solid #111; font-size:32px; letter-spacing:.1em;}
.midashi2-page small { font-size:14px; display:block; margin-top:14px;}
@media screen and (max-width:768px){
	.midashi2-page { line-height:1.2; font-size:20px;}
	.midashi2-page strong { font-size:24px;}
	.midashi2-page small { font-size:13px; margin-top:8px;}
}

.ul2-works { overflow:hidden; width:100%; padding:0; margin:0; display:flex; flex-wrap:wrap;}
.ul2-works li { width:30%; margin-right:5%; float:left; list-style:none; text-align:center; font-size:18px; font-weight:bold; margin-bottom:40px; line-height:1;}
.ul2-works li:nth-of-type(3n) { margin-right:0;}
.ul2-works li iframe { height:20vw; margin-bottom:12px;}
.ul2-works li img { width:100%; margin-bottom:12px; height:260px; object-fit:cover;}
.ul2-works li a { color:#333;}
.ul2-works li span { font-size:12px;}
@media screen and (max-width:768px){
	.ul2-works { padding:0 5%;}
	.ul2-works li { width:100%; margin-right:0; float:none;}
	.ul2-works li iframe { height:66vw;}
}


.hidden_box2 {
    margin:0;/*前後の余白*/
    padding:0; position:relative;
}

/*ボタン装飾*/
.hidden_box2 label { font-size:18px; margin:24px auto; border:1px solid #1e90ff; display:block; padding:16px 0; text-align:center;  position:relative; cursor:pointer; line-height:1.6; color:#000080; width:60%;}

/*ボタンホバー時*/
.hidden_box label:hover { }

/*チェックは見えなくする*/
.hidden_box2 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box2 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;}

/*クリックで中身表示*/
.hidden_box2 input:checked ~ .hidden_show {
    padding: 20px 0 0;
    height: auto; line-height:1.6;
    opacity: 1;
}

.ul-others { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-others li { width:21%; margin-right:5.3%; border-bottom:1px dotted #666; padding:8px 0; margin-bottom:16px; float:left; list-style-position: inside;}
.ul-others li:nth-of-type(4n) { margin-right:0;}
.ul-others li a { text-decoration:none !important; font-size:14px;}
.ul-others li a span { display:block; font-size:12px; color:#999; margin-left:20px;}
@media screen and (max-width:768px){
	.ul-others { margin:0 0 40px;}
	.ul-others li { width:100%; margin-right:0; float:none;}
	.ul-others li:nth-of-type(2n) { margin-right:0;}
}

.wrap-training { height:100vh; overflow:hidden;}
.wrap-training img { height:100%; width:100%; object-fit:cover;}
.wrap-training .txt { padding:160px 100px;}
.wrap-training .txt h3 { font-size:72px; margin:0 0 32px; line-height:1.2;}
.wrap-training .txt h3 span { font-size:20px; display:block;}
@media screen and (max-width:768px){
	.wrap-training { height:auto;}
	.wrap-training .txt { padding:40px 5%;}
	.wrap-training .txt h3 { font-size:40px;}
	.wrap-training .txt h3 span { font-size:14px;}
}

.wrap-flow-training { height:120vh; display:flex; align-items:center;}
.wrap-flow-training.twei { flex-direction:row-reverse;}
.wrap-flow-training .w50 img { width:100%; height:120vh; object-fit:cover;}
.wrap-flow-training .txt { padding:0 120px;}
.wrap-flow-training .txt .num { color:#0089cd; font-weight:bold; margin:0 0 40px;}
.wrap-flow-training .txt .num strong { font-size:80px; display:block; line-height:1; margin:0 0 8px;}
.wrap-flow-training .txt .num span { font-size:16px; position:relative;}
.wrap-flow-training .txt h3 { font-size:40px; margin:0 0 24px;}
.wrap-flow-training .txt h3 span { font-size:18px; display:block; color:#666; font-weight:400; margin:8px 0 0;}
.wrap-flow-training .txt .box { color:#0089cd; font-size:13px;}
.wrap-flow-training .txt .box h4 { font-size:16px; font-weight:bold; margin:0 0 8px;}
@media screen and (max-width:768px){
	.wrap-flow-training { height:auto; display:block; padding:0 5%; margin:0 0 40px;}
	.wrap-flow-training .w50 img { width:100%; height:100%;}
	.wrap-flow-training .txt { padding:0;}
	.wrap-flow-training .txt .num { margin:40px 0 20px;}
	.wrap-flow-training .txt .num strong { font-size:48px; margin:0;}
	.wrap-flow-training .txt .num span { font-size:14px;}
	.wrap-flow-training .txt h3 { font-size:24px; margin:0 0 20px;}
}

.wrap-page { padding:160px 120px;}

.midashi-rec { margin:0 0 80px; color:#0d0047;}
 .midashi-rec span { font-size:16px; position:relative;}
 .midashi-rec strong { font-size:72px; display:block; margin:16px 0 0;}
.bg-0 { background-color:orange; color:#fff; font-size:13px;}
.bg-0 .midashi-rec { color:#fff;}
.bg-0 .midashi-rec span:after { background-color: #fff;}
.ul-rec { margin:120px 0 0; padding:0; overflow:hidden;}
.ul-rec li { width:30%; margin-right:5%; float:left; list-style:none;}
.ul-rec li:nth-of-type(3n) { margin-right:0;}
.ul-rec li img { width:20vw; height:20vw; display:block; margin:0 auto 64px; border-radius:50%; object-fit:cover;}
.ul-rec li h4 { font-size:32px; margin:0 0 40px; }
.ul-rec li h4 span { font-size:16px; display:block; color:#0d0047; margin:0 0 16px;}
@media screen and (max-width:768px){
	.wrap-page { padding:40px 5%;}
	.midashi-rec { margin:0 0 40px;}
	.midashi-rec strong { font-size:40px; margin:8px 0 0;}
	.midashi-rec span { font-size:14px;}
	
	.ul-rec { margin:40px 0 0;}
	.ul-rec li { width:100%; margin-right:0; float:none;}
	.ul-rec li img { width:40vw; height:40vw; margin:0 auto;}
	.ul-rec li h4 { margin:0 0 20px;}
	.ul-rec li h4 span { margin-bottom:8px;}
}

.midashi2-rec { font-size:32px; margin:30px 0 0; font-weight:400; line-height:1.6;}

.dl-rec { margin:0; padding:0; font-size:13px;}
.dl-rec dt { width:25%; float:left; padding:0 0 24px; font-weight:400;}
.dl-rec dd { border-bottom:1px solid #ccc; padding:0 0 24px 25%; margin-bottom:24px;}
.ul2-rec { margin:0; padding:0; overflow:hidden;}
.ul2-rec li { width:48%; float:left; list-style:none; margin-right:4%; margin-bottom:80px; font-size:14px;}
.ul2-rec li:nth-of-type(2n) { margin-right:0;}
.ul2-rec li:nth-of-type(3),.ul2-rec li:nth-of-type(4) { margin-bottom:0;}
.ul2-rec li h3 { font-size:32px; font-weight:400; margin:40px 0; }
.ul2-rec li h3 span { font-size:16px; display:block; color:orange; font-weight:bold; margin:0 0 8px;}
.ul2-rec li a { color:orange;}
.ul2-rec li .btn { width:200px; height:40px; line-height:40px; border:1px solid #111; color:#111; display:block; text-align:center; margin:20px 0 0; padding:0;}
@media screen and (max-width:768px){
	.midashi2-rec { font-size:24px;}
	
	.dl-rec a { color:orange;}
	
	.ul2-rec li { width:100%; margin-bottom:24px;}
	.ul2-rec li h3 { margin:20px 0; font-size:24px;}
	.ul2-rec li .btn { width:100%;}
}

.box-flow { border:1px solid #000; margin:0 0 20px; padding:32px 40px; overflow:hidden;}
.box-flow .left-flow { float:left; width:35%;}
.box-flow .left-flow img { object-fit:cover;}
.box-flow .right-flow { width:60%; float:right;}
.box-flow .right-flow h3 { margin:0 0 20px; height:80px; line-height:80px; font-size:32px; font-weight:500;}
.box-flow .right-flow h3 .number-flow { height:80px; width:80px; background-color:#efefef; border-radius:50%; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; color:#555; display:inline-block; float:left; line-height:1.3; margin-right:16px;}
.box-flow .right-flow h3 .number-flow span { font-size:32px; font-weight:bold; letter-spacing:.05em;}
.box-flow .right-flow div { background-color:#efefef; padding:20px; border-radius:8px;}
.box-flow .right-flow div span { color:#FF0000; font-weight:bold;}
@media screen and (max-width:768px) {
	.box-flow { margin:0 0 20px; padding:20px 16px;}
	.box-flow .left-flow { float:none; width:100%;}
	.box-flow .left-flow img { width:100%; height:auto;}
	.box-flow .right-flow { width:100%; float:none; margin-top:20px;}
	.box-flow .right-flow h3 { margin:0 0 20px; height:64px; line-height:64px; font-size:20px;}
	.box-flow .right-flow h3 .number-flow { height:64px; width:64px; padding:10px 0; font-size:12px;}
	.box-flow .right-flow h3 .number-flow span { font-size:24px;}
	.box-flow .right-flow div { padding:20px 16px;}
}

.wrap-page-warra { border-top:1px solid orange;}

.box-warra { padding:100px 0 0;}
.box-warra h3 { font-size:17px;}
.box-warra h3,.inner-tech h3 { margin:0 0 24px;}
.box-warra h3 strong { text-decoration:underline orange 3px; line-height:1.8;}
.box-warra h3 strong,.inner-tech h3 strong { font-size:22px; display:block; margin-top:16px;}
.box-warra h3 .num,.inner-tech h3 .num { font-weight:400; font-size:28px; line-height:34px; display:inline-block; float:left;}
.box-warra h3 .sub,.inner-tech h3 .sub { display:inline-block; background-color:orange; color:#fff; font-size:13px; line-height:34px; padding:0 12px; border-radius:4px; margin-left:16px;}
.box-warra p { line-height:2; margin:0 0 24px;}
@media screen and (max-width:768px){
	.box-warra { padding:40px 0 6px;}
	.box-warra h3,.inner-tech h3 { margin:20px 0;}
	.box-warra h3 strong,.inner-tech h3 strong { font-size:20px; margin-top:12px;}
}

.box-mainte { padding:48px; background-color:Moccasin; position:relative; margin:80px 0;}
.box-mainte h3 { font-size:28px; font-weight:400; line-height:1.8; position:absolute; top:-64px; left:48px;}
.box-mainte h3 span { padding:20px 24px; position:relative; display:block;}
.box-mainte h3 span:before { content:""; position:absolute; display:block; width:100px; height:1px; background-color:#111; top:0px; left:-16px;}
.box-mainte h3 span:after { content:"";  position:absolute; display:block; width:1px; height:100px; background-color:#111; top:-12px; left:0px;}
.box-mainte .lead { width:70%; margin-bottom:48px; line-height:2;}
@media screen and (max-width:768px){
	.box-mainte { padding:24px 5% 16px 8%; margin:0 0 40px;}
	.box-mainte h3 { font-size:20px; position:static;}
	.box-mainte h3 span { padding:20px 24px 0;}
	.box-mainte .lead { width:100%; margin-bottom:24px;}
}

.ul-warra { margin:0; padding:0; display:flex; border:1px solid #ccc;}
.ul-warra li { width:calc(100% / 3); padding:40px; box-sizing:border-box; border-right:1px solid #ccc; list-style:none;}
.ul-warra li:nth-of-type(3) { border-right:0;}
.ul-warra li h4 { margin:0 0 24px; position:relative; padding-left:24px; font-size:20px;}
.ul-warra li h4:before { content:""; display:block; width:16px; height:3px; background-color:orange; position:absolute; top:calc(50% - 1px); left:0;}
@media screen and (max-width:768px){
	.ul-warra { display:block; margin:0;}
	.ul-warra li { width:100%; padding:20px 5% 1px; border-right:0; border-bottom:1px solid #ccc;}
	.ul-warra li:nth-of-type(3) { border-bottom:0;}
}

.midashi-page-main { text-align:center; margin:80px 0; font-size:40px; padding:8px 0 0;}
.midashi-page-main small { font-size:13px; display:block; margin:8px 0 0;}
.midashi-page-main:before { content:""; display: block; width: 30px; height: 0;margin: 0 auto 12px;
    border-top: 3px solid #0d0047;}
@media screen and (max-width:768px){
	.midashi-page-main { margin:40px 0 0; font-size:32px;}
}

.inner-contact-new { margin:80px 0 40px; font-size:15px; line-height:2;}
.inner-contact-new .txt { padding:40px; box-sizing:border-box;}
.inner-contact-new h3 { font-size:40px; margin:40px 0 24px;}

.box-contact { background-color:moccasin; padding:48px 48px 48px 180px; position:relative; font-size:15px; line-height:2; margin:0 0 80px;}
.box-contact h3 { font-size:20px; width:140px; position:absolute; top:48px; left:48px; margin:0;}
@media screen and (max-width:768px){	
	.box-contact { padding:20px 5%;}
	.box-contact h3 { position:static; width:100%; margin:0 0 20px;}
}

.contact-form {  font-size:14px;}
.contact-form p { padding:24px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; font-size:14px;}
.contact-form p:nth-last-child(2) { border:none;}
.contact-form .ttl { display:block; width:25%; float:left; padding:16px; box-sizing:border-box; background-color:#202f55; color:#fff; overflow:hidden;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:96%; background-color:#eee; float:right; }
.contact-form textarea[name="your-message"] { height:140px;}
.contact-form select { line-height:2; height:37.02px;}
.contact-form [type="checkbox"], .contact-form [type="radio"] { display:inline; float:none; width:auto;}
.contact-form .checkbox-300 { width:75%; float:left;}
.contact-form .contact-right { width:75%; float:right;}
.contact-form  input[type="submit"] { background:#ed2800; border:none; color:#fff; text-align: center;
    display: block;
    border-radius: 0;
    letter-spacing: 0.1em;
    padding: 17px 0;
    width: 38%; font-size:16px; float:none; margin:0 auto;}
.contact-form .hissu,.wrap-orderform .hissu { font-style:normal; background-color:#ed2800; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px; float:right;}
.contact-form .nini { font-style:normal; background-color:#A9BCF5; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px;}
.contact-form em { display:inline-block; margin-left:4px;}
.contact-form .box { border:1px dotted #333; border-radius:16px; padding:16px 16px 0 0; margin-bottom:20px;}
.contact-form .box p { border:0;}

.wrap.resavation .contact-form p { font-size:14px;}
@media screen and (max-width:768px) {
    .contact-form { margin:0;}
    .contact-form p { padding:20px 0; border-bottom:1px dashed; overflow:hidden; }
    .contact-form p:nth-last-child(2) { border:none;}
    .contact-form .contact-left { display:block; width:100%; float:none; text-align:left; padding-right:8px; box-sizing:border-box; margin-bottom:8px;}
	.contact-form .contact-right { width:100%; float:none;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:100%; background-color:#eee; min-height:28px;}
   .contact-form .submit { text-align:center; margin:56px 0;}
   .contact-form .submit span { display:block;}
   .contact-form input[type="submit"] { border:none; color:#fff; text-align:center; display:inline-block; border-radius:0; letter-spacing:0.1em; padding:17px 0; width:100%; font-size:16px;}
	.contact-form .checkbox-300 { width:100%; float:none;}
	.contact-form [type="checkbox"], .contact-form [type="radio"] { min-height:13px;}
	.contact-form .box { padding:20px 5%;}
	.contact-form span.wpcf7-list-item { display:block;}
	.contact-form .ttl { width:100%; margin:0 0 16px; padding:8px;}
}

.ul-faq { overflow:hidden; border-top:1px solid #000; border-bottom:3px double #000; margin:40px 0 80px; padding:0;}
.ul-faq li { width:calc(100% / 3); float:left; text-align:center; list-style:none; font-size:16px; letter-spacing:.1em; box-sizing:border-box; padding:8px 0;}

.ul-faq li a { padding:4px 0; color:#333; border-right:1px solid #ccc; height:57px; line-height:46px; display:block; font-weight:500;}
.ul-faq li:nth-of-type(3) a { border-right:0;}
.ul-faq li a span { height:36px; width:36px; background-color:#333; color:#fff; font-size:24px; line-height:1.4; display:inline-block; letter-spacing:0; border-radius:50%; margin-right:16px; font-weight:400;}

.midashi-faq { font-size:24px; color:#0d0047; text-align:center; padding:12px 0; background-color:#fafafa; margin:0 0 52px; font-weight:500;}

.inner-faq { margin:0 0 80px; padding-top:250px; margin-top:-250px;}
.inner-faq p { margin:0;}
@media screen and (max-width:768px){
	.ul-faq li { width:100%; float:none; text-align:center; list-style:none; font-size:16px; letter-spacing:.1em;  box-sizing:border-box; padding:0;}
	.ul-faq li a { padding:0; color:#333; border-right:0; height:40px; line-height:40px; display:block; font-weight:500; border-bottom:1px solid #ccc;}
	.ul-faq li:nth-of-type(3) a { border-bottom:0;}
	.midashi-faq { font-size:20px; text-align:center; padding:12px 0; background-color:#fafafa; margin:0 0 40px; font-weight:500;}
}

.hidden_box { margin:0; padding: 0; border-bottom:1px solid #ccc;}
.hidden_box:first-of-type { border-top:1px solid #ccc;}

.hidden_box label { padding:8px 20px; cursor :pointer; width:100%; display:block; font-size:16px; color:#333; font-weight:500;}
.hidden_box label span { display:inline-block; background-color:#0d0047; color:#fff; width:32px; height:32px; line-height:32px; border-radius:50%; text-align:center; font-size:20px; margin-right:16px;}

.hidden_box label:hover { }

.hidden_box input { display: none;}

.hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}

.hidden_box input:checked ~ .hidden_show { padding:16px 20px 16px 70px; height: auto; opacity: 1; line-height:2;}
.hidden_box input:checked ~ .hidden_show span { display:inline-block; background-color:#d4c389; color:#fff; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; font-size:24px; margin-right:8px;}

@media screen and (max-width:768px){
	.hidden_box label { padding:8px 0 8px 40px; cursor :pointer; width:100%; display:block; font-size:16px; color:#333; font-weight:500; position:relative;}
	.hidden_box label span { position:absolute; top:8px; left:0;}
	.hidden_box input:checked ~ .hidden_show { padding:16px 0; height: auto; opacity: 1; line-height:2;}
}

.bg-ef-company { background-color:#efefef; padding:100px 0;}
.wrap-company { width:80%; margin:0 auto;}
.wrap-company .inner { padding:48px 10% 48px 15%; position:relative; line-height:2.4; box-sizing:border-box; width:100%;}
.wrap-company .inner h3 { display:inline-block; border-top:1px solid #111; font-size:22px; transform:rotate(90deg); padding:8px 0 0; position:absolute; top:69px; left:0; margin:0; width:132px;}
.wrap-company .inner2 { padding-right:15%; box-sizing:border-box;}
.wrap-company .inner2 .txt { padding:48px 30% 20px 15%; position:relative; line-height:2;}
.wrap-company .inner2 .txt h3 { font-size:120px; margin:0; line-height:.9; position:absolute; top:-80px; right:-15%;}

.mt-80 { margin-top:80px!important;}
.mb-80 { margin-bottom:80px !important;}
@media screen and (max-width:768px){
	.bg-ef-company { padding:40px 0;}
	.wrap-company { width:90%;}
	.wrap-company .inner { padding:0px 0 20px 15%; line-height:2;}
	.wrap-company .inner h3 { left:-48px; top:32px; padding:4px 0 0;}
	.wrap-company .inner2 { padding-right:0;}
	.wrap-company .inner2 .txt { padding:0;}
	.wrap-company .inner2 .txt h3 { font-size:32px; position:static; margin:0 0 20px;}
	
	.mt-80 { margin-top:40px!important;}
	.mb-80 { margin-bottom:40px !important;}
}

.wrap-company .inner dl { display:flex; border-top:1px solid #111; flex-wrap:wrap; margin:0 0 40px;}
.wrap-company .inner dt { width:20%; text-align:center; padding:6px 8px; box-sizing:border-box; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.wrap-company .inner dd { width:80%; border-bottom:1px solid #eee; margin:0; padding:6px 16px; box-sizing:border-box;}
.wrap-company .inner dt:last-of-type,.wrap-company .inner dd:last-of-type { border-bottom:0;}
@media screen and (max-width:768px){
	.wrap-company .inner dl { display:block;}
	.wrap-company .inner dt { width:100%; border-right:0;}
	.wrap-company .inner dd { width:100%; border-bottom:1px solid #ccc;}
	.wrap-company .inner dt:last-of-type { border-bottom:1px solid #eee;}
	.wrap-company .inner dd:last-of-type { border-bottom:1px solid #ccc;}
}

.ul-company { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-company li { width:32%; float:left; list-style:none; border:1px solid #eee; padding:24px 32px; box-sizing:border-box; margin-right:2%; float:left; margin-bottom:24px; position:relative; height:250px; font-size:12px; line-height:2;}
.ul-company li:nth-of-type(3n) { margin-right:0;}
.ul-company li h3 { display:inline-block; margin:0 0 20px; font-size:16px; }
.ul-company li h3 span { display:block; font-size:14px; font-weight:bold; border-bottom:1px solid #111; margin:0 0 16px; padding:0 0 4px;}
.ul-company li img { width:40px; height:35px; object-fit:cover; position:absolute; top:40px; right:32px;}
@media screen and (max-width:768px){
	.ul-company { margin:0;}
	.ul-company li { width:100%; margin-right:0; padding:0; margin-bottom:0;}
	.ul-company li h3 span { margin:0 0 12px;}
}

.lead-company { font-size:15px; font-weight:bold; text-align:center; margin:0 0 80px; line-height:2;}

.wrap-company .inner.second { padding:48px 15%;}
.wrap-company .inner .txt { font-size:13px; margin:0 0 48px; line-height:2;}
.wrap-company .inner .txt .midashi { font-size:48px; margin:0 0 32px; position:relative; line-height:1; font-weight:600; letter-spacing:.05em;}
.wrap-company .inner .txt .midashi span { font-size:20px; display:block; position:relative; width:48px; height:40px; float:left; margin-right:20px;}
.wrap-company .inner .txt .midashi span:after { content:""; display:block; height:64px; width:1px; background-color:#111; transform:rotate(45deg); position:absolute; top:-7px; right:20px;}
@media screen and (max-width:768px){
	.wrap-company .inner.second { padding:0px 0 0 20%;}
	.wrap-company .inner .txt { margin:0 0 40px;}
	.wrap-company .inner .txt .midashi { font-size:28px; margin:0 0 20px;}
	.wrap-company .inner .txt .midashi span { margin-right:8px; width:44px; height:28px;}
	.wrap-company .inner .txt .midashi span:after { height:38px; top:-6px; right:15px;}
}

.wrap-company .img-design { position:relative; padding-bottom:200px;}
.wrap-company .img-design h4 { text-align:center; width:100%; color:#fff; margin:0; margin-top:-280px; font-size:24px;}
.wrap-company .img-design h4 span { padding:0 80px; box-sizing:border-box; position:relative;}
.wrap-company .img-design h4 span:before,.wrap-company .img-design h4 span:after { content:"”"; color:#fff; position:absolute; top:0; font-size:40px; line-height:1;}
.wrap-company .img-design h4 span:before { left:0;}
.wrap-company .img-design h4 span:after { right:0;}
@media screen and (max-width:768px){
	.wrap-company .img-design { padding-bottom:91px;}
	.wrap-company .img-design h4 { font-size:20px; margin-top:-138px;}
	.wrap-company .img-design h4 span { padding:0 22px;}
}

.wrap-new { width:95%; margin:0 auto;}

.area-news-front { background-color:#f8f8f8; padding:80px 0;}
.area-news-front h3 { font-size:32px; color:#6abb6f; text-align:center; margin:0 0 64px;}
.area-news-front a,.area-onayami-front a,.area-voice-front a,.area-file-front .btn,.area-treat .txt a { display:block; width:300px; line-height:54px; font-size:16px; color:#6abb6f; border:2px solid #6abb6f; border-radius:4px; margin:64px auto 0; text-align:center; font-weight:bold;}

.link-wrap { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99;}

.area-menu-front { margin:0 0 40px;}
.area-menu-front ul { margin:0; padding:0; overflow:hidden; border:1px solid #fff; border-bottom:0;}
.area-menu-front ul li { width:calc(100% / 3); border-right:1px solid #fff; border-bottom:1px solid #fff; position:relative; display:flex; align-items:center; height:200px; box-sizing:border-box; float:left; list-style:none;}
.area-menu-front ul li:nth-of-type(3n) { border-right:0;}
.area-menu-front ul li img { width:calc(100% - 1px); height:calc(100% - 1px); position:absolute; top:1px; left:1px;}
.area-menu-front ul li h3 { margin:0; padding:0; font-size:22px; color:#fff; position:relative; z-index:9; text-align:center; width:100%;}
.area-menu-front ul li h3 small { display:block; font-size:16px; margin:16px 0 0;}

.area-suisen-front { padding:0 0 80px; background-color:#f1f8f1; margin:0 0 80px;}
.area-suisen-front h3 { font-size:32px; text-align:center; padding: 30px 10px; color: #fff; background: #6abb6f; margin:0 0 80px; position:relative;}
.area-suisen-front h3:after { content:""; display:block; width: 0px; height: 0px; border: 15px solid; border-color:#6abb6f transparent transparent transparent; position:absolute; bottom:-30px; left:calc(50% - 15px);}
.area-suisen-front .lead,.area-file-front .lead { text-align:center; margin:0 0 64px; font-size:16px; font-weight:bold;}
.area-suisen-front ul { margin:0; padding:0; overflow:hidden;}
.area-suisen-front ul li { width:23.5%; margin-right:2%; float:left; position:relative; font-weight:bold; list-style:none;}
.area-suisen-front ul li img { margin-top:16px;}
.area-suisen-front ul li:nth-of-type(4n) { margin-right:0;}

.area-onayami-front { padding:0 0 80px;}
.area-onayami-front h3,.area-voice-front h3,.area-file-front h3 { font-size:32px; text-align:center; margin:80px 0 64px; color:#3496ab;}
.area-onayami-front ul { margin:0 0 64px; padding:0; display:flex; justify-content:space-between;}
.area-onayami-front ul li { list-style:none; width:calc(96% / 5); background-color:#6abb6f; min-height:230px; padding:10px; box-sizing:border-box; color:#fff; font-weight:bold;}
.area-onayami-front ul li h4 { padding:30px 0 40px; background-position:center; background-repeat:no-repeat; background-size:contain; text-align:center; color:#fff; font-size:18px; margin:0 0 16px;}
.area-onayami-front ul li p { margin:0;}
.area-onayami-front ul li:nth-of-type(1) h4 { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/full.jpg);}
.area-onayami-front ul li:nth-of-type(2) h4 { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/full.jpg);}
.area-onayami-front ul li:nth-of-type(3) h4 { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/full.jpg);}
.area-onayami-front ul li:nth-of-type(4) h4 { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/full.jpg);}
.area-onayami-front ul li:nth-of-type(5) h4 { background-image:url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/full.jpg);}

.area-voice-front { padding:1px 0 80px; background-color:#eaf4f6;}
.area-voice-front ul { background-color:#fff; padding:24px; border-radius:16px; display:flex; justify-content:space-between;}
.area-voice-front ul li { list-style:none; font-weight:bold; width:calc(96% / 5);}
.area-voice-front ul li img { border-radius:16px;}

.area-file-front { padding:0 0 80px;}
.area-file-front h3 { color:#6abb6f;}
.area-file-front ul { margin:0; padding:0; display:flex; justify-content:space-between;}
.area-file-front ul li { width:calc(96% / 5); list-style:none; }
.area-file-front ul li span { color: #f39800; border: 2px solid #f39800; border-radius: 5px; padding: 3px 20px; font-size:13px; font-weight:bold;}
.area-file-front ul li img { margin:12px 0 16px;}
.area-file-front ul li p { margin:0; font-size:0;}
.area-file-front ul li a { color:#3496ab; font-weight:bold; display:block; font-size:15px; margin:0 0 16px;}
.area-file-front ul li .date { text-align:right; margin:0; font-size:15px;}

.area-contact-front { background-color:#f8f8f8; padding:64px 0;}
.area-contact-front ul { margin:0; padding:0; overflow:hidden;}
.area-contact-front ul li { width:50%; position:relative; list-style:none; height:300px; justify-content:center; align-items:center; float:left; text-align:center; border-right:1px solid #ccc; display:flex;}
.area-contact-front ul li:nth-of-type(2n) { border-right:0;}
.area-contact-front ul li img { width:64px; display:block; margin:0 auto;}
.area-contact-front ul li h4 { font-size:28px; color:#3496ab; margin:24px 0 40px; text-align:center; font-weight:400;}
.area-contact-front ul li h4 i { padding-left:16px;}
.area-contact-front ul li p { color:#6abb6f; font-weight:bold; margin:0 auto; width:70%; font-size:14px;}

.midashi-treat { font-size:24px; text-align:center; margin:64px 0;}

.area-treat { padding:80px 0; background-color:#f1f8f1;}
.area-treat h3 { font-size:28px; text-align:center; margin:0 0 64px; color:#6abb6f;}
.area-treat .img { width:36%;}
.area-treat .txt { width:56%; font-weight:bold;}
.area-treat .txt a { margin:80px 0 0;}
.area-treat .txt h4 { font-size:20px; color:#3496ab; margin:0 0 20px;}

.area-treat.second { background-color:#fff;}

.mv { position:relative; padding: 0 0;}
.inner { width: 1000px; margin: 0 auto;}
.mv .inner { width: 1000px; margin: 0 auto; position: relative;}
.mv > .inner > * { position: absolute;}
.mv .inner figure { right: -157px; bottom: 0;}
.mv .inner .medal { left: -32px; top: 7px;}
.mv .inner h2 { top: 52px; left: -39px;}
.mv .inner .fukidashi { right: 0; top: 35px;}
.mv .inner .merit { top: 450px; left: -4px; background-image:none; padding:0;}

.mv header { width:100%; padding: 15px 30px 0; overflow:hidden; position:absolute; top:0; left:0;}
.mv header .logo { float: left;}
.mv header ul { float: right; margin:0; padding:0;}
.mv header ul li,.mv .nav-sp ul li { float: left; list-style:none;}
.mv header ul li a,.mv .nav-sp ul li a { color:#111;}

.mv header ul li:nth-child(1),.mv .nav-sp ul li:nth-child(1) { margin: 10px 20px 0 0;}
.mv header ul li:nth-child(1) a,.mv .nav-sp ul li:nth-child(1) a { padding-left: 30px; font-weight: bold; font-size: 32px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/ico_tel.png) left center/23px 25px no-repeat;}
.mv header ul li:nth-child(1),.mv .nav-sp ul li:nth-child(1) { font-size: 12px; font-weight: bold; margin-top: 5px;}
.mv header ul li:nth-child(1) .mukyu,.mv .nav-sp ul li:nth-child(1) .mukyu { color: #f94800;}
.mv header ul li:nth-child(1) .line,.mv .nav-sp ul li:nth-child(1) .line { color: #00b900;}
.mv header ul li:nth-child(2),.mv .nav-sp ul li:nth-child(2) { padding-top: 5px; margin-right: 10px;}
.mv header ul li:nth-child(3),.mv .nav-sp ul li:nth-child(3) { padding-top: 5px;}

@media screen and (max-width:768px){
	.mv header { padding:8px 30px 0;}
	.mv header .logo { float: none; text-align:center;}
	.inner { width: 88%;}
	
	.mv .nav-sp ul { overflow:hidden; padding:0 5%;}
	.mv .nav-sp ul li:nth-child(1) { width:70%; margin:0; padding-right:8px; box-sizing:border-box;}
	.mv .nav-sp ul li:nth-child(1) a { font-size:24px;}
	.mv .nav-sp ul li:nth-child(2),.mv .nav-sp ul li:nth-child(3) { width:30%; float:right; padding-top:0; margin-right:0; margin-bottom:8px;}
}

.mv .contactarea { width: 1000px; margin: 80px auto; border: solid 3px #252935; border-radius: 4px; text-align: left;  background: #fff; z-index: 1;}
.mv .contactarea h3 { background: #252935; height: 67px; position: relative; color: #fff; margin:0;}
.mv .contactarea h3 .ttl { position: absolute; top: -17px; left: -17px;}
.mv .contactarea h3 .txt { font-size: 16px; font-weight: 900; display: block; padding: 12px 0 0 463px; letter-spacing: 1px;}
.mv .contactarea h3 .txt em { color: #f94800;}
.mv .contactarea h3 .attention { font-size: 13px; padding: 10px 0 0 463px; display: block;}

.mv .contactarea .inner { padding: 30px 37px 37px;}

.about { padding: 70px 0 70px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/about_bg.png) center top/100% auto no-repeat; text-align:center;}
.about h3 { margin:0 0 50px;}
.about figure { margin-bottom: 30px;}
.about p { font-size: 16px; line-height: 1.8; margin-bottom: 60px;}
.about p em { font-weight: 900; background: #ffec47; font-style:normal;}
@media screen and (max-width:768px){
	.about { padding: 40px 0;}
	.about h3 { width:70%; margin:0 auto 30px;}
	.about p { text-align:left; font-size:14px;}
}

.ttl_bt { font-size: 35px; font-weight: 900; color: #242936; position: relative; padding-top: 30px; margin:0 0 60px; text-align:center;}
.ttl_bt::before { content: ""; background:#ed2800; width: 30px; height: 3px; border-radius: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
@media screen and (max-width:768px){
	.ttl_bt { font-size: 26px; margin:0 0 40px; padding-top:24px; width:100% !important;}
}

.ico_heading { width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center !important; background: #ed2800; position: relative;}
.ico_heading::before, .ico_heading::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 15px 0; border-color: transparent #ed2800 transparent transparent; position: absolute; left: -10px; top: 0;}
.ico_heading::after { border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #ed2800; left: auto; right: -10px;}


.about ul { display: inline-block; margin-bottom: 30px; padding:0;}
.about ul::after { content: ""; display: block; clear: both;}
.about ul li { float: left; width: 214px; margin-right: 60px; list-style:none;}
.about ul li:last-child { margin-right: 0;}
.about ul li .ico_heading { margin: 0 auto 30px;}
.about ul li .txt { font-size: 16px; font-weight: 900; margin-bottom: 30px; line-height: 1.6;}
.about ul li figure { position: relative;}
.about ul li figure::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #bdbec2; position: absolute; top: 50%; right: -35px; transform: translateY(-50%);}
.about ul li:last-child figure::after { border: none; width: 160px; height: 160px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/about_step_txt.png) center/cover; transform: none; top: auto; right: -99px; bottom: -40px;}
.about ul + p em { font-size: 22px;}
@media screen and (max-width:768px){
	.about ul li { float:none; margin-right:0; margin-bottom:60px;}
	.about ul li figure::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #bdbec2 transparent transparent transparent; position: absolute; bottom: -34px; left: 50%; transform: translateX(-50%); top:auto; right:auto;}
	.about ul + p em { font-size: 14px;}
}

.merit { padding: 80px 0; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/bg-1-scaled-1.jpg) center top 100% repeat-y;}
.merit h3 { text-align:center; margin-bottom: 80px;}
.merit ul { width: 1000px; margin: 0 auto 40px; padding:0;}
.merit ul li { margin-bottom: 40px; border: solid 3px #ed2800; border-radius: 5px; background: #fff; position: relative; padding: 80px 37px 50px; list-style:none;}
.merit ul li/*:nth-child(1)*/ { padding: 80px 37px 64px;}
.merit ul li .ico_heading { position: absolute; left: 50%; top: -17px; transform: translateX(-50%);}
.merit ul li h4, .merit ul li .txt { width: 440px; margin: 0 0 0 auto;}
.merit ul li h4 { margin-bottom: 20px;}
.merit ul li .txt { text-align: left; font-size: 16px; line-height: 1.8; font-weight: bold;}
.merit ul li .txt em { background: #ffec47; font-weight: 900;}
.merit ul li figure { position: absolute; width:440px;}
.merit ul li/*:nth-child(1)*/ figure { bottom: 0; left: 37px;}
@media screen and (max-width:768px){
	.merit { padding: 60px 0;}
	.merit ul { width: 100%;}
	.merit ul li { padding: 50px 20px 30px;}
	.merit ul li h4 { width:100%;}
	.merit ul li figure { position:static; width:auto;}
	.merit ul li .txt { float:none; width:100%; font-weight:400;}
}

.merit .fukidashi { width: 734px; height: 456px; position: absolute; left: 50%; transform: translateX(-50%);}
.merit .fukidashi::before { content: ""; display: block; width: 734px; height: 456px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/merit_fukidashi.png); position: absolute; top: 0; left: 0; animation: mowamowa 1s linear infinite;}
.merit .fukidashi img { position: relative;}
@media screen and (max-width:768px){
	.merit .fukidashi { width: 90%; position: absolute; left: 50%; transform: translateX(-50%); height:auto;}
	.merit .fukidashi::before { width:100%; height:100%; background-size:contain; background-repeat:no-repeat;}
}

.voice { padding: 170px 0 80px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/voice_bg.png);}
.voice ul { width: 1030px; margin: 0 auto; padding:0;}
.voice ul::after { content: ""; display: block; clear: both;}
.voice ul li { float: left; margin: 0 10px 10px 0; list-style:none;}
.voice ul li:nth-child(even) { margin:0 0 10px 0 ;}
@media screen and (max-width:768px){
	.voice { padding: 20% 0 40px;}
	.voice ul { width:94%;}
	.voice ul li { float:none; margin: 0 0 10px 0;}
}

.reason { position: relative; padding: 80px 0; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/AdobeStock_356596834.jpg) center top repeat-y;}
.reason .inner h3 { margin:0 0 80px; position: relative; text-align:center;}
.reason .inner h3 span { position: absolute; top: 44px; left: 50%; margin-left: -33px; animation: jamp 1s ease-in-out infinite;}
.reason .inner ul { display: inline-block; padding:0; margin:0;}
.reason .inner ul li { float: left; width: 480px; margin: 0 40px 30px 0; list-style:none;}
.reason .inner ul li:nth-of-type(2n) { margin:0 0 30px 0;}
.reason .inner ul li h4 { margin:0 0 24px; text-align:center;}
.reason .inner ul li h4 img { height:268px; object-fit:cover;}
.reason .inner ul li:nth-of-type(3) h4 img,.reason .inner ul li:nth-of-type(4) h4 img { height:216px;}
.reason .inner ul li p { font-weight: bold; font-size: 16px; line-height: 1.8; text-align: left;}
.reason .inner ul li p em { background: #ffec47;}
@media screen and (max-width:768px){
	.reason { padding:40px 0;}
	.reason .inner h3 { margin:0 0 40px;}
	.reason .inner h3 span { width:40px; margin-left:-20px; top:34px;}
	.reason .inner ul li { float:none; width:100%; margin:0 0 30px;}
	.reason .inner ul li h4 { margin:0 0 20px;}
	.reason .inner ul li h4 img { height:180px; margin:0 auto; width:auto;}
	.reason .inner ul li:nth-of-type(3) h4 img,.reason .inner ul li:nth-of-type(4) h4 img { height:143px;}
	.reason .inner ul li p { font-weight: 400; font-size: 14px;}
	.reason .inner ul li p em { font-weight:bold;}
}

.measures { position: relative; padding: 120px 0 80px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/voice_bg.png); text-align:center;}
.measures .inner { position: relative;}
.measures .inner .gmap { position: relative; border: solid 3px #242936; background: #f4f6f8; border-radius: 5px; margin-bottom: 40px; padding-bottom: 37px; width: 1000px; margin: 0 auto 80px; z-index: 999;}
.measures .inner .gmap:before { content: ""; display: block; position: absolute; top: 0; width: 172px; height: 97px; left: 58px; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/problem_houjin_ex_ico_ochikomi.png);}
.measures .inner .gmap h3 { margin: -48px 0 30px; text-align:center;}
.measures .inner .gmap .fukidashi { position: absolute; right: -50px; top: 140px;}
.measures .inner .gmap figure { margin-bottom: 40px;}
.measures .inner .gmap .txt { width: 920px; margin: 0 auto; padding: 24px 34px; background: #fff; border-radius: 4px; font-size: 16px; line-height: 1.8;}
.measures .inner .gmap .txt em { font-size: 22px; font-weight: 900;}
.measures .inner .gmap .txt em span { background: #ffec47; font-size: 35px;}
.measures .inner .gmap::after { position: absolute; top: 461px; right: 26px; width: 247px; height: 267px; content: ""; display: block; background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/gmap_pic_02.png) no-repeat;}
@media screen and (max-width:768px){
	.measures { padding:40px 0;}
	.measures .inner .gmap { width:100%; margin:0 0 30px;}
}

.measures .inner h4 { margin:0 0 60px; text-align:center;}
.measures .inner .media { border: solid 3px #242936; background: #fff; border-radius: 5px; margin-bottom: 60px; padding: 37px 0;}
.measures .inner ul { margin:0; padding:0; overflow:hidden;}
.measures .inner ul li { float: left; list-style:none; width: 480px; margin: 0 40px 40px 0; border: solid 3px #242936; border-top: none; border-radius: 5px; background: #fff; padding-bottom: 30px;}
.measures .inner ul li:nth-child(2n) { margin: 0 0 40px 0;}
.measures .inner ul li h4 { font-size: 30px; line-height: 70px; font-weight: 900; color: #fff; margin-bottom: 30px; background: #242936;}
.measures .inner ul li figure { margin:0 0 25px; text-align:center;}
.measures .inner ul li p { width: 400px; margin: 0 auto; text-align: left; font-weight: bold; line-height: 1.8; font-size: 16px;}
@media screen and (max-width:768px){
	.measures .inner h4 { margin:30px 0 20px;}
	.measures .inner .media { padding:20px; margin-bottom:30px;}
	.measures .inner ul li { float:none; width:100%; margin: 0 0 20px; padding:0 0 20px;}
	.measures .inner ul li:last-of-type { margin:0;}
	.measures .inner ul li h4 { margin:0 0 20px; font-size: 16px; line-height: 40px;}
	.measures .inner ul li figure { margin:0 auto 20px; width:90%;}
	.measures .inner ul li p { width: 90%; font-size:14px;}
}


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

.service { background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/AdobeStock_356596834.jpg) center top repeat-y; padding: 80px 0 0;}
.service .inner { position:relative;}
.service .inner figure { position: absolute; top:100px; bottom:0; left:100px;}
.service .inner figure img { height:100%; object-fit:contain;}
.service .inner ul { width: 520px; float: right; padding:0; margin:0 0 80px;}
.service .inner ul li { text-align: left; line-height: 30px; list-style:none; padding-left: 50px; background: left center no-repeat; margin-bottom: 30px; font-size: 20px; letter-spacing: 1px; font-weight: 900; text-shadow: #fff 3px 0px, #fff -3px 0px, #fff 0px -3px, #fff 0px 3px, #fff 3px 3px, #fff -3px 3px, #fff 3px -3px, #fff -3px -3px, #fff 1px 3px, #fff -1px 3px, #fff 1px -3px, #fff -1px -3px, #fff 3px 1px, #fff -3px 1px, #fff 3px -1px, #fff -3px -1px;}
.service .inner ul li:nth-child(1) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/ai-1-1.png);}
.service .inner ul li:nth-child(2) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-2-1.png);}
.service .inner ul li:nth-child(3) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-3-1.png);}
.service .inner ul li:nth-child(4) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-4-1.png);}
.service .inner ul li:nth-child(5) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-5-1.png);}
.service .inner ul li:nth-child(6) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-6-1.png);}
.service .inner ul li:nth-child(7) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-7-1.png);}
.service .inner ul li:nth-child(8) { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/p-8.png);}
@media screen and (max-width:768px){
	.service { padding:40px 0;}
	.service .inner figure { position: static; width:46%; margin:0 auto 30px;}
	.service .inner ul { width: 100%; float:none; margin:0;}
	.service .inner ul li { text-align: left; line-height: 1.4; padding: 10px 0 10px 30px; margin-bottom: 5px; background: left center / 20px auto no-repeat; font-size: 14px; letter-spacing: 1px; font-weight: 900; text-shadow: #fff 3px 0px, #fff -3px 0px, #fff 0px -3px, #fff 0px 3px, #fff 3px 3px, #fff -3px 3px, #fff 3px -3px, #fff -3px -3px, #fff 1px 3px, #fff -1px 3px, #fff 1px -3px, #fff -1px -3px, #fff 3px 1px, #fff -3px 1px, #fff 3px -1px, #fff -3px -1px;}
	.service .inner ul li/*:nth-child(1)*/ { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/service_ico_01.png);}
}

.price { background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/bg_impact.png) center/cover; padding: 0 0 80px; position: relative;}
.price p { text-align: left; font-size: 12px; font-weight: bold; line-height: 1.6;}
.price p em { color: #d85140;}
.price .ttl_price { position: relative; width: 1000px; height: 470px;}
.price .ttl_price h3 { position:absolute; width:672px; height:538px; top:-40px; left:-3px; margin:0;}
.price .ttl_price h3 span { position:absolute; top:0; left:0;}
.price .ttl_price figure { position: absolute; top: 60px; right: 111px;}
.price .ttl_price p { position: absolute; top: 30px; right: -40px; animation: yurayura 3s linear infinite;}
@media screen and (max-width:768px){
	.price .ttl_price { position: relative; padding: 38%; width: 100%; height: auto;}
	.price .ttl_price h3 { position: absolute; width: 90%; top: 0%; left: -12%; height:auto;}
	.price .ttl_price h3 span { position:absolute; top:0; left:0;}
	.price .ttl_price figure { position: absolute; bottom: 0; right: 7%; width: 42%; top:auto;}
	.price .ttl_price p { position: absolute; top: -4%; right: -1%; animation: yurayura 3s linear infinite; width: 31%;}
	.price .table img { margin:0 0 20px;}
}

.flow { background: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2022/05/voice_bg.png); padding: 80px 0;}
.flow ul { width: 1000px; margin: 0 auto; padding:0;}
.flow ul li { position: relative; margin-bottom: 25px; list-style:none;}
.flow ul li::before { content: ""; width: 3px; height: 25px; background: #ed2800; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%);}
.flow ul li .step { width: 100px; height: 30px; line-height: 30px; color: #fff; text-align: center; background: #ed2800; margin: 0 auto -17px; position: relative;}
.flow ul li .step::before, .flow ul li .step::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 10px 15px 0; border-color: transparent #ed2800 transparent transparent; position: absolute; left: -10px; top: 0;}
.flow ul li .step::after { border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #ed2800; left: auto; right: -10px;}
.flow ul li .inner { border: 3px solid #ed2800; background: #fff; border-radius: 5px; overflow: hidden;}
.flow ul li .inner figure, .flow ul li .inner h3, .flow ul li .inner .txt { display: table-cell; height: 140px; vertical-align: middle; text-align: left;}
.flow ul li .inner figure { width:90px;}
.flow ul li .inner h3 { width: 288px; font-weight: 900; font-size: 25px; line-height: 1.4; letter-spacing: 1px; padding-left: 25px;}
.flow ul li .inner .txt { font-weight: bold; font-size: 16px; letter-spacing: 1px; text-align: left; line-height: 1.6; padding-right: 40px;}
.flow ul li:last-child { margin: 0; border-color: #ed2800;}
.flow ul li:last-child::before { display:none;}
.flow ul li:last-child .step { background:#ed2800;}
.flow ul li:last-child .step::before { border-color: transparent #ed2800 transparent transparent;}
.flow ul li:last-child .step::after { border-color: transparent transparent transparent #ed2800;}
.flow ul li:last-child .inner { border: none;}
.flow ul li:last-child .inner h3 { color:#ed2800; }
.flow ul li:last-child .inner .border { border:3px solid #ed2800;}
@media screen and (max-width:768px){
	.flow { padding: 60px 0;}
	.flow ul { width: 100%;}
	.flow ul li .inner { width:100%;}
	.flow ul li .inner figure, .flow ul li .inner h3, .flow ul li .inner .txt { display: block; height:auto;}
	.flow ul li .inner figure { padding-top: 20px; margin-bottom: 14px; text-align:center; width:100%;}
	.flow ul li .inner figure img { height:80px;}
	.flow ul li .inner h3 { font-size:16px; padding-left:0; text-align:center; margin:0 0 14px; width:100%;}
	.flow ul li .inner .txt { width: 88%; margin: 0 auto; font-weight: bold; text-align: left; line-height: 1.6; padding-bottom: 20px; font-size:14px;}
}


.faq { margin-bottom: 80px;}
.faq .hidden_box { width: 1000px; margin: 0 auto; text-align: left;}

.faq .hidden_box label, .faq .hidden_box .show_box { padding: 20px 50px 20px 80px; font-weight: bold; position: relative;}
.faq .hidden_box label { font-size: 20px; line-height: 1.4; letter-spacing: 1px; border-top: solid 1px #eeeeee; cursor: pointer; display:block; background-color:#fff; text-align:left; color:#111;}
.faq .hidden_box label em { font-size: 25px; color: #ed2800; letter-spacing: 3px;}
.faq .hidden_box .show_box { font-size: 16px; line-height: 1.6; letter-spacing: 1px; display: none; animation-delay: 0 !important; opacity: 1 !important; transform: none !important;}
.faq .hidden_box:last-of-type { border-bottom: solid 1px #eeeeee;}

.faq .hidden_box input[type="checkbox"] { display:none;}
.faq .hidden_box input:checked ~ .show_box { display:block;}
.faq .hidden_box p { margin:0;}
.faq .hidden_box input:checked ~ .show_box em { background: #ffec47;}

.faq .hidden_box .hexagon { position: absolute; top: 50%; left: 20px; font-size: 18px; font-weight: bold; text-align: center; width: 40px; height: 22px; line-height: 22px !important; background: #242936; transform: translateY(-50%); color: #fff; display: block; border:0;}
.faq .hidden_box .hexagon::before, .faq .hidden_box .hexagon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 12px 20px;
    border-color: transparent transparent #242936 transparent;
    position: absolute;
    left: 0;
    top: -12px;
}
.faq .hidden_box .hexagon::after {
    border-width: 12px 20px 0 20px;
    border-color: #242936 transparent transparent transparent;
    top: auto;
    bottom: -12px;
}
.faq .hidden_box input:checked ~ .show_box .hexagon { background: #ed2800;}
.faq .hidden_box input:checked ~ .show_box .hexagon:before { border-color: transparent transparent #ed2800 transparent;}
.faq .hidden_box input:checked ~ .show_box .hexagon:after { border-color: #ed2800 transparent transparent transparent;}
@media screen and (max-width:768px){
	.faq { margin-bottom: 60px;}
	.faq .hidden_box { width:88%;}
	.faq .hidden_box label, .faq .hidden_box .show_box { padding: 12px 30px 12px 46px; font-weight: bold; position: relative;}
	.faq .hidden_box label { font-size: 14px;}
	.faq .hidden_box label em { font-size: 16px;}
	.faq .hidden_box .hexagon { position: absolute;
    top: 50%;
    left: 6px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 12px;
    line-height: 12px !important;
    background: #242936;
    transform: translateY(-50%);
    color: #fff;
    display: block;}
	.faq .hidden_box .hexagon::before,.faq .hidden_box .hexagon::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 12px 8px 12px; border-color: transparent transparent #242936 transparent; position: absolute; left: 0; top: -8px;}
	.faq .hidden_box .hexagon::after { border-width: 8px 12px 0 12px; border-color: #242936 transparent transparent transparent; top: auto; bottom: -8px;}
	.faq .hidden_box .show_box { font-size:14px;}
	
}

.contact {
    background: #242936;
    margin-bottom: 80px;
    padding-bottom: 80px;
}
.contact h2 { margin:0; text-align:center;}
.contact .cvarea {
    background: #fff;
    text-align: center;
    padding: 30px 5%;
    border-radius: 5px;
    margin-bottom: 30px;
}
.contact .cvarea h3 { font-weight: 900;
    font-size: 19px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.contact .cvarea ul { width: 740px; margin: 0 auto; padding:0; overflow:hidden;}
.contact .cvarea ul li {
    float: right; list-style:none; width:48%;
}
.contact .cvarea ul li:first-child {
    float: left;
    padding-left: 42px;
    font-weight: bold;
    font-size: 40px;
    line-height: 60px;
    background: url(../img/ico_tel.png) left 15px no-repeat;
    letter-spacing: -1px;
}

@media screen and (max-width:768px){
	.contact { margin-bottom: 60px; padding-bottom: 60px;}
	.contact .cvarea { padding: 20px 2% 0; margin-bottom:20px;}
	.contact .cvarea h3 { font-size:13px; margin:0 0 20px;}
	.contact .cvarea ul { width:100%;}
	.contact .cvarea ul li { float:none; margin:0 auto; list-style:none; width:88%;}
	.contact .cvarea ul li:first-child { font-size:28px;}
	.contact center { width:88%; margin:0 auto;}
}

.company dl { width:740px; float:left; font-size:12px; margin-left:0;}
.company dl dt { float:left;}
.company dl dd { padding-left:30%; margin:0 0 40px;}

.company ul { float:right;}
.company ul li { list-style:none; margin:0 0 40px;}
@media screen and (max-width:768px){
	.company dl { width:100%; float:none;}
	.company dl dd { margin:0 0 20px;}
	.company ul { float:none; margin:0; padding:0;}
	.company ul li { width:48%; float:left;}
	.company ul li:nth-of-type(2n) { float:right;}
}

.aboutSec { padding:80px 0;}
.aboutSec .inner { position:relative;}
.aboutSec .txt { width:70%;line-height: 1.75em; letter-spacing: 0.1em;
    font-size: 20px; font-weight:bold;}
.aboutSec .txt h3 { color: #174663;
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 2;}
.aboutSec .txt h3 span { color:#E95513;}
.u-yellow-maker {
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFEF00 0%);
}
.aboutSec .txt .txt2 { margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.75em;
    font-size: 20px;
    z-index: 2;
    position: relative;
    width: 80%;}
.aboutSec_inner_txt3 {
    display: inline;
    font-weight: bold;
    font-size: 25px;
    background: linear-gradient(transparent 70%,rgba(233, 85, 19, 0.38) 70%);
    letter-spacing: 0.1em;
    position: relative;
    z-index: 2;
}
.aboutSec_inner_phone {
    position: absolute;
    right: -5%;
    top: -5%;
    width: 40%;
    z-index: 1;
}
@media screen and (max-width:768px){
	.aboutSec { padding:20px 0;}
	.aboutSec_inner_phone { display:none;}
	.aboutSec .txt { width:100%; font-size:14px; font-weight:400;}
	.aboutSec .txt h3 { font-size:22px;}
	.aboutSec .txt .txt2 { width:100%; font-size:14px;}
	.aboutSec_inner_txt3 { font-size:14px; background: linear-gradient(transparent 30%, #FFEF00 0%);}
}

.troubleSec {
    background: #202f55;
    padding-top: 50px;
	padding-bottom:50px;
}
.troubleSec .inner { position:relative;}
.troubleSec_inner_ttl {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    width: 450px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.15em;
    position: relative;
}
.troubleSec_inner_ttl::after, .troubleSec_inner_ttl::before {
    position: absolute;
    top: 0;
    content: '';
    width: 80px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.troubleSec_inner_ttl::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 0;
}
.troubleSec_inner_ttl::after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 0;
}
.troubleSec_inner_flex {
    display: flex;
    justify-content: space-around;
    margin: 100px 50px 0 50px;
}
.troubleSec_inner_flex_item {
    background-color: #FFF;
    width: 230px;
    padding: 50px 0;
    position: relative;
    z-index: 1;
}
.troubleSec_inner_flex_txt {
    text-align: center;
    color: #174663;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.1em; margin:0;
}
.troubleSec_inner_flex_item img {
    position: absolute;
    width: 70px;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.troubleSec_inner_flex_item::after, .troubleSec_inner_flex_item::before {
    position: absolute;
    top: -10px;
    content: '';
    width: 100px;
    height: calc(100% + 20px);
    display: inline-block;
    box-sizing: border-box;
}
.troubleSec_inner_flex_item::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: -10px;
}
.troubleSec_inner_flex_item::after {
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;
    right: -10px;
}
.troubleSec_inner_solution {
    max-width: 1000px;
    margin: 80px auto 0;
}
.troubleSec_inner_man {
    position: absolute;
    top: 40px;
    left: -120px;
    z-index: 0;
}
.troubleSec_inner_man img { width:320px;}
.troubleSec_inner_flex_item p { margin:0;}
@media screen and (max-width:768px){
	.troubleSec { padding-top:20px;}
	.troubleSec_inner_ttl { font-size:18px; width:88%; height:32px;}
	.troubleSec_inner_flex { display:block; margin:40px auto 0; width:82%;}
	.troubleSec_inner_flex_item { width:100%; padding:16px 0; margin:0 0 40px;}
	.troubleSec_inner_flex_item p { margin:0;}
	.troubleSec_inner_flex_txt { font-size:16px;}
	.troubleSec_inner_flex_item img { width: 40px; top: -20px;}
	.troubleSec_inner_man { width:40%; left:-56px; display:none;}
}

.companySec { margin-bottom:100px;}

.companySec__inner__head {
    background-color: #174663;
    width: 100%; margin:0 0 80px;
}
.companySec__inner__head h3 {
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    color: #FFF;
    padding: 30px;
    letter-spacing: 0.2rem;
}
.companySec__inner__box__ttl {
    padding: 15px 0;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #333333;
    border-bottom: 1px solid #cccccc;
}
.companySec__inner__box__cont dl {
    display: flex;
    margin-bottom: 30px;
}
.companySec__inner__box__cont dl dt {
    width: 200px;
    padding: 0 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
    border-right: 1px solid #cccccc;
}
.companySec__inner__box__cont dl dd {
    flex: 1;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1.8;
}
@media screen and (max-width:768px){
	.companySec__inner__head { margin:0 0 40px;}
	.companySec__inner__head h3 { font-size:24px; padding: 12px;}
	.companySec__inner__box__ttl { font-size:20px;}
	.companySec__inner__box__cont dl { display:block; margin-bottom:0px; text-align:center; margin:0;}
	.companySec__inner__box__cont dl:first-of-type { border-top:1px solid #ccc;}
	.companySec__inner__box__cont dl dt { width:100%; font-size:16px; padding:12px 0; border-bottom:1px solid #ccc; border-right:0;}
	.companySec__inner__box__cont dl dd { padding-left:0; padding:12px 0; font-size:16px; border-bottom:1px solid #ccc; margin:0;}
}


.l-floatingBnrPc {
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-top: 3px solid #ff3f00;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.define_wrap {
    padding: 0 24px;
}

.l-floatingBnrPc__inner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    position: relative;
}
.define_inner {
    max-width: 100%;
    width: 1100px;
    margin: 0 auto;
}

.l-floatingBnrPc__inner__logo {
    width: 25.3061224%;
    padding-right: 15px; margin-bottom:0;
}
.l-floatingBnrPc__inner__tel {
    width: 27.1428571%;
    padding-right: 15px; margin-bottom:0;
}
.l-floatingBnrPc__inner__btn {
    margin-right: 150px;
    margin-bottom: 3px;
}
.l-floatingBnrPc__inner__pic {
    width: 200px;
    height: 133px;
    position: absolute;
    bottom: -54px;
    right: -40px;
}
@media screen and (max-width:768px){
	.l-floatingBnrPc { display:none;}
	.l-floatingBnrSp {
    width: 100%;
    background-color: #238c00;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-width: 767px;
}
}



.midashi-faq-new { font-size:18px; margin:40px 0 8px; color:#aaa; font-weight:400;}

.wrap-faq { width:80%; margin:0 auto;}

.wrap-faq .hidden_box { padding:0; margin:0 0 10px; box-shadow:0 1px 2px #ddd;}
.wrap-faq .hidden_box label { padding:4px 20px; height:auto; font-size:18px; background-color:#fafafa; display:block; border:1px solid #ccc; border-top:0; position:relative;}
.wrap-faq .hidden_box label:after { content:"\f078"; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; top:8px; right:20px;}
.wrap-faq .hidden_box input:checked ~ label:after { transform:rotate(180deg);}
.wrap-faq .hidden_box p { font-size:0;}

/*ボタンホバー時*/
.wrap-faq .hidden_box:hover { box-shadow:4px 4px 4px #ddd,-4px -4px 4px #ddd;}

/*チェックは見えなくする*/
.wrap-faq .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.wrap-faq .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0; font-size:18px;}
.wrap-faq .hidden_box p { margin:0;}


.wrap-faq .hidden_box input:checked ~ .hidden_show { padding:4px 20px; background-color:#fdfdfd; opacity:1; height:auto; border:1px solid #ccc; border-top:0;}
@media screen and (max-width:768px){
	.wrap-faq { width:90%;}
	.wrap-faq iframe { height:337.5px;}
	
	.wrap-faq .hidden_box label { font-size:13px; min-height:40px; padding:8px 40px 8px 8px;}
	.wrap-faq .hidden_box label:after { right:16px;}
	.wrap-faq .hidden_box input:checked ~ .hidden_show { font-size:13px; padding:8px;}
	
}

.midashi-page { font-size:32px; text-align:center; margin:80px 0 40px; padding:0 0 16px; position:relative; color:#0d0047;}
.midashi-page:after { content:""; width:40px; height:3px; position:absolute; bottom:0; left:calc(50% - 20px); background-color:#0d0047;}
.dl-outline { margin:40px 0 80px; padding:0; display:flex; flex-wrap:wrap;}
.dl-outline dt { width:24%; border-right:3px solid #fff; background-color:#0d0047; color:#fff; padding:24px; box-sizing:border-box; float:left; border-bottom:3px solid #fff; }
.dl-outline dt:last-of-type { padding:38px 24px;}
.dl-outline dd { width:76%; background-color:#efefef; padding:24px; border-bottom:3px solid #fff; margin:0;}
@media screen and (max-width:768px){
	.midashi-page { font-size:24px; margin:40px 0 24px; padding:0 0 8px;}
	.dl-outline { margin:0 0 40px; }
	.dl-outline dt,.dl-outline dt:last-of-type { padding:8px; width:100%; float:none; text-align:center; border-right:0;}
	.dl-outline dd { background-color:#efefef; padding:8px; width:100%;}
}

.bg-ef { background-color:#efefef; padding:1px 0 80px;}

.dl-access-des,.dl-access-img { margin:24px 0 0; padding:0; display:flex; align-items:center; height:144px;}
.dl-access-des dt,.dl-access-img dt { width:34%; border-right:3px solid #efefef; box-sizing:border-box; background-color:#fff; height:100%; text-align:center; display:flex; align-items:center; font-size:16px; justify-content: center; color:#0d0047;}
.dl-access-des dd,.dl-access-img dd { width:66%; background-color:#fff; height:100%; margin:0; display:flex; align-items:center; font-size:16px; padding-left:24px; box-sizing:border-box; flex-wrap:wrap;}
.dl-access-img { flex-wrap:wrap; height:auto; align-items:stretch;}
.dl-access-img dt,.dl-access-img dd { margin-bottom:8px; height:190px;}
.dl-access-img dt img { width:100%; height:100%; object-fit:cover;}
.dl-access-img dd {  padding:8px 24px; display:block;}
.dl-access-img dd h4 { width:100%; border-bottom:1px solid #111; margin:0 0 16px;}
@media screen and (max-width:768px){
	.bg-ef { background-color:#efefef; padding:1px 0 40px;}
	.dl-access-des { height:80px;}
	.dl-access-des dt,.dl-access-des dd { font-size:13px;}
	.dl-access-img dt,.dl-access-img dd { width:100%; height:auto;}
	.dl-access-img dt { margin:0; border:0;}
	.dl-access-img dd h4 { font-size:18px; margin:0 0 8px;}
}

.midashi-reason { font-size:48px; margin:40px 0 80px; line-height:1.2; text-align:center;}
.midashi-reason span { font-size:64px; display:block; color:#0d0047;}
@media screen and (max-width:768px){
	.midashi-reason { font-size:20px; margin:20px 0 40px;}
	.midashi-reason span { font-size:28px!important; padding:10px 0;}
}

.link-wrap { width:100%; height:100%; position:absolute; top:0; left:0;}

.ul-reason { margin:0 0 56px; padding:0; overflow:hidden;}
.ul-reason li { width:49%; float:left; list-style:none; border:1px solid #ccc; position:relative; border-radius:8px; margin-bottom:24px;}
.ul-reason li:nth-of-type(2n) { float:right;}
.ul-reason li:hover { background-color:#efefef;}
.ul-reason li dl { margin:0; padding:0; padding:12px 0; overflow:hidden;}
.ul-reason li dt { width:80px; float:left; border-right:1px solid #ccc; color:#0d0047; font-size:24px; text-align:center; line-height:1; padding:8px 0;}
.ul-reason li dt small { font-size:14px; display:block;}
.ul-reason li dd { margin:0; padding-left:92px; font-size:24px; font-weight:bold; line-height:1.6;}
.ul-reason li dd span { display:block; text-align:center; font-size:14px; line-height:1;}
@media screen and (max-width:768px){
	.ul-reason { margin:0 0 40px;}
	.ul-reason li { width:100%; float:none;}
	.ul-reason li:nth-of-type(2n) { float:none;}
	.ul-reason li dt { width:40px; font-size:28px;}
	.ul-reason li dd { padding-left:48px; font-size:20px;}
}

.inner-reason { margin:0 0 80px;}
.inner-reason h2 span { color:red;}
.inner-reason h3 { font-size:32px; background-color:#0d0047; color:#fff; padding:15px 0 10px 120px; position:relative;}
.inner-reason h3 span { background-color:#fff; border:1px solid #0d0047; font-size:14px; font-weight:bold; display:block; text-align:center; line-height:1.2; padding:8px 0; position:absolute; top:-12px; left:20px; width:80px; color:#0d0047;}
.inner-reason h3 span strong { font-size:24px; display:block;}
.inner-reason .overflow { padding:0 20px;}
.inner-reason a { width:400px; display:block; border:1px solid #0d0047; border-radius:8px; text-align:center; line-height:60px; font-size:18px; color:#0d0047; position:relative; margin:40px auto 0;}
.inner-reason a i { position:absolute; top:20px; right:20px;}
.inner-reason a:hover { background-color:#0d0047; color:#fff;}
.inner-reason .line-banner { border:0; width:auto; text-align:left;}
.inner-reason .line-banner:hover { background:transparent;} 

.w68 { width:68%;}
@media screen and (max-width:768px){
	.inner-reason { margin:0 0 40px;}
	.inner-reason h3 { padding:0 0 0 64px; font-size:18px; min-height:48px; display:flex; align-items:center;}
	.inner-reason h3 span { width:50px; font-size:10px; left:8px; padding:4px 0; line-height:1;}
	.inner-reason h3 span strong { font-size:28px;}
	.inner-reason h2 { font-size:13px;}
	.inner-reason h2 small { font-size:13px;}
	.inner-reason h2 span { font-size:30px;}
	.inner-reason .overflow { padding:0;}
	.inner-reason a { width:100%; line-height:40px; margin:20px auto 0; font-size:16px;}
	.inner-reason a i { top:11px; right:5%;}
	.inner-reason img { margin-bottom:16px; width:100%!important;}
	.w68 { width:100%;}
}

.box-flow { background-color:#fff; padding:24px; border:1px solid #ccc; margin:80px 0; border-radius:10px;}
.box-flow h3 { font-size:22px; color:#666; border-bottom:2px solid #ccc; margin:0 0 40px; position:relative;}
.box-flow h3:after { content:""; width:170px; height:2px; position:absolute; bottom:-2px; left:0; background-color:#0d0047;}
.box-flow h4 { font-size:24px; color:#0d0047; margin:0 0 10px;}
.box-flow .box { background-color:#cce6ff; padding: 15px 20px; margin:0 0 20px;}
.box-flow ul { margin:0; padding:0; overflow:hidden;}
.box-flow li { width:48%; float:left; list-style:none;}
.box-flow li:nth-of-type(2n) { float:right;}
.box-flow li a { border:2px solid #0d0047; line-height:80px; width:100%; display:block; text-align:center; color:#0d0047; font-size:20px; border-bottom-width: 4px; border-radius:10px;}
.box-flow li:nth-of-type(2) a { color: #666; border-color: #666;}
@media screen and (max-width:768px){
	.box-flow { margin:40px 0;}
	.box-flow h3 { font-size:20px; margin:0 0 24px;}
	.box-flow li { width:100%; float:none; margin-bottom:8px;}
.box-flow li:nth-of-type(2n) { float:none;}
	.box-flow li a { line-height:48px; font-size:16px;}
	.box-flow .box { padding:15px 5%;}
}

.midashi-menu-price { margin:160px 0 0; border-top:4px dotted #0d0047; color:#0d0047; text-align:center;}
.midashi-menu-price span { display:inline-block; font-size:40px; margin-top:-88px; background-color:#fff; padding:0 24px;}
.midashi-menu-price span small { font-size:24px; font-weight:400;  display:block;}
@media screen and (max-width:768px) {
	.midashi-menu-price { margin-top:80px;}
	.midashi-menu-price span { font-size:24px;}
	.midashi-menu-price span small { font-size:16px;}
}

.ul-menu-price { margin:40px auto 0; padding:0; display:flex; justify-content:space-around;}
.ul-menu-price li { list-style:none;}

.midashi-sub-price { font-size:28px; text-align:center; margin:80px 0 40px;}
.midashi-sub-price:after { content:""; display:block; width:32px; height:4px; background-color:#0d0047; margin:16px auto;}

.table_wrap { overflow-x: auto; margin:24px 0 12px;}
table.typeA { width: 100%; border: 1px solid #0d0047; border-radius: 10px; border-collapse: separate; overflow:hidden;}
table.typeA th { background-color: #0d0047; color: #fff; font-size: 16px; line-height: 55px; font-weight: bold; border-collapse: separate; text-align:center; border-right: 1px dashed #fff;}
table.typeA th:first-child { border-right: 1px solid #fff; border-radius: 9px 0 0 0; width:65%;}
table.typeA td { font-size: 16px; text-align: left; padding: 0 30px; line-height:1.8;}
table.typeA tr td { border-right: 1px dashed #0d0047;}
table.typeA td h5 { font-size:19px; text-align:center; margin:0; font-weight:400;}
table.typeA td span { font-size: 22px;}
table.typeA tr:nth-child(even) td { background-color:#bbc6e3bf;}
@media screen and (max-width:768px) {
	table.typeA th { line-height:initial;}
	table.typeA tr td { padding:0 5px;}
	table.typeA td span { font-size:15px;}
	table.typeA td h5 { font-size:15px;}
}

.read2 { background-color: #ffe1b2; border-radius: 50px; margin-top: 10px; padding: 10px 15px;}
.read2 img { display:block; margin: 0 auto;}

.lead-menu-price { font-size:18px; text-align:center; margin:0 0 24px;}

.midashi-bg-price { margin:40px 0 24px; background-color:#0d0047; padding:14px 24px; font-size:24px; border-radius:8px; color:#fff;}
.midashi-bg-price small { font-size:18px; padding-left:12px;}
@media screen and (max-width:768px) {
	.midashi-bg-price { font-size:18px;}
}

.price-menu-price { margin:0 0 20px; padding:0; font-size:15px; font-weight:400;}
.price-menu-price span { border-bottom: 4px solid #bbc6e3bf; padding:0 0 8px;}
.price-menu-price span strong { font-size:24px;}

.baroon { position: relative;
    display: inline-block;
    background-color: #ff9c00;
    border-radius: 30px;
    margin: 1.5em 0;
    padding: .25em 1.25em;
    color: #fff;
    font-weight: bold;}
.baroon:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #ff9c00;
}

.box-caution { margin:30px 0 64px; border:1px solid #0d0047; border-radius:20px;}
.box-caution h4 { font-size:20px; background-color:#0d0047; color:#fff; display:inline-block; margin:0; padding:4px 32px; border-radius:20px 0 0 0;}
.box-caution ul { margin:20px 0 24px; padding:0 50px;}
.box-caution ul li { list-style:none; margin:0 0 8px;}
.box-caution ul li:before { content:"*"; display:inline-block; margin-right:8px;}
@media screen and (max-width:768px) {
	.box-caution h4 { width:100%;}
	.box-caution ul { padding:0 15px;}
}

.contact_bar { background-image: url(https://shizuoka-katakori-co.jp/wp-content/uploads/2021/03/bg_contact.png); margin-top: 60px; position: relative;  background-size: 100% 100%; border-radius: 10px; height: 220px;}
.contact_bar .inner {
    position: absolute;
    top: 53%;
    right: 5%;
    transform: translateY(-50%);
    width: 60%;}
.contact_bar .inner h3 { margin:0 0 30px;}
.contact_bar .inner h3 img { margin:0 auto; display:block;}
.contact_bar .inner .flex { display: flex; justify-content: space-between;}
.contact_bar .inner .col { width: 47%;}

.inner-access-price { margin:40px 0 0; width:60%;}
.inner-access-price h3 { font-size:24px; margin:40px 0;}
.inner-access-price dl { margin:0 0 80px; padding:0;}
.inner-access-price dt { width:30%; float:left;}
.inner-access-price dd { margin:0 0 16px;}

.site-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	margin: 0; writing-mode: vertical-rl;  float:left;
}

.site-description {
	display:inline-block; background-color:#fff; padding:0 8px 0 0; font-size:48px; font-weight:400; writing-mode: vertical-rl; position:absolute; bottom:48px; right:calc(48px + 3%); z-index:9; line-height:1; margin:0;
}

.top-img { width:calc(97% - 16.66%) !important; height:100% !important;  position:absolute; top:0px; right:3%; object-fit:cover;}

@media screen and (max-width:768px){
	
	.top-img { width:100%; height:auto; position:static; margin-top:8px;}
}

.head-page { height:90vh; position:relative; margin:0 0 80px;}
.head-page .site-title {width:calc(100% / 6); height:100vh; background-color:#fff;	padding:32px 40px;	text-decoration:none;}
.mb-80 { margin-bottom:80px; }
@media screen and (max-width:768px){
	.head-page { height:auto; margin:0; padding:0 5%;}
	.head-page .site-title { display:none; width:100%; height:auto; padding:0; margin:16px 0 8px;}
	
	.mb-80 { margin-bottom:40px; }
}

.img-top { width:100%; height:auto;}

.wrap section { margin:80px 0;}
.wrap section:after { content:""; display:block; clear:both;}
.wrap-news h3 { font-size:24px; margin:0 0 24px; font-weight:300; letter-spacing:.1em; border-bottom:1px solid #ccc; padding:0 0 16px;}
.wrap-news a { display:block; border-bottom:1px dotted #ccc; color:#0d0047; padding:0 0 8px; margin-top:8px;}
.wrap-news a i { padding-left:16px;}
.wrap-news .btn_maru { display:block; background:#0d0047; color:#fff; text-align:center; padding:10px 0 5px; border-radius:10px;}
@media screen and (max-width:768px){
	.img-top { width:100%; height:40vh; display:none;}
	
	.wrap section { margin:40px 0;}
	section.wrap-news { margin:0 0 40px;}
	.wrap-news h3 { font-size:20px; margin:0 0 20px; padding:0;}
	.wrap-news .fright { margin:0 ;}
}

.rss ul { list-style: none; margin: 0; line-height: 2; padding: 0;}
.rss ul li { position:relative; overflow:hidden;}
.rss ul li a { display:inline-block; border-bottom:none; white-space:nowrap; text-overflow:ellipsis; float:right; width:calc(100% - 120px); margin:0; overflow:hidden;}
.rss ul li small { padding-right:20px;}
	@media screen and (max-width:768px) {
		.rss ul li a { width:100%; margin:0;}
	}	

.wrap-new-reason { padding:80px 0 16px; background-color:#d5d5d5;}
.wrap-new-reason h3,.wrap-new-news h3 { font-size:24px; color:#0d0047; text-align:center; margin:0 0 48px; line-height:1.8;}
.wrap-new-reason ul { margin:0; padding:0; overflow:hidden;}
.wrap-new-reason ul li { width:48%; list-style:none; float:left; margin-bottom:64px; overflow:hidden;}
.wrap-new-reason ul li:nth-of-type(2n) { float:right;}
.wrap-new-reason ul li img { width:48%; float:left; border:1px solid #0d0047; box-sizing:border-box;}
.wrap-new-reason ul li div { width:48%; float:right;}
.wrap-new-reason ul li div h4 { font-size:20px; margin:20px 0;}
@media screen and (max-width:768px){
	.wrap-new-reason { padding:48px 0 24px; font-size:13px; line-height:1.6;}
	.wrap-new-reason h3,.wrap-new-news h3 { font-size:18px; margin:0 0 24px;}
	.wrap-new-reason ul li { width:100%; margin-bottom:24px;}
	.wrap-new-reason ul li img { width:30%;}
	.wrap-new-reason ul li div { width:68%;}
	.wrap-new-reason ul li div h4 { font-size:16px; margin:0 0 8px;}
	.wrap-new-reason ul li div p { margin:0;}
}

.wrap-learning { padding:80px 0; background-color:#efefef;}
.midashi-top,.midashi2-top { font-size:40px; margin:0 0 80px; letter-spacing:.1em; line-height:1.2;}
.midashi-top span,.midashi2-top span { background: linear-gradient(transparent 60%,#bbc6e3bf 1%);}
.midashi2-top { font-size:40px; line-height:1.2;}
.midashi-top small { font-size:27px; display:block; margin-bottom:15px;}
.p-orange {font-size:16px; font-weight:300; display: inline-block; margin:20px 0; padding: 0; color: #0d0047; letter-spacing: 3.2px; line-height:1.8;}

.wrap-learning .box,.wrap-learning .box2 { width:100%; position:relative; margin:0 0 80px;}
.wrap-learning .box img { width:55%;}
.wrap-learning .box .txt { width:55%; position:absolute; right:0; top:64px; background-color:rgba(0,0,0,0);}
.wrap-learning .box .txt a { display:block; padding:40px 40px 32px; box-sizing:border-box; color:#111; background-color:#fff;}
.wrap-learning .box2 a { color:#111;}
.wrap-learning .box .txt a:hover,.wrap-learning .box2 .txt a:hover { text-decoration:none; color: #0d0047;}
.wrap-learning .box .txt strong,.wrap-learning .box2 .txt strong,.wrap-learning dd a strong { font-size:32px; display:inline-block; margin-bottom:24px;}
.wrap-learning .box .txt a span,.wrap-learning .box2 .txt a span,.wrap-world dd a span,.wrap-learning dd a span,.for-hog dd a { display:inline-block; background-color: #0d0047; color:#fff; float:left; margin-top:32px; width: 190px; padding: 19px 16px; font-size:16px; letter-spacing: 1.6px; line-height:1;}
.wrap-learning .box2 .txt a span { margin-bottom:-64px;}
.wrap-learning .box .txt a span i,.wrap-world dd a span i,.wrap-learning dd a span i { float:right;}
.wrap-learning .box .txt a:hover span,.wrap-learning .box2 .txt a:hover span { background-color: #0d0047;}
@media screen and (max-width:768px){
	.wrap-learning { padding:40px 0 60px;}
	.midashi-top,.midashi2-top { font-size:24px; margin:0 0 24px; letter-spacing:.18em; line-height:1.2;}
	.midashi-top span,.midashi2-top span { font-size:17px; margin:8px 0 0; letter-spacing: 3.2px; line-height:1.6; }
	.midashi2-top { font-size:24px;}
	.wrap-learning .box,.wrap-learning .box2 { width:100%; position:relative; margin:0 0 40px;}
	.wrap-learning .box2 { margin-top:80px;}
	.wrap-learning .box { height:353px;}
	.wrap-learning .box img { width:100%;}
	.wrap-learning .box .txt { width:90%; padding:0; right:-5%; top:160px; font-size:14px; height:auto; font-weight:400;}
	.wrap-learning .box .txt a { padding:20px 5%;}
	.wrap-learning .box .txt strong,.wrap-learning .box2 .txt strong,.wrap-learning dd a strong { font-size:16px; margin-bottom:8px;}
	.wrap-learning .box .txt a span,.wrap-world dd a span,.wrap-learning dd a span,.for-hog dd a { margin-top:20px; width: 160px; padding: 16px 8px; font-size:13px;}
	.p-orange {font-size:15px;}
}

.wrap-learning .box2:after { content:""; display:block; clear:both;}
.wrap-learning .box2 img { width:55%; float:right;}
.wrap-learning .box2 .txt { width:55%; background-color:#fff; padding:40px; box-sizing:border-box; position:absolute; top:80px; left:0; height:auto; z-index:15;}
@media screen and (max-width:768px){
	.wrap-learning .box2 img { width:100%; float:none; position:relative; z-index:9;}
	.wrap-learning .box2 .txt { width:90%; padding:24px 5%; top:180px; left:-5%; font-size:14px; font-weight:400;}
	.wrap-learning .box2 { height:447px;}
}

.wrap-world { padding:80px 0; background-color:#ddd;}
.wrap-world dl { margin:0; padding:0; overflow:hidden;}

.wrap-world dt,.wrap-world dd { width:50%; height:300px;}
.wrap-world dt a { font-size:0;}
.wrap-world dt img { width:100%; height:100%; object-fit:cover;}
.wrap-world dd { box-sizing:border-box; margin:0;}
.wrap-world dd a { display:block; padding:40px 40px 64px; background-color:#fff; height:300px;}
.wrap-world dd strong { font-size:28px; display:inline-block; margin-bottom:20px;}
.wrap-world dd a span { float:none; margin-top:8px;}
.wrap-world dl:hover dd a { color:#0d0047;}
.wrap-world dl:hover dd a span { background-color:#0d0047;}
@media screen and (max-width:768px){
	.wrap-world { padding:60px 0 0;}
	.wrap-world .midashi-top { margin:-32px 0 20px; font-size:20px; text-align:center;}
	.wrap-world dl { margin:0 0 40px;}
	.wrap-world dt,.wrap-world dd { width:100%; height:auto;}
	.wrap-world dd a { padding:20px 5% 32px; height:auto;}
	.wrap-world dd strong { font-size:16px; margin-bottom:8px;}
	.wrap-world dd a span { float:left; margin-top:8px;}
}

.wrap-learning dl { width:100%; padding:0 32px 0 55%; background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/f_0067.jpg); background-position:center left; background-repeat:no-repeat; background-size:55% 100%; margin:-40px 0 0;}
.wrap-learning dt { font-size:0;}
.wrap-learning dd a { display:block; padding:40px 40px 64px; background-color:#fff;}
@media screen and (max-width:768px){
	.wrap-learning dl { padding:42vh 0 0; background-position:left top; background-repeat:no-repeat; background-size:90% 40vh; margin:-20px 0 0;}
	.wrap-learning dt { width:90%; margin:0 auto;}
	.wrap-learning dt iframe { height:337.5px;}
.wrap-learning dd a { width:90%; margin:0 auto; padding:20px 5%;}
	.wrap-learning dd a span { float:none; margin-top:8px;}
}

.wrap-world ul,.wrap-learning ul { margin:0; padding:0; overflow:hidden;}
.wrap-world li,.wrap-learning li { width:30%; margin-right:5%; float:left; list-style:none;}
.wrap-world li:nth-of-type(3n),.wrap-learning li:nth-of-type(3n) { margin-right:0;}
.wrap-world li .txt,.wrap-learning .txt { background-color:#fff; display:block; font-weight:700; height:auto; position:relative;}
.wrap-learning li .txt small { font-weight:300; font-size:14px;}
.wrap-world li:hover .txt,.wrap-learning li:hover .txt { color:#0d0047;}
.wrap-world li .txt span { display:block; text-align:center; background-color:#0d0047; color:#fff; position:initial; bottom:20px; left:20px; padding:20px;}
@media screen and (max-width:768px){
	.wrap-world li,.wrap-learning li { width:100%; margin-right:0; float:none; margin-bottom:20px;}
	.wrap-world li .txt,.wrap-learning .txt { font-size:15px; padding:20px 5%; height:auto; line-height:1.6;}
	.wrap-world li .txt { padding:0; margin-top:-16px;}
	.wrap-world li .txt span { line-height:48px; position:static; width:100%; margin-top:16px; padding:0;}
}

.ul-movie { margin:80px 0 0 !important; overflow:hidden;}
.ul-movie li { width:calc(100% / 5); padding-left:1px; margin-right:0; box-sizing:border-box; margin-bottom:24px;}
.ul-movie li .txt { background-color:rgba(0,0,0,0); padding:8px 0 0; height:auto;}
@media screen and (max-width:768px){
	.ul-movie { margin:40px 0 0 !important;}
	.ul-movie li,.ul-movie li:nth-of-type(3n) { width:48%; padding-left:0; margin-right:4%; float:left;}
	.ul-movie li:nth-of-type(2n) { margin-right:0;}
	.ul-movie li .txt { font-size:13px; font-weight:400;}
}

.for-hog { padding:80px 32px; margin:0; background-color:#d5d5d5; overflow:hidden;}
.for-hog dt { width:26%; float:left;}
.for-hog dd { padding-left:30%;}
.for-hog dd h4 { font-size:24px; clear:none; margin:0 0 20px;}
.for-hog dd a { margin-top:20px; display:block; text-align:center;}
@media screen and (max-width:768px){
	.for-hog { padding:40px 5%;}
	.for-hog dt { width:100%; margin:0 auto; float:none;}
	.for-hog dd { padding-left:0;}
	.for-hog dd h4 { font-size:20px; clear:none; margin:8px 0;}
	.for-hog dd a { width:100%;}
}

.bg-ftimg { background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/ft.jpg); background-size:cover;}
.footer-unit1 { text-align:center; color:#000; background-color:rgba(255,255,255,0.7); padding:40px 80px;}
.footer-unit1 h3 { font-size:50px; font-weight:400; letter-spacing:.1em; line-height:1;}
.footer-unit1 h3 span { font-size:20px;}
.footer-unit1 ul { width:900px; margin:40px auto; overflow:hidden; padding:0;}
.footer-unit1 ul li { display:inline-block; background-color:#fff; padding:8px 0; margin-right:2%; width:32%; line-height:1.2; height:57px; float:left; font-size:20px;}
.footer-unit1 ul li:last-of-type { margin-right:0;}
.footer-unit1 ul li a { color:#000; font-size:20px; line-height:43px;}
.footer-unit1 ul li em { font-size:20px; font-style:normal;}
@media screen and (max-width:768px) {
	.bg-ftimg { background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/s-1.jpg);}
    .footer-unit1 { padding:40px 16px; text-align:center; color:#000; position:static; background-color:transparent;}
    .footer-unit1 h3 { margin:0; font-size:40px; }
	.footer-unit1 h3 span { font-size:15px; display:block; line-height:1.5; margin-top:14px;}
    .footer-unit1 ul { width:90%; margin:24px auto 0; overflow:hidden; padding:0;}
	.footer-unit1 ul li { background-color:rgba(255,255,255,0.7);  margin-right:0; width:100%; line-height:1.2; height:57px; float:left; margin-bottom:8px; font-size:18px;}
	.footer-unit1 ul li a { font-size:18px;}
	.footer-unit1 ul li em { font-size:16px; display:block; padding:4px 0 0;}
	.footer-unit1 ul li em a { font-size:16px; font-style:normal; line-height:1.4;}
}

.footer-unit2 { background-color:#333; padding:50px 80px 30px; color:#e6e6e6; overflow:hidden; font-size:12px; text-align:left;}
.footer-unit2 a { color:#e6e6e6;}
.f-logo { width:240px; float:left;}
.f-logo img { width:230px; margin:0 0 20px 25px;}
.f-logo a { display:inline-block; padding:5px 15px; border:1px solid #e6e6e6; margin-right:8px; line-height:1; color:#e6e6e6;}
.f-logo a:hover { background-color:#e6e6e6; color:#333; transition:.5s; text-decoration:none;}
.footer-unit2 .right { padding-left:300px;}
.footer-unit2 .right a { font-size:14px; font-weight:bold; display:block; margin-bottom:20px; color:#e6e6e6;}
.footer-unit2 .right a i { padding-left:16px;}
.footer-unit2 .part1 { border-bottom:1px solid #e6e6e6; padding-bottom:40px;}
.footer-unit2 ul { width:25%; float:left; margin:40px 0 0; padding:0 8px 0 0; list-style:none;}
.footer-unit2 ul li { padding:0 0 8px;}

@media screen and (max-width:768px) {
    .footer-unit2 { background-color:#333; padding:40px 16px 30px; color:#e6e6e6; overflow:hidden; font-size:12px; text-align:left;}
    .f-logo { width:100%; float:left; text-align:center; float:none; margin-bottom:40px; }
	.f-logo img { margin-left:0;}
    .footer-unit2 .right { padding-left:0px; margin-top:16px; font-size:14px;}
	.footer-unit2 .part1 { border-bottom:1px solid #e6e6e6; padding-bottom:40px; margin-bottom:16px;}
	.footer-unit2 ul { width:calc(100% / 3); float:left; margin:0; padding:0 8px 0 0; list-style:none;}
}

.footer-unit3 { background-color:#000; color:#e6e6e6; padding:24px 80px; overflow:hidden; text-align:right; font-size:12px;}
.footer-unit3 a { color:#e6e6e6; padding: 0 8px 0 0;}
@media screen and (max-width:768px) {
	.footer-unit3 { background-color:#000; color:#e6e6e6; padding:24px 16px; overflow:hidden; text-align:right; font-size:12px;}
    .footer-unit3 a { color:#e6e6e6; padding: 0 8px 0 0;}
}

.head-voice { display:flex; margin:0 0 80px; align-items:center;}
.head-voice .txt { width:40%; }
.head-voice .txt h3 { margin:0; text-align:center; font-size:40px;}
.head-voice .txt h3 small { font-size:16px; display:block; margin-top:12px; font-weight:300;}
.head-voice .img { width:60%;}
.head-voice .img img { width:100%;}
@media screen and (max-width:768px){
	.head-voice { margin:0 0 40px; display:block;}
	.head-voice .txt { width:100%; }
	.head-voice .txt h3 { font-size:24px; margin:0 0 24px;}
	.head-voice .txt h3 small { font-size:13px;}
    .head-voice .img { width:100%;}
}

.ul-voice { margin:80px 0; padding:0; overflow:hidden;}
.ul-voice li { width:30%; margin-right:5%; float:left; list-style:none; margin-bottom:40px; position:relative;}
.ul-voice li:nth-of-type(3n) { margin-right:0;}
.ul-voice li span { display:block; background-color:#111; position:relative;}
.ul-voice li span:after { content:"View more"; color:#fff; text-align:center; position:absolute; width:100%; height:100%; line-height:100%; top:0; left:0; display:none; z-index:99; font-size:24px; margin-top:35%;}
.ul-voice li h4 { font-size:18px; text-align:center; margin:0 0 16px; font-weight:400;}
.ul-voice.pa li h4 { font-size:20px; margin:20px 0;}
.ul-voice li:hover span img { opacity:.5;}
.ul-voice li:hover span:after { display:block;}
@media screen and (max-width:768px){
	.ul-voice { margin:40px 0; padding:0; overflow:hidden;}
.ul-voice li { width:100%; margin-right:0; float:none; margin-bottom:24px;}
	.ul-voice li { width:48%; float:left;}
	.ul-voice li:nth-of-type(2n) { float:right;}
	.ul-voice.pa li h4 { font-size:18px; margin:16px 0;}
	.ul-voice li img { height:120px; margin:0 auto; display:block;}
}

.head-voice-par { margin:0 0 80px; padding:160px 0 0; position:relative;}
.head-voice-par h3 { background-color:#666; padding:80px 15% 80px 160px; color:#fff; margin:0; width:70%; font-size:40px; font-weight:400; text-align:center; letter-spacing:.1em;}
.head-voice-par h3 small { font-size:22px; display:block; margin-top:12px;}
.head-voice-par img { width:45%; max-height:95%; position:absolute; top:0; right:0; z-index:9;}
@media screen and (max-width:768px){
	.head-voice-par { margin:0 0 40px; padding:0;}
	.head-voice-par img { width:100%; max-height:100%; position:static;}
	.head-voice-par h3 { width:100%; padding:24px 5%; font-size:24px;}
	.head-voice-par h3 small { font-size:13px;}
}

.inner-voice-par { margin:0 0 64px;}
.inner-voice-par h3 { font-size:20px; font-weight:400; margin:40px 0;}
.inner-voice-par h4 { font-weight:400; margin:20px 0; font-size:18px; color:#0d0047;}
.inner-voice-par .btn { display:block; width:240px; line-height:36px; background-color:#111; color:#fff; font-size:16px; text-align:center; margin:20px auto 0;}
@media screen and (max-width:768px){
	.inner-voice-par { margin:0 0 40px;}
	.inner-voice-par h4 { font-size:16px;}
	.inner-voice-par .btn { width:100%;}
}

.inner-voice-iv { width:90%; margin:0 auto 80px; }
.inner-voice-iv .txt { width:64%; float:left;}
.inner-voice-iv .txt h3 { font-size:24px; color:#666; margin:0 0 24px; font-weight:400;}
.inner-voice-iv .txt h3 small { padding-left:8px;}
.inner-voice-iv .txt ul { margin:0; padding:0;}
.inner-voice-iv .txt ul li { border-bottom:1px dotted #ccc; margin-bottom:16px; list-style:none;}
.inner-voice-iv .txt ul li a { padding-bottom:16px; font-size:14px; display:block; color:#111;}
.inner-voice-iv .img { width:30%; float:right;}
@media screen and (max-width:768px){
	.inner-voice-iv { width:100%; margin:0 auto 40px;}
	.inner-voice-iv .txt { width:100%; float:none;}
	.inner-voice-iv .img { width:100%; float:none;}
}

.box-voice-par { position:relative;}
.box-voice-par h4 { margin:0; font-size:18px; font-weight:400; line-height:50px; position:relative; z-index:9;}
.box-voice-par h4 span { background-color:#efefef; padding:0 24px;}
.box-voice-par .txt { padding:40px; background-color:#fff; position:relative; z-index:9; display:inline-block; margin-bottom:80px; max-width:64%;}
.box-voice-par img { width:40%; position:absolute; top:0; right:0; z-index:1; max-height:100%; object-fit:cover;}
.btn-voice-par { display:block; width:220px; text-align:center; line-height:44px; border:1px solid #111; margin:0 auto 80px; color:#111 !important; font-size:16px; }
@media screen and (max-width:768px){
	.box-voice-par h4 { margin:0 0 20px; font-size:16px; line-height:1.6;}
	.box-voice-par h4 span { display:block; padding:8px;}
	.box-voice-par .txt { padding:0; max-width:100%; display:block; margin-bottom:40px;}
	.box-voice-par img { width:100%; position:static;}
	.btn-voice-par { width:100%; margin:0 0 40px;}
}

.area-lead-concept { padding:100px 0; text-align:center;}
.area-lead-concept h3 { font-size:56px; margin:0 0 80px;}
.area-lead-concept p { font-size:22px; margin:0 0 64px;}
.area-lead-concept .logo { width:178px;}
@media screen and (max-width:768px){
	.area-lead-concept { padding:16px 0 40px;}
	.area-lead-concept h3 { font-size:24px; margin:0 0 40px;}
	.area-lead-concept p { font-size:18px; margin:0 0 40px;}
}

.bg-00-concept { background-color:#0d0047; padding:0 0 100px; color:#fff; font-size:18px; font-weight:300; text-align:center; line-height:3.6;}
.bg-00-concept .area-image { overflow:hidden; font-size:0; padding:4px; margin:0 0 100px;}
.bg-00-concept .area-image img { padding:4px; box-sizing:border-box; float:left; object-fit:cover;}
.bg-00-concept .area-image .a { width:50%; height:50vw;}
.bg-00-concept .area-image .b { width:30%; height:23vw;}
.bg-00-concept .area-image .c { width:20%; height:23vw;}
.bg-00-concept .area-image .d { width:50%; height:27vw;}
.bg-00-concept .wrap { max-width:500px; text-align:left;}
.bg-00-concept .wrap span { line-height:1.8;}
@media screen and (max-width:768px){
	.bg-00-concept { padding:0 0 40px; font-size:14px; line-height:2;}
	.bg-00-concept .area-image { margin:0 0 40px;}
	.bg-00-concept .area-image .a { width:100%; height:100vw;}
    .bg-00-concept .area-image .b { width:60%; height:46vw;}
    .bg-00-concept .area-image .c { width:40%; height:46vw;}
    .bg-00-concept .area-image .d { width:100%; height:54vw;}
	.bg-00-concept .wrap .fleft { float:left; width:50%;}
	.bg-00-concept .wrap .fright { float:right; width:50%;}
}

.btn-brand { display:block; width:408px; line-height:86px; font-size:20px; text-align:center; padding:0 24px; box-sizing:border-box; border:2px solid crimson; color:#141412 !important; margin:80px auto; font-weight:700;}
.btn-brand i { float:left; color:crimson !important; line-height:86px; font-size:24px;}
@media screen and (max-width:768px){
	.btn-brand { width:100%; line-height:48px; font-size:16px; padding:0 5%; margin:40px auto;}
	.btn-brand i { line-height:48px; font-size:22px;}
}

.area-img-combi { margin:80px 0; display:flex; align-items:center;}
.area-img-combi .img { width:50%; padding-right:5%; box-sizing:border-box;}
.area-img-combi .txt { width:50%;}
.area-img-combi .txt img { margin-bottom:40px;}
@media screen and (max-width:768px){
	.area-img-combi { margin:40px 0; display:block;}
	.area-img-combi .img { width:100%; padding-right:0; margin-bottom:20px;}
	.area-img-combi .txt { width:100%;}
.area-img-combi .txt img { margin-bottom:20px;}
}

.ul-beginner { margin:80px 0; padding:0; overflow:hidden;}
.ul-beginner li { width:32%; margin-right:2%; float:left; list-style:none;}
.ul-beginner li:nth-of-type(3n) { margin-right:0;}
.ul-beginner li a { display:block; border:1px solid #111; text-align:center; line-height:48px; color:#111;}

.ul-beginner.t-reason li { margin-bottom:20px;}
@media screen and (max-width:768px){
	.ul-beginner { margin:40px 0; }
	.ul-beginner li { float:none; width:100%; margin-right:0; margin-bottom:16px;}
	.ul-beginner li a { line-height:40px;}
	
	.ul-beginner.t-reason li { width:100%; margin-right:0; float:none;}
	.ul-beginner.t-reason li:nth-of-type(3n) { margin-right:0;}
	.ul-beginner.t-reason li:nth-of-type(2n) { margin-right:0;}
	.ul-beginner.t-reason li a { font-size:13px;}
}

.inner-service { width:100%; height:480px; position:relative; padding:40px 0 0; margin:80px 0 120px;}
.inner-service h3 { font-size:48px; position:absolute; top:-24px; z-index:19; color:#999; display:inline-block; line-height:40px; margin:0; padding-top:100px; margin-top:-100px;}
.inner-service h3 span { font-size:40px; color:#141412; padding-left:16px; line-height:40px; vertical-align:top; }
.inner-service.num1n h3 { left:40px;}
.inner-service.num2n h3 { right:40px;}
.inner-service img { width:70%; height:100%; object-fit:cover; position:absolute; top:0;}
.inner-service.num1n img { left:0;}
.inner-service.num2n img { right:0;}
.inner-service .txt { background-color:#fff; width:45%; padding:64px; box-sizing:border-box; position:relative; z-index:9;}
.inner-service.num1n .txt { float:right;}
.inner-service .txt h4 { font-size:18px; line-height:1.4; border-bottom:1px solid #ccc; padding:0 0 20px; margin:0 0 16px;}
.inner-service .txt a { background-color:#0d0047; color:#fff; border-radius:24px; padding:2px 24px; margin-right:16px; display:inline-block; margin-top:20px;}
.inner-service .txt a:last-of-type { margin-right:0;}
.inner-service .txt a:hover { background-color:#0B0B3B;}
@media screen and (max-width:768px){
	.inner-service { width:100%; height:auto; padding:0; margin:80px 0 80px;}
	.inner-service img { width:100%; height:auto; position:static;}
	.inner-service h3 { font-size:24px; position:static; left:0;}
	.inner-service h3 span { font-size:20px; padding-left:8px;}
	.inner-service.num1n img { left:auto;}
    .inner-service.num2n img { right:auto;}
	.inner-service.num1n h3 { left:0;}
    .inner-service.num2n h3 { right:auto;}
	.inner-service .txt { background-color:#fff; width:100%; padding:20px 0 0; box-sizing:border-box; position:relative; z-index:9;}
    .inner-service.num1n .txt { float:none;}
}

.midashi-history { font-size:24px; color:hotpink; border-top:1px solid hotpink; border-bottom:1px solid #ccc; margin:80px 0 40px; text-align:center; padding:24px 0; font-weight:400;}
.dl-history { display:flex; flex-wrap:wrap; align-items:stretch; border-top:1px solid #eee; margin:0 0 80px; padding:0;}
.dl-history dt { background-color:#efefef; text-align:center; width:20%; display:flex; align-items:center; border-bottom:1px solid #fff;}
.dl-history dt span { display:block; text-align:center; width:100%;}
.dl-history dd { padding:20px; width:80%; border-bottom:1px solid #eee; margin:0;}
.dl-history dt:last-of-type { border-bottom:1px solid #eee;}
@media screen and (max-width:768px){
	.midashi-history { font-size:20px; margin:40px 0; padding:16px 0;}
	.dl-history { margin:0 0 40px; display:block;}
	.dl-history dt { width:100%; padding:8px 0;}
	.dl-history dd { width:100%; padding:12px;}
}

.head-after { padding:200px 40px 80px; background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/f_0033.jpg); color:#fff; background-size:cover; position:relative;}
.head-after .bg-000 { width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; display:block; position:absolute; top:0; left:0;}
.head-after h3 { font-size:48px; margin:0 0 20px; line-height:1.4; position:relative; z-index:2;}
.head-after p { margin:0; line-height:2; position:relative; z-index:2;}
@media screen and (max-width:768px){
	.head-after { text-align:center; padding:80px 5% 40px; margin-top:0; background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/s-2.jpg); }
	.head-after h3 { font-size:22px;}
}

.midashi-after { font-size:40px; margin:64px 0; text-align:center;}
.midashi-after span { font-size:110px; color:#0d0047; padding:0 5px;}
@media screen and (max-width:768px){
	.midashi-after { font-size:18px; margin:24px 0;}
	.midashi-after span { font-size:30px;}
}

.ul-after-menu { margin:0 0 40px; padding:0; overflow:hidden;}
.ul-after-menu li { width:32%; height:94px; margin-right:2%; list-style:none; float:left; display:flex; background-color:#0d0047; align-items:center; position:relative; margin-bottom:20px;}
.ul-after-menu li.big { width:49%;}
.ul-after-menu li:nth-of-type(3n) { margin-right:0;}
.ul-after-menu li .img { width:94px; height:94px;}
.ul-after-menu li .img img { width:100%; height:100%; object-fit:cover;}
.ul-after-menu li .txt { width:calc(100% - 94px); height:94px; padding:12px; box-sizing:border-box; position:relative; color:#fff; display:flex; align-items:center;}
.ul-after-menu li .txt .txt-span { display:block; font-size:18px;}
.ul-after-menu li .txt .num { font-size:40px; font-weight:bold; position:absolute; bottom:12px; right:12px; line-height:1; color:rgba(255,255,255,.5);}
@media screen and (max-width:768px){
	.ul-after-menu { margin:0 0 24px;}
	.ul-after-menu li { width:100%; margin-right:0; height:64px; margin-bottom:12px;}
	.ul-after-menu li.big { width:100%;}
	.ul-after-menu li .img { width:64px; height:64px;}
	.ul-after-menu li .txt { width:calc(100% - 64px); height:64px; padding:8px;}
	.ul-after-menu li .txt .txt-span { font-size:15px;}
	.ul-after-menu li .txt .num { font-size:20px; bottom:8px; right:8px;}
}

.midashibar-after { background-color:#0d0047; color:#fff; margin:64px 0; padding:48px 0; font-size:32px; text-align:center;}
.midashibar-after span { display:block; margin:0 0 4px;}
@media screen and (max-width:768px){
	.midashibar-after { margin:24px 0; padding:24px 0; font-size:16px;}
	.midashibar-after span { font-size:35px;}
}

.wrap-after .txt { padding:0 40px; box-sizing:border-box; line-height:2;}
.wrap-after h4 { font-size:24px; margin:0 0 24px; line-height:2;}
.wrap-after h4 em { color:#0d0047; font-style:normal;}
.wrap-after .txt p { margin:0;}
.wrap-after .txt ul { margin:24px 0; padding:0; overflow:hidden;}
.wrap-after .txt ul li { width:140px; list-style:none; float:left; text-align:center; font-size:16px; font-weight:bold; color:#009FE6; margin-right:48px;}
.wrap-after .txt ul li img { width:140px; height:140px; object-fit:cover; border-radius:50%; margin:0 0 8px;}
@media screen and (max-width:768px){
	.wrap-after .txt { padding:0 5%;}
	.wrap-after h4 { font-size:18px; margin:0 0 16px;}
	.wrap-after .img-after { width:90%; margin:20px auto 0; display:block;}
	.wrap-after .txt ul { margin:24px 0 0;}
	.wrap-after .txt ul li { width:32%; margin-right:2%; font-size:14px;}
	.wrap-after .txt ul li:nth-of-type(3n) { margin-right:0;}
	.wrap-after .txt ul li img { width:108px; height:108px;}
}

.wrap-after h3 { color: #fff;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 4px;
    background: #B5AA84; padding: 30px 0 26px;
    text-align: center; margin:48px 40px 24px;}
.wrap-after h3.red { background:#CF4953;}
@media screen and (max-width:768px){
	.wrap-after h3 { margin:20px 0; padding:24px 5%; font-size:18px; letter-spacing:1px;}
}

.wrap-after .ul-support { margin:0 40px; padding:0; overflow:hidden; display:flex;}
.wrap-after .ul-support li { border:1px solid #fff; box-sizing:border-box; list-style:none;}
.wrap-after .ul-support li img { width:100%; height:197px; object-fit:cover;}
.wrap-after .ul-support li div { width:100%; height:80px; text-align:center; background-color:#B5AA84; color:#fff; font-weight:bold; font-size:16px; display:flex; align-items:center;}
.wrap-after .ul-support li div span { display:block; text-align:center; width:100%;}
@media screen and (max-width:768px){
	.wrap-after .ul-support { margin:0 5%; flex-wrap:wrap;}
	.wrap-after .ul-support li { border:0; width:32%; margin-right:2%; margin-bottom:12px;}
	.wrap-after .ul-support li:nth-of-type(3n) { margin-right:0;}
	.wrap-after .ul-support li img { height:135px;}
	.wrap-after .ul-support li div { height:70px; font-size:12px;}
}

.wrap-after .ul-after-flow { margin:0 40px 32px; padding:0; overflow:hidden;}
.wrap-after .ul-after-flow li { width:18.4%; float:left; list-style:none; margin-right:2%; position:relative;}
.wrap-after .ul-after-flow li:nth-of-type(5n) { margin-right:0;}
.wrap-after .ul-after-flow li h4 { font-size:18px; margin:16px 0;}
.wrap-after .ul-after-flow li:after { content:"\f0da"; font-family:"Font Awesome 5 Free"; position:absolute; right:-18px; top:68px; font-weight:900; font-size:24px;}
.wrap-after .ul-after-flow li:nth-of-type(3):after,.wrap-after .ul-after-flow li:nth-of-type(4):after { color:#E50010;}
.wrap-after .ul-after-flow li:last-of-type:after { display:none;}
@media screen and (max-width:768px){
	.wrap-after .ul-after-flow { margin:0 5% 20px;}
	.wrap-after .ul-after-flow li { width:48%; margin-right:4%;}
	.wrap-after .ul-after-flow li:nth-of-type(5n) { margin-right:4%;}
	.wrap-after .ul-after-flow li:nth-of-type(2n) { margin-right:0;}
	.wrap-after .ul-after-flow li:after { display:none;}
	.wrap-after .ul-after-flow li h4 { margin:4px 0;}
}

.wrap-after .ul-after-arrow { margin:0 40px; padding:0; overflow:hidden;}
.wrap-after .ul-after-arrow li { list-style:none; padding:0; box-sizing:border-box;}
.wrap-after .ul-after-arrow li span { display:block; text-align:center; position:relative; height:56px; line-height:56px; font-size:16px; font-weight:bold;}
.wrap-after .ul-after-arrow li:nth-of-type(1) { width:59.2%; float:left;}
.wrap-after .ul-after-arrow li:nth-of-type(2) { width:38.8%; float:right;}
.wrap-after .ul-after-arrow li:nth-of-type(1) span { background-color:#333; color:#fff;}
.wrap-after .ul-after-arrow li:nth-of-type(2) span { background-color:#E50010; color:#FFFF00;}
.wrap-after .ul-after-arrow li span:before { position:absolute; top:0; left:0;}
.wrap-after .ul-after-arrow li:nth-of-type(1) span:before { content:""; border-top: 28px solid #fff; border-right: 32px solid #333; border-bottom: 28px solid #fff; }
.wrap-after .ul-after-arrow li span:after { position:absolute; top:0; right:0;}
.wrap-after .ul-after-arrow li:nth-of-type(1) span:after { content:""; border-top: 28px solid #fff; border-left: 32px solid #333; border-bottom: 28px solid #fff; }
.wrap-after .ul-after-arrow li:nth-of-type(2) span:before { content:""; border-top: 28px solid #fff; border-right: 32px solid #E50010; border-bottom: 28px solid #fff; }
.wrap-after .ul-after-arrow li span:after { position:absolute; top:0; right:0;}
.wrap-after .ul-after-arrow li:nth-of-type(2) span:after { content:""; border-top: 28px solid #fff; border-left: 32px solid #E50010; border-bottom: 28px solid #fff; }
@media screen and (max-width:768px){
	.wrap-after .ul-after-arrow { margin:0 5%;}
	.wrap-after .ul-after-arrow li { margin-bottom:12px;}
	.wrap-after .ul-after-arrow li:nth-of-type(2) { margin-bottom:0;}
	.wrap-after .ul-after-arrow li span { font-size:14px;}
	.wrap-after .ul-after-arrow li:nth-of-type(1),.wrap-after .ul-after-arrow li:nth-of-type(2) { width:100%; float:none;}
	.wrap-after .ul-after-arrow li span:before,.wrap-after .ul-after-arrow li span:after { display:none;}
}

.wrap-after .ul-after-money { margin:0 40px; padding:0; overflow:hidden;}
.wrap-after .ul-after-money li { width:23.5%; height:264px; float:left; margin-right:2%; list-style:none; position:relative;}
.wrap-after .ul-after-money li:nth-of-type(4n) { margin-right:0;}
.wrap-after .ul-after-money li img { width:100%; height:100%; object-fit:cover;}
.wrap-after .ul-after-money li span { font-size:18px; color:#fff; display:block; text-align:center; line-height:64px; background-color:rgba(181, 170, 132,0.8); width:100%; position:absolute; bottom:0; left:0; z-index:9; font-weight:bold;}
@media screen and (max-width:768px){
	.wrap-after .ul-after-money { margin:0 5%;}
	.wrap-after .ul-after-money li { width:49%; height:164px; margin-bottom:12px;}
	.wrap-after .ul-after-money li:nth-of-type(2n) { margin-right:0;}
	.wrap-after .ul-after-money li span { font-size:14px; line-height:32px;}
}
.wrap-after .midashi-club { text-align:center;}
.wrap-after .ul-after-club { margin:0 40px 80px; padding:0; overflow:hidden;}
.wrap-after .ul-after-club li { width:32%; margin-right:2%; list-style:none; float:left; position:relative;}
.wrap-after .ul-after-club li:nth-of-type(3n) { margin-right:0;}
.wrap-after .ul-after-club li .img { height:244px; background-size:cover; position:relative;}
.wrap-after .ul-after-club li:nth-of-type(1) .img { background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/f_0026.jpg);}
.wrap-after .ul-after-club li:nth-of-type(2) .img { background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/f_0014.jpg);}
.wrap-after .ul-after-club li:nth-of-type(3) .img { background-image:url(http://fushimi-auto.com/wp-content/uploads/2022/07/f_0047.jpg);}
.wrap-after .ul-after-club li .inner { display:flex; width:100%; height:100%; align-items:center; bAckground-color:rgba(0,0,0,.5); color:#fff;}
.wrap-after .ul-after-club li div span { display:block; font-size:22px; text-align:center; font-weight:bold; width:100%;}
.wrap-after .ul-after-club li div span small { display:block; width:104px; border:1px solid #fff; text-align:center; line-height:32px; font-size:13px; margin:8px auto 0; font-weight:400;}
.wrap-after .ul-after-club li:hover div { background-color:rgba(0,0,0,.2);}
.wrap-after .ul-after-club li p { margin:16px;}
@media screen and (max-width:768px){
	.wrap-after .midashi-club { margin:0 5% 20px; font-size:16px;}
	.wrap-after .ul-after-club { margin:0 5%;}
	.wrap-after .ul-after-club li { width:100%; margin-right:0; margin-bottom:12px;}
	.wrap-after .ul-after-club li:nth-of-type(3n) { margin-right:2%;}
	.wrap-after .ul-after-club li:nth-of-type(2n) { margin-right:0;}
	.wrap-after .ul-after-club li .img { height:110px;}
	.wrap-after .ul-after-club li div span { font-size:17px;}
	.wrap-after .ul-after-club li div span small { width:90px; line-height:21px;}
	.wrap-after .t-center { text-align:left!important;}
	.wrap-after .t-center big { font-size:initial;}
}

.wrap-after .inner-supportclub { margin:80px 40px 0; padding:0;}
.wrap-after .inner-supportclub h3 { font-size:48px; margin:0 0 32px; text-align:center; color:#ffd700; background-color:transparent; letter-spacing:transparent; padding:0;}
.wrap-after .inner-supportclub h3 small { display:block; font-size:24px;}
@media screen and (max-width:768px){
	.wrap-after .inner-supportclub { margin:24px 5% 0;}
	.wrap-after .inner-supportclub h3 { font-size:24px; margin-bottom:20px;}
	.wrap-after .inner-supportclub h3 small { font-size:14px;}
}

.wrap-after .inner-supportclub .midashi-365 { font-size:24px; color:#fff; background-color:gold; text-align:center; margin: 0 0 20px; line-height:93px;}
.wrap-after .inner-supportclub .midashi-365 i { padding-right:16px;}
.wrap-after .inner-supportclub .ul-supportclub { margin:0 0 20px; padding:0; overflow:hidden;}
.wrap-after .inner-supportclub .ul-supportclub li { width:49%; list-style:none; background-color:#FFA11E; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:46px; float:left;}
.wrap-after .inner-supportclub .ul-supportclub li:nth-of-type(2) { float:right; background-color:#157FE8;}
@media screen and (max-width:768px){
	.wrap-after .inner-supportclub .midashi-365 { font-size:16px; line-height:76px;}
	.wrap-after .inner-supportclub .ul-supportclub li { width:100%; float:none; margin-bottom:8px;}
	.wrap-after .inner-supportclub .ul-supportclub li:nth-of-type(2) { float:none; margin-bottom:0;}
}

.wrap-after .inner-supportclub .ul-after-trouble { margin:0 0 20px; padding:0; overflow:hidden;}
.wrap-after .inner-supportclub .ul-after-trouble li { width:18.4%; margin-right:2%; list-style:none; float:left; border: 1px solid #663300; box-sizing:border-box; padding:16px; height:373px;}
.wrap-after .inner-supportclub .ul-after-trouble li:nth-of-type(5) { margin-right:0;}
.wrap-after .inner-supportclub .ul-after-trouble li img { width:150px; height:150px; display:block; margin:0 auto; object-fit:cover; border-radius:50%;}
.wrap-after .inner-supportclub .ul-after-trouble li h4 { margin:0 0 16px; text-align:center; font-size:14px; color:#663300;}
.wrap-after .inner-supportclub .ul-after-trouble li h4 strong { font-size:22px;}
.wrap-after .inner-supportclub .ul-after-trouble li dl { margin:0; padding:0;}
.wrap-after .inner-supportclub .ul-after-trouble li dl dt { font-weight:400;}
.wrap-after .inner-supportclub .ul-after-trouble li dl dd { margin:0 0 12px; color:#E50012;}
@media screen and (max-width:768px){
	.wrap-after .inner-supportclub .ul-after-trouble li { width:49%; margin-bottom:8px; font-size:0; padding:16px 8px; height:294px;}
	.wrap-after .inner-supportclub .ul-after-trouble li:nth-of-type(5) { margin-right:2%;}
	.wrap-after .inner-supportclub .ul-after-trouble li:nth-of-type(2n) { margin-right:0;}
	.wrap-after .inner-supportclub .ul-after-trouble li img { width:130px; height:130px;}
	.wrap-after .inner-supportclub .ul-after-trouble li h4 { margin:8px 0;}
	.wrap-after .inner-supportclub .ul-after-trouble li h4 strong { font-size:14px;}
	.wrap-after .inner-supportclub .ul-after-trouble li dl { font-size:12px;}
}

.wrap-after .inner-supportclub .ul-after-detal { margin:0; padding:0; overflow:hidden;}
.wrap-after .inner-supportclub .ul-after-detal li { width:24.25%; margin-right:1%; list-style:none; float:left; box-sizing:border-box; border: 1px solid #663300; padding:16px; height:450px; position:relative;}
.wrap-after .inner-supportclub .ul-after-detal li:nth-of-type(4n) { margin-right:0;}
.wrap-after .inner-supportclub .ul-after-detal li img { border-radius:8px;}
.wrap-after .inner-supportclub .ul-after-detal li h4 { font-size:18px; text-align:center; margin:16px 0; color:#663300;}
.wrap-after .inner-supportclub .ul-after-detal li span { width:calc(100% - 32px); border:1px solid #FF0000; box-sizing:border-box; color:#FF0000; display:block; text-align:center; line-height:32px; position:absolute; bottom:16px; left:16px; background-color:#FFFFEE;}
@media screen and (max-width:768px){
	.wrap-after .inner-supportclub .ul-after-detal li { width:100%; margin-right:0; padding:16px; height:auto; margin-bottom:12px;}
	.wrap-after .inner-supportclub .ul-after-detal li p { margin:0;}
	.wrap-after .inner-supportclub .ul-after-detal li h4 { font-size:20px; margin:12px 0;}
	.wrap-after .inner-supportclub .ul-after-detal li span { width:100%; position:static; margin-top:16px;}
}

.wrap-after .box-zentou { background-color:#FFFFEE; color:#CF4953; margin:32px 40px 20px; font-size:24px; text-align:center; padding:32px 0; font-weight:bold;}
.link-img { margin:100px 0;}
.link-img img { margin-bottom:1px;}
@media screen and (max-width:768px){
	.wrap-after .box-zentou { font-size:14px; padding:20px 5%; margin:24px 5%;}
	.link-img { margin:24px 0;}
}

.box-flow-cl { display:flex;}
.box-flow-cl.last { margin-bottom:100px; position:relative;}
.box-flow-cl.last:after { content:"for a long time"; font-family: "Dancing Script"; display:block; position:absolute; bottom:-40px; left:-32px; color:#B5AA84; font-size:30px;}
.box-flow-cl .left { width:75%;}
.box-flow-cl .right { width:25%;}
.box-flow-cl .left h3 { margin:0; line-height:46px; font-size:20px;}
.box-flow-cl .left h3 .step { font-size:20px; color:#B5AA84; display:inline-block; margin-right:15px;}
.box-flow-cl .left h3 .step .num { font-size:30px; color:#141412; display:inline-block; margin-right:15px;}
.box-flow-cl .left h3 .muryo { background-color:#8bc34a; color:#fff; font-size:14px; line-height:24px; padding:0 8px; display:inline-block; margin-left:8px;}
.box-flow-cl .left .txt { padding:20px 80px 48px 40px; border-left:1px solid #B5AA84; margin-left:40px; line-height:2;}
@media screen and (max-width:768px){
	.box-flow-cl { display:block;}
	.box-flow-cl .left { width:100%;}
.box-flow-cl .right { width:100%; margin-bottom:24px;}
	.box-flow-cl .left h3 .step { font-size:18px; margin-right:8px;}
	.box-flow-cl .left h3 .step .num { font-size:24px; margin-right:8px;}
	.box-flow-cl .left .txt { margin-left:5%; padding:0 5% 0; margin-bottom:20px;}
	.box-flow-cl.last:after { position:static;}
	.box-flow-cl.last { margin-bottom:40px;}
}

.lead-shop { background-color:#efefef; padding:40px; box-sizing:border-box; margin:80px 0;}
@media screen and (max-width:768px){
	.lead-shop { padding:20px; margin:40px 0;}
}

.box-map { display:flex; height:580px; width:100%; margin:0 0 100px;}
.box-map .map { width:48%;}
.box-map .txt { width:52%; background-color:#efefef; padding:100px 64px; box-sizing:border-box;}
.box-map .txt h3 { font-size:32px; margin:0 0 24px;}
.box-map .txt dl { margin:0 0 40px; padding:0;}
.box-map .txt dt { width:70px; border:1px solid #999; color:#999; text-align:center; background-color:#fff; float:left; font-weight:400;}
.box-map .txt dd { padding-left:90px; margin-bottom:16px;}
.box-map .txt ul { margin:0 0 12px; padding:0;}
.box-map .txt ul li,.ul-shuhentenpo li.box ul li { display:inline-block; list-style:none; margin-right:20px;}
.box-map .txt ul li span,.ul-shuhentenpo li.box ul li span { display:inline-block; margin-right:4px;}
.box-map .txt ul li span i,.ul-shuhentenpo li.box ul li span i { color:red;}
.box-map .txt ul li.off,.ul-shuhentenpo li.box ul li.off { color:#ccc;}
.box-map .txt ul li.off span,.ul-shuhentenpo li.box ul li.off span { background-color:#ccc; color:#fff; line-height:16px; width:16px; font-size:12px; display:block; text-align:center; float:left; border-radius:4px; margin-top:5px;}
.box-map .txt ul li.off span i,.ul-shuhentenpo li.box ul li.off span i { color:#fff;}
.box-map .txt .btn { background-color:#111; color:#fff; line-height:60px; padding:0 24px; display:block;}
.box-map .txt .btn span { width:16px; line-height:16px; display:block; text-align:center; background-color:#fff; color:#111; font-size:11px; float:right; margin-top:22px; border-radius:50%;}
.box-map .txt b { font-weight:bold;}
@media screen and (max-width:768px){
	.box-map { display:block; height:auto; margin:0 0 40px;}
	.box-map .map { width:100%;}
	.box-map .txt { width:100%; padding:20px;}
	.box-map .txt h3 { font-size:24px; margin:0 0 20px; padding:0 0 8px;}
}

.titlebar-page { background-color:#0d0047; color:#fff; text-align:center; padding:35px 0; margin:0 0 80px; font-size:30px;}

.inner-tech-1 { margin:0 0 80px; overflow:hidden;}
.inner-tech-1 .img { width:45%;}
.inner-tech-1 .img .flex { justify-content:space-between; margin-bottom:15px;}
.inner-tech-1 .img .flex img { width:48%;}
@media screen and (max-width:768px){
	.inner-tech-1 .img .flex { display:block;}
	.inner-tech-1 .img .flex img { width:100%; margin-top:15px;}
}

.inner-tech-1 .txt { width:50%;}
.inner-tech-1 .txt .box { border:1px solid #B5AA84; padding:20px; box-sizing:border-box; overflow:hidden; margin:24px 0 0;}
.inner-tech-1 .txt .box img { width:140px; height:140px; object-fit:cover;}
.inner-tech-1 .txt .box .right { width:calc(100% - 160px);}
.inner-tech-1 .txt .box h4 { font-size:18px; margin:0 0 20px;}
.inner-tech-1 .txt .box h4 i { color:#B5AA84; padding-right:8px; font-size:16px;}
.inner-tech-1 .txt  span { font-weight:bold; color:#999;}
.inner-tech-1 ul { margin:40px 0 0; padding:0; overflow:hidden;}
.inner-tech-1 ul li { width:48%; float:left; list-style:none;}
.inner-tech-1 ul li:nth-of-type(2n) { float:right;}
.inner-tech-1 ul li h4 { font-size:22px; margin:0 0 20px; }
.inner-tech-1 ul li h4 small { font-size:16px;}
.inner-tech-1 ul li h4 .pa { padding:0 8px; color:#B5AA84;}

.inner-tech-2 { margin:0 0 80px;}
.inner-tech-2 ul { margin:0; padding:0; overflow:hidden;}
.inner-tech-2 ul li { width:31.333%; margin-right:3%; float:left; list-style:none; border:1px solid #B5AA84; padding:30px; box-sizing:border-box; height:620px;}
.inner-tech-2 ul li:nth-of-type(3n) { margin-right:0;}
.inner-tech-2 ul li h4 { font-size:18px; margin:20px 0; }
.inner-tech-2 ul li h4 i { color:#B5AA84; font-size:16px; padding-right:8px;}

.lead-tech { margin:0 0 80px; text-align:center; font-size:16px; line-height:2;}
@media screen and (max-width:768px){
	.titlebar-page { font-size:20px; padding:20px 0; margin:0 0 40px;}
	
	.inner-tech-1 { margin:0 0 40px;}
	.inner-tech-1 .img { width:100%;}
    .inner-tech-1 .txt { width:100%;}
	.inner-tech-1 .txt .box { padding:20px 5%;}
	.inner-tech-1 .txt .box img { width:100%; height:auto; object-fit:cover;}
    .inner-tech-1 .txt .box .right { width:100%;}
	.inner-tech-1 .txt .box h4 { margin:16px 0;}	
	.inner-tech-1 ul { margin:24px 0 0;}
	.inner-tech-1 ul li { width:100%; float:none;}
    .inner-tech-1 ul li:nth-of-type(2n) { float:none;}
	
	.inner-tech-2 { margin:0 0 40px;}
	.inner-tech-2 ul li { width:100%; margin-right:0; padding:20px 5%; margin-bottom:20px; height:auto; float:none;}

	.lead-tech { margin:0 0 40px; font-size:14px;}
}

.ul-tech { margin:0 0 80px; padding:0; overflow:hidden;}
.ul-tech li { width:48%; float:left; list-style:none;}
.ul-tech li:nth-of-type(2n) { float:right;}
.ul-tech li h4 { font-size:20px; margin:20px 0;}

.ul-event { margin:40px 0 80px; padding:0;}
.ul-event li { position:relative; margin-bottom:80px; float:left; list-style:none; margin-right:3%; width:31.333%; height:362px;}
.ul-event li:nth-of-type(3n) { margin-right:0;}
.ul-event li span { display:block; width:60px; height:60px; text-align:center; font-size:12px; background-color:#ccc; color:#fff; font-weight:bold; position:absolute; top:-10px; right:-10px; padding-top:11px;}
.ul-event li span.on { background-color:#B5AA84; padding-top:20px;}
.ul-event li h4 { font-weight:400; font-size:16px;}
.ul-event li h4 strong { display:block; margin-top:8px;}
.ul-event li .add { font-size:14px; font-weight:400; padding-left:20px; position:relative; margin:0;}
.ul-event li .add:before { content:""; display:block; background-color:#111; width:14px; height:1px; position:absolute; top:50%; left:0;}

.midashi-new-tama { margin:80px 0 40px; text-align:center; font-size:24px; }
.midashi-new-tama img { margin:0 0 20px; width:200px;}
@media screen and (max-width:768px){
	.ul-event li { width:48%; margin-right:4%; margin-bottom:20px;}
	.ul-event li:nth-of-type(3n) { margin-right:4%;}
	.ul-event li:nth-of-type(2n) { margin-right:0;}
	
	.midashi-new-tama { margin:40px 0; text-align:center; font-size:24px; }
    .midashi-new-tama img { margin:0 0 16px;}
}

.ul-new-tama { margin: 0 0 80px; padding:0; overflow:hidden;}
.ul-new-tama li { width:32%; margin-right:2%; float:left; list-style:none; position:relative; text-align:center; font-size:18px; margin-bottom:40px;}
.ul-new-tama li:nth-of-type(3n) { margin-right:0;}
.ul-new-tama li img { width:100%; height:400px; object-fit:cover; margin:0 0 16px; }
.ul-new-tama li a strong { display:block; text-align:center; font-size:32px; color:#fff; line-height:400px; position:absolute; top:0; left:0; width:100%;}
@media screen and (max-width:768px){
	.ul-new-tama { margin: 0 0 40px;}
	.ul-new-tama li { width:49%; margin-right:2%;}
	.ul-new-tama li:nth-of-type(3n) { margin-right:2%;}
	.ul-new-tama li:nth-of-type(2n) { margin-right:0;}
	.ul-new-tama li img { width:100%; height:150px;}
	.ul-new-tama li a strong { font-size:24px; line-height:150px;}
}

.wrap-new-tama { margin:0 auto; width:92%;}

.inner1-new-tama { margin:0 0 80px;}
.inner1-new-tama .img { width:55%;}
.inner1-new-tama .txt { width:45%; padding:40px; box-sizing:border-box;}
.inner1-new-tama h3 { font-size:32px; margin:0 0 20px;}
.inner1-new-tama h4 { font-size:20px; margin:0 0 20px;}
.txt-full { padding:0 40px;}
.mb-40 { margin-bottom:40px;}
@media screen and (max-width:768px){
	.wrap-new-tama { width:90%;}
	.inner1-new-tama { margin:0 0 40px;}
    .inner1-new-tama .img { width:100%;}
	.inner1-new-tama .txt { width:100%; padding:20px 0 0;}
	.inner1-new-tama h3 { font-size:24px;}
	.txt-full { padding:0;}
}

.box-new-tama { font-size:16px; margin:0 0 16px;}
.box-new-tama h4 { margin:0 0 32px; font-size:20px; }
.box-new-tama h4 span { display:block; width:48px; text-align:center; line-height:48px; font-size:22px; background-color:#B5AA84; color:#fff; margin:0 0 32px;}
@media screen and (max-width:768px){
	.box-new-tama { font-size:14px; margin:0 0 24px;}
	.box-new-tama h4 { margin:20px 0;}
	.box-new-tama h4 span { margin:0 0 20px;}
}

.box-point { background-color:#F8F8F8; padding:30px; margin-bottom:30px; position:relative; width:48%;}
.box-point:after { content:""; display:block; width:calc(100% - 30px); border:1px solid #7A0349; height:calc(100% - 30px); position:absolute; top:15px; left:15px;}
.box-point h3 { font-size:26px; margin:0 0 30px;}
.box-point h3 small { font-size:16px; padding-right:4px;}
.box-point h3 .num { color:#7A0349; padding-right:12px;}
.box-point ul { margin:0; padding:0; overflow:hidden;}
.box-point h3 { font-size:26px; margin:0 0 30px;}
.box-point ul li { list-style:none; border:1px solid #e5ccda; background-color:#fff; color:#7A0349; display:block; text-align:center; line-height:70px; box-sizing:border-box; float:left; width:12.5714%; margin-right:2%; font-weight:bold; font-size:13px;}
.box-point ul li:nth-of-type(7) { margin-right:0;}
.box-point .inner { display:flex; align-items:center;}
.box-point .inner .img { width:30%;}
.box-point .inner .txt { width:70%; padding-left:40px; box-sizing:border-box; line-height:2;}
@media screen and (max-width:768px){
	.box-point { width:100%;}
	.box-point h3 { font-size:20px; margin:0 0 20px;}
	.box-point h3 strong { display:block; margin-top:8px;}
	.box-point h3 .num { font-size:24px;}
	.box-point ul li { width:32%; margin-bottom:16px;}
	.box-point ul li:nth-of-type(3n) { margin-right:0;}
	.box-point ul li:nth-of-type(7) { margin-bottom:0;}
	.box-point .inner { display:block;}
	.box-point .inner .img { width:100%; margin-bottom:16px;}
	.box-point .inner .txt { width:100%; padding-left:0;}
}

.ul-syne { margin:80px 0; padding:0; overflow:hidden;}
.ul-syne li { width:30%; margin-right:5%; float:left; list-style:none; position:relative; margin-bottom:40px;}
.ul-syne li:nth-of-type(3n) { margin-right:0;}
.ul-syne li h4 { font-size:22px; font-weight:400; position:relative;}
.ul-syne li h4:after { content:""; display:block; width:20px; height:1px; background-color:#bbb; position:absolute; top:50%; right:0;}
@media screen and (max-width:768px){
	.ul-syne li { width:100%; margin-right:0; float:none; margin-bottom:24px;}
	.ul-syne li h4 { font-size:20px;}
}

.bg-ef-page { background-color:#efefef; padding:40px 0;}

.lead-specific { line-height:2; margin:0 0 40px; text-align:center;}

.ul-specific { margin:0; padding:0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ul-specific li { width:48%; float:left; list-style:none; position:relative; margin-bottom:24px;}
.ul-specific li:nth-of-type(2n) { float:right;}
.ul-specific li dl { display:block; margin:-24px auto 0; width:90%; padding:24px 20px; background-color:#0d0047; color:#fff; position:relative; z-index:9; height:290px;}
.ul-specific li dt { width:100px; border-right:1px solid #fff; float:left; height:64px; line-height:32px; font-size:16px; text-align:center;}
.ul-specific li dt span { color:#ffffff; font-size:28px; display:block;}
.ul-specific li dd { padding:0 0 0 124px; font-size:28px; line-height:64px; margin:0 0 16px; }
@media screen and (max-width:768px){
	.ul-specific li { width:100%; float:none;}
	.ul-specific li:nth-of-type(2n) { float:none;}
	.ul-specific li dl { height:auto;}
	.ul-specific li dt { width:100%; border-right:0; border-bottom:1px solid #fff; float:none; height:64px; line-height:28px; font-size:14px; text-align:center;}
    .ul-specific li dt span { font-size:22px; display:block;}
    .ul-specific li dd { padding:0; font-size:22px; text-align:center; min-height:0;}
}

.mb-80 { margin-bottom:80px;}

.inner-passive { padding:48px; background-color:#fff;}
.inner-passive .box-bottom { padding:0 0 0 180px; position:relative; overflow:hidden;}
.inner-passive .box-bottom img { margin-left:20px;}
.inner-passive .num-box-passive { position:absolute; top:0; left:0;}
@media screen and (max-width:768px){
	.mb-80 { margin-bottom:40px;}
	
	.inner-passive { padding:20px;}
    .inner-passive .box-bottom { padding:0;}
	.inner-passive .box-bottom img { margin-left:0;}
	.inner-passive .num-box-passive { position:static; margin-bottom:20px;}
}

.num-box-passive { width:140px; height:140px; border:3px solid #111; box-sizing:border-box; padding:16px; font-size:48px; color:#006888; text-align:right; line-height:1;}
.num-box-passive span { font-size:20px; padding:0 0 16px; margin:0 0 20px; text-align:left; display:block; position:relative; color:#111;}
.num-box-passive span:after { content:""; width:24px; height:1px; background-color:#5f5147; display:block; position:absolute; bottom:0; left:0;}
@media screen and (max-width:768px){
	.num-box-passive { width:100px; height:100px; padding:8px; font-size:40px;}
	.num-box-passive span { padding:0 0 8px; margin:0 0 8px;}
}

.midashi-passive { font-size:24px; font-weight:400; margin:0 0 40px; line-height:1.6;}
.midashi-passive small { font-size:14px; color:#006888; display:block; margin:0 0 12px;}
@media screen and (max-width:768px){
	.midashi-passive { margin:0 0 20px;}
}

.btn-passive { display:block; width:150px; line-height:48px; border:2px solid #111; text-align:center; font-size:16px; color:#111 !important;}
.btn-passive:hover { background-color:#111; color:#fff !important;}
@media screen and (max-width:768px){
	.btn-passive { width:100%; line-height:40px; margin:20px 0 0;}
}

.inner-passive.second { background-color:#efefef;}
.inner-passive.second .num-box-passive { margin:0 0 40px; position:static;}

.box-passive { margin:48px 0; padding:64px; background-color:#fff;}
.box-passive h3 { margin:0 0 40px; font-size:28px; font-weight:400; line-height:2;}
.box-passive h3 span { border-bottom:2px solid #111;}
@media screen and (max-width:768px){
	.box-passive { margin:40px 0; padding:20px;}
	.box-passive h3 { margin:0 0 24px; font-size:24px;}
}

.bottom-passive { padding:48px 0 48px 24%; min-height: 350px;}
.bottom-passive h3 { background-color:#fafafa; top:48px;}
.bottom-passive .btn-passive { margin-top:20px;}
.bottom-passive ul { margin:0; padding:0; }
.bottom-passive ul li { list-style:none; border-bottom:1px dashed #ccc; position:relative; line-height:24px; padding:4px 32px; box-sizing:border-box;}
.bottom-passive ul li:first-of-type { border-top:1px dashed #ccc;}
.bottom-passive ul li small { line-height:24px; border-right:2px solid #5f5147; padding-right:32px; margin-right:32px; display:inline-block;}
@media screen and (max-width:768px){
	.bottom-passive { padding:20px 5%;}
	.bottom-passive h3 { position:static; display:block; margin:0 0 20px;}
}

.slider-concept { width:100%; height:600px; position:relative; overflow:hidden; margin:0 0 100px;}
.slider-concept .inner { width:60%; background-color:#fff; padding:40px 80px 0; box-sizing:border-box; position:absolute; top:0; left:20%; height:600px; z-index:9;}
.slider-concept .inner h3 { margin:0 0 20px;}
@media screen and (max-width:768px){
	.slider-concept { height:auto; margin:0 0 40px;}
	.slider-concept .inner { position:static; width:100%; padding:20px 5% 0; height:auto;}
	.slider-concept .inner h3 { margin:0 0 20px;}
}

.ul-concept { width:80%; margin:0 auto 100px; padding:0; overflow:hidden;}
.ul-concept li { width:47%; margin-right:6%; list-style:none; position:relative; border-radius:16px; color:#fff; float:left; margin-bottom:32px;}
.ul-concept li:nth-of-type(2n) { margin-right:0;}
.ul-concept li img { width:100%; height:100%; object-fit:cover; border-radius:16px;}
.ul-concept li h3 { font-size:14px; margin:0; position:absolute; top:24px; left:24px; z-index:9; line-height:1.2;}
.ul-concept li h3 span { font-size:22px; font-style:italic; display:block;}
.ul-concept li strong { font-size:18px; display:block; position:absolute; right:24px; bottom:40px; line-height:1.8;}
@media screen and (max-width:768px){
	.ul-concept { width:90%; margin:0 auto 40px;}
	.ul-concept li { width:100%; margin-right:0; float:none; margin-bottom:20px;}
	.ul-concept li strong { bottom:24px;}
}

.wrap-link { width:100%; height:100%; position:absolute; top:0; left:0;}

.ul2-concept { margin:0 0 40px; padding:0; overflow:hidden;}
.ul2-concept li { width:calc(100% / 3); float:left; list-style:none;}
.ul2-concept li h3 { text-align:center; margin:0 0 40px; font-size:16px; letter-spacing:.1em;}
.ul2-concept li h3 span { border-bottom:3px solid #666; padding:0 20px 10px;}
.ul2-concept li div { padding:0 20px;}
.ul2-concept li div h4 { font-size:20px; margin:8px 0;}
.ul2-concept li div a { font-size:16px; background-color:#5d99ff; display:inline-block; margin-top:16px; margin-right:16px; line-height:1.1; padding:0 8px;}
@media screen and (max-width:768px){
	.ul2-concept li { width:100%; float:none; margin-bottom:32px;}
	.ul2-concept li div h4 { font-size:18px;}
}

.ul3-concept { margin:0; padding:0; overflow:hidden;}
.ul3-concept li { width:calc(100% / 6); float:left; position:relative; list-style:none; line-height:1; font-size:0;}
.ul3-concept li p { margin:0;}
.ul3-concept li h4 { font-size:24px; margin:0; position:absolute; top:0; left:0; display:none;}
.ul3-concept li h4 span { font-size:20px; display:block;}
.ul3-concept li strong { font-size:14px; font-style:italic; position:absolute; right:0; bottom:0; text-align:right; display:none;}
.ul3-concept li:hover h4,.ul3-concept li:hover strong{ display:block;}
.ul3-concept li:hover img { opacity:.2;}
@media screen and (max-width:768px){
	.ul3-concept li { width:calc(100% / 3);}
}

.midashi-contact { font-size:24px; margin:40px 0 20px; color:#0d0047;}
.midashi2-contact { font-size:20px; margin:0 0 20px; position:relative; padding-left:10px; border-left:10px solid #0d0047; line-height:1;}
.tel-contact { font-size:32px; font-weight:bold;}
.tel-contact i { padding-right:10px;}
.box-contact { background-color:#fafafa; padding:24px 5%; margin:80px 0 0;}
.box-contact h4 { font-size:16px; margin:0 0 20px;}
@media screen and (max-width:768px){
	.midashi-contact { font-size:18px; margin:0 0 20px;}
	.tel-contact { font-size:22px;}
	.box-contact { padding:20px 5%; margin:0 0 40px;}
}

.ul-new-news { margin:40px 0 80px; padding:0; overflow:hidden;}
.ul-new-news li { width:30%; float:left; list-style:none; margin-right:5%; margin-bottom:24px; border-radius:8px; position:relative; border:1px solid #0d0047;}
.ul-new-news li img { width:100%; border-radius:8px 8px 0 0;}
.ul-new-news li:nth-of-type(3n) { margin-right:0;}
.ul-new-news li .txt { padding:16px; border-radius:0 0 8px 8px;}
.ul-new-news li .txt span { background-color:#0d0047; padding:0 4px; color:#fff; font-weight:bold;}
.ul-new-news li .txt .date { color:#0d0047; font-size:10px; margin:0 0 8px;}
.ul-new-news li .txt h4 { font-size:16px; margin:0;}
@media screen and (max-width:768px){
	.ul-new-news li { width:100%; margin-right:0;}
}

.ul-new-menu-news { margin:100px 0 40px; padding:0; overflow:hidden;}

.ul-new-menu-news li { width:32%; margin-right:2%; list-style:none; float:left; }
.ul-new-menu-news li:nth-of-type(3n) { margin-right:0;}
.ul-new-menu-news li a { display:block; border:1px solid #111; color:#111; text-align:center; line-height:48px;}

.midashi-new-news { font-size:24px; margin:80px 0 40px; border-bottom:2px solid #0d0047; padding:0 0 8px;}

.ul-new-page-menu { margin:0 0 40px; padding:0; overflow:hidden;}
.ul-new-page-menu.first { margin:100px 0 40px;}
.ul-new-page-menu li { width:23.5%; margin-right:2%; float:left; list-style:none; margin-bottom:20px;}
.ul-new-page-menu li:nth-of-type(4n) { margin-right:0;}
.ul-new-page-menu li a { display:block; text-align:center; border:1px solid #111; line-height:48px; color:#111;}
@media screen and (max-width:768px){
	.ul-new-page-menu li { width:32%; margin-right:2%; margin-bottom:16px;}
	.ul-new-page-menu li:nth-of-type(4n) { margin-right:2%;}
	.ul-new-page-menu li:nth-of-type(3n) { margin-right:0;}
	.ul-new-page-menu li a { line-height:40px;}
}

.header-page { text-align:center; margin:0; padding:160px 0 48px; background-color:#efefef; position:relative;}
.header-page img { width:100%; height:224px; object-fit:cover; position:absolute; top:0; left:0; }
.header-page h3 { background-color:#fff; margin:0 auto; padding:24px 20px 24px; font-size:32px; text-align:center; width:50%; box-sizing:border-box; position:relative; z-index:9;}
.header-page h3 small{ font-size:13px; display:block; font-weight:400; margin-top:20px;}
.header-page h3:after { content:""; display:block; width:64px; height:3px; background-color:#5f5147; position:absolute; bottom:0; left:calc(50% - 32px);}
.header-page h4 { font-size:32px; text-align:center; margin:48px 0 0; position:relative; z-index:9; font-weight:400;}
.header-page p { margin:0;}
.header-page dl { width:50%; display:flex; margin:0 auto; padding:30px 45px; background-color:#5f5147; color:#fff; position:relative; z-index:9;}
.header-page dt { width:35%; text-align:center; padding:0 55px 0 0; height:114px; margin:0 55px 0 0; border-right:1px solid #fff; font-size:64px; line-height:1.2; font-weight:400;}
.header-page dt small { font-size:13px; line-height:1.6; display:block; margin:0 0 8px;}
.header-page dd { line-height:114px; width:65%; font-size:24px;}
.header-page .lead { width:70%; margin:40px auto 0; text-align:center;}
.header-page .kodawari dd { width:100%; text-align:center; line-height:1.8;}
@media screen and (max-width:768px){
	.header-page { padding:160px 0 20px;}
	.header-page dl { width:90%; display:block; padding:16px;}
	.header-page dt { width:100%; padding:0; height:auto; margin:0; border-right:0; border-bottom:1px solid #fff; font-size:40px;}
	.header-page h3 { width:90%; font-size:28px;}
	.header-page dd { width:100%; line-height:2; margin:8px 0 0;}
	.header-page h4 { font-size:24px; margin:40px 0 0;}
	.header-page .lead { width:90%; margin:24px auto 0; text-align:left;}
}

.footer-mid { background-color:#efefef; padding:80px 2%; overflow:hidden;}
.footer-mid a { color:#111;}
.footer-mid h3 { margin:0 0 80px; line-height:1; }
.footer-mid h3 img { width:124px; margin-right:16px; float:left;}
.footer-mid h3 span { font-size:16px; font-weight:400;}
.footer-mid h4 { margin:0 0 20px; border-bottom:1px solid #ccc; padding:0 0 8px; font-size:16px;}
.footer-mid h4 i { color:#DF0101; padding-left:8px;}
.footer-mid ul { margin:0; padding:0; font-size:12px;}
.footer-mid li { list-style:none; margin:0 0 12px; width:50%; display:inline-block;}
.footer-mid li ul { border-left:1px solid #ccc; padding-left:16px; font-size:11px; margin:8px 0;}
.footer-mid li ul li { margin:0 0 8px;}
.w388 { width:38.8%;}
.w184 { width:18.4%;}
.mr-2p { margin-right:2%;}
.w32 { width:32%;}
@media screen and (max-width:768px){
	.footer-mid { padding:24px 5%;}
	.footer-mid h3 { margin:0 0 24px;}
	.footer-mid h3 img { width:100px; margin-bottom:96px;}
	.w388 { width:48%; float:left;}
	.w184 { width:48%; float:left;}
	.w32 { width:100%;}
	.mr-2p { margin-right:0;}
}

.footer-bottom { background-color:#888; color:#fff; padding:40px 2% 20px; font-size:11px;}
.footer-bottom a { color:#fff;}
.footer-bottom ul { margin:0; padding:0; overflow:hidden;}
.footer-bottom ul li { display:inline-block; margin-right:20px; margin-bottom:12px;}
.footer-bottom .cr { float:right;}
@media screen and (max-width:768px){
	.footer-bottom { padding:20px 5%; margin-bottom:132px;}
}

.footer-top-new { border-top:1px solid #DF0101; border-bottom:1px solid #DF0101; padding:32px 0; background-color:#f08080; text-align:center; position:relative;}
.ft-img { width:22%; height:100%; height:432px; object-fit:cover;}
.footer-top-new .main { padding:0 24%;}
.footer-top-new .main h3 { font-size:32px; clear:none; margin:24px 0 20px;}
.footer-top-new .main h3 span { color:#DF0101;}
.footer-top-new .main h3 a { color:#111; text-decoration:underline;}
.footer-top-new .main ul { margin:24px 0; padding:0; overflow:hidden;}
.footer-top-new .main ul li { width:19.2%; margin-right:1%; float:left; list-style:none; position:relative;}
.footer-top-new .main ul li:nth-of-type(5n) { margin-right:0;}
.footer-top-new .main ul li div { font-size:13px; padding:4px 0; border:2px solid #DF0101; box-sizing:border-box; background-color:#fff; color:#DF0101; font-weight:bold; margin:0 0 8px;}
.footer-top-new .main ul li p { margin:0; padding:0 16px;}
.footer-top-new .main ul li a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.footer-top-new .main .btn { width:400px; padding:16px 0; font-size:18px; color:#fff !important; background-color:#DF0101;; border-radius:40px; display:block; font-weight:bold; margin:0 auto; border:0; float:none;}

@media screen and (max-width:768px){
	.footer-top-new { padding:80px 0 40px;}
	.ft-img { width:50%; height:100%; object-fit:cover; float:left !important; margin-top:24px; margin-bottom:20px;}
	.footer-top-new .main { padding:0 5%; text-align:left;}
	.footer-top-new .main h3 { font-size:22px; position:absolute; top:40px; width:100%; text-align:center; margin:0 -5%;}
	.footer-top-new .main ul li { width:49%; margin-right:2%; float:left; border:4px solid #DF0101; margin-bottom:16px; text-align:center; box-sizing:border-box;}
	.footer-top-new .main ul li:nth-of-type(5n) { margin-right:2%;}
	.footer-top-new .main ul li:nth-of-type(2n) { margin-right:0;}
	.footer-top-new .main ul li div { border:0; margin:0;}
	.footer-top-new .main ul li p { background-color:#fff; padding:0;}
	.footer-top-new .main a { width:100% !important; text-align:center;}
    .footer-top-new .main .btn　{ width:100% !important;}
}

.bar-fixed { padding:5px 120px; background-color:#0d0047; color:#fff; font-size:16px; overflow:hidden; position:fixed; bottom:0; left:0; width:100%; z-index:99;}
.bar-fixed span { padding:8px 24px; font-size:18px; color:#fff; background-color:#bbc6e3bf; float:left; display:inline-block; margin-right:20px; margin-top:20px;}
.bar-fixed .tel { font-size:48px; font-weight:bold; color:#bbc6e3bf; line-height:1;}
.bar-fixed .btn { margin:0; padding:0; overflow:hidden; display:block; text-align:center; font-size:18px;  padding:4px 0; background-color:#fff; color:#0d0047 !important; font-weight:bold;}
.bar-fixed .btn:hover { background-color:#0d0047; color:#fff !important;}
.mt-20 { margin-top:20px;}
.bar-fixed .w48 { width:48%;}
.bar-fixed .fright { float:right !important;}
@media screen and (max-width:768px){
	.bar-fixed { padding:4px 5%; font-size:12px; line-height:1.3;}
	.bar-fixed span { padding:8px; font-size:12px; margin-top:8px;}
	.bar-fixed .tel { font-size:30px;}
	.bar-fixed .w48 { width:100%; margin-top:2px;}
	.bar-fixed .btn { font-size:13px;}
	.bar-fixed .btn.w48 { width:48%; clear:none; padding:2px 0;}
	.bar-fixed .btn.w48.fleft { float:left;}
}

footer { margin-bottom:82px;}

@media screen and (max-width:768px){
.entry-content { margin-top:136px;}
}

@media screen and (max-width:768px){
	.site-title { writing-mode: horizontal-tb; float:none; font-size:32px;}
	.site-description { font-size:18px; writing-mode: horizontal-tb; position:static; padding:0;}
	.top-img { width:100% !important; height:auto; position:static; margin-top:8px;}
}

.news-wrap { padding:80px 0; display:flex; flex-wrap:wrap;}
.news-wrap p { width:100%;}

.dl-news { width:50%; padding:40px; border-bottom:1px solid #eee; margin:0; box-sizing:border-box; border-right:1px solid #eee;}
.dl-news dt { font-size:20px; font-weight:400; margin-bottom:20px; line-height: 1.5; position: relative; margin-bottom: 20px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:100%; color:#0d0047;}
.dl-news dd { position: relative;}
.dl-news:nth-of-type(2n) { border-right:0;}

.title-news { font-size:24px; color:#0d0047; border-bottom:1px solid #0d0047;}
.date-news { font-size:16px; color:#0d0047; border-bottom:1px solid #0d0047; margin-bottom:24px;}
.post-navigation .nav-links { padding-right:0; padding-left:0; font-size:16px;}
.post-navigation .nav-links a { color:#0d0047; background-color:#efefef; padding:8px 8px 6px; border-radius:4px; font-style:normal; border:1px solid #0d0047;}
@media screen and (max-width:768px){
	.news-wrap { padding:160px 16px;}
	.dl-news { width:100%; height:auto; border-right:0; padding:20px 0;}
	.dl-news dt,.dl-news dd { padding-left:0;}
}

.line-banner { width:40%;}
@media screen and (max-width:768px){
	.line-banner { width:100%;}
}