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

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

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

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
	margin: 0;
}

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

h1 {
	font-size: 100%;
	font-weight: normal;
}

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

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

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

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

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

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

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

a {
	background-color: transparent;
}

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

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

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

b,
strong {
	font-weight: bolder;
}

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

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

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

small {
	font-size: 80%;
}

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

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

img {
	border-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
	vertical-align: baseline;
}

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

textarea {
	overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
	display: block;
}

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

summary {
	display: list-item;
}

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

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

template {
	display: none;
}

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

[hidden] {
	display: none;
}

body {
	font-family: Roboto,Helvetica,Arial,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Meiryo UI','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #222;
	font-size:100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}


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

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

p {
	margin-bottom: 1.5em;
}

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

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

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

ul, ol {
	margin: 0;
	padding:0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

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

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

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

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

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color:#007fba;
	text-decoration:underline;
}

a:visited {
	color:#007fba;
}

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


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

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}

.main-navigation .menu-menu-1-container {
	display: block;
	max-width: 1000px;
	margin:0 auto;
	overflow: hidden;
}
.main-navigation .nav-menu {
	margin-left:-1px;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

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

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

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

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

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

.main-navigation li {
	float: left;
	position: relative;
	width:16.6%;
	text-align: center;
	background-image: url(/wp-content/themes/factory-takeuchi/assets/img/share/split.png);  
	background-repeat: no-repeat;  
	background-position: 0 18px;  
}

.main-navigation a {
	color:#fff;
	font-size:112.5%;
	line-height:1.4;
	padding:15px 5px 10px;
	display: block;
	text-decoration: none;
	background-image: url(/wp-content/themes/factory-takeuchi/assets/img/share/white.png);
	background-repeat: repeat-x;  
	background-position: center 4em;
}
.main-navigation a:hover { 
	background-position: center bottom;
	transition: 0.3s;
}
.main-navigation a span {
	font-size:66%;
	display: block;
}
.main-navigation a.active { 
	background-image: url(/wp-content/themes/factory-takeuchi/assets/img/share/white-half.png);
	background-position: center bottom;
}


/* Small menu. */
.menu-toggle {
	width:60px;
	height:60px;
	border: none;
	background: none;
	padding: 0;
	float:right;
	margin-top:-60px;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	margin: 1em 0 1.5em;
	padding:0.5em 1em;
	background-color:#efefef;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
  content: "\f104";
  font-family: 'FontAwesome';
  margin-right: 0.5em;
}


.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin-left: 0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
hamburger
--------------------------------------------------------------*/

.hamburger {
  padding: 18px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1.0; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color:#fff;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/

html, body {
	position: relative;
	height: 100%;
}
.page-template-frontpage .swiper-container {
	width: 100%;
	height: 600px;
	background: #000;
}
.page-template-frontpage .swiper-slide {
	text-align: center;
}
.page-template-frontpage .swiper-slide a {
	width:100%;
	height:100%;
	color:#fff;
	font-weight:100;
	margin:0;
	padding:0;
	text-decoration: none;
	text-align: center;
	display:block;
}

.page-template-frontpage .swiper-slide h2,
.page-template-frontpage .swiper-slide h3 {
	font-size:100%;
	font-weight:normal;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.page-template-frontpage .swiper-slide .title {
	margin:13em auto 0;
	padding:0;
	display: inline-block;
}

.page-template-frontpage .swiper-slide .h2title {
	margin:0 0 2em;
	padding:0;
	vertical-align: middle;
	display:block;
}
.page-template-frontpage .swiper-slide .name {
	font-size:150%;
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	line-height:1.1;
	width:6em;
	margin:0 0.5em 0 0;
	padding:0.8em 0 0.6em;
	border:1px solid #fff;
	vertical-align: middle;
	display:inline-block;
}
.page-template-frontpage .swiper-slide .merit {
	font-size:300%;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:100;
	line-height:1.1;
	text-align:left;
	margin:0;
	padding:0;
	vertical-align: middle;
	display:inline-block;
}
.page-template-frontpage .swiper-slide .h3title {
	text-align: center;
	font-size:156%;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:100;
	line-height:1.2;
	margin:0;
	padding:0;
	display:block;
}

.page-template-frontpage .swiper-wrapper .img01 {background: url(/wp-content/themes/factory-takeuchi/assets/img/top/slide01.jpg) center center / auto 100% no-repeat;}
.page-template-frontpage .swiper-wrapper .img02 {background: url(/wp-content/themes/factory-takeuchi/assets/img/top/slide02.jpg) center center / auto 100% no-repeat;}
.page-template-frontpage .swiper-wrapper .img03 {background: url(/wp-content/themes/factory-takeuchi/assets/img/top/slide03.jpg) center center / auto 100% no-repeat;}

.page-template-frontpage .entry-header {
	display:none;
}
.page-template-frontpage .entry-content {
	margin-top:0;
}

.page-template-frontpage .breadcrumb{
	display:none;
}

/* ==========================================================================
  page header
   ========================================================================== */

.page .entry-header,
.error404 .entry-header,
.blog .entry-header,
.archive .entry-header,
.single .entry-header,
.search .entry-header {
	height:300px;
	padding:120px 15px 0;
	margin:0;
	text-align:center;
}
.page .entry-header .entry-title,
.error404 .entry-header .entry-title,
.blog .entry-header .entry-title,
.archive .entry-header .entry-title,
.single .entry-header .entry-title,
.search .entry-header .entry-title {
	font-size:250%;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	margin:0 auto;
}

.page .laser {
	color:#fff;
	background: url(/wp-content/themes/factory-takeuchi/assets/img/share/main-leser.jpg) center center / auto 100% no-repeat #333;
}
.page .bending {
	color:#fff;
	background: url(/wp-content/themes/factory-takeuchi/assets/img/share/main-bending.jpg) center center / auto 100% no-repeat #333;
}
.page .welding {
	color:#fff;
	background: url(/wp-content/themes/factory-takeuchi/assets/img/share/main-welding.jpg) center center / auto 100% no-repeat #333;
}
.page .iron,.page .stainless,.page .aluminium {
	color:#fff;
	background:url(/wp-content/themes/factory-takeuchi/assets/img/share/main-laser2.jpg) ,linear-gradient(90deg, #007fba, #25478a);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
.page .aboutus,
.page .how-to-order,
.page .privacy-policy,
.page .contact,
.page .corporation,
.page .individual,
.page .thanks,
.page .sitemap,
.error404 .notfound,
.blog .products,
.archive .products,
.single .products,
.search .search {
	color:#000;
	background:url(/wp-content/themes/factory-takeuchi/assets/img//share/main-aboutus.jpg) ,linear-gradient(0deg, #e1e2e5, #f0f4f9);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}


/*--------------------------------------------------------------
page
--------------------------------------------------------------*/

#content section {
	clear:both;
	padding:0 15px;
}
#secondary section {
	clear:both;
	padding:0 0;
}
section .inner {
	clear:both;
	max-width:1000px;
	margin:0 auto;
	padding:2.5em 0 2.5em;
}
section .inner .h2title {
	font-size:250%;
	line-height:1.2;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	border-bottom:2px solid #000;
	padding:0 0 0.3em;
	margin:1em 0;
	text-align:center;
}
section .inner .h2title .small {
	font-size:35%;
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-weight:bold;
	display:block;
	margin-top:0.3em;
}
section .inner .h3title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	font-weight:normal;
	padding:0;
	text-align:center;
	margin:3em 0 0.5em;
}
section .inner .h3title2 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	font-weight:normal;
	padding:0;
	text-align:center;
	border-bottom:1px solid #fff;
	padding:0 0 0.3em;
	margin:2em 0 1em;
}
section .inner .h3title2 .small {
	font-size:53.85%;
	font-weight:bold;
	display:block;
	margin-top:0.3em;
}
section .inner .h3title2b {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	font-weight:normal;
	padding:0;
	text-align:center;
	border-bottom:1px solid #000;
	padding:0 0 0.3em;
	margin:2em 0 0.5em;
}
section .inner .h3title3 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	font-weight:normal;
	padding:0;
	text-align:center;
	padding:0;
	margin:0 0 0.3em;
}
section .inner .h3title4 {
	font-size:125%;
	line-height:1.2;
	font-weight:normal;
	padding:0;
	text-align:center;
	border-bottom:1px solid #000;
	padding:0 0 0.3em;
	margin:0 0 0.5em;
}

section .inner .support{
	line-height:1.2;
	font-weight:normal;
	padding:4px;
	text-align:center;
	margin:0 0 1em;
	background-color:#000;
}
section .inner .support li{
	color:#fff;
	margin:0 0.3em;
	display:inline-block;
}
section .inner .support .range{
	font-size:87.5%;
	color:#000;
	background-color:#fff;
	padding:2px 4px;
}

section .inner2 {
	clear:both;
	max-width:800px;
	margin:0 auto;
	padding:2.5em 0 2.5em;
	   line-height: 1.7;
}
section .inner2 .font-xl {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}
section .inner2 .font-l {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}
section .inner2 .h2title {
	font-size:250%;
	line-height:1.2;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	border-bottom:2px solid #000;
	padding:0 0 0.3em;
	margin:3em 0 1em;
	text-align:center;
}

section .inner2 .h3title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	color:#999;
	font-weight:normal;
	padding:0 0 0.3em;
	border-bottom:1px solid #000;
	margin:2em 0 1em;
}

.process {
	background:url(/wp-content/themes/factory-takeuchi/assets/img/top/topbg01.png) ,linear-gradient(135deg, #007fba, #5c68f8);
	background-repeat: no-repeat;
	background-position: center top;
	color:#fff;
	overflow: hidden;
}
.process .inner .h2title {
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	border-bottom:2px solid #fff  !important;
	margin:1em 0 0.5em;
}

.etc{
	background:linear-gradient(135deg, #ffe1ff, #ddfdff);
	overflow: hidden;
}
.etc .inner .h2title {
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	margin:1em 0 0.5em;
}


.etc .inner .read {
    margin: 0.5em auto;
}

main .info{
	background-color:#f1f1f1;
	overflow: hidden;
}
main .info .information{
	display:block;
	overflow: hidden;
	margin-bottom:2em;
}
main .info .information li{
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	display:block;
	overflow: hidden;
	border-bottom:1px solid #000;
}
main .info .information li a{
	color:#0061ab;
	display:block;
	overflow: hidden;
	padding:1.5em 1em;
	background-color: rgba(255,255,255,0.0);
	text-decoration:none;
}
main .info .information li a .date{
	color:#666;
	display:inline-block;
	margin-right:2em;
}
main .info .information li a .posttitle{
	display:inline-block;
}
main .info .information li a:hover{
	background-color: rgba(255,255,255,0.3);
}
main .info  .inner .h2title {
	margin:1em 0 0;  !important;
}

section .inner .box {
	display: block;
	width:100%;
	padding:0 1em;
	margin:0;
}
section .inner .box .title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	font-size:125%;
	margin-bottom:0.5em;
}
main section .inner .box .subtitle {
	text-align:center;
	font-weight:bold;
	margin:1em 0;
}
section .inner .box .ph {
	display: block;
	padding:0;
	margin-bottom:0.5em;
}
section .inner .box .read {
	font-size:100%;
	margin: 0.5em auto;
}

section .inner .box3 {
	display: block;
	width:47.5%;
	padding:0;
	margin:0;
}
section .inner .box3 .title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	font-size:125%;
	margin-bottom:0.5em;
}
section .inner .box3 .ph {
	display: block;
	padding:0;
	margin-bottom:0.5em;
}
section .inner .box3 .read {
	font-size:100%;
	margin: 0.5em auto;
}

section .inner .box4 {
	display: block;
	width:31%;
	padding:0;
	margin:0;
}
section .inner .box4 .title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	font-size:125%;
	margin-bottom:0.5em;
}
section .inner .box4 .ph {
	display: block;
	padding:0;
	margin-bottom:0.5em;
}
section .inner .box4 .subtitle {
	text-align:center;
	font-weight:bold;
	margin:1em 0;
}
section .inner .box4 .read {
	font-size:100%;
	margin: 0.5em auto;
}

section .inner .box5 {
	display: block;
	width:48%;
	padding:1.5em;
	margin:0;
	background:linear-gradient(0deg, #efefef, #ddfdff);
}
section .inner .box5 ul {
	display: block;
	background-color: rgba(255,255,255,0.7);
	font-size:87.5%;
	padding:0.5em 0.5em 0.5em 2em;
}
section .inner .box5 ul li {
	list-style:disc;
}


section .inner .entry {
	display: block;
	width:31%;
	padding:0.8em;
	border:1px solid #ccc;
}
.flex .entry:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 34.5%;
}
section .inner .entry .title {
	font-family: Roboto,"新ゴ b",'ヒラギノ角ゴ Pro W6',sans-serif;
	font-weight:bold;
	margin:0.5em 0;
}
section .inner .entry .ph {
	display: block;
	padding:0;
	margin-bottom:0.5em;
}
section .inner .entry .ph img {
	width:100%;
	height:auto;
}
section .inner .entry .tag a{
	font-size:87.5%;
	color:#fff;
	text-decoration: none;
	background-color:#666;
	padding:2px 5px;
	margin:2px 4px 2px 0;
	display:inline-block;
}
section .inner .entry .tag a:hover{
	text-decoration: none;
	background-color:#333;
}
section .inner .entry .link {
	display: block;
	padding:0;
	margin-top:0.5em;
}

main .hentry {
    margin: 0 0 0;
}

section .read {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	max-width:800px;
	font-size:112.5%;
	line-height:1.7;
	margin:2em auto;
}

section .inner .h2title2 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:162.5%;
	line-height:1.2;
	font-weight:normal;
	border-bottom:2px solid #000;
	padding:0 0 0.3em;
	margin:0;
	text-align:center;
}

section .inner .box2 {
	width:100%;
	padding:3em 0;
	margin:0;
	overflow: hidden;
}
section .inner .box2 .text {
	width:45%;
	float:left;
}
section .inner .box2 .ph {
	float:right;
	width:50%;
	padding:0;
	margin:0;
}
section .inner .box2 .text .h3title3 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	font-size:250%;
	font-weight:normal;
	margin:0;
}
main section .inner .box2 .border-text {
	text-align:center;
	font-size:87.5%;
	padding:3px;
	margin:0.5em 0;
	background-color: #e2e2e2;
}

section .inner .box2 .read {
	font-size:100%;
}

section .inner .contactus {
    overflow: hidden;
    height: 5em;
    margin-bottom: 2em;
}

section .read2 {
	max-width:800px;
	font-size:112.5%;
	line-height:1.7;
	margin:0.5em auto 1em;
	text-align:center;
}
section .read2 .h2message {
	font-size:150%;
	line-height:1.4;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	padding:0 0 0.3em;
	margin:1em auto;
	text-align:left;
	display:inline-block;
}
section .read2 .h2message2 {
	font-size:200%;
	line-height:1.4;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	padding:0 0 0.3em;
	margin:3em auto 1em;
	text-align:left;
	display:inline-block;
}
section .read2 p {
	text-align:left;
}

section .inner .outline{
	border-bottom:1px solid #000;
	margin:0;
	display:flex;
}
section .inner .outline dt{
	display:inline-block;
	font-weight:normal;
	margin:1em;
	width:6em;
}
section .inner .outline dd{
	display:inline-block;
	margin:1em;
}
section .inner .outline dd ul li {
	list-style:disc;
	margin-left:2em;
}

section .inner .matter{
	border-bottom:1px solid #000;
	margin:0;
	display:flex;
}
section .inner .matter dt{
	display:inline-block;
	font-weight:normal;
	margin:1em;
	width:6em;
}
section .inner .matter dd{
	display:inline-block;
	margin:1em;
}

section.map {
	padding:0 !important;
}
section.map .access{
	padding:0;
	margin:0;
	height:600px;
}
section.map .h2title {
	font-size:250%;
	line-height:1.2;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	font-weight:normal;
	padding:2em 0 0.5em 0;
	margin:0;
	text-align:center;
}

section .inner .h2process {
	font-size:200%;
	font-weight:normal;
	padding:0;
	margin:0.5em 0 0;
	display: table;
	vertical-align: middle;
}
section .inner .h2process .number {
	font-family: 'Roboto', sans-serif;
	background-color: #007fba;
	font-weight: 400;
	text-align: center;
	width: 2em;
	height: 2em;
	padding-top: 0.5em;
	line-height: 1;
	color: #fff;
	margin:0 0.3em 0 0;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: table-cell;
	vertical-align: middle;
	float:left;
}
section .inner .h2process .title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-weight: 400;
	color:#007fba;
	height: 2em;
	line-height: 1.1;
	display: table-cell;
	vertical-align: middle;
}
section .inner .h3process {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:125%;
	line-height:1.2;
	font-weight:normal;
	color:#007fba;
	padding:0;
	text-align:center;
	border-bottom:1px solid #007fba;
	padding:0 0 0.3em;
	margin:3em 0 1.5em;
}
section .inner .zu {
	width:90%;
	margin:2em auto;
}
section .inner .order1 {
	margin:0 auto;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start; /* 縦方向中央揃え（Safari用） */
	align-items: flex-start; 
}
section .inner .order1 li {
	display:inline-block;
	min-width:11em;
	background-color:#efefef;
	padding:1em;
	margin: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 vertical-align: middle;
}
section .inner .box6{
	width:100%;
	padding:0.5em 0 2em;
	margin:0;
	overflow: hidden;
}
section .inner .box6 .text {
	width:45%;
	float:left;
}
section .inner .box6 .ph {
	float:right;
	width:50%;
	padding:1em 0 0;
	margin:0;
}

section .inner .h3tel {
	font-size:300%;
	line-height:1.2;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	text-align:center;
	margin:0;
	vertical-align: middle;
}
section .h3tel i {
	font-size:87.5%;
	margin:0 0.3em 0.1em 0;
	vertical-align: middle;
}
section .h3tel a {
	color:#007fba;
	text-decoration:none;
}
section .h3fax {
	font-size:200%;
	line-height:1.2;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	margin:0;
}
section .h3fax span {
	font-size:50%;
}
section .telno {
    text-align: center;
    margin: 0 0 2em;
}
section .telno span {
	font-family: 'Roboto', sans-serif;
	color: #007fba;
	font-size: 200%;
}
.graybox {
    background-color: #efefef;
    padding: 1em 1em 0.1em;
    margin-bottom: 1.5em;
}
.graybox .h4title {
	font-family: Roboto,"新ゴ B",'ヒラギノ角ゴ Pro W6',sans-serif;
	font-weight:bold;
	padding:0;
	margin:0 0 0.5em;
}
.graybox p {
	margin:0 0 1em;
}

.error404 .page-header {
	margin:3em auto;
}
.error404 .page-header .page-title {
	font-size:150%;
	font-family: Roboto,"新ゴ r",'ヒラギノ角ゴ Pro W3',sans-serif;
}
#primary .search-form{
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	background-color:#efefef;
	padding:0.5em 0;
	margin:0 0 4em;
}
#primary section .list{
}
#primary section .list li{
	list-style:disc;
	margin:0 0 0.3em 2em;
}
#primary section .list li a{
	text-decoration: none;
}
#primary section .list li a:hover{
	text-decoration: underline;
}

/*--------------------------------------------------------------
## form
--------------------------------------------------------------*/

.wpcf7 dl{
	padding:10px 0;
	border-bottom:2px solid #f5f5f5;
	clear:both;
	overflow:hidden;
}
.wpcf7 dt{
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	margin:0;
	padding:5px 2px;
	font-weight:normal;
	font-size:112.5%;
}

.wpcf7 dd{
	margin:0;
	padding:5px 2px;
}
.wpcf7 input,.wpcf7 textarea{
	width:100%;
	margin:0;
	padding:0.3em 0.5em;
	font-size:112.5%;
}
.required{
	display: inline-block;
	float: left;
	font-size: 75%;
	color: #fff;
	padding: 3px 7px;
	margin-right:1em;
	border-radius: 3px;
	background-color: #ff3d40;
}
.any{
	display: inline-block;
	float: left;
	font-size:75%;
	color: #fff;
	padding: 3px 7px;
	margin-right:1em;
	border-radius: 3px;
	background-color: #ccc;
}
.harf{
	width:50%;
	float:left;
}
.sendbot{
	width:50%;
}
span.wpcf7-not-valid-tip {
	margin-top: 5px;
}
div.wpcf7-response-output {
	margin: 0 0 15px !important;
	padding: 10px 15px !important;
}
div.wpcf7-validation-errors {
	color:#fff;
	border: none !important;
	background-color:#ff3d40;
}
.regist .wpcf7-list-item {
	display: inline-block;
	margin:0.5em 1em 0.5em;
}
.regist .wpcf7-list-item input {
	display:inline-block;
	width:1em;
}
.wpcf7-form .zip1 {
	width:91%;
}
.wpcf7-form .zip2 {
	width:100%;
}
.wpcf7-form select {
	width: 15em;
	padding: 0 10px;
	height: 2em;
}
.send {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}
.send .wpcf7-submit {
	width:38%;
	font-size: 150%;
	margin: 20px 10px;
	padding: 20px;
	background-color: #007fba;
	border: none;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.send .wpcf7-submit:hover {
	background-color: #5c68f8;
}
.send .wpcf7-confirm {
	width:60%;
	font-size: 150%;
	margin: 15px auto;
	padding: 20px;
	background-color: #007fba;
	border: none;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.send .wpcf7-confirm:hover {
	background-color: #5c68f8;
}
.send .wpcf7-back {
	width:40%;
	font-size: 110%;
	margin: 5px;
	padding: 10px;
	background-color: #ccc;
	border: 1px solid #333;
	color: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.send .wpcf7-back:hover {
	color: #fff;
	background-color: #5c68f8;
}
.wpcf7c-conf {
    background-color: #fafabd !important;
    border: 1px solid #e9e945 !important;
}

.site-content {
	clear:both;
}

.site-content .inner {
	clear:both;
	max-width:1000px;
	margin:0 auto;
	padding:2.5em 0 2.5em;
	overflow: hidden;
	
}
.blog #primary,
.archive #primary,
.single #primary,
.search #primary {
	float:left;
	width:65%;
}
.blog #primary .page-title,
.archive #primary .page-title,
.search #primary .page-title {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	background-color:#777;
	color:#fff;
	margin:0 0 2em;
	padding:0.5em 1em;
}
.post-type-archive-information #primary {
	float:none;
	width:100%;
	margin-bottom:2em;
}
.single-information #primary {
	float:none;
	width:100%;
	margin-bottom:2em;
}
.post-type-archive-information #primary .information {
	border-bottom:1px solid #000;
	padding:2em 0;
}
#secondary{
	float:right;
	width:32%;
}
#secondary li {

}
#secondary li a {
	color:#000;
	text-decoration: none;
	width:100%;
	background-color:#efefef;
	padding:0.5em 0.8em;
	display:block;
	margin-bottom:1px;
}
#secondary li a:hover {
	background-color:#fff;
}
#secondary li a.active {
	background-color:#fff;
}

#secondary li a::before {
  content: "\f105";
  font-family: 'FontAwesome';
  margin-right: 0.5em;
}

#secondary .menu-item-has-children a::before {
  content: "\f107";
  font-family: 'FontAwesome';
  margin-right: 0.5em;
}
#secondary .menu-item-has-children .sub-menu a::before {
  content: "\f105";
  font-family: 'FontAwesome';
  margin-right: 0.5em;
}
#secondary .widget-title {
	font-family: Roboto,"新ゴ B",'ヒラギノ角ゴ Pro W6',sans-serif;
	font-size: 100%;
	padding:0 0 0.3em;
	margin:0 0 0.5em;
	border-bottom:1px solid #000;
}
#secondary .menu {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}
#secondary .menu .menu-item .sub-menu {
	padding:0;
	margin:0;

}
#secondary .menu .menu-item .sub-menu a {
	padding-left:2em;
}
#secondary .search-form{
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	text-align:center;
	background-color:#efefef;
	padding:0.5em 0;
}
#secondary .search-field{
	width:70%;
}

.post-product {
	padding:0.8em;
	border:1px solid #ccc;
	margin:0 0 2em;
	overflow: hidden;
}
.post-product .content {
	float:right;
	width:55%;
	padding:0;
	margin:0;
}
.post-product .ph {
	float:left;
	width:40%;
	padding:0;
	margin:0;
}
.post-product .title {
	font-size:150%;
	font-weight:bold;
	margin:0.5em 0;
}

.post-product .ph img {
	width:100%;
	height:auto;
}
.post-product .tag a{
	font-size:87.5%;
	color:#fff;
	text-decoration: none;
	background-color:#666;
	padding:2px 5px;
	margin:2px 4px 2px 0;
	display:inline-block;
}
.post-product .tag a:hover{
	text-decoration: none;
	background-color:#333;
}
.post-product .link {
	display: block;
	padding:0;
	margin-top:0.5em;
}

.blog .post,
.archive .post,
.search .status-publish {
	padding:0.8em;
	border:1px solid #ccc;
	margin:0 0 2em;
	overflow: hidden;
}
.blog .post .post-header,
.archive .post .post-header {
	float:right;
	width:57%;
	padding:0;
	margin:0;
}
.blog .post .entry-content,
.archive .post .entry-content {
	float:left;
	width:40%;
	padding:0;
	margin:0;
}
.blog .post .entry-title,
.archive .post .entry-title,
.search .search-header .entry-title {
	font-family: Roboto,"新ゴ B",'ヒラギノ角ゴ Pro W6',sans-serif;
	font-size:150%;
	font-weight:bold;
	margin:0.5em 0;
	line-height:1.3;
}

.blog .post .ph img,
.archive .post .ph img {
	width:100%;
	height:auto;
}
.blog .post .tag a,
.archive .post .tag a,
.single .post .tag a{
	font-size:87.5%;
	color:#fff;
	text-decoration: none;
	background-color:#666;
	padding:2px 5px;
	margin:2px 4px 2px 0;
	display:inline-block;
}
.blog .post .tag a:hover,
.archive .post .tag a:hover,
.single .post .tag a:hover{
	text-decoration: none;
	background-color:#333;
}
.blog .post .link,
.archive .post .link {
	display: block;
	padding:0;
	margin-top:0.5em;
}

.page .post {
	width:31%;
	padding:0.8em;
	border:1px solid #ccc;
	margin:0 0 2em;
	overflow: hidden;
}
.flex .post:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 34.5%;
}
.page .post .title {
	font-size:112.5%;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:0.3em;
}
.page .post .ph img {
	width:100%;
	height:auto;
}
.page .post .tag a {
	font-size:87.5%;
	color:#fff;
	text-decoration: none;
	background-color:#666;
	padding:2px 5px;
	margin:2px 4px 2px 0;
	display:inline-block;
}
.page .post .tag a:hover {
	text-decoration: none;
	background-color:#333;
}
.page .post .link {
	display: block;
	padding:0;
	margin-top:0.5em;
}

.single section .entry-title {
	font-family: Roboto,"新ゴ B",'ヒラギノ角ゴ Pro W6',sans-serif;
	font-size:150%;
	font-weight:bold;
	margin:0.5em 0 0;
	padding-bottom:0.3em;
	line-height:1.3;
	border-bottom:2px solid #000;
}
.single .entry-content {
	margin:0 0 0;
}

.information .post-header {
}
.information .post-header .date {
}
.information .post-header .entry-title {
	font-size:200%;
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	line-height:1.2;
	font-weight:normal;
	margin:0;
	padding:0 0 0.3em;
}
.information .post-header .entry-title a {
	text-decoration: none;
}
.information .entry-content {
	margin:0;
}
.single-information .inner2 .post-header {
	margin:2em 0;
}
.single-information .inner2 .entry-content {
	margin:1em 0;
}



/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/

.site-header {
	background: linear-gradient(90deg, #007fba, #5c68f8);
	line-height:1.2;
	overflow: hidden;
}
.site-header .site-branding {
	float: left;
 	width: 100%;
 	margin-right: -256px;
 	padding-right: 256px;
 	box-sizing: border-box;
}
.site-header .description {
	font-size:75%;
	font-weight:normal;
	color:rgba(255,255,255,0.7);
	padding:0.5em 1em;
	margin:0;
	background-color: rgba(255,255,255,0.1);
	display:block;
}
.site-header .site-title {
	margin:1.3em 1em 0;
	float:left;
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
}
.site-header .site-title .mark {
	width:25px;
	height:auto;
	margin-right:5px;
}
.site-header .site-title a {
	color:#fff;
	font-size:137.5%;
	line-height:1.2;
	display:inline-block;
	text-align: center;
	text-decoration: none;
	
}
.site-header .site-title a span {
	font-size:54.5%;
	display:block;
}

.site-header .contacts {
	float:right;
	display:table;
	margin:0;
	height: 100%;
	vertical-align:top;
}
.site-header .contacts a {
	color:#fff;
	line-height:1.3;
	text-decoration: none;
	vertical-align:top;
	display:block;
	min-height:5em;
}
.site-header .contacts span {
	display:block;
}
.site-header .contacts .tel {
	float:right;
	display:table-cell;
	min-height:5em;
	padding:0;
	vertical-align:top;
}
.site-header .contacts .tel a {
	text-align: center;
	background-color:#1a396e;
	padding:3px 10px 0px;
}
.site-header .contacts .tel a .icon {
	font-size:150%;
}
.site-header .contacts .tel a .number {
	font-size:131.25%;
	line-height:1.1;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.site-header .contacts .tel a .hours {
	font-size:87.5%;
	line-height:1;
}

.site-header .contacts .form {
	float:right;
	display:table-cell;
	min-height:5em;
	padding:0;
	vertical-align:top;
}
.site-header .contacts .form a {
	background-color:#6cc84b;
	width:6.5em;
	padding:8px 10px;
}
.site-header .contacts .form a .icon {
	font-size:75%;
	float:right;
	margin:26% 0 0 0;
	
}
.site-header .contacts .form a .text {
	margin:0.7em 0 0em;
}

/*--------------------------------------------------------------
## breadcrumb
--------------------------------------------------------------*/

.breadcrumb {
	background-color:#efefef;
	padding:3px 15px;
	font-size:75%;
}
.breadcrumb ul {
	margin:0 auto;
	display:block;
	max-width:1000px;
}
.breadcrumb ul li {
	display:inline-block;
	padding-right: 1em;
	color:#666;
}
.breadcrumb ul li a {
	color:#999;
	text-decoration: none;
}
.breadcrumb ul li a:hover {
	color:#666;
	text-decoration: underline;

}
.breadcrumb ul li a::after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 1em;
}

/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/

.site-footer {
	background:url(/wp-content/themes/factory-takeuchi/assets/img/share/footer-bg.png) ,linear-gradient(135deg, #007fba, #5c68f8);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
	color:#fff;
	overflow: hidden;
}
.site-footer .inner {
	max-width: 1000px;
	margin:0 auto;
	padding:2em 0 0;
	overflow: hidden;
}
.site-footer .nav {
	display: -webkit-flex;
	display: flex;
	margin-bottom:1em;
	padding: 0 15px;
}
.site-footer .box {
	width:25%;
	padding:0 1em 0 0;
}
.site-footer .box i {
	font-size:75%;
	margin-right:0.5em;
}
.site-footer .box .footh3 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	margin:0.5em 0;
}
.site-footer .box .footnav {
	line-height:1.8;
	margin-left:0.5em;
}
.site-footer .inner a {
	color:#fff;
	text-decoration: none;
}
.site-footer .inner a:hover {
	color:#fff;
	text-decoration:underline;
}
.site-footer .contactus {
	overflow: hidden;
	height: 5em;
	margin-bottom:2em;
}
.site-footer .massage {
	float: left;
 	width: 100%;
	height: 100%;
 	box-sizing: border-box;
	text-align: center;
	background-color:#fff;
	color:#369;
	font-size:162.5%;
	line-height:1.2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	padding: 0 266px 0 10px;
	margin:0 -256px 0 0;
}
.site-footer .footh3 {
	font-size:100%;
	font-weight:normal;
}
.site-footer ul li {
	list-style-type: none;
}
.site-footer .company {
	text-align: center;
	padding:0 15px;
	margin-bottom:4em;
}
.site-footer .company .name {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	font-size:125%;
	margin-right:1em;
}
.site-footer .company .zip {
	margin-right:1em;
}

.go-top {
	width: 100%;
	position: fixed;
	bottom: 0px;
	display: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.go-top a {
	color: #fff;
	width: 100%;
	padding: 8px;
	display: block;
	background: #01409e;
	text-decoration: none;
	overflow: hidden;
}
.go-top .totop .icon {
float:left;
	display: block;
	margin-left:48%;
	line-height:1;

}
.copyright {
	float:right;
	font-size:75%;
	margin-right:1em;
}
.go-top .tel,.go-top .form,.go-top .totop .top {
	display: none;
}

/*--------------------------------------------------------------
## contactus
--------------------------------------------------------------*/

.contactus {
}
.contactus .massage {
	font-family: "リュウミン R-KL", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", serif;
	float: left;
 	width: 100%;
	height: 100%;
 	box-sizing: border-box;
	text-align: center;
	background-color:#fff;
	color:#369;
	font-size:162.5%;
	line-height:1.2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	padding: 0 266px 0 10px;
	margin:0 -256px 0 0;
}
.contactus .contacts {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	float:right;
	display:table;
	margin:0;
	height: 100%;
	vertical-align:top;
}

.contactus .contacts a {
	color:#fff;
	line-height:1.3;
	text-decoration: none;
	vertical-align:top;
	display:block;
	min-height:5em;
}
.contactus .contacts a:hover {
	text-decoration: none;
}
.contactus .contacts span {
	display:block;
}
.contactus .contacts .tel {
	display:table-cell;
	min-height:5em;
	padding:0;
	vertical-align:top;
}
.contactus .contacts .tel a {
	text-align: center;
	background-color:#1a396e;
	padding:3px 10px 0px;
	height: 100%;
}
.contactus .contacts .tel a .icon {
	font-size:150%;
}
.contactus .contacts .tel a .number {
	font-size:131.25%;
	line-height:1.1;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.contactus .contacts .tel a .hours {
	font-size:87.5%;
	line-height:1;
}

.contactus .contacts .form {
	display:table-cell;
	min-height:5em;
	padding:0;
	vertical-align:top;
}
.contactus .contacts .form a {
	background-color:#6cc84b;
	width:6.5em;
	padding:8px 10px;
	height: 100%;
}
.contactus .contacts .form a .icon {
	font-size:75%;
	float:right;
	margin:26% 0 0 0;
	
}
.contactus .contacts .form a .text {
	margin:0.7em 0 0em;
}


/*--------------------------------------------------------------
bot
--------------------------------------------------------------*/

a.bot {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	color:#fff;
	text-align:center;
	background: linear-gradient(90deg, #0081dc, #0048da);
	display: inline-block;
	padding:1em;
	margin: 1em auto;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	ms-border-radius: 2px;	
}
a.bot:hover {
	color:#fff;
	background: linear-gradient(-90deg, #0081dc, #0048da);
	text-decoration: none;
}
a.bot::after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 0.5em;
}

a.detailbot {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	color:#01409e;
	text-align:center;
	background-color: rgba(255,255,255,1.0);
	display: inline-block;
	padding:0.5em;
	margin: 1em auto;
	text-decoration: none;	
}
a.detailbot:hover {
	color:#01409e;
	background-color: rgba(255,255,255,0.8);
	text-decoration: none;
}
a.detailbot::after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 0.5em;
}

a.detailbot2 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	color:#fff;
	text-align:center;
	background-color: rgba(1,64,158,1.0);
	display: inline-block;
	padding:0.5em;
	margin: 0.5em auto 0;
	text-decoration: none;	
}
a.detailbot2:hover {
	color:#fff;
	background-color: rgba(1,64,158,0.8);
	text-decoration: none;
}
a.detailbot2::after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 0.5em;
}

a.detailbot3 {
	font-family: Roboto,"新ゴ R",'ヒラギノ角ゴ Pro W3',sans-serif;
	width:10em;
	color:#fff;
	text-align:center;
	background-color: rgba(1,64,158,1.0);
	display: inline-block;
	padding:0.5em;
	margin: 0.5em auto 0;
	text-decoration: none;	
}
a.detailbot3:hover {
	color:#fff;
	background-color: rgba(1,64,158,0.8);
	text-decoration: none;
}
a.detailbot3::after {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-left: 0.5em;
}

/* ==========================================================================
Pagenation
   ========================================================================== */

.pagenation {
	margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.pagenation ul {
	margin: 0 auto;
	display: table;
	font-size: 14px;
}
.pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 2px;
}
.pagenation li:first-child {
	margin-left: 0;
}
.pagenation li.active {
	background-color: #007fba;;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: not-allowed;
	padding: 7px 15px;
}
.pagenation li a {
	background: none repeat scroll 0 0 #CCCCCC;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	padding: 7px 15px;
	text-decoration: none;
}
.pagenation li a:hover {
	background-color: #007fba;;
	color: #FFFFFF;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}

/* ==========================================================================
   responsive
   ========================================================================== */
   
   
 @media only screen and (max-width: 768px) {  
	body {
	font-size:87.5%;
	}
	.contactus .massage {
	font-size: 135.7%;
	}
	#secondary .search-field {
	width:63%;
	}
	
	.site-footer {
	background-position: center center;
	}
	.site-footer .scroll {
	 overflow-x: auto;
	 margin:2em auto;
	}
	.site-footer .inner {
	width: 750px;
	margin: 0;
	padding: 0;
	 overflow: auto;
	}
}

@media screen and (max-width: 740px) {
	section .inner .order1 li {
	min-width: 24%;
	width:24%;
	padding: 0.7em;
	margin: 0.2em;
	}
}

@media screen and (max-width: 700px) {
	.site-footer .scroll{overflow-x:scroll;}
	.site-footer .scroll::-webkit-scrollbar{height:5px;}/*バーの太さ*/
	.site-footer .scroll::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);}/*バーの背景色*/
	.site-footer .scroll::-webkit-scrollbar-thumb{background:#00aeff;border-radius: 5px;}/*バーの色*/
}

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

@media screen and (max-width: 650px) {
	.site-header .site-title {
	margin: 1em 1em 0.5em;
	}
	.site-header .contacts {
	display: none;
	}
	.main-navigation {
	}
	.main-navigation li {
	float: none;
	position: relative;
	width: 100%;
	text-align: center;
	background: none;
	border-bottom:1px solid #3570d8;
	}
	.main-navigation a {
	padding: 15px 5px 15px;
	}
	.main-navigation a span {
	display:inline-block;
	margin-left:1em;
	}
	section .inner .h3tel {
	font-size: 200%;
	}
	section .h3fax {
	text-align: center;
	}
}

@media only screen and (max-width: 420px) {
	.site-footer .contactus {
	display:none;
	}
	
	.page-template-frontpage .swiper-container {
	height: 450px;
	}
	.page-template-frontpage .swiper-slide .title {
	margin: 8em auto 0;
	}
	.page-template-frontpage .swiper-slide .h2title {
	margin:0 0 2em;
	padding:0;
	vertical-align: middle;
	display:block;
	}
	.page-template-frontpage .swiper-slide .name {
	font-size:125%;
	margin:0 auto 1em;
	display:block;
	}
	.page-template-frontpage .swiper-slide .merit {
	font-size:200%;
	}
	.page-template-frontpage .swiper-slide .h3title {
	font-size:125%;
	width:80%;
	margin:0 auto;
	}
	
	.page .entry-header .entry-title,
	.error404 .entry-header .entry-title,
	.blog .entry-header .entry-title,
	.archive .entry-header .entry-title,
	.single .entry-header .entry-title {
	font-size: 200%;
	line-height:1.2;
	}
	
	.go-top {
	width: 100%;
	height:4.3em;
	position: fixed;
	bottom: 0px;
	margin: 0;
	padding:0;
	overflow: hidden;
	opacity: 1.0;
	filter: alpha(opacity=100);
	}
	.go-top a {
	color: #fff;
	width: 100%;
	min-height:4.3em;
	margin: 0;
	padding:0;
	display: block;
	text-decoration: none;
	overflow: hidden;
	}
	.go-top .totop {
	width: 20%;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-decoration: none;
	text-align:center;
	overflow: hidden;
	}
	.go-top .totop a {
	padding: 1em 0 0;
	background: #333;
	text-align:center;
	}
	.go-top .totop .icon {
	float:none;
	display: block;
	margin:0 0 0.3em;
	font-size:87.5%;
	}
	.go-top .totop .top {
	float:none;
	display: block;
	font-size:75%;
	}
	.go-top a:hover {
	text-decoration: none;
	}
	.go-top span {
	display:block;
	}
	.go-top .tel {
	float: left;
	width:48%;
	display: inline-block;
	padding:0;
	margin: 0;
	vertical-align:top;
	}
	.go-top .tel a {
	text-align: center;
	background-color:#1a396e;
	padding:0.25em 0 0;
	display: block;
	}
	.go-top .tel a .icon {
	font-size:125%;
	line-height:1.1;
	}
	.go-top .tel a .number {
	font-size:125%;
	line-height:1.1;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	}
	.go-top .tel a .hours {
	font-size:75%;
	line-height:1;
	}
	.go-top .form {
	float: left;
	width:32%;
	display: inline-block;
	padding:0;
	margin: 0;
	vertical-align:top;
	line-height:1.2;
	}
	.go-top .form a {
	background-color:#6cc84b;
	padding:1em 0 0;
	}
	.go-top .form a .icon {
	font-size:87.5%;
	display:inline-block;
	margin: 0.8em 0 0 0.5em;
	vertical-align:top;
	
	}
	.go-top .form a .text {
	margin: 0 0 0 13%;
	display:inline-block;
	}
	.go-top .totop .copyright {
	display:none;
	}
	
	.flex {
	display: block !important;
	}
	section .inner .box {
	padding: 0 0 !important;
	margin:0 0 2em;
	}
	section .border-r {
	border-right: none !important;
	}
	section .w35per {
	width: 100% !important;
	}
	
	section .inner .h3title {
	font-size: 150%;
	}
	
	section .inner .support{
	line-height:1.1;
	padding:1px 0 2px;
	}
	section .inner .support li{
	font-size:60%;
	}
	section .inner .support .range{
	font-size:75%;
	padding:1px 2px;
	}
	
	section .inner .box4 {
	width: 100%;
	margin: 0 0 3em;
	}
	section .inner .box5 {
	width: 100%;
	margin: 0 0 2em;
	}
	
	section .inner .entry {
	width: 100%;
	margin: 0 0 1em;
	}
	
	.site-footer .company {
	margin-bottom: 6em;
	}
	.site-footer .company .name {
	font-size: 125%;
	margin-right: 0;
	display:block;
	}
	
	.blog #primary,
	.archive #primary,
	.single #primary,
	.search #primary {
	float: none;
	width: 100%;
	}
	#secondary {
	float: none;
	width: 100%;
	}
	.blog .post .entry-title,
	.archive .post .entry-title,
	.search .search-header .entry-title {
	font-size: 125%;
	}
	
	main .info .information li a {
	padding: 1em 1em;
	}
	.information li a .date {
	display: block !important;
	}
	
	section .inner .h2title {
	font-size: 200%;	
	}
	section .inner .h2title2 {
	font-size: 150%;
	}
	section .inner .h3title2b {
	font-size: 150%;
	}
	section .inner .box2 .text {
	width: 100%;
	float: none;
	}
	section .inner .box2 .ph {
	float: none;
	width: 100%;
	}
	section .inner .contactus {
	display:none;
	}
	
	section .inner .box3 {
	width: 100%;
	margin-bottom:3em;
	}
	
	.page .post {
	width: 100%;
	margin: 0 0 1em;
	}
	section .inner .outline {
 	display: block;
	}
	section .inner .outline dt {
 	display: block;
	margin: 1em 1em 0;
	}
	section .inner .outline dd {
	margin: 0.5em 1em 1em;
	}
	section .inner .matter {
 	display: block;
	}
	section .inner .matter dt {
	display: block;
	margin: 1em 1em 0;
	}
	section .inner .matter dd {
	margin: 0.5em 1em 1em;
	}
	
	section .inner2 .h2title {
	font-size: 200%;
	}
	
	section .inner .h2process {
	font-size: 150%;
	}
	section .inner .order1 {
	display: block;
	}
	section .inner .order1 li {
	display: block;
	min-width: 100%;
	margin-bottom:1em;
	}
	section .inner .box6 .text {
	width: 100%;
	}
	section .inner .box6 .ph {
	width: 100%;
	padding:0;
	}
	
	.pagenation li.active {
	padding: 7px 12px;
	}
	.pagenation li a {
	padding: 7px 12px;

	}
}






/* ==========================================================================
   HELPER
   ========================================================================== */

/**
 * width
 */
 
.w01per { width: 1%; !important;}
.w02per { width: 2%; !important;}
.w03per { width: 3%; !important;}
.w04per { width: 4%; !important;}
.w05per { width: 5%; !important;}
.w06per { width: 6%; !important;}
.w07per { width: 7%; !important;}
.w08per { width: 8%; !important;}
.w09per { width: 9%; !important;}
.w10per { width: 10%; !important;}
.w11per { width: 11%; !important;}
.w12per { width: 12%; !important;}
.w13per { width: 13%; !important;}
.w14per { width: 14%; !important;}
.w15per { width: 15%; !important;}
.w16per { width: 16%; !important;}
.w17per { width: 17%; !important;}
.w18per { width: 18%; !important;}
.w19per { width: 19%; !important;}
.w20per { width: 20%; !important;}
.w21per { width: 21%; !important;}
.w22per { width: 22%; !important;}
.w23per { width: 23%; !important;}
.w24per { width: 24%; !important;}
.w25per { width: 25%; !important;}
.w26per { width: 26%; !important;}
.w27per { width: 27%; !important;}
.w28per { width: 28%; !important;}
.w29per { width: 29%; !important;}
.w30per { width: 30%; !important;}
.w31per { width: 31%; !important;}
.w32per { width: 32%; !important;}
.w33per { width: 33%; !important;}
.w34per { width: 34%; !important;}
.w35per { width: 35%; !important;}
.w36per { width: 36%; !important;}
.w37per { width: 37%; !important;}
.w38per { width: 38%; !important;}
.w39per { width: 39%; !important;}
.w40per { width: 40%; !important;}
.w41per { width: 41%; !important;}
.w42per { width: 42%; !important;}
.w43per { width: 43%; !important;}
.w44per { width: 44%; !important;}
.w45per { width: 45%; !important;}
.w46per { width: 46%; !important;}
.w47per { width: 47%; !important;}
.w48per { width: 48%; !important;}
.w49per { width: 49%; !important;}
.w50per { width: 50%; !important;}
.w51per { width: 51%; !important;}
.w52per { width: 52%; !important;}
.w53per { width: 53%; !important;}
.w54per { width: 54%; !important;}
.w55per { width: 55%; !important;}
.w56per { width: 56%; !important;}
.w57per { width: 57%; !important;}
.w58per { width: 58%; !important;}
.w59per { width: 59%; !important;}
.w60per { width: 60%; !important;}
.w61per { width: 61%; !important;}
.w62per { width: 62%; !important;}
.w63per { width: 63%; !important;}
.w64per { width: 64%; !important;}
.w65per { width: 65%; !important;}
.w66per { width: 66%; !important;}
.w67per { width: 67%; !important;}
.w68per { width: 68%; !important;}
.w69per { width: 69%; !important;}
.w70per { width: 70%; !important;}
.w71per { width: 71%; !important;}
.w72per { width: 72%; !important;}
.w73per { width: 73%; !important;}
.w74per { width: 74%; !important;}
.w75per { width: 75%; !important;}
.w76per { width: 76%; !important;}
.w77per { width: 77%; !important;}
.w78per { width: 78%; !important;}
.w79per { width: 79%; !important;}
.w80per { width: 80%; !important;}
.w81per { width: 81%; !important;}
.w82per { width: 82%; !important;}
.w83per { width: 83%; !important;}
.w84per { width: 84%; !important;}
.w85per { width: 85%; !important;}
.w86per { width: 86%; !important;}
.w87per { width: 87%; !important;}
.w88per { width: 88%; !important;}
.w89per { width: 89%; !important;}
.w90per { width: 90%; !important;}
.w91per { width: 91%; !important;}
.w92per { width: 92%; !important;}
.w93per { width: 93%; !important;}
.w94per { width: 94%; !important;}
.w95per { width: 95%; !important;}
.w96per { width: 96%; !important;}
.w97per { width: 97%; !important;}
.w98per { width: 98%; !important;}
.w99per { width: 99%; !important;}
.w100per { width: 100%; !important;}


/**
 * margin
 */

.m00 { margin: 0 !important;}
.m03 { margin: 3px !important;}
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}
.m35 { margin: 35px !important;}
.m40 { margin: 40px !important;}
.m45 { margin: 45px !important;}
.m50 { margin: 50px !important;}
.mauto { margin: auto !important;}
.mt00 { margin-top: 0 !important;}
.mt01 { margin-top: 1px !important;}
.mt02 { margin-top: 2px !important;}
.mt03 { margin-top: 3px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}
.mr00 { margin-right: 0 !important;}
.mr02 { margin-right: 2px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr14 { margin-right:14px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb02 { margin-bottom: 2px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb14 { margin-bottom:14px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/**
 * padding
 */
 
.p00 { padding: 0  !important;}
.p01 { padding: 1px !important;}
.p02 { padding: 2px !important;}
.p03 { padding: 3px !important;}
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p25 { padding: 25px !important;}
.p30 { padding: 30px !important;}
.p35 { padding: 35px !important;}
.p40 { padding: 40px !important;}
.p45 { padding: 45px !important;}
.p50 { padding: 50px !important;}
.pt00 { padding-top: 0 !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}


/**
 * text
 */

.font-xxl {
	font-size: 150%;
}
.font-xl {
	font-size: 125%;
}
.font-l {
	font-size: 112.5%;
}
.font-default {
	font-size: 16px;
	font-weight: normal;
}
.font-m {
	font-size: 87.5%;
}
.font-s {
	font-size: 75%;
}
.font-xs {
	font-size: 62.5%;
}
.text-gray {
	color: #666;
}
.text-red {
	color: #fe0000;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.strong {
	font-weight: bold;
}
.caution {
	color:#c00;
}


/**
 * other
 */
 
 #lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #fff;
	display: none;
	overflow-y: scroll;
}
.cf {
	clear: both;
}
.clear {
	clear: both;
}
.clearfix {}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.fl {float: left;}
.fr {float: right;}

.comingsoon {
	font-size:300%;
	color:#999;
	text-align: center;
	margin:5em 0;
}
.border_t {
	border-top:1px solid #000;
}

.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.img {
	display: block;
	width:100%;
	height:auto;
	padding:0;
	margin: 0;
}
.border-r {
	border-right:1px solid #000;
}
.border-b {
	border-bottom:1px solid #000;
}
.border-bw {
	border-bottom:1px solid #fff;
}
.center {
	text-align:center;
}
.table1 {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.table1 th {
	border:1px solid #000;
	padding:0.5em;
	background-color:#dadcf3;
	font-weight:normal;
}
.table1 td {
	border:1px solid #000;
	padding:0.5em 0.8em;
}
.table1 ul{
	padding-left:1.5em;
}
.table1 ul li{
	list-style:disc;
}
ul.disc li{
	list-style:disc;
	margin-left:2em;
}
hr.fat{
	height:10px;
	margin:2em 0;

}