@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*//*
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	webフォント読み込み
----------------------------------------------------*/
/* GenEiGothicP-Gothic ゴシック */
/* Android 4.3 までのバージョンにも対応する場合 */
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 300; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.woff") format("woff"),
    url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 400; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.woff") format("woff"),
    url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 500; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.woff") format("woff"),
    url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 700; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.woff") format("woff"),
    url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 800; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.woff") format("woff"),
    url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.otf") format("opentype"); /* フォントファイルの指定 */
}


/* GenShinGothic ゴシック */
/* Android 4.3 までのバージョンにも対応する場合 */
@font-face {
  font-family: "GenshinGothic-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 300; /* フォントウェイトの設定 */
  src: url("../fonts/GenShinGothic-Light/GenShinGothic-Light.woff") format("woff"),
    url("../fonts/GenShinGothic-Light/GenShinGothic-Light.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenshinGothic-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 400; /* フォントウェイトの設定 */
  src: url("../fonts/GenShinGothic-Regular/GenShinGothic-Regular.woff") format("woff"),
    url("../fonts/GenShinGothic-Regular/GenShinGothic-Regular.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenshinGothic-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 500; /* フォントウェイトの設定 */
  src: url("../fonts/GenShinGothic-Medium/GenShinGothic-Medium.woff") format("woff"),
    url("../fonts/GenShinGothic-Medium/GenShinGothic-Medium.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenshinGothic-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 700; /* フォントウェイトの設定 */
  src: url("../fonts/GenShinGothic-Bold/GenShinGothic-Bold.woff") format("woff"),
    url("../fonts/GenShinGothic-Bold/GenShinGothic-Bold.ttf") format("truetype"); /* フォントファイルの指定 */
}


/* GenJyuu-p-Gothic ゴシック */
/* Android 4.3 までのバージョンにも対応する場合 */
@font-face {
  font-family: "GenJyuuGothic-p-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 300; /* フォントウェイトの設定 */
  src: url("../fonts/GenJyuuGothic-P-Light/GenJyuuGothic-P-Light.woff") format("woff"),
    url("../fonts/GenJyuuGothic-P-Light/GenJyuuGothic-P-Light.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenJyuuGothic-p-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 400; /* フォントウェイトの設定 */
  src: url("../fonts/GenJyuuGothic-P-Regular/GenJyuuGothic-P-Regular.woff") format("woff"),
    url("../fonts/GenJyuuGothic-P-Regular/GenJyuuGothic-P-Regular.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenJyuuGothic-p-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 500; /* フォントウェイトの設定 */
  src: url("../fonts/GenJyuuGothic-P-Medium/GenJyuuGothic-P-Medium.woff") format("woff"),
    url("../fonts/GenJyuuGothic-P-Medium/GenJyuuGothic-P-Medium.ttf") format("truetype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenJyuuGothic-p-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 700; /* フォントウェイトの設定 */
  src: url("../fonts/GenJyuuGothic-P-Bold/GenJyuuGothic-P-Bold.woff") format("woff"),
    url("../fonts/GenJyuuGothic-P-Bold/GenJyuuGothic-P-Bold.ttf") format("truetype"); /* フォントファイルの指定 */
}

/* 読み込み　参考 */
/*
.NotoSerifJP {
  font-family: 'Noto Serif Japanese', serif;
}

.NotoSansJP {
	font-family: 'Noto Sans Japanese', sans-serif;
}
*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
	font-size: 16px;
  font-size: 1.6rem;
  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-weight: 300;
}

input, textarea {
	font-size: 16px;
  font-size: 1.6rem;
  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: 300;
}

/* for IE6 *//*
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
*/


/*
 * Form Reset
 *//*
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/
/*
 * box-sizing
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/* リンク
----------------------------------------------------*/
a {
	/* font-size: 16px;
  font-size: 1.6rem; */
	color: rgba(61,125,204,1);
	text-decoration: none;
	vertical-align: top;
}

a:link { text-decoration: underline; color: rgba(61,125,204,1); }

a:visited { text-decoration: underline; color: rgba(49,64,138,1); }

a:hover { text-decoration: underline; color: rgba(255,165,0,1); }

a:active { text-decoration: underline; color: rgba(131,94,191,1); }

a[href^="tel:"] { cursor: default; }

a.object-link {
  display: block;
  color: rgba(77,77,77,1);
  text-decoration: none;
}

a.object-link:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* Text Align
 * --------------------------------------------- */
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left !important; }
.textAlignRight { text-align: right; }

/* Float
 * --------------------------------------------- */
/* LEFT */ .floLeft { float:left; }
/* RIGHT */ .floRight { float:right; }
/* CLEAR */ .floClear { clear:both; float: none; }

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for IE5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }

/* Global Style
---------------------------------------------------------------- */
.align_right { float: right; }
.align_left { float: left; }

/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clerfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.hentry .entry-content p,
.hentry .entry-content dt,
.hentry .entry-content dd,
.hentry .entry-content li,
.hentry .entry-content input,
.hentry .entry-content textarea {
	font-size: 16px;
  font-size: 1.6rem;
	line-height: 200%;
	color: rgba(77,77,77,1);
  margin: 0 0 2rem 0;
}

strong {
    font-weight: bold;
}

p.textIndent_1em {
	padding-left: 1em;
	text-indent: -1em;
}

p.textpadding_1em {
	padding-left: 1em;
}

p.textpadding_2em {
	padding-left: 2em;
}

p.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

span.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

img.verticalAlignBottom {
vertical-align: bottom;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

sup {
	font-size: 12px;
	font-size: 1.2rem;
}

.emp {
	font-weight: bold;
}


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

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

/*----------------------------------------------------
画像
----------------------------------------------------*/
/*フルードイメージ*/
img,
iframe,
object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
    vertical-align: bottom;
}

/* --------------------------------------------------------
 Common Style
-------------------------------------------------------- */

/*	EXAMPLE STYLES */

body {
	color: rgba(72,72,72,1);
}
/*
.wrapper {
	width: 100%;
}
*/
.wideContents{
	margin: 0 auto;
	width: 100%;
}

/*	Mobile STYLES */

.mbimg_off{
	display:block;
}
.mbimg_on{
	display:none;
}

.mbcont_off{
	display:block;
}
.mbcont_on{
	display:none;
}

.mbcont_off_480 {
	display:block;
}
.mbcont_on_480 {
	display:none;
}


/*	Back to top */
/*
#pageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 11px 0 0 0;
  width: 45px;
  height: 45px;
	opacity: 0.8;
}

#pageTop a img {
	width: 45px;
  height: 45px;
}

#pageTop a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
  transition: 0.5s;
}
*/

/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a{
  display: block;
  width: 45px;
  height: 45px;
  text-transform: uppercase;
  text-decoration: none;
  font-size:0.6rem;
  transition:all 0.3s;
}

#page-top a:hover{
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
  transition: 0.5s;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 10px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}


/*--------------------------------------------------------------
# template original css
--------------------------------------------------------------*/

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

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

big {
	font-size: 125%;
}

blockquote {
	background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
	overflow: hidden;
}

blockquote.alignleft,
blockquote.alignright {
	font-size: 14px;
	font-size: 0.875rem;
	width: 34%;
}

address {
	margin: 0 0 1.5em;
}

hr.wp-block-separator {
	background-color: #bbb;
	border: 0;
  border-bottom: none;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# page.site
--------------------------------------------------------------*/
#page.site {
  position: relative;
}

/*--------------------------------------------------------------
# site content
--------------------------------------------------------------*/
.site-content {
}

/*--------------------------------------------------------------
# content area
--------------------------------------------------------------*/
.content-area {
}

.sticky {
  background: #f4f4f4;
  border: 1px solid #eee;
  padding: 15px;
}

.hentry {
}

/* タイトル表示 */

.hentry .entry-title {
  margin-bottom: 5.5rem;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1.6;
  font-weight: 600;
}


.hentry .entry-meta {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.hentry .entry-meta .date,
.hentry .entry-meta .category,
.hentry .entry-meta .category-links,
.hentry .entry-meta .tag-links,
.hentry .entry-meta .author {
  margin-right: 10px;
}

.hentry .entry-thumbnail {
  margin-bottom: 10px;
}

.hentry .entry-excerpt {
  font-size: 16px;
  line-height: 1.5;
}

.hentry .read-more {
  display: inline-block;
  margin-left: 1em;
  font-size: 14px;
}

.hentry .entry-content h1,
.hentry .entry-content h2,
.hentry .entry-content h3,
.hentry .entry-content h4,
.hentry .entry-content h5,
.hentry .entry-content h6 {
  /* margin-top: 2em; */
  margin-bottom: 1em;
  line-height: 1.3;
}

.hentry .entry-content h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.hentry .entry-content h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.hentry .entry-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.hentry .entry-content h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.hentry .entry-content h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.hentry .entry-content h6 {
  font-size: 12px;
  font-size: 1.2rem;
}
/*
.hentry .entry-content p {
  font-size: 16px;
  line-height: 180%;
  line-height: 1.7;
  margin-bottom: 2em;
}
 */
.hentry .entry-content blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.hentry .entry-content blockquote p {
  font-size: 14px;
  font-style: italic;
}

.hentry .entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.hentry .entry-content table {
  margin-bottom: 2em;
}

.hentry .entry-content table thead {
  background: #f4f4f4;
}

.hentry .entry-content table thead tr th {
  padding: 1rem;
}

.hentry .entry-content table tbody tr th {
  padding: 1rem;
}

.hentry .entry-content table tbody tr td {
  padding: 1rem;
}

.hentry .entry-content dl {
  margin-bottom: 2em;
}

.hentry .entry-content dl dt {
  /* font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2; */
}

.hentry .entry-content dl dd {
  /* padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2; */
}

.hentry .entry-content ul {
  /* list-style: disc;
  padding-left: 30px; */
}

.hentry .entry-content ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.hentry .entry-content ul li ul {
  /* margin-bottom: 10px; */
}

.hentry .entry-content ol {
  list-style: decimal;
  /* padding-left: 30px; */
  padding-left: 2.4rem;
}

.hentry .entry-content ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.hentry .entry-content ol li ol {
  /* margin-bottom: 10px; */
}

.hentry .entry-content pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.hentry .entry-content div {
  /* max-width: 1080px; */
  max-width: 1280px;
}

.hentry .entry-content img {
  /* max-width: 1080px; */
  max-width: 1280px;
}

.hentry .entry-content .alignleft {
  float: left;
  margin-right: 10px;
}

.hentry .entry-content .alignright {
  float: right;
  margin-left: 10px;
}

.hentry .entry-content .aligncenter {
  margin: 0 auto;
}

.hentry .entry-content .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .hentry .entry-content img,
  .hentry .entry-content div {
    max-width: 100%;
  }
}

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

/*--------------------------------------------------------------
# posts navigation & post navigation
--------------------------------------------------------------*/
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  width: 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  margin-left: auto;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: inline-block;
  padding: 15px;
  background: #f4f4f4;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: right;
}

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/
.sidebar {
}

.widget {
  margin: 0 0 2em;
}

.widget-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: .8em;
}

.widget ul {
  font-size: 14px;
}

.widget ul li {
  line-height: 2;
}

.widget ul li ul {
  padding-left: 1em;
  margin-bottom: .5em;
}

.widget select {
  width: 100%;
  border: 1px solid #eee;
  background: #f4f4f4;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
}

/* カレンダーウィジェット */
.widget_calendar table {
  width: 100%;
}

.widget_calendar table caption {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  background: #f4f4f4;
}

.widget_calendar table thead tr th {
  padding: 10px;
}

.widget_calendar table thead tr th[title="土曜日"], .widget_calendar table thead tr th[title="saturday"] {
  color: #53b6f3;
}

.widget_calendar table thead tr th[title="日曜日"], .widget_calendar table thead tr th[title="sunday"] {
  color: #f94c86;
}

.widget_calendar table tbody tr td {
  padding: 10px;
  text-align: center;
}

.widget_calendar table tfoot #prev a,
.widget_calendar table tfoot #next a {
  display: inline-block;
  background: #f4f4f4;
  padding: 10px;
  color: #333333;
}

.widget_calendar table tfoot #next {
  text-align: right;
}

/* 最近のコメントウィジェット */
.widget_recent_comments ul li {
  font-size: 12px;
}

.widget_recent_comments ul li a {
  /* font-size: 14px; */
}

/* RSSウィジェット */
.widget_rss ul li {
  margin-bottom: .5em;
}

.widget_rss ul li .rss-date {
  font-size: 12px;
}

.widget_rss ul li .rssSummary {
  font-size: 12px;
  line-height: 1.2;
}

.widget_rss ul li cite {
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
}

/* 検索ウィジェット */
.widget_search .search-field {
  width: 80%;
  border: 1px solid #eee;
  background: white;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  height: 40px;
}

.widget_search .search-submit {
  background: #eee;
  width: 18%;
  height: 40px;
  border-radius: 5px;
}

/* テキストウィジェット */
.widget_text h1,
.widget_text h2,
.widget_text h3,
.widget_text h4,
.widget_text h5,
.widget_text h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.widget_text h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.widget_text h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.widget_text h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.widget_text h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.widget_text h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.widget_text h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.widget_text p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.widget_text blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.widget_text blockquote p {
  font-size: 14px;
  font-style: italic;
}

.widget_text blockquote p:last-child {
  margin-bottom: 0;
}

.widget_text table {
  margin-bottom: 2em;
}

.widget_text table thead {
  background: #f4f4f4;
}

.widget_text table thead tr th {
  padding: 1rem;
}

.widget_text table tbody tr th {
  padding: 1rem;
}

.widget_text table tbody tr td {
  padding: 1rem;
}

.widget_text dl {
  margin-bottom: 2em;
}

.widget_text dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.widget_text dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.widget_text ul {
  list-style: disc;
  padding-left: 30px;
}

.widget_text ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.widget_text ul li ul {
  /* margin-bottom: 10px; */
}

.widget_text ol {
  list-style: decimal;
  padding-left: 30px;
}

.widget_text ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.widget_text ol li ol {
  /* margin-bottom: 10px; */
}

.widget_text pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.widget_text div {
  max-width: 1080px;
}

.widget_text img {
  max-width: 1080px;
}

.widget_text .alignleft {
  float: left;
  margin-right: 10px;
}

.widget_text .alignright {
  float: right;
  margin-left: 10px;
}

.widget_text .aligncenter {
  margin: 0 auto;
}

.widget_text .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .widget_text img,
  .widget_text div {
    max-width: 100%;
  }
}

.widget_text img {
  max-width: 100%;
}

/* タグウィジェット */
.widget_tag_cloud .tagcloud a {
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 3px 5px;
  background: #f4f4f4;
  color: #333333;
  text-decoration: none;
  /* font-size: 12px !important; */
  margin-bottom: 10px;
}

/*--------------------------------------------------------------
# site footer
--------------------------------------------------------------*/
.site-footer__inner {
}

.site-footer .copyright {
}

.site-footer .copyright p {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 100%;
}

.site-footer .copyright p a {
}

/*--------------------------------------------------------------
# page header
--------------------------------------------------------------*/
.page-header {
  margin-bottom: 6rem;
  text-align: center;
}

.page-title {
  font-size: 26px;
  line-height: 1;
}

.archive-description {
  padding-top: 15px;
  font-size: 14px;
  font-style: italic;
  color: #737373;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.error-404 h1,
.error-404 h2,
.error-404 h3,
.error-404 h4,
.error-404 h5,
.error-404 h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.error-404 h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.error-404 h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.error-404 h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.error-404 h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.error-404 h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.error-404 h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.error-404 p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.error-404 blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.error-404 blockquote p {
  font-size: 14px;
  font-style: italic;
}

.error-404 blockquote p:last-child {
  margin-bottom: 0;
}

.error-404 table {
  margin-bottom: 2em;
}

.error-404 table thead {
  background: #f4f4f4;
}

.error-404 table thead tr th {
  padding: 1rem;
}

.error-404 table tbody tr th {
  padding: 1rem;
}

.error-404 table tbody tr td {
  padding: 1rem;
}

.error-404 dl {
  margin-bottom: 2em;
}

.error-404 dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.error-404 dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.error-404 ul {
  list-style: disc;
  padding-left: 30px;
}

.error-404 ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.error-404 ul li ul {
  /* margin-bottom: 10px; */
}

.error-404 ol {
  list-style: decimal;
  padding-left: 30px;
}

.error-404 ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.error-404 ol li ol {
  /* margin-bottom: 10px; */
}

.error-404 pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.error-404 div {
  max-width: 1080px;
}

.error-404 img {
  max-width: 1080px;
}

.error-404 .alignleft {
  float: left;
  margin-right: 10px;
}

.error-404 .alignright {
  float: right;
  margin-left: 10px;
}

.error-404 .aligncenter {
  margin: 0 auto;
}

.error-404 .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .error-404 img,
  .error-404 div {
    max-width: 100%;
  }
}

.error-404 .search-form {
  text-align: center;
}

.error-404 .search-form .search-field {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 15px;
  font-size: 16px;
  width: 60%;
}

.error-404 .search-form .search-submit {
  background: #eee;
  height: 54px;
  padding: 15px;
  font-size: 16px;
  border-radius: 5px;
}

.error-404 ul li {
  font-size: 14px;
  margin-bottom: .5em;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-title {
  text-align: center;
  padding: 30px;
  font-size: 26px;
  color: #555;
  border: 1px solid #eee;
  margin-bottom: 1em;
}

.comment.parent .children {
  padding-left: 1em;
}

.comment-meta .vcard {
  margin-bottom: .5em;
}

.comment-meta .vcard .fn {
  font-size: 16px;
}

.comment-metadata {
  font-size: 12px;
  margin-bottom: 1em;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3;
}

.comment-content h1 {
  font-size: 28px;
  font-size: 2.8rem;
}

.comment-content h2 {
  font-size: 22px;
  font-size: 2.2rem;
}

.comment-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.comment-content h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

.comment-content h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

.comment-content h6 {
  font-size: 12px;
  font-size: 1.2rem;
}

.comment-content p {
  font-size: 16px;
  line-height: 180%;
  /* line-height: 1.7; */
  margin-bottom: 2em;
}

.comment-content blockquote {
  background: #f4f4f4;
  padding: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.comment-content blockquote p {
  font-size: 14px;
  font-style: italic;
}

.comment-content blockquote p:last-child {
  margin-bottom: 0;
}

.comment-content table {
  margin-bottom: 2em;
}

.comment-content table thead {
  background: #f4f4f4;
}

.comment-content table thead tr th {
  padding: 1rem;
}

.comment-content table tbody tr th {
  padding: 1rem;
}

.comment-content table tbody tr td {
  padding: 1rem;
}

.comment-content dl {
  margin-bottom: 2em;
}

.comment-content dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.2;
}

.comment-content dl dd {
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2;
}

.comment-content ul {
  list-style: disc;
  padding-left: 30px;
}

.comment-content ul li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.comment-content ul li ul {
  /* margin-bottom: 10px; */
}

.comment-content ol {
  list-style: decimal;
  padding-left: 30px;
}

.comment-content ol li {
  /* line-height: 1.3; */
  line-height: 180%;
}

.comment-content ol li ol {
  /* margin-bottom: 10px; */
}

.comment-content pre {
  background: #f4f4f4;
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
  overflow: auto;
}

.comment-content div {
  max-width: 1080px;
}

.comment-content img {
  max-width: 1080px;
}

.comment-content .alignleft {
  float: left;
  margin-right: 10px;
}

.comment-content .alignright {
  float: right;
  margin-left: 10px;
}

.comment-content .aligncenter {
  margin: 0 auto;
}

.comment-content .wp-caption-text {
  font-size: 12px;
}

@media (max-width: 768px) {
  .comment-content img,
  .comment-content div {
    max-width: 100%;
  }
}

.no-comments {
  margin: 2em -0px;
  text-align: center;
  background: #f4f4f4;
  padding: 30px;
  border: 1px solid #eee;
}

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


/*--------------------------------------------------------------
# ブロックエディタへの対応修正
--------------------------------------------------------------*/

.entry-content .wp-block-gallery ul.blocks-gallery-grid,
.entry-content ul.wp-block-gallery  {
  padding-left: 0;
}

.entry-content .wp-block-gallery ol.blocks-gallery-grid,
.entry-content ol.wp-block-gallery {
  padding-left: 0;
}

.wp-block-pullquote:before {
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


.hentry .entry-content .wp-block-button a.wp-block-button__link {
	/* font-size: 16px;
  font-size: 1.6rem; */
	color: rgba(255,255,255,1);
	text-decoration: none;
	vertical-align: top;
}

.hentry .entry-content .wp-block-button a.wp-block-button__link:link { text-decoration: none; none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:visited { text-decoration: none; none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:hover { text-decoration: none; color: rgba(255,255,255,1); }

.hentry .entry-content .wp-block-button a.wp-block-button__link:active { text-decoration: none; none; color: rgba(255,255,255,1); }

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

.hentry .entry-content .wp-block-cover.has-background-dim,
.hentry .entry-content .wp-block-image img {
  margin-bottom: 2rem;
}

/* font */

.hentry .entry-content .has-small-font-size {
  font-size: 13px;
  font-size: 1.3rem;
 }

.hentry .entry-content .has-regular-font-size,
.hentry .entry-content .has-normal-font-size {
  font-size: 16px;
  font-size: 1.6rem;
 }

.hentry .entry-content .has-medium-font-size {
  font-size: 20px;
  font-size: 2rem;
 }

.hentry .entry-content .has-large-font-size {
  font-size: 36px;
  font-size: 3.6rem;
 }

.hentry .entry-content .has-larger-font-size,
.hentry .entry-content .has-huge-font-size {
  font-size: 42px;
  font-size: 4.2rem;
 }

.hentry .entry-content .has-text-align-center {
  text-align: center; }

.hentry .entry-content .has-text-align-left {
  /*rtl:ignore*/
  text-align: left; }

.hentry .entry-content .has-text-align-right {
  /*rtl:ignore*/
  text-align: right; }


  /* Safari 9用 css hack */

  @supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item,
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item {
      margin: 0 16px 16px 0;
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      justify-content: center;
      position: relative; }
    }


/* --------------------------------------------------------
    original wordpress css
-------------------------------------------------------- */

.hentry .entry-content img,
/* .hentry .entry-content iframe, */
.hentry .entry-content object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
    vertical-align: bottom;
}

  hr.wp-block-separator {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }


/* --------------------------------------------------------
 wideImage
-------------------------------------------------------- */

#header.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-color: rgba(24,144,95,1);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
  position: fixed !important;
  z-index: 11;
}

#header.wideImage.recruit {
  background-color: rgba(255,255,255,1);
}

#localHeader.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-color: rgba(25,25,25,0.2);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#business_content #localHeader.wideImage {
  background-image: url('../images/business_content/business_content_bg.jpg');
  background-image:-webkit-image-set(url("../images/business_content/business_content_bg.jpg") 1x,url("../images/@2x/business_content/business_content_bg.jpg") 2x);
  background-blend-mode: multiply;
  background-position: center 40%;
}
/*Z
#business_content #total_display #localHeader.wideImage {
  background-image: url('../images/business_content/business_content_total_display_bg.jpg');
  background-image:-webkit-image-set(url("../images/business_content/business_content_total_display_bg.jpg") 1x,url("../images/@2x/business_content/business_content_total_display_bg.jpg") 2x);
  background-blend-mode: multiply;
  background-position: center 30%;
}
*/
#business_content #oem #localHeader.wideImage {
  background:none;
  z-index: 1;
}

#business_content #oem #localHeader_bg.wideImage {
  background-image: url('../images/business_content/business_content_oem_bg.jpg');
  background-image:-webkit-image-set(url("../images/business_content/business_content_oem_bg.jpg") 1x,url("../images/@2x/business_content/business_content_oem_bg.jpg") 2x);
  background-blend-mode: multiply;
  background-position: center 55%;
  position: absolute;
  top: 0;
  left: 0;
  animation: blur-anim 2s linear forwards;
  z-index: -1;
}

@keyframes blur-anim {
  100% {  filter: blur(2px) };
}

#business_content #product #localHeader.wideImage {
  background-image: url('../images/business_content/business_content_product_bg.jpg?ver=1.0.1');
  background-image:-webkit-image-set(url("../images/business_content/business_content_product_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/business_content/business_content_product_bg.jpg?ver=1.0.1") 2x);
  background-blend-mode: multiply;
  background-position: center 75%;
}

#our_strength #production_system #localHeader.wideImage {
  background-image: url('../images/our_strength/our_strength_production_system_bg.jpg');
  background-image:-webkit-image-set(url("../images/our_strength/our_strength_production_system_bg.jpg") 1x,url("../images/@2x/our_strength/our_strength_production_system_bg.jpg") 2x);
  background-blend-mode: multiply;
  background-position: center 60%;
}

#our_strength #technology #localHeader.wideImage {
  background-image: url('../images/our_strength/our_strength_technology_bg.jpg');
  background-image:-webkit-image-set(url("../images/our_strength/our_strength_technology_bg.jpg") 1x,url("../images/@2x/our_strength/our_strength_technology_bg.jpg") 2x);
  background-blend-mode: multiply;
  background-position: center 10%;
}

#our_strength #major_equipment #localHeader.wideImage {
  background-image: url('../images/our_strength/our_strength_major_equipment_bg.jpg?ver=1.0.1');
  background-image:-webkit-image-set(url("../images/our_strength/our_strength_major_equipment_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/our_strength/our_strength_major_equipment_bg.jpg?ver=1.0.1") 2x);
  background-blend-mode: multiply;
  background-position: center center;
}

#company_profile #localHeader.wideImage {
  background-image: url('../images/company_profile/company_profile_bg.jpg?ver=1.0.1');
  background-image:-webkit-image-set(url("../images/company_profile/company_profile_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/company_profile/company_profile_bg.jpg?ver=1.0.1") 2x);
  background-blend-mode: multiply;
  background-position: center 0;
}

#contact #localHeader.wideImage {
  background-image: url('../images/contact/contact_bg.jpg?ver=1.0.1');
  background-image:-webkit-image-set(url("../images/contact/contact_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/contact/contact_bg.jpg?ver=1.0.1") 2x);
  background-blend-mode: multiply;
  background-position: center 40%;
}

#privacy_policy #localHeader.wideImage {
  background-image: url('../images/privacy_policy/privacy_policy_bg.jpg?ver=1.0.1');
  background-image:-webkit-image-set(url("../images/privacy_policy/privacy_policy_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/privacy_policy/privacy_policy_bg.jpg?ver=1.0.1") 2x);
  background-blend-mode: multiply;
  background-position: center 0;
}


#recruit #application #localHeader.wideImage,
#recruit #mid_career_recruitment #localHeader.wideImage,
#recruit #part_time #localHeader.wideImage {
	background-image: url('../images/recruit/localheader_recruit_bg.jpg');
	background-image:-webkit-image-set(url("../images/recruit/localheader_recruit_bg.jpg") 1x,url("../images/@2x/recruit/localheader_recruit_bg.jpg") 2x);
  background-position: center 0;
}

#recruit #localHeader.wideImage {
  padding: 6rem 0;
  background-color: rgba(255,255,255,0.8);
}

#recruit #application #localHeader.wideImage,
#recruit #mid_career_recruitment #localHeader.wideImage,
#recruit #part_time #localHeader.wideImage {
  padding: 0;
  background-color: rgba(255,255,255,0);
}

#home #localHeader.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-color: rgba(255,255,255,0);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#home #home-lNav .wideImage {
  height: auto;
	margin: 0 auto 0;
  padding: 6rem 2rem;
  background-color: rgba(229,237,230,1);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#home #home-lNav-recruit .wideImage {
  height: auto;
	margin: 0 auto 0;
  padding: 0 0 6rem;
  background-color: rgba(229,237,230,1);
}

#footer.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-position: center 15%;
	background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(24,144,95,1);
  background-image: url('../images/common/footer_bg.jpg');
  background-image:-webkit-image-set(url("../images/common/footer_bg.jpg") 1x,url("../images/@2x/common/footer_bg.jpg") 2x);
  background-blend-mode: overlay;
}


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

#header {
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: 99; */
}

#header.home {
  position: absolute;
  z-index: 10;
}

#header header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
  transition: 0.5s;
}

#header header div#hGroup {
  margin: 0;
	width: 300px;
  height: auto;
}

#header header div#hGroup img {
  width: 100%;
}

#header header h1 {
}


/*	Primary Navigation */

#header header div#pNav ul {
	width: auto;
	margin: auto;
}

#header header div#pNav ul li {
	display: inline-block;
	margin-left: 20px;
	height: auto;
}

#header header div#pNav ul li:first-child {
	margin-left: 0;
}

#header header div#pNav ul li a {
	display: block;
	height: auto;
}

#header header div#pNav ul li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
  opacity: 0.5;
}

#header header div#pNav ul li a img {
}


/*	Navi */

nav#site-navigation div.menu-global-container.gnavi  {
	height: auto;
	/* background-color: rgba(0,0,0,1); */
}

nav#site-navigation div.menu-global-container.gnavi ul {
  margin: 0 0 0 0;
  text-align: center;
}

nav#site-navigation div.menu-global-container.gnavi ul li {
	display: inline-block;
	padding: 0;
	width: auto;
}

nav#site-navigation div.menu-global-container.gnavi ul li a {
	display: block;
	/* padding: 0.25rem 1.5rem; */
  /* padding: 4rem 0; */
  padding: 2.5rem 0;
	color: rgba(255,255,255,1);
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: 400;
	text-align: center;
	text-decoration: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li a span {
  padding: 0.25rem 1.5rem;
  border-left: 1px solid rgba(255,255,255,1);
}

.recruit nav#site-navigation div.menu-global-container.gnavi ul li a {
	color: rgba(24,144,95,1);
  /* border-left: 1px solid rgba(24,144,95,1); */
}

.recruit nav#site-navigation div.menu-global-container.gnavi ul li a span {
	color: rgba(24,144,95,1);
  border-left: 1px solid rgba(24,144,95,1);
}

nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(1) a {
  border-left: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

nav#site-navigation div.menu-global-container.gnavi ul li span.open {
	display: block;
	padding: 0;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
}

@media screen and (min-width: 768px) {

.toggleWrap {
  margin: 0 4rem 0 0;
}

}

/* ドロップダウンメニュー  */

ul.menuSub {
  position: absolute;
  margin-left: -6px;
  padding: 0;
  display: none;
}

ul.menuSub li a {
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -5px;
  display: block;
  color: #fff;
  text-decoration: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li ul.menuSub {
  margin: 0 0 0 -40px;
}

nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(2) ul.menuSub {
  margin: 0 0 0 -15px;
}

nav#site-navigation div.menu-global-container.gnavi ul li ul.menuSub li {
	display: block;
	padding: 0;
	width: 180px;
}

nav#site-navigation div.menu-global-container.gnavi ul li ul.menuSub li a {
	display: block;
  margin: 0;
	padding: 1rem 1.5rem;
	width: 100%;
	color: rgba(255,255,255,1);
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: 400;
	text-align: center;
	text-decoration: none;
  background-color: rgba(24,144,95,1);
  border: 1px solid rgba(255,255,255,1);
  border-top: none;
}

nav#site-navigation div.menu-global-container.gnavi ul li ul.menuSub li:nth-of-type(1) a {
  border-top: 1px solid rgba(255,255,255,1);
}

nav#site-navigation div.menu-global-container.gnavi ul li ul.menuSub li a:hover {
  background-color: rgba(150,205,182,1);
  color: rgba(24,144,95,1);
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/* メガメニュー */


nav#site-navigation div.menu-global-container.gnavi ul li:hover .menu {
  transition: max-height 2s ease-in;
  max-height: 9999px;
}
nav#site-navigation div.menu-global-container.gnavi ul li > a {
  transition: all .2s ease-in;
}
nav#site-navigation div.menu-global-container.gnavi ul .menu {
  transition: max-height .2s ease-out;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  text-align: center;
  position: absolute;
  background-color: rgba(24,144,95,0.6);
  z-index: 50;
}
.recruit nav#site-navigation div.menu-global-container.gnavi ul .menu {
  background-color: rgba(255,255,255,0.8);
}
nav#site-navigation div.menu-global-container.gnavi ul .menu .menu_inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 1.5em 0;
  text-align: center;
}
nav#site-navigation div.menu-global-container.gnavi ul .menu .menu_inner li {
  display: inline-block;
  /* margin: 0 .5em; */
  margin: 0 2em;
}
nav#site-navigation div.menu-global-container.gnavi ul .menu a {
  padding: 0.5rem 1rem;
  color: rgba(255,255,255,1);
  text-align: left;
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: 400;
}

nav#site-navigation div.menu-global-container.gnavi ul .menu li:nth-last-of-type(1) a,
nav#site-navigation div.menu-global-container.gnavi ul .menu li:nth-last-of-type(2) a {
  padding: 0.5rem 1rem;
  border: none;
}

nav#site-navigation div.menu-global-container.gnavi ul .menu li:nth-last-of-type(1) a:hover,
nav#site-navigation div.menu-global-container.gnavi ul .menu li:nth-last-of-type(2) a:hover {
  background: none;
}



/* パンくずリスト */

.breadcrumb {
  margin: 1rem 0;
  padding-left:0;
}

.breadcrumb li {
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;/*太字*/
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 5px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: gray;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;/*太字*/
}
/*
.breadcrumb li:first-child a:before {
  *//*家アイコン*//*
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #2e7fea;
}
*/
.breadcrumb li a:hover {
  text-decoration: underline;
}



/* --------------------------------------------------------
 Contents Style
-------------------------------------------------------- */

article {
}

aside {
}
/*
.main {
	padding-top: 6rem;
}
*/

#home .main header {
	margin-bottom: 8rem;
}
.main header {
	margin-bottom: 0;
}

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


/*	Local header */


div#localHeader {
	position: relative;
}

div#localHeader div.bxslider img {
	vertical-align: bottom;
}


div#lNav {
  position: sticky;
  top: 100px;
}


/*	Local Navi */

header.page-header {
  /* background-color: rgba(229,237,230,1); */
}

#recruit header.page-header {
  background: none;
}

header.page-header div#lNav {
  padding: 4rem 2rem;
  background-color: rgba(229,237,230,1);
}

#mid_career_recruitment header.page-header div#lNav,
#part_time header.page-header div#lNav {
  padding: 4rem 2rem 0;
  background-color: rgba(229,237,230,1);
}

#business_content #oem header.page-header div#lNav {
  background-color: rgba(229,237,230,1);
  z-index: 5;
}

header.page-header div#lNav ul#menu-local-navi {
  display: flex;
  justify-content: center;
}

header.page-header div#lNav ul#menu-local-navi li {
  margin: 0 1rem;
}

header.page-header div#lNav ul#menu-local-navi li a {
  display: block;
  padding: 1rem 3rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
  text-decoration: none;
}

header.page-header div#lNav ul#menu-local-navi li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

#recruit header.page-header div#lNav ul#menu-local-navi {
  margin: 0 auto;
  width: 95%;
}

#recruit header.page-header div#lNav ul#menu-local-navi li {
  width: 30%;
}

#recruit header.page-header div#lNav ul#menu-local-navi li a {
  display: block;
  padding: 2rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
  text-decoration: none;
}

#recruit header.page-header div#lNav ul#menu-local-navi li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

/*
div#localHeader div#lNav {
	width: 100%;
	 *//* background-color: rgba(255,255,255,0.8); *//*
}

div#localHeader div#lNav ul {
	margin: 0 auto;
	text-align: center;
}

div#localHeader div#lNav ul li {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: auto;
	border-left: 1px solid rgba(72,72,72,1);
}

div#localHeader div#lNav ul li:first-child {
	padding-left: 0;
	border-left: none;
}

div#localHeader div#lNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#localHeader div#lNav ul li a:hover {
	 *//* color: rgba(72,72,72,1); *//*
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}
 */

/*	header */


.hentry .page-header h1.page-title {
  padding: 25rem 1rem 15rem;
  text-align: center;
  font-size: 32px;
	font-size: 3.2rem;
  font-weight: 600;
  line-height: 160%;
  color: rgba(255,255,255,1);
  text-shadow: 0 1px 10px rgba(0,0,0,1), 0 1px 10px rgba(0,0,0,1);
}

#recruit .hentry .page-header p.read {
  padding: 15rem 1rem 10rem;
  text-align: center;
  font-size: 62px;
	font-size: 6.2rem;
  font-weight: 600;
  line-height: 180%;
  color: rgba(0,0,0,1);
  text-shadow: 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1);
}

.hentry .page-header h1,
#recruit .hentry h1 {
  font-size: 32px;
	font-size: 3.2rem;
  font-weight: 600;
  line-height: 160%;
  color: rgba(0,0,0,1);
  text-align: center;
}

#recruit #application.hentry .page-header h1.page-title,
#recruit #mid_career_recruitment.hentry .page-header h1.page-title,
#recruit #part_time.hentry .page-header h1.page-title {
  color: rgba(255,255,255,1);
}

.hentry .page-header h1 span,
#recruit .hentry h1 span {
  display: block;
  font-size: 0.75em;
  text-align: center;
}

.hentry #read-area h1.identity-title {
  margin-bottom: 3rem;
  font-size: 78px;
	font-size: 7.8rem;
  font-weight: 800;
  line-height: 125%;
  text-align: left;
}

.hentry .entry-content h2,
#recruit #application.hentry .entry-content h2/* ,
#recruit #mid_career_recruitment.hentry .entry-content h2,
#recruit #part_time.hentry .entry-content h2 */ {
  padding: 0.5rem 0.5rem 2rem 0.5rem;
  font-size: 28px;
	font-size: 2.8rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  color: rgba(24,144,95,1);
  border-bottom: 1px solid rgba(24,144,95,1);
}

.hentry .entry-content h2 span {
  display: block;
  font-size: 0.5em;
  line-height: 130%;
  text-align: center;
}

#home .hentry #news .entry-content h2 {
  padding: 0;
  font-size: 42px;
	font-size: 4.2rem;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
  color: rgba(182,182,182,1);
  border: none;
}

#recruit .hentry .entry-content h2,
#business_content .hentry .entry-content h3,
#our_strength .hentry .entry-content h3 {
  padding: 0.5rem;
  font-size: 24px;
	font-size: 2.4rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  color: rgba(24,144,95,1);
  border: 1px solid rgba(24,144,95,1);
}

#recruit #application.hentry .entry-content h2/* ,
#recruit #mid_career_recruitment.hentry .entry-content h2,
#recruit #part_time.hentry .entry-content h2 */ {
  border-top: none;
  border-left: none;
  border-right: none;
}


.hentry .entry-content h3 {
  font-size: 20px;
	font-size: 2rem;
  font-weight: 400;
  line-height: 160%;
  color: rgba(24,144,95,1);
}

#our_strength #production_system.hentry #overview .entry-content h3 {
  padding: 0.5rem;
  font-size: 24px;
	font-size: 2.4rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
  border: 1px solid rgba(24,144,95,1);
}

#company_profile .hentry #compliance .entry-content h3 {
  padding: 0.5rem;
  font-size: 24px;
	font-size: 2.4rem;
  font-weight: 500;
  line-height: 160%;
  text-align: center;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
  border: 1px solid rgba(24,144,95,1);
}

#our_strength #technology.hentry #overview .entry-content h3,
#our_strength #compliance.hentry .entry-content h3 {
  padding: 0;
  font-size: 18px;
	font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
  text-align: left;
  color: rgba(24,144,95,1);
  border: none;
}

.hentry .entry-content h4 {
  font-size: 20px;
	font-size: 2rem;
  font-weight: 400;
  line-height: 160%;
  color: rgba(24,144,95,1);
}

.hentry .entry-content h4 {
  padding-left: 1rem;
  font-size: 20px;
	font-size: 2rem;
  font-weight: 400;
  line-height: 160%;
  color: rgba(24,144,95,1);
  border-left: 8px solid rgba(24,144,95,1);
}

#company_profile .hentry #compliance .entry-content h4 {
  padding-left: 0;
  border: none;
}

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

/*	newsRelease */

#news-area {
  padding: 6rem 0;
}

#newsRelease {
}

.newsRelease {
}

/* --- 新着リスト --- *//*
#newsRelease dl.newsRelease {
width: 100%;  *//* 新着リストの幅 *//*
margin: 0;
}
 */
/* --- 日付エリア --- *//*
#newsRelease dl.newsRelease dt {
width: 7.7em;  *//* 日付エリアの幅 *//*
float: left;
padding: 0 0 0 3px;  *//* 日付エリアのパディング（上右下左） *//*
border-right: 1px rgba(72,72,72,1) solid;  *//* 本文エリア下境界線 *//*
color: rgba(72,72,72,1);
}
 */
/* --- 本文エリア --- *//*
#newsRelease dl.newsRelease dd {
margin: 7.7em 0;
padding: 0 3px 0 9.6em;  *//* 本文エリアのパディング（上右下左） *//*
color: rgba(204,204,204,1);
}
 */
 #newsRelease dl.newsRelease:after {
 	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
 }

 #newsRelease dl.newsRelease {
 }

 #newsRelease dl.newsRelease dt {
 float:left;
 margin-bottom: 2px;
 width:18rem;
 padding-left: 3rem;
 padding-top:1rem;
 padding-bottom:0.8rem;
 padding-right:0;
 font-weight: 500;
 line-height: 160%;
}

 #newsRelease dl.newsRelease dd {
 margin-bottom: 5px;
 padding-left:18rem;
 border-bottom:1px solid rgba(204,204,204,1);
 padding-top:1rem;
 padding-bottom:1rem;
 line-height: 160%;
 }

 #newsRelease dl.newsRelease dd:nth-of-type(1) {
   border-top:1px solid rgba(204,204,204,1);
 }

/* --- 角丸の一覧へのリンクボタン --- */
div.btm_newsRelease {
}

div.btm_newsRelease a {
	display: block;
	margin: 0 auto;
	padding: 5px 20px;
	width: 145px;
  font-weight: 500;
	text-align: center;
	border: 1px solid rgba(24,144,95,1);
	background-color: rgba(24,144,95,0);
	color: rgba(24,144,95,1);
	/* -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; */
	text-decoration: none;
}

div.btm_newsRelease a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(24,144,95,1);
  transition: 0.5s;
}


/* --- トップページのメインナビゲーション --- */
/*
div#mainNav ul {
	margin: 0 auto 0;
	width: 100%;
}

div#mainNav ul li {
	display: inline-block;
	margin-left: 20px;
	width: 20%;
}

div#mainNav ul li:first-child {
	margin-left: 0;
}

div#mainNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#mainNav ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#mainNav ul li a p {
	margin-top: 10px;
	text-align: center;
}
*/

/* SNS buttom */
/*
div.sns_btm ul {
	margin: 0 auto 0;
	width: 100%;
}

div.sns_btm ul li {
	display: inline-block;
	width: 20%;
	margin-left: 50px;
}

div.sns_btm ul li:first-child {
	margin-left: 0;
}

div.sns_btm ul li a {
	display: block;
}

div.sns_btm ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
*/



.anime-box {
  padding: 30rem 1rem 18rem;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 10;
}

.anime-box .OneTextAnime{
  display: inline-block;
}

.anime-box .OneTextAnime span{
  margin-left: -0.25rem;
	opacity: 0;
	animation: onetxtanime 0.5s forwards;
}

.anime-box .OneTextAnime.read span {
  font-size: 62px;
	font-size: 6.2rem;
  font-weight: 600;
  line-height: 180%;
  color: rgba(255,255,255,1);
  text-shadow: 0 0.2rem 1.5rem rgba(0,0,0,1), 0 0.2rem 1.5rem rgba(0,0,0,1);
  /* color: rgba(0,0,0,1);
  text-shadow: 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1), 0 1px 15px rgba(255,255,255,1); */
}

.anime-box .OneTextAnime span:nth-child(1){animation-delay: 0.1s}
.anime-box .OneTextAnime span:nth-child(2){animation-delay: 0.2s}
.anime-box .OneTextAnime span:nth-child(3){animation-delay: 0.3s}
.anime-box .OneTextAnime span:nth-child(4){animation-delay: 0.4s}
.anime-box .OneTextAnime span:nth-child(5){animation-delay: 0.5s}
.anime-box .OneTextAnime span:nth-child(6){animation-delay: 0.6s}
.anime-box .OneTextAnime span:nth-child(7){animation-delay: 0.7s}
.anime-box .OneTextAnime span:nth-child(8){animation-delay: 0.8s}
.anime-box .OneTextAnime span:nth-child(9){animation-delay: 0.9s}
.anime-box .OneTextAnime span:nth-child(10){animation-delay: 1.0s}
.anime-box .OneTextAnime span:nth-child(11){animation-delay: 1.1s}
.anime-box .OneTextAnime span:nth-child(12){animation-delay: 1.2s}
.anime-box .OneTextAnime span:nth-child(13){animation-delay: 1.3s}

.anime-box .OneTextAnime span:nth-child(14){animation-delay: 1.4s}
.anime-box .OneTextAnime span:nth-child(15){animation-delay: 1.5s}
.anime-box .OneTextAnime span:nth-child(16){animation-delay: 1.6s}
.anime-box .OneTextAnime span:nth-child(17){animation-delay: 1.7s}
.anime-box .OneTextAnime span:nth-child(18){animation-delay: 1.8s}
.anime-box .OneTextAnime span:nth-child(19){animation-delay: 1.9s}
.anime-box .OneTextAnime span:nth-child(20){animation-delay: 2.0s}
.anime-box .OneTextAnime span:nth-child(21){animation-delay: 2.1s}
.anime-box .OneTextAnime span:nth-child(22){animation-delay: 2.2s}
.anime-box .OneTextAnime span:nth-child(23){animation-delay: 2.3s}
.anime-box .OneTextAnime span:nth-child(24){animation-delay: 2.4s}
.anime-box .OneTextAnime span:nth-child(25){animation-delay: 2.5s}
.anime-box .OneTextAnime span:nth-child(26){animation-delay: 2.6s}
.anime-box .OneTextAnime span:nth-child(27){animation-delay: 2.7s}

.anime-box .OneTextAnime span:nth-child(28){animation-delay: 2.8s}
.anime-box .OneTextAnime span:nth-child(29){animation-delay: 2.9s}
.anime-box .OneTextAnime span:nth-child(30){animation-delay: 3.0s}
.anime-box .OneTextAnime span:nth-child(31){animation-delay: 3.1s}
.anime-box .OneTextAnime span:nth-child(32){animation-delay: 3.2s}
.anime-box .OneTextAnime span:nth-child(33){animation-delay: 3.3s}
.anime-box .OneTextAnime span:nth-child(34){animation-delay: 3.4s}
.anime-box .OneTextAnime span:nth-child(35){animation-delay: 3.5s}
.anime-box .OneTextAnime span:nth-child(36){animation-delay: 3.6s}
.anime-box .OneTextAnime span:nth-child(37){animation-delay: 3.7s}
.anime-box .OneTextAnime span:nth-child(38){animation-delay: 3.8s}
.anime-box .OneTextAnime span:nth-child(39){animation-delay: 3.9s}
.anime-box .OneTextAnime span:nth-child(40){animation-delay: 4.0s}
.anime-box .OneTextAnime span:nth-child(41){animation-delay: 4.1s}

@keyframes onetxtanime{
	from { opacity: 0 }
	to { opacity: 1 }
}


/* slider
----------------------------------------------------*/

header.page-header {
  overflow: hidden;
  position: relative;
}

.main-top{
grid-row: main;
height: 100vh;
width: 100vw;
position: fixed;
z-index: -1;
}
.swiper-container{
height: 100%;
width: 100%;
overflow: hidden;
}
.swiper-wrapper,
.swiper-slide>div{
height: 100%;
width: 100%;
}

.swiper-slide.sw-1>div{
background: url("../images/recruit/recruit_slider_01_image.jpg") center center / cover no-repeat;
}
.swiper-slide.sw-2>div{
background: url("../images/recruit/recruit_slider_02_image.jpg") center center / cover no-repeat;
}
.swiper-slide.sw-3>div{
background: url("../images/recruit/recruit_slider_03_image.jpg") center center / cover no-repeat;
}

@keyframes zoomUp { /* ズームアップで1.15倍させる指定 */
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.swiper-slide-active>div, .swiper-slide-duplicate-active>div, .swiper-slide-prev>div{
animation: zoomUp 10s linear 0s 1 normal both;
}







#home #home-identity {
  display: flex;
  justify-content: center;
  padding-top: 5rem;
}

#home #home-identity .box-identity-l,
#home #home-identity .box-identity-r {

}

#home #home-identity .box-identity-l {
  width: 42%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#home #home-identity .box-identity-l #read-area {
  margin-right: 6rem;
  padding-top: 3rem;
  width: 350px;
}

#home #home-identity .box-identity-l #read-area p {
  font-size: 20px;
	font-size: 2rem;
  font-weight: 400;
  line-height: 200%;
}

#home #home-identity .box-identity-r {
  width: 58%;
  overflow: hidden;
}

#home #home-identity .box-identity-r #bxSlider {
    width: 768px;
}

#home #home-identity .box-identity-r #bxSlider .slider,
#home #home-identity .box-identity-r #bxSlider .slider img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.bx-wrapper {
  margin-bottom: 0 !important;
  -moz-box-shadow: 0 0 0 rgba(255,255,255,0) !important;
  -webkit-box-shadow: 0 0 0 rgba(255,255,255,0) !important;
  box-shadow: 0 0 0 rgba(255,255,255,0) !important;
  border: none !important;
  background: rgba(255,255,255,0);
  -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


#home #home-lNav ul.home-lNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#home #home-lNav ul.home-lNav li {
  width: 23.5%;
  /* width: 32%; */
}

#home #home-lNav ul.home-lNav li a {
  display: block;
  text-decoration: none;
  /* background-color: rgba(24,144,95,1); */
  background-color: rgba(229,237,230,1);
}

#home #home-lNav ul.home-lNav li a p {
  /* padding: 3rem 0.5rem; */
  padding: 2rem 0.5rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255,255,255,1);
  text-align: center;
  background-color: rgba(24,144,95,1);
  position: relative;
  z-index: 10 !important;
}

#home #home-lNav ul.home-lNav li a p span {
  display: block;
  font-size: 0.8em;
  text-align: center;
}

#home #home-lNav ul.home-lNav li a:hover {
  /* filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s; */
}

#home #home-lNav-recruit .home-lNav-recruit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0;
  padding: 15rem 0;
  background-color: rgba(229,237,230,1);
	background-position: center 35%;
	background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0,0,0,0.3);
  background-image: url('../images/home/home_lnav_05_recruit_bg.jpg');
  background-image:-webkit-image-set(url("../images/home/home_lnav_05_recruit_bg.jpg") 1x,url("../images/@2x/home/home_lnav_05_recruit_bg.jpg") 2x);
  background-blend-mode: multiply;
}

#home #home-lNav-recruit .home-lNav-recruit a {
  display: inline-block;
  padding: 2rem 4rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  color: rgba(255,255,255,1);
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border: 2px solid rgba(255,255,255,1);
}

#home #home-lNav-recruit .home-lNav-recruit a:hover {
  color: rgba(0,0,0,1);
  background-color: rgba(255,255,255,1);
  transition: 0.5s;
}


#home #home-lNav ul.home-lNav li ul.tag_wrapper li {
  padding: 0.7rem 1rem;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  color: rgba(24,144,95,1);
}

#home #home-lNav ul.home-lNav li ul.tag_wrapper li:nth-of-type(1) {
  margin-bottom: 2rem;
  padding: 2rem;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
}

#home #home-lNav ul.home-lNav li ul.tag_wrapper li:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,0.7);
  transition: 0.5s;
}

#home #home-lNav ul.home-lNav li ul.tag_wrapper li:nth-of-type(1) span {
  display: block;
  font-size: 0.8em;
  text-align: center;
}

/* 背景が下から出現＋テキスト */

.bgDU{
  position:relative;/*テキストの基点となる位置を定義*/
}

.bgDU span.mask{
  position:relative;/*背景色の基点となる位置を定義*/
    display: block;
    line-height: 0;/*行の高さを0にする*/
    overflow: hidden;/*拡大してはみ出る要素を隠す*/
}

.bgDU span.mask::before{
  content:"";
  position: absolute;
  z-index: 2;
  left:0;
  top:0;
  opacity:0;/*透過0*/
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
    transform: translateY(100%);
  background: rgba(0,0,0,0.6);/*背景色*/
  width:100%;
  height: 100%;
}

.bgDU:hover span.mask::before{/*hoverした時の変化*/
  opacity:1;/*透過なしに変化*/
  transform: translateY(0);
}

.bgDU span.cap{/*画像の上のテキスト*/
  position: absolute;
  opacity:0;/*透過0*/
  transition: .5s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
  z-index:3;/*テキストを前面に出す*/
  top: 50%;
    left: 50%;
  transform: translate(-50%,-50%);/*テキストの位置中央指定*/
  color: rgba(255,255,255,1);/*テキストの色を変えたい場合はここを修正*/
    line-height: 1.8;/*行の高さを1.5にする*/
}

.bgDU:hover span.cap{/*hoverした時の変化*/
  opacity:1;/*透過なしに変化*/
}

/*　画像の縮小　*/

.zoomOut img{
  transform: scale(1.1);
  transition: .3s ease-in-out;/*移り変わる速さを変更したい場合はこの数値を変更*/
}

.zoomOut a:hover img{/*hoverした時の変化*/
  transform: scale(0.9);/*拡大の値を変更したい場合はこの数値を変更*/
  -webkit-border-radius: 4rem;
	-moz-border-radius: 4rem;
	border-radius: 4rem;
}

.zoomOut.zoomSmall a:hover img{/*hoverした時の変化*/
  transform: scale(0.7);/*拡大の値を変更したい場合はこの数値を変更*/
  -webkit-border-radius: 4rem;
	-moz-border-radius: 4rem;
	border-radius: 4rem;
}


/*　画像のマスク　*/

.mask{
    display: block;
    line-height: 0;/*行の高さを0にする*/
    overflow: hidden;/*拡大してはみ出る要素を隠す*/
}



/*　画像のマスク　*/

.parent {
    position: relative;
    overflow: hidden;/*拡大してはみ出る要素を隠す*/
  }

.parent .tag_wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 28%);
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.8);
        transition: all 0.7s;
        z-index: 10;
      }

.parent:hover .tag_wrapper {
        transform: translate(-50%, -50%);
}
/*
.parent .tag_wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 300%);
        width: 80%;
        background-color: rgba(255,255,255,1);
        transition: all 0.7s;
        z-index: 2;
      }

.parent:hover .tag_wrapper {
        transform: translate(-50%, -67.5%);
}
*/

/* contents
----------------------------------------------------*/
/*
#main section {
	margin-bottom: 60px;
}

#main p {
	line-height: 180%;
}
*/

#recruit .main section {
  background-color: rgba(255,255,255,0.8);
}

.main .area {
  padding: 8rem 2rem;
  background-color: rgba(229,237,230,1);
}

#company_profile .main .area,
#business_content .main .area,
#our_strength .main .area {
  padding: 3rem 2rem 8rem;
}

#business_content .main .area {
}

.main .area .container {
  background-color: rgba(255,255,255,1);
}

.main .area .container {
  padding: 6rem 0;
}

#home .main .area .container {
  background-color: rgba(255,255,255,0);
}

#main p.photos_before,
#main p.images_before {
	margin: 0 auto;
	text-align: center;
}

#main p.photos_after,
#main p.images_after {
	margin-top: 0;
	text-align: center;
}

.contents .chapter,
.contents.chapter {
	margin-bottom: 8rem;
}

.contents .paragraph,
.contents.paragraph {
	margin-bottom: 4rem;
}


/* flexbox
----------------------------------------------------*/

.box-wrap,
.box-wrap-480 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.box-wrap.box-no-wrap,
.box-wrap-480.box-no-wrap {
  flex-wrap:nowrap;
}
.box-wrap.box-justify-center,
.box-wrap-480.box-justify-center {
  justify-content: center;
}
.box-wrap.box-justify-start,
.box-wrap-480.box-justify-start {
 justify-content: flex-start;
}
.box-wrap.box-align-center,
.box-wrap-480.box-align-center {
  align-items: center;
}
.box-wrap.box-align-end,
.box-wrap-480.box-align-end {
  align-items: flex-end;
}

.box {

}
.box.box-inline,
.box-480.box-inline {
  display: inline-block;
}
.box img,
.box-480 img {
  width: 100%;
}
.box p,
.box-480 p {
  margin: 1rem;
}


.box.width-span-15-fix,
.box-480.width-span-15-fix {
  width: 15%
}
.box.width-span-19_8-fix,
.box-480.width-span-19_8-fix {
  width: 19.8%
}
.box.width-span-20-fix,
.box-480.width-span-20-fix {
  width: 20%
}
.box.width-span-22_5-fix,
.box-480.width-span-22_5-fix {
  width: 22.5%
}
.box.width-span-25-fix,
.box-480.width-span-25-fix {
  width: 24.5%
} /*
.box.width-span-25-50-fix {
  width: 24.5%
} */
.box.width-span-30-fix,
.box-480.width-span-30-fix {
  width: 29%
}
.box.width-span-31-fix,
.box-480.width-span-31-fix {
  width: 31%
}
.box.width-span-33-fix,
.box-480.width-span-33-fix {
  width: 33.33%
}
.box.width-span-35-fix,
.box-480.width-span-35-fix {
  width: 35%
}
.box.width-span-35_5-fix,
.box-480.width-span-35_5-fix {
  width: 35.5%
}
.box.width-span-36-fix,
.box-480.width-span-36-fix {
  width: 36%
}
.box.width-span-38-fix,
.box-480.width-span-38-fix {
  width: 38%
}
.box.width-span-40-fix,
.box-480.width-span-40-fix {
  width: 40%
}
.box.width-span-43-fix,
.box-480.width-span-43-fix {
  width: 43%
}
.box.width-span-44-fix,
.box-480.width-span-44-fix {
  width: 44%
}
.box.width-span-45-fix,
.box-480.width-span-45-fix {
  width: 45%
}
.box.width-span-49-fix,
.box-480.width-span-49-fix {
  width: 49%
}
.box.width-span-50-fix,
.box-480.width-span-50-fix {
  width: 50%
}
.box.width-span-53-fix,
.box-480.width-span-53-fix {
  width: 53%
}
.box.width-span-54-fix,
.box-480.width-span-54-fix {
  width: 54%
}
.box.width-span-55-fix,
.box-480.width-span-55-fix {
  width: 55%
}
.box.width-span-58-fix,
.box-480.width-span-58-fix {
  width: 58%
}
.box.width-span-60-fix,
.box-480.width-span-60-fix {
  width: 60%
}
.box.width-span-61-fix,
.box-480.width-span-61-fix {
  width: 61%
}
.box.width-span-63-fix,
.box-480.width-span-63-fix {
  width: 63%
}
.box.width-span-65-fix,
.box-480.width-span-65-fix {
  width: 65%
}
.box.width-span-68_5-fix,
.box-480.width-span-68_5-fix {
  width: 68.5%
}
.box.width-span-70-fix,
.box-480.width-span-70-fix {
  width: 70%
}
.box.width-span-75-fix,
.box-480.width-span-75-fix {
  width: 75%
}
.box.width-span-78-fix,
.box-480.width-span-78-fix {
  width: 78%
}
.box.width-span-80-fix,
.box-480.width-span-80-fix {
  width: 80%
}
.box.width-span-85-fix,
.box-480.width-span-85-fix {
  width: 85%
}
.box.width-span-100-fix,
.box-480.width-span-100-fix {
  width: 100%
}

.box.order_01 {
  order: 1;
}

.box.order_02 {
  order: 2;
}

.box.order_03 {
  order: 3;
}

.box.order_04 {
  order: 4;
}

.box.order_05 {
  order: 5;
}

.box.order_06 {
  order: 6;
}


/* font-size
----------------------------------------------------*/

.hentry .entry-content p.font-size-small,
.widget_text p.font-size-small,
.error-404 p.font-size-small,
.comment-content p.font-size-small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 160%
}

.hentry .entry-content p.font-size-middle,
.widget_text p.font-size-middle,
.error-404 p.font-size-middle,
.comment-content p.font-size-middle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%
}


/* access_map
----------------------------------------------------*/

div.access_map {
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: 0;
overflow: hidden;
}

div.access_map iframe,
div.access_map object,
div.access_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* company profile
----------------------------------------------------*/


#company_profile #corporate_philosophy,
#company_profile #quality_policy,
#company_profile #company_overview,
#company_profile #history,
#company_profile #organization_chart,
#company_profile #access,
#company_profile #compliance {
   margin-top:-100px;
   padding-top:100px;
}

#company_profile section {
  padding-top: 13rem;
  margin-top: -13rem;
}

#company_profile .hentry #corporate_philosophy .entry-content p {
  font-family: 'Noto Serif JP', serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 200%;
  text-align: center;
}

#company_profile .hentry #company_profile-quality_policy .entry-content p.read {
  margin-bottom: 3rem;
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
}

#company_profile .hentry #access .entry-content p {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
}

#company_profile .hentry #access .entry-content a.map {
  display: inline-block;
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255,255,255,1);
  background-color: rgba(24,144,95,1);
  text-decoration: none;
  -webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
}

#company_profile .hentry #access .entry-content a.map:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}


/* business content
----------------------------------------------------*/

#business_content #business_content-total_display_contents #promotional_fixtures_pop_tools,
#business_content #business_content-total_display_contents #store_related,
#business_content #business_content-total_display_contents #sign_display,
#business_content #business_content-total_display_contents #digital_signage,
#business_content #business_content-total_display_contents #office_furniture_related,
#business_content #business_content-total_display_contents #educational_it_related {
  margin-top:-100px;
  padding-top:100px;
}

#business_content #business_content-oem_contents #overview,
#business_content #business_content-oem_contents #pipe_processing,
#business_content #business_content-oem_contents #connect_slide_protect_processing_technology,
#business_content #business_content-oem_contents #prevent_processing_technology,
#business_content #business_content-oem_contents #buffer_processing_technology,
#business_content #business_content-oem_contents #flow {
  margin-top:-100px;
  padding-top:100px;
}

#business_content #business_content-product_contents #overview,
#business_content #business_content-product_contents #in_house_product {
  margin-top:-100px;
  padding-top:100px;
}

#business_content #oem.hentry #buffer_processing_technology div.box-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#business_content #oem.hentry #buffer_processing_technology div.box-flex .box.width-span-24_49-fix {
  width: 24%;
}


/* our_strength
----------------------------------------------------*/

#our_strength #technology.hentry #overview .entry-content ul li {
  display: inline-block;
  padding: 0.2rem 1.5rem;
  font-weight: 400;
  color: rgba(24,144,95,1);
  border: 2px solid rgba(24,144,95,1);
  -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
}

#our_strength #technology.hentry #pipe_processing .entry-content ul,
#our_strength #technology.hentry #welding_polishing .entry-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#our_strength #technology.hentry #pipe_processing .entry-content ul li {
  margin-bottom: 1.5rem;
  width: 49%;
}

#our_strength #technology.hentry #pipe_processing .entry-content ul li p,
#our_strength #technology.hentry #welding_polishing .entry-content ul li p,
#our_strength #technology.hentry #assembly_packing_inspection .entry-content ul li p {
  margin-bottom: 0;
}

#our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(5),
#our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(8) {
  width: 44%;
}

#our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(6),
#our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(7) {
  width: 54%;
}

#our_strength #technology.hentry #welding_polishing .entry-content ul li {
  margin-bottom: 1.5rem;
  width: 49%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(1) {
  margin-bottom: 1.5rem;
  width: 52%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(2) {
  margin-bottom: 1.5rem;
  width: 46%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(3) {
  margin-bottom: 1.5rem;
  width: 44%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(4),
#our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(5) {
  margin-bottom: 1.5rem;
  width: 26%;
}
/*
#our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(1) {
  margin-bottom: 1.5rem;
  width: 54%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(2) {
  margin-bottom: 1.5rem;
  width: 44%;
}
*/
#our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(1) {
  margin-bottom: 1.5rem;
  width: 43.5%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(2) {
  margin-bottom: 1.5rem;
  width: 35.5%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(3) {
  margin-bottom: 1.5rem;
  width: 17.7%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #tig ul li {
  margin-bottom: 1.5rem;
  /* width: 27%; */
  width: 23.5%;
}

#our_strength #technology.hentry #welding_polishing .entry-content #tig ul li:nth-of-type(1) {
  /* width: 41.5%; */
  width: 48.5%;
}

#our_strength #technology.hentry #assembly_packing_inspection .entry-content ul li {
  margin-bottom: 1.5rem;
  width: 49%;
}


/* recruit
----------------------------------------------------*/


#recruit #nav-area {
  padding: 6rem 0 0;
}

#recruit ul.link-primary {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
  padding: 1rem;
}

#recruit ul.link-primary li a {
  display: block;
  margin-left: 1rem;
  padding: 0.5rem 2rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(0,0,0,1);
  border: 1px solid rgba(0,0,0,1);
  background-color: rgba(255,255,255,1);
  -webkit-border-radius: 3rem;
	-moz-border-radius: 3rem;
	border-radius: 3rem;
  text-decoration: none;
}

#recruit ul.link-primary li a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,1);
  transition: 0.5s;
}

#video {
  padding-bottom: 8rem;
}

.video_wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.video_wrap video {
  width: 100%;
  height:auto;
  z-index: -100;
  object-fit: cover;
  object-position: 50% 50%;
}
.video_wrap img {
  width: 100%;
  height:auto;
  z-index: -100;
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  left: 0;
  top:0;
}


#recruit div.recruit-line {
  margin-bottom: 5rem;
  border-bottom: 1px solid rgba(24,144,95,1);
}

#recruit div#new_graduate,
#recruit div#mid_career_recruitment,
#recruit div#mid_career_recruitment_data,
#recruit div#part_time,
#recruit div#part_time_data {
  padding-top: 13rem;
  margin-top: -13rem;
}

 .hentry .entry-content a.button-primary {
   display: inline-block;
   padding: 1.5rem 5rem;
   font-size: 24px;
   font-size: 2.4rem;
   font-weight: 500;
   text-align: center;
   color: rgba(255,255,255,1);
   background-color: rgba(24,144,95,1);
   -webkit-border-radius: 6rem;
 	 -moz-border-radius: 6rem;
 	 border-radius: 6rem;
   text-decoration: none;
 }

 .hentry .entry-content a:hover.button-primary {
   filter:alpha(opacity=50);
 	-moz-opacity: 0.5;
 	opacity: 0.5;
   transition: 0.5s;
 }


/*========= 1文字ずつ出現させるためのCSS ===============*/

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* contact
----------------------------------------------------*/

/*	tell */

#contact .hentry .entry-content #tell-contents dl {
  display: inline-block;
}

#contact .hentry .entry-content #tell-contents dl::after {
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#contact .hentry .entry-content #tell-contents dl dt {
  margin-top: 1.5rem;
  margin-bottom: 0;
  float:left;
	width: 22rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
}

#contact .hentry .entry-content #tell-contents dl dd {
  margin-bottom: 0;
  padding: 0 0 0 22rem;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 800;
  color: rgba(237,0,0,1);
}


/*	mailform */

#contact .mailform dl {
	margin-bottom: 20px;
	width: 100%;
}

#contact .mailform dl dt,
#contact .mailform dl dd {
	padding: 3px;
}

#contact .mailform dl dt {
	font-weight: 400;
}

#contact .mailform dl dd {
	margin-bottom: 10px;
}

#contact .mailform dl dt span {
	color: rgba(255,0,0,1);
}

#contact .mailform dl dd input {
	padding:3px;
	width: 100%;
}

#contact .mailform dl dd input[type='text'] {
  border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd span.mwform-tel-field input,
#contact .mailform dl dd span.mwform-zip-field input {
	padding:3px;
	width: 80px;
}

#contact .mailform dl dd span.mwform-radio-field input,
#contact .mailform dl dd span.mwform-checkbox-field input {
	padding:3px;
	width: 20px;
}

#contact .mailform dl dd textarea {
	padding:3px;
	width: 100% !important;
	height: 15em !important;
	border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd input::-webkit-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input:-ms-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input::-moz-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}

#contact .mailform p {
	margin-bottom: 20px;
	text-align: center;
}

#contact .mailform div.formButton,
#recruit .mailform div.formButton {
	text-align: center;
}


/* Table */

#contact .mailform table,
#recruit .mailform table {
	margin-bottom: 20px;
	width: 100%;
}

#contact .mailform table th,
#contact .mailform table td,
#recruit .mailform table th,
#recruit .mailform table td {
	/* border: 1px solid rgba(182,182,182,1); */
	padding: 2rem;
  vertical-align: middle;
}
#contact .mailform table th,
#recruit .mailform table th {
  width: 30%;
	font-weight: 400;
  /* background-color: rgba(1,169,186,0); */
}

#contact .mailform table td,
#recruit .mailform table td {
  width: 70%;
}

#contact .mailform table td input[type="text"],
#recruit .mailform table td input[type="text"] {
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  border: 1px solid rgba(182,182,182,1);
  background-color: rgba(248,248,248,1);
  -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
  -webkit-appearance: none;
}

#contact .mailform table td input[type="radio"],
#recruit .mailform table td input[type="radio"] {
}

#contact .mailform table td textarea,
#recruit .mailform table td textarea {
  margin: 0;
  padding: 0.5rem;
  width: 100%;
  border: 1px solid rgba(182,182,182,1);
  background-color: rgba(248,248,248,1);
  -webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
}

#contact .mailform table th span,
#recruit .mailform table th span {
	color: rgba(255,0,0,1);
}

#contact .mailform table th span.note,
#recruit .mailform table th span.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(77,77,77,1);
}


/* 送信確認必要な際、ボタンを押せなくするスクリプト用CSS */
/*
input[type="submit"] {
	padding:10px;
	width: 150px;
	border-style: none;
	color: rgba(255,255,255,1);
	background-color: rgba(153,153,153,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 20px;
}

input[type="submit"]:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
transition: 0.5s;
}

input[type="submit"][disabled] {
background-color: rgba(204,204,204,1);
cursor: default;
}
*/
#contact .mailform input.form_button,
#recruit .mailform input.form_button,
#contact #formWrap input.form_button {
  margin-right: 1rem;
  padding:1rem 5rem;
	border-style: none;
	color: rgba(255,255,255,1);
	background-color: rgba(24,144,95,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#contact .mailform input.form_button:nth-of-type(2),
#recruit .mailform input.form_button:nth-of-type(2),
#contact #formWrap input.form_button:nth-of-type(2) {
	margin-right: 0;
}

#contact .mailform input.form_button:hover,
#recruit .mailform input.form_button:hover,
#contact #formWrap input.form_button:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}


/* 確認画面 */

/* 自由に編集下さい */
#formWrap {
	/* width:700px; */
  width:100%;
	margin:0 auto;
	color: rgba(72,72,72,1);
  font-size: 16px;
  font-size: 1.6rem;
	line-height:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background: rgba(24,144,95,0.3);
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color: rgba(229,0,79,1);
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
  margin-right: 1rem;
  padding:1rem 5rem;
	border-style: none;
	color: #ffffff !important;
	background-color: rgba(24,144,95,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"]:nth-of-type(2),
input[type="reset"]:nth-of-type(2),
input[type="button"]:nth-of-type(2) {
	margin-right: 0;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:768px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	/* display:block; */
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	/* width:100%;
	height:40px; */
}
}


/* List
----------------------------------------------------*/

.contents div.basicList_line dl:after,
.contents dl.basicList_line:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList_line,
.contents dl.basicList_line {
	margin-bottom: 6rem;
}

.contents div.basicList_line dt,
.contents dl.basicList_line dt {
float:left;
margin-bottom: 2px;
width:24rem;
padding-left: 3rem;
padding-top:1.8rem;
padding-bottom:1.8rem;
padding-right:0;
font-weight: 500;
line-height: 160%;
}

.contents div.basicList_line dd,
.contents dl.basicList_line dd {
margin: 0 0 0.5rem 0;
padding-left: 24rem;
border-bottom:1px solid rgba(204,204,204,1);
padding-top:2rem;
padding-bottom:2rem;
line-height: 160%;
}

#company_profile #history .contents div.basicList_line dt,
#company_profile #history .contents dl.basicList_line dt {
  font-family:"GenshinGothic-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#company_profile #company_overview .contents div.basicList_line dt.sub,
#company_profile #company_overview .contents dl.basicList_line dt.sub,
#company_profile #company_overview .contents div.basicList_line dd.sub,
#company_profile #company_overview .contents dl.basicList_line dd.sub {
  font-family:"GenshinGothic-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

span.spacer_text {
  display: inline-block;
  width: 1.2em;
  text-align: right;
}

/*
.contents div.basicList_line dd:nth-of-type(1),
.contents dl.basicList_line dd:nth-of-type(1) {
border-top:1px solid rgba(204,204,204,1);
}
*/
.contents div.basicList_line dd dl.sub,
.contents dl.basicList_line dd dl.sub {
  margin: 0;
}

.contents div.basicList_line dd dl.sub dt,
.contents dl.basicList_line dd dl.sub dt {
float:left;
width: 12.8rem;
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-right:0;
}

.contents div.basicList_line dd dl.sub dd,
.contents dl.basicList_line dd dl.sub dd {
margin: 0;
padding-left: 12.8rem;
padding-top: 0;
padding-bottom: 0.5rem;
border: none;
}

.contents div.basicList_line dd dl.sub.middle-size dt,
.contents dl.basicList_line dd dl.sub.middle-size dt {
width: 14.5rem;
font-weight: 300;
}

.contents div.basicList_line dd dl.sub.middle-size dd,
.contents dl.basicList_line dd dl.sub.middle-size dd {
padding-left: 14.5rem;
}

.contents dl.commentList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents dl.commentList {
}

.contents dl.commentList dt {
float:left;
width:1.6rem;
line-height: 180%;
}

.contents dl.commentList dd {
padding-left:1.6rem;
line-height: 180%;
}


#recruit #treatment_work_content .contents dl.tableList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#recruit #treatment_work_content .contents dl.tableList {
  margin-bottom: 0;
}

#recruit #treatment_work_content .contents dl.tableList dt {
float:left;
width:16rem;
font-size: 16px;
font-size: 1.6rem;
line-height: 160%;
}

#recruit #treatment_work_content .contents dl.tableList dd {
padding-left:16rem;
font-size: 16px;
font-size: 1.6rem;
line-height: 160%;
}

#recruit #staff .contents dl.staff-profileList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#recruit #staff .contents dl.staff-profileList {
  margin-bottom: 2rem;
}

#recruit #staff .contents dl.staff-profileList dt {
float:left;
margin-bottom: 0.5rem;
width:9rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 160%;
color: rgba(24,144,95,1);
}

#recruit #staff .contents dl.staff-profileList dd {
margin-bottom: 0.5rem;
padding-left:9rem;
font-size: 14px;
font-size: 1.4rem;
line-height: 160%;
font-weight: 500;
word-break: keep-all;
line-break: strict;
word-wrap: break-word;
overflow-wrap: break-word;
}

#recruit #staff .contents dl.staff-commentList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#recruit #staff .contents dl.staff-commentList {
  margin-bottom: 0;
}

#recruit #staff .contents dl.staff-commentList dt {
padding: 0.25rem 0.75rem;
font-size: 16px;
font-size: 1.6rem;
line-height: 160%;
color: rgba(255,255,255,1);
background-color: rgba(24,144,95,0.6);
/* border-top: 1px solid rgba(24,144,95,1);
border-bottom: 1px solid rgba(24,144,95,1); */
}

#recruit #staff .contents dl.staff-commentList dd {
padding-left: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 160%;
}


.contents div.basicList dl:after,
.contents dl.basicList:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList dl dt,
.contents dl.basicList dt {
	float:left;
	width: 1.6rem;
  line-height: 180%;
}

.contents div.basicList dl dd,
.contents dl.basicList dd {
	padding-left: 1.6rem;
  line-height: 180%;
}

#privacy_policy .contents ol.basicList,
.contents #privacy_policy ol.basicList,
#our_strength #compliance .contents ol.basicList,
#company_profile #compliance .contents ol.basicList {
  margin-bottom: 3rem;
}

.contents ol.basicList li {
  margin-bottom: 0;
}

#privacy_policy .contents ol.basicList li,
.contents #privacy_policy ol.basicList li,
#our_strength #compliance .contents ol.basicList li,
#company_profile #compliance .contents ol.basicList li {
  margin-bottom: 1.5rem;
}

#quality_policy .contents div#quality_policy-area {
  margin: 0 auto;
  width: 92%;
}

.contents ol.qualityList li {
  margin-left: 0rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 180%;
}


/* table
----------------------------------------------------*/

table { border: none; }
table { margin: 0; padding: 0; }
table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing:0; }
table td { vertical-align: middle; }


/* lineTable */

table.lineTable {
 width: 100%;
 margin: 0;
 line-height: normal;
}

table.lineTable th.textAlignCenter,
table.lineTable td.textAlignCenter {
	text-align: center;
}

div.responsive-table table.lineTable {
}

table.lineTable caption {
}

table.lineTable.tableLine_right {
  border-right:  1px solid #999999;
}

table.lineTable thead th {
 background: none;
 font-weight: bold;
 padding: 15px;
 text-align: center;
 border-top: 1px solid #999999;
 border-bottom:  1px solid #999999;
 border-left: none;
 border-right: none;
 color:#484848;
}

table.lineTable th {
	background: none;
  font-weight: normal;
  padding: 15px;
  text-align: left;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
	border-left: none;
  border-right: none;
  color:#484848;
}

table.lineTable td {
	background: none;
	font-weight: normal;
  padding: 15px;
  text-align: left;
	border-top: none;
  border-bottom: 1px solid #999999;
	border-left: none;
  border-right: none;
  color:#484848;
}

table.lineTable tr th:first-child {
	border-top: 1px solid #999999;
}

/* basicTable */

table.basicTable {
 width: 100%;
 margin: 0;
 line-height: normal;
}

table.basicTable th.textAlignCenter,
table.basicTable td.textAlignCenter {
	text-align: center;
}

div.responsive-table table.basicTable {
}

table.basicTable caption {
  display: none;
}

table.basicTable tr th {
	background: rgba(24,144,95,0.3);
  font-weight: normal;
  padding: 1rem;
  line-height: 160%;
  text-align: left;
  border: 1px solid rgba(182,182,182,1);
  color: rgba(77,77,77,1);
}

table.basicTable tr th.primary {
	background: rgba(24,144,95,1);
  color: rgba(255,255,255,1);
  vertical-align: middle;
}

table.basicTable tr td {
	background: none;
	font-weight: normal;
  padding: 1rem;
  line-height: 160%;
  text-align: left;
	border-top: none;
  border: 1px solid rgba(182,182,182,1);
  color: rgba(77,77,77,1);
}

#our_strength table.basicTable thead tr th {
  text-align: center;
}

#our_strength table.basicTable tr th,
#our_strength table.basicTable tr td {
  vertical-align: middle;
}

#our_strength table.basicTable tr td:nth-last-of-type(1) {
  text-align: right;
}


/* formTable */

.hentry .entry-content #formWrap table.formTable {
  width: 100%;
}

.hentry .entry-content #formWrap table.formTable th {
  padding: 1rem;
  width: 30%;
  border: 1px solid rgba(203,203,203,1);
  background-color: rgba(0,0,0,0.1);
}

.hentry .entry-content #formWrap table.formTable td {
  padding: 1rem;
  width: 70%;
  border: 1px solid rgba(203,203,203,1);
  background-color: rgba(255,255,255,1);
}

/*
.hentry .entry-content table thead tr th,
.hentry .entry-content table tbody tr th,
.hentry .entry-content table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.widget_text table thead tr th,
.widget_text table tbody tr th,
.widget_text table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.error-404 table thead tr th,
.error-404 table tbody tr th,
.error-404 table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}

.comment-content table thead tr th,
.comment-content table tbody tr th,
.comment-content table tbody tr td {
  font-size: 14px;
  font-size: 1.4rem;
}
*/

col.width_7{
	width:7%;
}
col.width_10{
	width:10%;
}
col.width_15{
	width:15%;
}
col.width_17{
	width:17%;
}
col.width_20{
	width:20%;
}
col.width_25{
	width:25%;
}
col.width_30{
	width:30%;
}
col.width_33{
	width:33%;
}
col.width_35{
	width:35%;
}
col.width_40{
	width:40%;
}
col.width_50{
	width:50%;
}
col.width_60{
	width:60%;
}
col.width_70{
	width:70%;
}
col.width_75{
	width:75%;
}
col.width_80{
	width:80%;
}
col.width_90{
	width:90%;
}

div.responsive-table table.dataTable {
	min-width: 640px;
}

div.responsive-table {
	overflow-x:auto !important;
}

div.responsive-table::-webkit-scrollbar{
	width: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar-thumb{
	background: #666666;
	border-radius: 2px;
}
div.responsive-table::-webkit-scrollbar-thumb:horizontal{
	background: #666666;
	border-radius: 2px;
}

/* --------------------------------------------------------
 Wordpress
-------------------------------------------------------- */

/* 404 */

#primary main .error-404,
#primary main .search,
#primary main .single,
#primary main .archive {
  padding-top: 8rem;
}


/* Contact WordPress
----------------------------------------------------*/

#contact.confirm .mw_wp_form dl dt,
#contact.confirm .mw_wp_form dl dd {
  padding: 5px;
}

#contact.confirm .mw_wp_form dl dd {
	margin-bottom: 0;
}

#contact.confirm .mw_wp_form dl:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#contact.confirm .mw_wp_form dl {
	margin-bottom: 50px;
}

#contact.confirm .mw_wp_form dl dt {
float:left;
width:23rem;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
font-weight: 500;
}

#contact.confirm .mw_wp_form dl dd {
padding-left:23rem;
border-bottom:1px solid #ccc;
padding-top:15px;
padding-bottom:15px;
}

#contact.confirm .mw_wp_form dl dd:nth-of-type(1) {
border-top:1px solid #ccc;
}


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

footer {
}

footer .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 4rem 2rem;
}

footer div#fGroup {
	margin: 0;
	width: auto;
}

footer div#fGroup p {
  font-size: 14px;
	font-size: 1.4rem;
  line-height: 200%;
  color: rgba(255,255,255,1);
  text-align: left;
}

footer div#fGroup h1 {
  margin: 0 0 3rem 0;
  width: 250px;
}

footer div#fGroup h1 img {
  width: 100%;
}

/* footer Navi */

footer div#fnavi ul.fnavi {
	margin: 0 ;
	text-align: center;
}

footer div#fnavi ul.fnavi li {
	margin-bottom: 1rem;
}

footer div#fnavi ul.fnavi li a {
  display: block;
  padding: 0 1rem;
	font-size: 14px;
	font-size: 1.4rem;
  color: rgba(255,255,255,1);
  text-decoration: none;
}

footer div#fnavi ul.fnavi li:first-child a {
	border-left: none;
}

footer div#fnavi ul.fnavi li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
  transition: 0.5s;
}

footer div#fnavi ul.fnavi li ul.fnavi {
  margin-top: 1rem;
  padding-left: 2.8rem;
}

footer div#fnavi ul.fnavi li ul.fnavi li ul.fnavi {
  padding-left: 2.8rem;
}

footer div#fnavi-area {
  margin: 0;
  width: 60%
}

footer div#fnavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}

footer div#fnavi ul.fnavi.fnavi-breadth {
  width: 49%;
}

footer div#fnavi ul.fnavi.fnavi-breadth-l {
  margin-right: 10%;
  width: 49%;
}
footer div#fnavi ul.fnavi.fnavi-breadth-r {
  width: 30%;
}

/* copyright */

footer div#copyright p {
  padding: 2rem;
  font-size: 14px;
	font-size: 1.4rem;
  color: rgba(255,255,255,1);
	text-align: center;
}


@media all and (min-width: 1280px) {

	.wideContents {
		margin: 0 auto;
		width: 100%;
	}

}

@media all and (max-width: 1280px) {

  nav#site-navigation div.menu-global-container.gnavi ul li a span {
    font-size: 1.25vw;
    padding: 0.25rem 1.2vw;
  }
  nav#site-navigation div.menu-global-container.gnavi ul .menu a {
    font-size: 1.25vw;
    padding: 0.5rem 0.3vw;
  }
  /*
  nav#site-navigation div.menu-global-container.gnavi ul li a {
    padding: 0.25rem 1.2vw;
    font-size: 1.25vw;
  }

  #recruit .hentry .page-header p.read {
    padding: 12vw 1rem 7vw;
    font-size: 5vw;
  }
*//*
  .anime-box {
    padding: 17vw 1rem 13vw;
  }

  .main-top{
  grid-row: main;
  height: 57vw;
  width: 100vw;
  }
*/

.swiper-slide.sw-3>div{
background: url("../images/recruit/recruit_slider_03_image.jpg") 80% center / cover no-repeat;
}


  .anime-box .OneTextAnime.read span {
    font-size: 5vw;
    text-shadow: 0 0.2rem 1vw rgba(0,0,0,1), 0 0.2rem 1vw rgba(0,0,0,1);
    /* text-shadow: 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1); */
  }

  #home #home-identity .box-identity-r #bxSlider {
      width: 58vw;
  }

  #home #home-identity .box-identity-l #read-area {
    margin-right: 2vw;
    width: 75%;
  }

  .hentry #read-area h1.identity-title {
    font-size: 6vw;
  }

  #home #home-identity .box-identity-l #read-area p {
    font-size: 1.5vw;
    line-height: 200%;
  }

  #home .main header {
  	margin-bottom: 6vw;
  }

  #home #home-lNav ul.home-lNav li ul.tag_wrapper li:nth-of-type(1) {
    padding: 1.5vw;
    font-size: 1.2vw;
  }

  #home #home-lNav ul.home-lNav li ul.tag_wrapper li {
    font-size: 1.2vw;
  }

}

@media all and (max-width: 960px) {

}

@media screen and ( max-width : 768px ) {

	.contents {
		width: 95%;
		margin: 0 auto 0;
	}

  /*	photos images */

	#main p.photos_before,
	#main p.images_before {
		margin: 0 auto 20px;
		text-align: center;
	}

	#main p.photos_after,
	#main p.images_after {
    margin: 20px auto 0;
		text-align: center;
	}

  /* Mobile STYLES */

	.mbimg_off{
		display:none;
	}
	.mbimg_on{
		display:block;
	}

	.mbcont_off{
		display:none;
	}
	.mbcont_on{
		display:block;
	}

  /* header */

  #header header {
    padding: 1rem 0 0;
    display: block;
  }

  #header header div#hGroup {
    margin: 0;
    padding: 2rem;
  }

  /*	Navi */

  nav#site-navigation div.menu-global-container.gnavi  {
  	height: 100%;
  	/* background-color: rgba(0,0,0,1); */
  }

  nav#site-navigation div.menu-global-container.gnavi ul {
  	margin: 6rem auto 0;
    text-align: center;
  }

  nav#site-navigation div.menu-global-container.gnavi ul li {
  	display: block;
    margin: 0 auto 0.75rem auto;
  	padding: 0;
  	width: 90%;
  }

  nav#site-navigation div.menu-global-container.gnavi ul li a {
  	display: block;
    margin-left: 0;
  	padding: 2rem;
  	width: 100%;
    color: rgba(255,255,255,1);
  	font-size: 16px;
  	font-size: 1.6rem;
    font-weight: 400;
    line-height: 100%;
  	text-align: left;
    border-left: none;
  	text-decoration: none;
    border-bottom: 2px dotted rgba(255,255,255,1);
  }

  .recruit nav#site-navigation div.menu-global-container.gnavi ul li a {
  	color: rgba(255,255,255,1) ;
    border-left: none;
  }

  .recruit nav#site-navigation div.menu-global-container.gnavi ul li a span {
    color: rgba(255,255,255,1) ;
    border-left: none;
  }

  nav#site-navigation div.menu-global-container.gnavi ul li a span {
    font-size: 16px;
  	font-size: 1.6rem;
    border: 0;
  }

/*
  nav#site-navigation div.menu-global-container.gnavi ul li:nth-of-type(1) a {
    border-top: 2px dotted rgba(255,255,255,1);
  }
*/
  nav#site-navigation div.menu-global-container.gnavi ul li.current a,
  nav#site-navigation div.menu-global-container.gnavi ul li a:hover {
    color: rgba(255,255,255,1);
  }

  nav#site-navigation div.menu-global-container.gnavi ul li.current a::before,
  nav#site-navigation div.menu-global-container.gnavi ul li a:hover::before {
    color: rgba(255,255,255,1);
  }

  /* lNav */

  header.page-header div#lNav ul#menu-local-navi {
    display: block;
  }

  header.page-header div#lNav ul#menu-local-navi li {
    margin: 0 1rem 1rem;
  }

  #recruit header.page-header div#lNav ul#menu-local-navi {
    width: 100%;
  }

  #recruit header.page-header div#lNav ul#menu-local-navi li {
    margin: 1rem 0;
    width: 100%;
  }

/* home */

#home #home-lNav ul.home-lNav li {
  margin-bottom: 3rem;
  width: 48%;
}

.hentry #read-area h1.identity-title {
  margin-bottom: 2rem;
}

#home #home-identity .box-identity-l #read-area p {
  font-size: 2vw;
  line-height: 200%;
}

#home #home-lNav ul.home-lNav li ul.tag_wrapper {
  display: none;
}


  /* flexbox */

  .box-wrap{
   display: block;
   /* flex-wrap:wrap;
   justify-content: space-between; */
  }
/*
  .box-wrap .box.width-span-25-50-fix {
   display: flex;
  }
*/

  .box{
  }

  .box.width-span-15-fix {
    width: 100%
  }
  .box.width-span-20-fix {
    width: 100%
  }
  .box.width-span-19_8-fix {
    width: 100%
  }
  .box.width-span-22_5-fix {
    width: 100%
  }
  .box.width-span-25-fix {
    width: 100%
  } /*
  .box.width-span-25-50-fix {
    width: 49.5%
  } */
  .box.width-span-30-fix {
    width: 100%
  }
  .box.width-span-31-fix {
    width: 100%
  }
  .box.width-span-33-fix {
    width: 100%
  }
  .box.width-span-35-fix {
    width: 100%
  }
  .box.width-span-35_5-fix {
    width: 100%
  }
  .box.width-span-36-fix {
    width: 100%
  }
  .box.width-span-38-fix {
    width: 100%
  }
  .box.width-span-40-fix {
    width: 100%
  }
  .box.width-span-43-fix {
    width: 100%
  }
  .box.width-span-44-fix {
    width: 100%
  }
  .box.width-span-45-fix {
    width: 100%
  }
  .box.width-span-49-fix {
    width: 100%
  }
  .box.width-span-50-fix {
    width: 100%
  }
  .box.width-span-53-fix {
    width: 100%
  }
  .box.width-span-54-fix {
    width: 100%
  }
  .box.width-span-55-fix {
    width: 100%
  }
  .box.width-span-58-fix {
    width: 100%
  }
  .box.width-span-60-fix {
    width: 100%
  }
  .box.width-span-61-fix {
    width: 100%
  }
  .box.width-span-63-fix {
    width: 100%
  }
  .box.width-span-65-fix {
    width: 100%
  }
  .box.width-span-68_5-fix {
    width: 100%
  }
  .box.width-span-70-fix {
    width: 100%
  }
  .box.width-span-75-fix {
    width: 100%
  }
  .box.width-span-78-fix {
    width: 100%
  }
  .box.width-span-80-fix {
    width: 100%
  }
  .box.width-span-85-fix {
    width: 100%
  }

  /* business content */

  #business_content #oem.hentry #buffer_processing_technology div.box-flex .box.width-span-24_49-fix {
    width: 49%;
  }

  /* recruit */

  #recruit #staff .contents dl.staff-profileList dt {
  float:none;
  width: auto;
  }

  #recruit #staff .contents dl.staff-profileList dd {
  padding-left: 0;
  }

  /* contact */

  #contact .hentry .entry-content #tell-contents dl dt {
    margin-top: 0;
    float:none;
    text-align: center;
  }

  #contact .hentry .entry-content #tell-contents dl dd {
    padding: 0;
    text-align: center;
  }

  /* table */

	div.dataTable table th{
		padding: 6px;
	}
	div.dataTable table td{
		padding: 6px;
	}

  /* table */

  footer .inner {
    display: block;
  }

  footer div#fGroup {
  	margin: 0 auto 4rem;
  	width: 95%;
  }

  footer div#fGroup h1 {
    width: 250px;
  }

  footer div#fnavi-area {
    margin: 0 auto;
    width: 100%
  }

  footer div#fnavi ul.fnavi.fnavi-breadth {
    width: 49%;
  }

}


@media screen and ( max-width : 560px ) {

  /* contents */

  .main .area .container {
    padding: 3rem 0;
  }

  /* company profile */

  #company_profile .hentry #corporate_philosophy .entry-content p {
    font-size: 4vw;
  }

  /* list */

  #recruit #treatment_work_content .contents dl.tableList dt {
  float: none;
  width: auto;
  }

  #recruit #treatment_work_content .contents dl.tableList dd {
  padding-left: 0;
  }

  /* footer */

  footer div#fnavi {
    display: block;
  }

  footer div#fnavi ul.fnavi.fnavi-breadth-l {
    margin: 0;
    width: 100%;
  }
  footer div#fnavi ul.fnavi.fnavi-breadth-r {
    width: 100%;
  }

}



@media screen and ( max-width : 480px ) {

  .mbcont_off_480 {
  	display:none;
  }
  .mbcont_on_480 {
  	display:block;
  }

  .hentry .entry-content p,
  .hentry .entry-content a,
  .hentry .entry-content dt,
  .hentry .entry-content dd,
  .hentry .entry-content li,
  .hentry .entry-content input,
  .hentry .entry-content textarea {
  	font-size: 14px;
    font-size: 1.4rem;
    line-height: 180%;
  }


    .hentry .entry-content p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .hentry .entry-content blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .widget_text p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .widget_text blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .error-404 p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .error-404 blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .comment-content p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 180%;
    }

    .comment-content blockquote p {
      font-size: 14px;
      font-style: italic;
    }

    .hentry .entry-content pre {
      font-size: 14px;
      font-size: 1.4rem;
    }

    /* List */

    .contents div.basicList_line dt,
    .contents dl.basicList_line dt {
      width:11rem;
    }

    .contents div.basicList_line dd,
    .contents dl.basicList_line dd {
    padding-left:11rem;
    }

    #company_profile #history .contents div.basicList_line dt,
    #company_profile #history .contents dl.basicList_line dt {
      width: 14rem;
    }

    #company_profile #history .contents div.basicList_line dd,
    #company_profile #history .contents dl.basicList_line dd {
    padding-left: 14rem;
    }

    /* table */

    .hentry .entry-content table thead tr th,
    .hentry .entry-content table tbody tr th,
    .hentry .entry-content table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .widget_text table thead tr th,
    .widget_text table tbody tr th,
    .widget_text table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .error-404 table thead tr th,
    .error-404 table tbody tr th,
    .error-404 table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }

    .comment-content table thead tr th,
    .comment-content table tbody tr th,
    .comment-content table tbody tr td {
      font-size: 12.5px;
      font-size: 1.25rem;
    }


    /* header */

    #header header div#hGroup {
      margin: 0;
    	width: 250px;
      height: auto;
    }

    /* h */

    .hentry .page-header h1 {
      font-size: 28px;
    	font-size: 2.8rem;
    }

    .hentry .entry-content h2 {
      font-size: 20px;
    	font-size: 2rem;
    }

    #home .hentry #news .entry-content h2 {
      font-size: 32px;
    	font-size: 3.2rem;
    }

    #recruit .hentry .entry-content h2,
    #business_content .hentry .entry-content h3,
    #our_strength .hentry .entry-content h3 {
      font-size: 20px;
    	font-size: 2rem;
    }

    #our_strength #production_system.hentry #overview .entry-content h3 {
      font-size: 20px;
    	font-size: 2rem;
    }

    #our_strength #technology.hentry #overview .entry-content h3,
    #our_strength #compliance.hentry .entry-content h3 {
      font-size: 16px;
    	font-size: 1.6rem;
    }

    .anime-box .OneTextAnime.read span {
      font-size: 5vw;
      /* text-shadow: 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1), 0 1px 1vw rgba(255,255,255,1); */
    }

    /* home */

    #home #home-lNav ul.home-lNav {
      display: block;
    }

    #home #home-lNav ul.home-lNav li {
      margin-bottom: 2rem;
      width: 100%;
    }

    #home #home-lNav ul.home-lNav li:nth-last-of-type(1) {
      margin-bottom: 0;
    }

    /* news */

    #newsRelease dl.newsRelease dt {
      width:12rem;
    }

    #newsRelease dl.newsRelease dd {
      padding-left:12rem;
    }

    #newsRelease dl.newsRelease dd:nth-of-type(1) {
    }

  /* flexbox */

    .box-wrap-480 {
     display: block;
     /* flex-wrap:wrap;
     justify-content: space-between; */
    }

    .box-480{
    }

    .box-480.width-span-15-fix {
      width: 100%
    }
    .box-480.width-span-20-fix {
      width: 100%
    }
    .box-480.width-span-19_8-fix {
      width: 100%
    }
    .box-480.width-span-22_5-fix {
      width: 100%
    }
    .box-480.width-span-25-fix {
      width: 100%
    } /*
    .box-480.width-span-25-50-fix {
      width: 49.5%
    } */
    .box-480.width-span-30-fix {
      width: 100%
    }
    .box-480.width-span-31-fix {
      width: 100%
    }
    .box-480.width-span-33-fix {
      width: 100%
    }
    .box-480.width-span-35-fix {
      width: 100%
    }
    .box-480.width-span-36-fix {
      width: 100%
    }
    .box-480.width-span-35_5-fix {
      width: 100%
    }
    .box-480.width-span-38-fix {
      width: 100%
    }
    .box-480.width-span-40-fix {
      width: 100%
    }
    .box-480.width-span-43-fix {
      width: 100%
    }
    .box-480.width-span-44-fix {
      width: 100%
    }
    .box-480.width-span-45-fix {
      width: 100%
    }
    .box-480.width-span-49-fix {
      width: 100%
    }
    .box-480.width-span-50-fix {
      width: 100%
    }
    .box-480.width-span-53-fix {
      width: 100%
    }
    .box-480.width-span-54-fix {
      width: 100%
    }
    .box-480.width-span-55-fix {
      width: 100%
    }
    .box-480.width-span-58-fix {
      width: 100%
    }
    .box-480.width-span-60-fix {
      width: 100%
    }
    .box-480.width-span-61-fix {
      width: 100%
    }
    .box-480.width-span-63-fix {
      width: 100%
    }
    .box-480.width-span-65-fix {
      width: 100%
    }
    .box-480.width-span-68_5-fix {
      width: 100%
    }
    .box-480.width-span-70-fix {
      width: 100%
    }
    .box-480.width-span-75-fix {
      width: 100%
    }
    .box-480.width-span-78-fix {
      width: 100%
    }
    .box-480.width-span-80-fix {
      width: 100%
    }
    .box-480.width-span-85-fix {
      width: 100%
    }


    /* button */

    .hentry .entry-content a.button-primary {
      padding: 1rem 3rem;
      font-size: 20px;
      font-size: 2rem;
    }

  /* company_profile
    ----------------------------------------------------*/

    #company_profile .hentry #company_profile-quality_policy .entry-content p.read {
      font-size: 18px;
      font-size: 1.8rem;
    }

    #company_profile .hentry #access .entry-content p {
      font-size: 16px;
      font-size: 1.6rem;
    }

    /* our strength
    ----------------------------------------------------*/

    #our_strength #technology.hentry #overview .entry-content h3 {
      font-size: 16px;
    	font-size: 1.6rem;
    }

    #our_strength #technology.hentry #pipe_processing .entry-content ul,
    #our_strength #technology.hentry #welding_polishing .entry-content ul {
      display: block;
    }

    #our_strength #technology.hentry #pipe_processing .entry-content ul li,
    #our_strength #technology.hentry #welding_polishing .entry-content ul li,
    #our_strength #technology.hentry #assembly_packing_inspection .entry-content ul li {
      width: 100%;
    }

    #our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(5),
    #our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(8),
    #our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(6),
    #our_strength #technology.hentry #pipe_processing .entry-content ul li:nth-of-type(7) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(1),
    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(2),
    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(3),
    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(4),
    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(5) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(1) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(2) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(3) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(4),
    #our_strength #technology.hentry #welding_polishing .entry-content #semi_automatic_welding_machine ul li:nth-of-type(5) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(1) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(2) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #brazing ul li:nth-of-type(3) {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #tig ul li {
      width: 100%;
    }

    #our_strength #technology.hentry #welding_polishing .entry-content #tig ul li:nth-of-type(1) {
      width: 100%;
    }


    /* recruit
    ----------------------------------------------------*/

    .anime-box {
      padding: 25rem 1rem 18rem;
    }

    #recruit ul.link-primary {
      justify-content: center;
    }

    #recruit ul.link-primary li a {
      font-size: 12px;
      font-size: 1.2rem;
    }

    #recruit #treatment_work_content .contents dl.tableList dt {
    float: none;
    font-size: 13px;
    font-size: 1.3rem;
    }

    #recruit #treatment_work_content .contents dl.tableList dd {
    padding-left: 0;
    font-size: 13px;
    font-size: 1.3rem;
    }

    #recruit #staff .contents dl.staff-profileList dt {
    float:left;
    width:9.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    }

    #recruit #staff .contents dl.staff-profileList dd {
    padding-left:9.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    }

    #recruit #staff .contents dl.staff-commentList dt {
    font-size: 14px;
    font-size: 1.4rem;
    }

    #recruit #staff .contents dl.staff-commentList dd {
    font-size: 14px;
    font-size: 1.4rem;
    }

  /* contact */

  #contact .hentry .entry-content #tell-contents dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }

  #contact .hentry .entry-content #tell-contents dl dd {
    font-size: 28px;
    font-size: 2.8rem;
  }

  #contact .mailform dl dd span.mwform-tel-field input,
  #contact .mailform dl dd span.mwform-zip-field input {
  	padding:3px;
  	width: 28%;
  }

  .contents div.basicList_line dd dl.sub dt,
  .contents dl.basicList_line dd dl.sub dt {
    width: 11.2rem;
  }

  .contents div.basicList_line dd dl.sub dd,
  .contents dl.basicList_line dd dl.sub dd {
    padding-left: 11.2rem;
  }

  .contents div.basicList_line dd dl.sub.middle-size dt,
  .contents dl.basicList_line dd dl.sub.middle-size dt {
  width: 12.6rem;
  }

  .contents div.basicList_line dd dl.sub.middle-size dd,
  .contents dl.basicList_line dd dl.sub.middle-size dd {
  padding-left: 12.6rem;
  }

  .contents ol.qualityList li {
    margin-left: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

}


@media screen and ( max-width : 375px ) {

  /* List */

  .contents div.basicList_line dd dl.sub dt,
  .contents dl.basicList_line dd dl.sub dt {
  float: none;
  padding-bottom: 0;
  width: auto;
  }

  .contents div.basicList_line dd dl.sub dd,
  .contents dl.basicList_line dd dl.sub dd {
  margin: 0;
  padding-left: 1.4rem;
  padding-bottom: 0;
  }

  .contents div.basicList_line dd dl.sub.middle-size dt,
  .contents dl.basicList_line dd dl.sub.middle-size dt {
  width: auto;
  }

  .contents div.basicList_line dd dl.sub.middle-size dd,
  .contents dl.basicList_line dd dl.sub.middle-size dd {
  padding-left: 1.4rem;
  }

}

@media screen and ( max-width : 320px ) {

  footer .inner {
    padding: 2rem;
  }

  footer div#fGroup {
  	width: 100%;
  }

  footer div#fGroup h1 {
    width: 200px;
  }

}