@import url("css/sdgs.css");

/**
 * Theme Name: VT Grid Mag
 * Theme URI: http://volthemes.com/theme/vt-grid-mag/
 * Author: VolThemes
 * Author URI: http://volthemes.com/
 * Description: VT Grid Mag is a clean, minimalistic and responsive WordPress theme. featuring a two-column and three-column grid-layout. VT Grid Mag offers additional two custom widget i.e. Social Profile and Latest Posts and also including changing the color scheme. The theme options are powered by Customizer.  You can check out the demo at http://volthemes.com/demo/vt-grid-mag/ for a closer look.
 * Version: 1.0.9
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: vt-grid-mag
 * Domain Path: /languages/
 * Tags: blog, news, photography, right-sidebar, left-sidebar, custom-colors, custom-logo, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
 *

/*
 * TABLE OF CONTENTS:
 *
 * Reset
 * Global
 * Header
 * Navigations
 * Main
 * Content
 * Widgets
 * Comments
 * Footer
 * Media Queries
 * Misc.
 *-------------------------------------------------------------------------*/

/*
 *  Reset
 *
 *  Resetting and rebuilding styles have been helped along thanks to the fine
 *  work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 *-------------------------------------------------------------------------*/

 body.page-id-85 #navigation #menu-item-1128,
 body.single-post #navigation #menu-item-1128,
 body.page-id-600 #navigation #menu-item-1128{
   display: none;
 }
 body.home #navigation #menu-item-1126{
  display: none;
}

 *, *:hover, *:focus, *:active {
	outline: none;
	outline-style: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	-ms-font-smoothing: antialiased !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: border-box
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    line-height: 1;
}
audio,
canvas,
video {
    display: inline-block;
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
address,
cite,
dfn,
em,
i {
    font-style: italic;
}
mark,
ins {
    background: #FFA;
    text-decoration: none;
}
code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, serif;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    overflow: auto;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
pre,
code {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: smaller;
}
big {
    font-size: 125%;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
figure {
    margin: 0;
}
legend {
    white-space: normal;
}
button,
input,
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: inherit;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
input,
textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
hr {
    background-color: #CCC;
    border: 0;
    height: 1px;
}
embed,
iframe,
object,
video {
    max-width: 100%;
}
embed,
iframe,
img,
object,
video {
    max-width: 100%;
}

/*
 * Global
 *-------------------------------------------------------------------------*/
body {
    overflow-x: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
body,
button,
input,
select,
textarea  {
    color: #221815;
    font-size: 14px;
    line-height: 2;
    font-style: normal;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

@media only screen and (max-width: 767px) {
body,
button,
input,
select,
textarea  {
    font-size: 15px;
}
}


a {
    color: #3F72D8;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25;
}
p ~ h1,
p ~ h2,
p ~ h3,
p ~ h4,
p ~ h5,
p ~ h6 {
    margin-top: 32px;
}
h1 {
    font-size: 25px;
}
h2 {
    font-size: 21px;
}
h3 {
    font-size: 19px;
}
h4 {
    font-size: 17px;
}
h5 {
    font-size: 15px;
}
h6 {
    font-size: 13px;
}
table,
th,
td {

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

del {
    color: #9DA2A6;
}
hr {
    background-color: #ECECEC;
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}
p,
pre,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery,
.wp-audio-shortcode,
.wp-video-shortcode,
img.alignnone {

}
p:last-child {
    margin-bottom: 0;
}
p img.alignnone:last-child {
    margin-bottom: 0;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    background-color: #fff;
    border: 2px solid #b79f91;
    color: #5A5A60;
    display: inline-block;
    padding: 4px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
    width: 100%;
	margin:0 0 10px 0;
	font-size:20px;
}
textarea {
    width: 100%;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 6px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
    background-color: #3F72D8;
    border-color: #3F72D8;
    color: #fff;
}
select {
    display: inline-block;
    padding: 3px 8px;
}
.search-form {
    margin-bottom: 0;
    position: relative;
}
.search-form .search-submit {
    display: none;
}
.search-form .search-field {
    width: auto;
}
embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}
[hidden],
.hide {
    display: none;
}
.sticky,
.bypostauthor {} .alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
    margin: 8px 24px 8px 0;
}
.wp-caption.alignleft {
    margin: 8px 14px 8px 0;
}
blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
    margin: 8px 0 8px 24px;
}
.wp-caption.alignright {
    margin: 8px 0 8px 14px;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 8px;
    margin-bottom: 8px;
}
.wp-caption {
    margin-bottom: 24px;
    max-width: 100%;
    position: relative;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.gallery-caption,
.wp-caption-text {
    color: #9DA2A6;
    font-style: italic;
    font-size: 0.875em;
    margin-top: 4px;
}
.gallery-columns-2 .gallery-caption,
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-3 .wp-caption-text,
.gallery-columns-4 .wp-caption-text,
.gallery-columns-5 .wp-caption-text,
.gallery-columns-6 .wp-caption-text,
.gallery-columns-7 .wp-caption-text,
.gallery-columns-8 .wp-caption-text,
.gallery-columns-9 .wp-caption-text {
    display: none;
}
.gallery-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    vertical-align: top;
}
.gallery-item img {
    width: 100%;
    *width: auto;
    height: auto;
    padding: 1px;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-bottom: 16px;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.mejs-poster {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.required {
    color: red;
}
.gallery:before,
.gallery:after,
.wp-audio-shortcode:before,
.wp-audio-shortcode:after,
.wp-video-shortcode:before,
.wp-video-shortcode:after,
.clearfix:before,
.row:before,
.container:before,
.comment-content:before,
.clearfix:after,
.row:after,
.container:after,
.comment-content:after {
    content: "";
    display: table;
}
.gallery:after,
.wp-audio-shortcode:after,
.wp-video-shortcode:after,
.clearfix:after,
.row:after,
.container:after,
.comment-content:after {
    clear: both;
}
.row {
    width: 100%;
}
.container {
    margin: 0px auto;
}
.container section > div,
section#contact > div,
#planning > ul{
    position: relative;
	width:calc(100% - 40px);
    max-width: 990px;
	margin: 0 auto;;
}
.menu-toggle {
    background-color:rgba(137,96,73,0.5);
    color: #fff;
    display: none;
    position: fixed;
    z-index: 100000;
    right: 7px;
    top: 7px;
    width: 40px;
    height: 30px;
    line-height: 28px;
    text-align: center;

}
.menu-toggle .fa {
    font-size: 16px;
    display: block;
    height: 30px;
    line-height: 30px;
}
.menu-toggle:hover {
    background-color:rgba(137,96,73,0.3);
    color: #fff;
}
.admin-bar .menu-toggle {
    top: 48px;
}

.menu-toggle2 {

  width: 38px;
  height: 38px;

}

.menu-toggle2 span{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 3px;
  margin: -2px 0 0 -10px;
  transition: .2s;
	background-color:#ffffff;
}
.menu-toggle2 span:before,
.menu-toggle2 span:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 3px;
  transition: .3s;
	background-color:#ffffff;
}
.menu-toggle2 span:before{
  margin-top: -10px;
}
.menu-toggle2 span:after{
  margin-top: 7px;
}
.menu-toggle2 span.close {
  background: transparent;
}
.menu-toggle2 span.close:before,
.menu-toggle2 span.close:after{
  margin-top: 0;
}
.menu-toggle2 span.close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.menu-toggle2 span.close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}



/**
 * Commons Classes.
 */
body,
button,
input,
select,
textarea,
.vt-posts-widget .item .item-content h5 {

}
h1,
h2,
h3,
h4,
h5,
h6 {

}

.widget-title,
.comment-title,
.comment-reply-title {
    font-size: 14px;
    letter-spacing: 1px;
}
.widget-title,
.comment-title,
.comment-reply-title,
.widget-title a,
.comment-title a,
.comment-reply-title a {
    color: #444;
}
.site-title a:hover,
.site-navigation ul li:hover > a,
.vt-social-widget a:hover,
.comment-reply-title a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


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

.site-header {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
	width:100%;
}
.title-area {
	width:calc(100% - 40px);
	max-width:980px;
    display: block;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}
.title-area h1 img {
	width:302px;
	height:auto;
}

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

}
@media only screen and (max-width: 989px) {
.title-area p#btn_contact {
		display:none;
}
.title-area h1 {
	text-align:center;
}
}
@media only screen and (max-width: 480px) {
.title-area h1 {
	text-align:left;
}
.title-area h1 img {
	width:240px;
	height:auto;
}
}
@media only screen and (max-width: 321px) {
.title-area {
	width:calc(100% - 20px);
}
.title-area h1 img {
	width:230px;
	height:auto;
}
}
/*
 *	Navigations
 *-------------------------------------------------------------------------*/
.site-navigation {
    display: block;
    margin: 0;
    padding: 0;
	width:100%;
}
.site-navigation ul {
    list-style: none;
	margin:0 0 0 auto;
	padding: 8px 0;
	display:inline-block;
	text-align:left;
}


.page-id-85 #btn_recruit{
		display:none;
}


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

.site-navigation div {
	margin:0;
	padding:0 30px 0 0;
	width:100%;
	text-align:right;
    position: relative;
	background:rgba(255,255,255,0.7);
}

.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
}

.site-navigation {
		background:rgba(137,96,73,0.2);
}
.home .site-navigation {
		background:none;
}

.site-navigation ul li {
    display: inline-block;
	margin-left:18px;
}
.site-navigation ul li a {
	color:#221815;
}
}


@media only screen and (max-width: 989px) {
.site-navigation ul li a span{
	margin-left:10px;
	}
.site-navigation ul li a br {
	display:none;
}

.site-navigation ul li:hover > a {
 color:#666666;
}
}


.site-navigation ul li:hover > ul {
    display: block;
}
.site-navigation ul ul {
    background-color: #333;
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    padding: 7px 0;
    text-align: center;
    font-size: 0.9em;
    z-index: 999;
}
.site-navigation ul ul li:first-child {
    padding-top: 5px;
}
.site-navigation ul ul li {
    display: block;
	padding: 0 7px;
	text-align: left;
    width: 100%;
}
.site-navigation ul ul li a {
    color: #fff;
    padding: 6px;
    line-height: 20px;
	font-size:15px;
	text-align:center;
}
.site-navigation ul ul ul {
    top: 0;
    left: 100%;
    margin-left: 0;
}
.site-navigation > ul > li.menu-item-has-children > ul:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.site-preview .site-navigation > ul > li.menu-item-has-children > ul:before {
    display: none;
}

/*
 *	Main
 *-------------------------------------------------------------------------*/
.site-main {
    display: block;
}
.content-area {
    display: block;
    float: left;
    width: 66.66667%;
}
.left-sidebar .content-area {
    float: right;
}
.layout-two-columns-fully .content-area,
.layout-three-columns .content-area,
.full-width .content-area {
    float: none;
    width: 100%;
}
.search-results.layout-two-columns-fully .content-area,
.search-results.layout-three-columns .content-area {
	float: left;
	width: 66.66667%;
}
.widget-area {
    display: block;
    float: right;
    width: 33.33333%;
    margin: 0;
    padding: 20px;
}
.left-sidebar .widget-area {
    float: left;
}
.page-header {
    display: block;
    margin: 20px;
    padding: 0;
}
.page-content {
    display: block;
    margin: 20px;
    padding: 0;
}
.page-content .search-form .search-field {
    width: 100%;
    max-width: 500px;
}
.page-title {
    font-size: 19px;
}
.taxonomy-description {
    margin: 0;
    padding: 0;
}
.taxonomy-description p {
    margin: 12px 0 0;
}
.pagination {
    display: block;
    margin: 40px 20px 0;
    text-align: center;
}
.pagination .prev, .pagination .next {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pagination .nav-links span {
	background: #3f72d8;
	color: #fff;
	display: inline-block;
	margin: 0;
	padding: 5px 13px;
}
.pagination .nav-links a.page-numbers {
	background: #84A5E6;
	color: #fff;
	display: inline-block;
	padding: 5px 13px;
}
.pagination .next:hover {
    background-color: #444;
    color: #fff;
}
.infinite-scroll .pagination {
    display: none !important;
}
#infinite-handle {
    text-align: center;
    margin: 60px 20px 0;
    float: none;
}
#infinite-handle span {
    background-color: #3F72D8;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    padding: 10px 16px;
    text-transform: uppercase;
}
#infinite-handle span:hover {
    background-color: #444;
    color: #fff;
}
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
    text-transform: uppercase;
    color: #fff;
}
.infinite-loader {
    color: #3F72D8;
    text-align: center;
    margin: 60px auto -40px;
    width: 40px;
}

/*
 *	Content
 *-------------------------------------------------------------------------*/
.hentry {
    display: block;
    position: relative;
    margin: 0;
}
.post-media {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 24px;
    padding: 0;
    height: auto;
    width: 100%;
}
.post-media img,
.post-media iframe,
.post-media object,
.post-media embed,
.post-media .gallery,
.post-media .gallery-item,
.post-media .wp-audio-shortcode,
.post-media .wp-video-shortcode {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.format-audio .post-media iframe {
    min-height: 166px;
}
.post-media .gallery-item {
    display: none;
}
.post-media .gallery-item:first-child {
    display: block;
}
.post-media .gallery-caption,
.post-media .wp-caption-text {
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    white-space: nowrap;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 6;
    font-size: 0.9em;
    padding: 4px 7px;
    font-style: normal;
}
.post-media .gallery-caption a,
.post-media .wp-caption-text a {
    color: #3F72D8;
    text-decoration: underline;
}
.entry-header {
    margin: 0 0 14px;
}
.entry-title {
    margin: 0;
    padding: 0;
}
.entry-title,
.entry-title a {
    color: #444;
}
.entry-title a:hover {
    color: #3F72D8;
}
.single .entry-title,
.page .entry-title {
    font-size: 28px;
}
.entry-content a,
.comment-content a,
.widget-text a {
    color: #3F72D8;
}
.entry-content a:hover,
.comment-content a:hover,
.widget-text a:hover {
    text-decoration: underline;
}
.entry-content blockquote,
.comment-content blockquote,
.widget-text blockquote {
    color: #444;
    margin-left: 32px;
    margin-right: 20px;
    margin-bottom: 32px;
    font-style: italic;
    font-size: 1.25em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.widget-text h1,
.widget-text h2,
.widget-text h3,
.widget-text h4,
.widget-text h5,
.widget-text h6 {
    margin-bottom: 8px;
}
.entry-content ul,
.entry-content ol,
.comment-content ul,
.comment-content ol,
.widget-text ul,
.widget-text ol {

}

.entry-content pre,
.comment-content pre,
.widget-text pre {
    margin: 32px;
    margin-right: 0;
    color: #9DA2A6;
}
.more-link {
    display: block;
    margin: 24px 0;
    text-transform: uppercase;
    text-decoration: none !important;
}
.more-link span {
    display: inline-block;
    color: #444;
    font-style: italic;
    border-bottom: 1px solid #444;
}
.more-link span:hover {
    background-color: #3F72D8;
    border-color: #3F72D8;
    color: #fff;
}
.taxonomy-wrap {
    color: #9DA2A6;
    margin: 40px 0 0;
}
.cat-links ~ .tag-links {
    margin-top: 0;
}
.entry-footer {
    color: #9DA2A6;
    margin: 20px 0 0;
}
.share-meta {
    display: block;
    float: left;
}
.share-meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.share-meta ul li {
    display: inline-block;
    position: relative;
    margin-right: 8px;
}
.share-meta ul li a {
    color: #9da2a6;
    display: block;
    font-size: 15px;
    line-height: 15px;
}
.share-meta .facebook-share:hover {
    color: #3b5998;
}
.share-meta .twitter-share:hover {
    color: #55acee;
}
.share-meta .google-plus-share:hover {
    color: #dc4e41;
}
.share-meta .pinterest-share:hover {
    color: #bd081c;
}
.comments-link-meta {
    display: block;
    float: right;
    margin-left: 12px;
    line-height: 24px;
}
.comments-link-meta,
.comments-link-meta a {
    color: #9DA2A6;
}
.comments-link-meta a:hover {
    color: #3F72D8;
}
.comments-link-meta .fa {
    font-size: 15px;
    margin-right: 4px;
}
.date-meta {
    display: block;
    float: right;
    margin-left: 0;
    margin-right: 8px;
    line-height: 24px;
}
.loop {
    margin-bottom: 40px;
    padding-bottom: 43px;
    border-bottom: 3px double #ECECEC;
}
.search-results.infinite-scroll .grid-item {
	width: 100%;
}
.layout-three-columns .grid-item {
    width: 33.33333%;
}
.grid-item {
    margin: 0;
    padding-bottom: 26px;
    width: 50%;
    border: 0;
}
.grid-item .date-meta {
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.grid-item .entry-header {
    margin-bottom: 10px;
}
.grid-item .post-media .gallery-caption,
.grid-item .wp-caption-text {
    display: none;
}

/*
 *	Widgets
 *-------------------------------------------------------------------------*/
.widget {
    display: block;
    margin: 0 0 40px;
    position: relative;
    padding: 0;
}
.widget a {
    color: #5A5A60;
}
.widget a:hover {
    color: #3F72D8;
    text-decoration: underline;
}
.widget select {
    width: 100%;
}
.widget-title {
    margin-bottom: 12px;
}
.tagcloud a {
    display: inline-block;
    padding: 4px 8px;
    font-size: 10px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
    background-color: #f4f4f4;
    margin: 0 3px 3px 0;
    float: left;
}
.tagcloud a:hover {
    background-color: #3F72D8;
    color: #fff !important;
    text-decoration: none;
}
.widget_recent_comments ul li {
    font-style: italic;
    color: #9DA2A6;
}
.widget_recent_comments ul li .comment-author-link,
.widget_recent_comments ul li a {
    color: #5A5A60;
}
.widget_recent_comments ul li a:hover {
    color: #3F72D8;
}
.widget_search .search-field {
    float: none;
    width: 100%;
}

/* Social Widget */
.vt-social-widget a {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 14px;
    background-color: #ECECEC;
    color: #fff !important;
    text-align: center;
    line-height: 33px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 7px 10px 0;
}
.vt-social-widget a:hover {
    color: #fff;
}
.vt-social-widget .facebook-link {
    background-color: #3b5998;
}
.vt-social-widget .twitter-link {
    background-color: #55acee;
}
.vt-social-widget .google-plus-link {
    background-color: #dc4e41;
}
.vt-social-widget .pinterest-link {
    background-color: #bd081c;
}
.vt-social-widget .linkedin-link {
    background-color: #0077b5;
}
.vt-social-widget .instagram-link {
    background-color: #405de6;
}
.vt-social-widget .dribbble-link {
    background-color: #ea4c89;
}
.vt-social-widget .behance-link {
    background-color: #1769ff;
}
.vt-social-widget .youtube-play-link {
    background-color: #cd201f;
}
.vt-social-widget .vimeo-link {
    background-color: #1ab7ea;
}

/* Latest Post Widgets */
.vt-posts-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.vt-posts-widget ul li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 0;
}
.vt-posts-widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.vt-posts-widget .item .thumb-link {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 80px;
}
.vt-posts-widget .item .thumb-link img {
    width: 100%;
    height: auto;
    min-height: 70px;
    border: 2px solid #ECECEC;
}
.vt-posts-widget .item .item-content {
    display: block;
    float: left;
    margin-left: 100px;
    margin-right: 0;
}
.vt-posts-widget .item .item-content h5 {
    margin: 0;
    font-weight: normal;
}
.vt-posts-widget .item .item-content span {
    display: block;
    color: #9DA2A6;
    margin: 7px 0 0;
    font-size: 0.875em;
}

.post-password-form p,
.wpcf7-form p {
    color: #9DA2A6;
}
.wpcf7-form span.wpcf7-form-control-wrap input,
.wpcf7-form span.wpcf7-form-control-wrap textarea {
    margin-top: 10px;
}

/*
 *	Comments
 *-------------------------------------------------------------------------*/
.comment-area {
    background-color: #f8f8f8;
    display: block;
    margin: 40px 20px;
    padding: 24px 24px 20px;
    position: relative;
}
.comment-title {
    margin-bottom: 20px;
}
.comment-reply-title a {
    padding: 3px 7px;
    background-color: #444;
    color: #fff;
}
.no-comments,
.must-log-in,
.logged-in-as,
.comment-notes {
    margin: 6px 0 12px;
    font-style: italic;
    font-size: 0.925em;
}
.no-comments,
.no-comments a,
.must-log-in,
.must-log-in a,
.logged-in-as,
.logged-in-as a,
.comment-notes,
.comment-notes a {
    color: #9DA2A6;
}
.no-comments a:hover,
.must-log-in a:hover,
.logged-in-as a:hover,
.comment-notes a:hover {
    color: #3F72D8;
    text-decoration: underline;
}
.must-log-in a {
    color: #3F72D8;
}
.comment-form {
    margin-bottom: 0;
}
.comment-form p {
    margin-bottom: 18px;
}
.comment-form p:last-of-type {
    margin-bottom: 0;
}
.comment-form .form-submit input {
    display: inline-block;
    padding: 9px 14px 8px;
}
.comment .comment-form {
    margin-bottom: 40px;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    color: #444;
    display: block;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}
.comment-form-author {
    float: left;
    width: 48%;
}
.comment-form-email {
    float: right;
    width: 48%;
}
.comment-form-url,
.form-submit {
    clear: right;
}
.comment-form-comment label {
    display: none;
}
.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comment-list .children {
    list-style: none;
    margin: 0 0 0 62px;
    padding: 0;
}
.comment-body {
    display: block;
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px dashed #ECECEC;
}
.comment-body .reply {
    margin: 12px 0 0;
    display: block;
}
.comment-body .reply a {
    color: #9DA2A6;
    font-size: 0.875em;
}
.comment-body .reply a:hover {
    color: #3F72D8;
}
.comment-meta {
    margin: 0 0 16px;
}
.comment-author,
.comment-author a {
    color: #444;
}
.comment-author a:hover {
    color: #3F72D8;
}
.comment-author img,
.comment-author .avatar {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 16px;
}
.comment-metadata {
    font-size: 0.925em;
}
.comment-metadata,
.comment-metadata a {
    color: #9DA2A6;
}
.comment-metadata a:hover {
    text-decoration: underline;
}
.comment-content {
    margin: 16px 0 0;
}
.comment-awaiting-moderation {
    margin: 25px 0 25px 62px;
    font-style: italic;
    color: #3F72D8;
}

/*
 *	共通
 *-------------------------------------------------------------------------*/

img {
	height:auto;
}
a:hover{
	color:red;
	opacity:0.7 !important;
}

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

}

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

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


}




/*
 *	TOP PAGE
 *-------------------------------------------------------------------------*/

.home header {
	position:absolute;
	top:0;
}

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

.home header h1 {
	display:none;
}

.home nav {
	position:absolute;
	top:0;
	right:0;
	z-index:10000;
}
}


#mainimage h2,
#recruit h2 span,
h2 span,
h3,
h4,
#language a,
section#single h2{
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
}
h2 {
	font-weight:normal;
	font-size:13px;
	display:flex;
	align-items:center;
	line-height:1;
	vertical-align:text-bottom;
}
#mainimage h2{
	font-size:32px;
	text-shadow:
    rgba(255,255,255,0.6) 2px 0px 2px,  rgba(255,255,255,0.6) -2px 0px 2px,
    rgba(255,255,255,0.6) 0px -2px 2px, rgba(255,255,255,0.6) 0px 2px 2px,
    rgba(255,255,255,0.6) 2px 2px 2px, rgba(255,255,255,0.6) -2px 2px 2px,
    rgba(255,255,255,0.6) 2px -2px 2px, rgba(255,255,255,0.6) -2px -2px 2px,
    rgba(255,255,255,0.6) 1px 2px 2px,  rgba(255,255,255,0.6) -1px 2px 2px,
    rgba(255,255,255,0.6) 1px -2px 2px, rgba(255,255,255,0.6) -1px -2px 2px,
    rgba(255,255,255,0.6) 2px 1px 2px,  rgba(255,255,255,0.6) -2px 1px 2px,
    rgba(255,255,255,0.6) 2px -1px 2px, rgba(255,255,255,0.6) -2px -1px 2px;
}

@media all and (max-height: 600px) {
#mainimage h2{
	font-size:5vh;
}
}


h2 span {
	font-size:34px;
	margin-bottom:3px;
	margin-right:13px;
}
#recruit h2 {
	text-align:center;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
#recruit h2.name {
	display:block;
}
#recruit h2 span {
	font-size:28px;
	margin-bottom:7px;
	flex:none;
	display:block;
}

h3 {
	font-size:20px;
	margin-top:32px;
}
#quality h3 {
	line-height:1.5;
}
h4 {
	font-size:16px;
	margin-top:20px;
}

section#single h2 {
	font-size:large;
	margin:20px 0 10px 0;
	flex:none;
	display:block;
	background:rgba(137,96,73,0.2);
	padding:10px;
}

#mainimage {
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	background-position:center center;
	background-size: cover;
	border-bottom:1px solid rgba(137,96,73,0.5);
}
#mainimage div {
	width:calc(100% - 40px);
	max-width:990px;
	margin:0 auto;
}




@media all and (min-width: 1380px) {
#mainimage div {
	width:70%;
	max-width:none;
	margin:0 auto;
}
}

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

.home #mainimage h1 {
	margin:0 0 50px 90px;
}
.home #mainimage h1 img {
	max-width:280px;
	height:auto;
}
#mainimage h2{
	font-size:23px;
	line-height:2.3;
}
#mainimage div {
	padding-bottom:50px;
}


}

@media all and (max-width: 989px) {
#mainimage div {
	width:100%;
	padding-bottom:0;
}
.home #mainimage h1 {
	display:none;
}
#mainimage h2{
	font-size:26px;
	line-height:2;
	width:100%;
	text-align:center;
}
}
@media all and (max-width: 767px) {

#mainimage h2{
	font-size:3vw;
	margin-bottom:10vw;
}
}
@media all and (max-width: 480px) {

h2,
#recruit h2 {
	display:block;
}
#mainimage h2{
	font-size:4.4vw;
	margin-bottom:20vw;
}
h2 span,
#recruit h2 span{
	display:block;
	margin-right:0;
}
#recruit h2:nth-of-type(1) span {
	font-size:6vw;
}
}


#catch,
#traceability{
	background:white;
	box-shadow:0px 3px 10px rgba(0,0,0,0.2);
	position:relative;
	z-index:2;
}
#catch div {
	padding:80px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:white;
	line-height:2;
}
#catch div > img {
	flex:none;
	max-width:50%;
	margin-right:30px;
}
#planning.design02 ul li {
	color:black;
}

@media all and (max-width: 989px) {
}
@media all and (max-width: 767px) {
#catch div {
	padding:50px 0;
	display:block;
}
#catch div > img {
	width:60%;
	max-width:100%;
	min-width:300px;
	margin:0 auto 50px auto;
}
}

@media all and (min-width: 768px) {
#planning{
	background:url("images/planning_back02.jpg") top right;
	background-size: 100% auto ;
	background-attachment:fixed;
}
#product{
	background:url("images/product_back.jpg") top left;
	background-size: cover;
	box-shadow:0px 3px 10px rgba(0,0,0,0.2);
	position:relative;
	z-index:2;
}
#quality{
	background:url("images/quality_back.jpg") bottom center;
	background-size: cover;
	background-attachment:fixed;
}
#factory{
	background:url("images/factory_back.jpg") bottom center;
	background-size: cover;
	background-attachment:fixed;
	padding:40vh 0 30vh 0;
}
}

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

#planning{
	background:url("images/planning_back02.jpg") top right no-repeat;
	background-size: 100% auto;
}
#product{
	background:url("images/product_back_sp.jpg") top left;
	background-size: cover;
	box-shadow:0px 3px 10px rgba(0,0,0,0.2);
	position:relative;
	z-index:2;
}
#quality{
	background:url("images/quality_back_sp.jpg") center center;
	background-size: cover;
}
#factory{
	background:url("images/factory_back_sp.jpg") top center;
	background-size: 100% auto;
	padding:60px 0 30px 0;
}
}


#planning,
#product div,
#quality div,
#traceability > div,
#factory > div{
	padding:100px 0;
}

#planning h3 {
	margin-bottom:20px;
}

#planning div p,
#quality div{
	padding-right:390px;
}
#product div {
	padding-left:390px;
}


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

#product div,
#quality div,
#traceability > div,
#factory > div{
	padding:80px 0;
}

#planning div p{
	padding-right:0;
}
#quality div,
#product div{
	padding-right:15%;
	padding-left:15%;
	width:auto;
	background:rgba(255,255,255,0.3);
}
#product div{
	background:rgba(255,255,255,0.5);
}
}
@media all and (max-width: 767px) {
#quality div,
#product div{
	padding-right:30px;
	padding-left:30px;
}
}



#product div p,
#quality div p{
	margin-top:32px;
}

#quality table {
	width:100%;
	margin-top:40px;
	border-top: 1px solid rgba(0,0,0,0.15);
}
#quality table th,
#quality table td {
	padding:7px 0;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

#quality table th {
	font-weight:normal;
	white-space:nowrap;
	padding-right:20px;
}

#traceability > div > div,
#traceability > div > ul{
	margin-top:40px;
	display:flex;
	justify-content:space-between;
}
#traceability > div > div p {
	padding-right:100px;
}
#traceability > div > div table {
	width:auto;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-right: 1px solid rgba(0,0,0,0.15);
}
#traceability > div > div table th,
#traceability > div > div table td {
	padding:3px 25px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	border-left: 1px solid rgba(0,0,0,0.15);
}
#traceability > div > div table th {
	text-align:center;
}

#traceability > div > ul li {
	width:calc(50% - 6px);
}


@media all and (max-width: 989px) {
#traceability > div > div p {
	padding-right:50px;
}
}
@media all and (max-width: 767px)  {
#traceability > div > div{
	display:block;
}
#traceability > div > div p {
	padding-right:0;
}
#traceability > div > div table {
	margin-top:20px;
}
}
@media all and (max-width: 480px) {
#traceability > div > div,
#traceability > div > ul{
	display:block;
}
#traceability > div > ul li {
	width:100%;
	margin-bottom:10px;
}
}

#factory > div > section {
	background:rgba(255,255,255,0.6);
	margin-top:30px;
	padding:30px;
}
#factory > div > section.factory > div{
	margin:0;
}
#traceability table th,
#traceability table td{
	white-space:nowrap;
}


#factory > div > section.factory > div.flex {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#factory > div > section.factory > div.flex img {
	flex:none;
	margin-right:30px;
	width:50%;
	max-width:495px;
}



#planning > div > ul,
#factory > div > section.factory ul{
	display:flex;
	flex-wrap:wrap;
	padding:0;
}

#planning > div > ul li {
	padding:7px;
	text-align:center;
	font-size:12px;
	background:rgba(255,255,255,0.9);
	border:1px solid #dddddd;
	margin-right:10px;
	margin-top:10px;
}
#factory > div > section.factory ul li{
	text-align:center;
	font-size:12px;
	margin-right:10px;
	margin-top:13px;
	line-height:1.4;
}


@media all and (min-width: 990px) {
#planning > div > ul li,
#factory > div > section.factory ul li{
	width:calc(20% - 8px);
}
#planning > div > ul li:nth-child(5n),
#factory > div > section.factory ul li:nth-child(5n) {
	margin-right:0;
}
}
@media all and (max-width: 989px) and (min-width: 768px) {
#planning > div > ul li,
#factory > div > section.factory ul li{
	width:calc(25% - 8px);
}
#planning > div > ul li:nth-child(4n),
#factory > div > section.factory ul li:nth-child(4n) {
	margin-right:0;
}
}
@media all and (max-width: 768px) and (min-width: 481px) {
#planning > div > ul li,
#factory > div > section.factory ul li{
	width:calc(33.3% - 8px);
}
#planning > div > ul li:nth-child(3n),
#factory > div > section.factory ul li:nth-child(3n) {
	margin-right:0;
}
}
@media all and (max-width: 480px) {
#planning > div > ul li,
#factory > div > section.factory ul li{
	width:calc(50% - 8px);
}
#planning > div > ul li:nth-child(2n),
#factory > div > section.factory ul li:nth-child(2n) {
	margin-right:0;
}
}

@media all and (max-width: 768px) {
#factory > div > section.factory > div.flex {
	width:100%;
	display:inherit;
}
#factory > div > section.factory > div.flex img {
	margin-right:0;
	width:100%;
	max-width:none;
}
#factory > div > section {
	padding:20px;
}
}

#planning > div > ul li img,
#factory > div > section.factory ul li img{
	margin-bottom:5px;
}

#factory > div > section.factory ul li img {
	border:1px solid #dddddd;
	padding:4px;
	background:rgba(255,255,255,1);
}

#factory > div > section.factory ul + p {
	margin-top:20px;
}
#factory > div > section.factory:nth-of-type(2) ul {
	margin-top:15px;
}
#factory h2:nth-of-type(2){
	margin-top:70px;
}

#factory > div table,
#recruit_info table{
	width:650px;
	margin:20px auto 30px auto;
	border-top: 1px solid rgba(0,0,0,0.15);
}


#factory > div table th,
#factory > div table td,
#recruit_info table th,
#recruit_info table td{
	padding:7px 25px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
#factory > div table th,
#recruit_info table th{
	font-weight:bold;
	text-align:center;
}
#factory > div table th,
#recruit_info table th{
	white-space:nowrap;
}

#factory > div > section#company > div {
	padding:20px 30px 30px 30px;
}
#factory > div > section#company > div p {
	margin-top:13px;
}
#factory > div > section#company > div span {
	margin-top:10px;
	text-align:right;
}
#factory > div > section#company > div h3 {
	margin-top:0px;
	text-align:right;
}

#factory > div > section#company img {
	display:block;
	margin:0 auto;
	text-align:center;
}

@media all and (max-width: 767px) {
#factory > div > section#company > div {
	width:auto;
	padding:0;
	margin:0;
}
#factory > div table,
#recruit_info table{
	width:100%;
	margin:40px 0 30px 0;
}
#factory > div table th,
#factory > div table td,
#recruit_info table th,
#recruit_info table td{
	display:block;
	padding-left:0;
	padding-right:0;
}
#factory > div table th,
#recruit_info table th{
	border-bottom: 0;
	text-align:left;
	padding-bottom:0;
}
#factory > div table td.sp_td{
	border-bottom:0;
}

}

#contact > div{
	padding:60px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}

#contact > div img {
	flex:none;
	max-width:100px;
	margin-left:10px;
}


@media all and (min-width: 990px) {
section#news{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:13px 200px 13px 0;
	z-index:100;
}
}

.container section#news > div {
	max-width:inherit;
}
section#news h2 {
	margin-left:20px;
	font-size:16px;
	color:#d06749;
	letter-spacing:1px;
	margin-bottom:5px;
}
section#news ul {
	overflow: hidden;
}
section#news li{
	line-height:1.4;
	display:flex;
	align-items:center;
	margin-bottom:5px;
}


@media all and (min-width: 990px) {
section#news {
	padding:13px 220px 13px 0;
}
section#news li p {
	display:inline-block;
}
section#news li span{
	margin-left:10px;
}
}
@media all and (max-width: 989px) {
section#news {
	padding:13px 0 13px 0;
	border-bottom:1px solid rgba(137,96,73,0.5);
}
section#news h2 {
	margin-bottom:10px;
}
section#news li{
	display:block;
}
section#news li p {
	margin-left:0;
}
section#news li a:before{
	content: "\A" ;
	white-space: pre;
}
}
@media all and (max-width: 767px) {
section#news {
	padding:10px 0 10px 0;
}
section#news h2 {
	margin-left:20px;
}
}
@media all and (max-width: 600px) {
section#news ul {
	display:block;
}
section#news h2 {
	margin-bottom:5px;
}
section#news li {
	width:100%;
	margin-bottom:10px;
	font-size:13px;
}
section#news{
	display:block;
}
#contact > div{
	padding:30px 0;
	display:block;
}
#contact > div img {
	max-width:80px;
	margin:10px auto 0 auto;
	display:block;
}
}




/*
 *	Page Top
 *-------------------------------------------------------------------------*/

#page-top a:before,
#btn_recruit a,
#btn_recruit02 a{
background-color:rgba(137,96,73,0.5); /*ページトップボタン・メニューボタン　背景色*/
}
#page-top {
	position: fixed;
	bottom: 13px;
	right: 31px;
	display: block;
	z-index: 100;
}
#page-top a {
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
}

#page-top a:before,
#page-top a:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

#page-top a:before{
width: 40px;
height: 40px;
}

#page-top a:after{
left: 10px;
top:-12px;
box-sizing: border-box;
width: 10px;
height: 15px;
border: 10px solid transparent;
border-bottom: 8px solid #fff;
}
#page-top a:hover:before{
background-color:rgba(137,96,73,0.3);
}

#btn_recruit {
	position: fixed;
	bottom: 7px;
	right: 55px;
	display: block;
	z-index: 100;
}
#btn_recruit a {
	display: inline-block;
	color: white;
	line-height:40px;
	height: 40px;
	text-decoration: none;
	padding:0 20px;
}

@media all and (max-width: 767px) {
#btn_recruit {
	bottom: 8px;
}
#page-top,
#btn_recruit{
	display:none;
	}
}

/*
 *	#recruit
 *-------------------------------------------------------------------------*/
#recruit {
	margin-top:40px;
}

#recruit p.catch {
	margin:30px auto 50px auto;
	max-width:700px;
}

#recruit ul#select {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#recruit ul#select li {
	width:calc(20% - 8px);
	text-align:center;
}

#recruit ul#select li a {
	display:block;
	padding:17px 0 11px 0;
	border:1px solid #baa89f;
	color:#756056;
	line-height:1.2;
	cursor:pointer;
}
#recruit ul#select li a:after {
	content:"▼";
	display:block;
	color:#baa89f;
    transform: scale(1, 0.5);
}
@media all and (max-width: 321px) {
#recruit ul#select li a {
	letter-spacing:-1px;
}
}




#recruit ul#select li a:hover {
	text-decoration:none;
	background:rgba(137,96,73,0.2);
}

#select li a.active{
	background:rgba(137,96,73,0.2);
}

@media all and (max-width: 767px) {
#recruit ul#select li {
	width:calc(50% - 6px);
	margin-bottom:12px;
}
}

.interview{
    display:none;
}

#recruit section {
	margin-top:50px;
}

#recruit section h2.title{
	background:rgba(137,96,73,0.2);
	padding:10px 0;
	margin-bottom:0;
}

#recruit  h2:nth-of-type(2){
	margin-top:20px;
	display:block;
}
#recruit section.interview h3 {
	text-align:center;
	color:#946d62;
	margin-top:7px;
	font-size:18px;
}

#recruit section.interview .single,
#recruit section.interview .double{
	display:flex;
	justify-content:space-between;
	margin-top:20px;
	width:100%;
}

#recruit section.interview .single{
	border-top:1px solid #baa89f;
}

#recruit section.interview .single > div:nth-of-type(1) {
	width:360px;
	margin-right:40px;
	align-self:flex-start;
}

#recruit section.interview .double > div {
	width:calc(50% - 25px);
}


#recruit section.interview .flow{
	padding: 35px 20px 20px 20px;
	background:url("images/recruit_back.jpg") top center no-repeat;
	background-size:100% auto;
	margin:20px auto 0 auto;
	box-shadow:3px 3px 5px rgba(0,0,0,0.2);
}
#recruit section.interview .flow,
#recruit section.interview .comment{
	margin-top:35px;
}


#recruit section.interview .single .comment {
	width:calc(100% - 400px);
}

#recruit section.interview .single .flow h4 {
	text-align:center;
	margin-top:20px;
}
#recruit section.interview .single .comment h4:first-child {
	margin-top:0;
}
#recruit section.interview h4{
	color:#cf6748;
}

#recruit section.interview .flow table {
	font-size:13px;
	border-top:1px dotted #baa89f;
}
#recruit section.interview .flow table th {
	padding:0 10px 0 0;
}

#recruit section.interview .flow table th,
#recruit section.interview .flow table td {
	border-bottom:1px dotted #baa89f;
	padding-top:5px;
	padding-bottom:5px;
}

#recruit section#recruit_info table {
	margin-top:40px;
}



@media all and (min-width: 768px) {
	#recruit section.interview#interview02 .double{
		flex-flow: row-reverse;
}
}
@media all and (max-width: 989px) {
}
@media all and (max-width: 767px) {

#recruit section {
	margin-top:25px;
}

#recruit section.interview .single,
#recruit section.interview .double{
	display:block;
}

#recruit section.interview .single > div:nth-of-type(1) {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	display:block;
	max-width:400px;
}
#recruit section.interview .double > div {
	width:100%;
}
#recruit section.interview .double > div:nth-of-type(2) {
	margin-top:40px;
}
#recruit section.interview .single .comment {
	width:100%;
}
}


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


footer {
	background:rgba(137,96,73,0.2);
	text-align:center;
	padding:15px 0;
}


@media all and (max-width: 989px) {
section#link ul li a {
	font-size:2.5vw;
}
footer nav ul li a {
	letter-spacing:2px;
	}
}

@media all and (max-width: 767px) {
section#link ul li a {
	font-size:2.8vw;
}
footer nav ul li {
	width:30%;
	}
footer nav ul li a{
	padding:5px 20%;
}
footer {
	padding-bottom:50px
	}
}
@media all and (max-width: 599px) {

section#link ul {
	display:block;
}
section#link ul li {
	width:85%;
	margin:0 auto 20px auto;
}
section#link ul li a {
	font-size:large;
}
footer h1 {
	width:20%;
}
footer nav ul li {
	width:30%;
	}
footer nav ul li a{
	padding:5px;
	letter-spacing:0;
}
footer p.copyright {
	font-size:x-small;
}

}

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


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

    .menu-toggle {
        display: block;
    }
    .site-navigation {
        background-color: rgba(0,0,0,0.7) !important;
        left: inherit;
        top: 0;
        bottom: 0;
        z-index: 90;
        width: 220px;
        margin: 0 !important;
        padding: 50px 25px;
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        right: -300px;
        text-align: left;
        position: fixed;
    }
taihi{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
}

    .site-navigation ul {
        text-align: left;
    }
    .site-navigation ul li {
        display: block;
        width: 100%;
    }
    .site-navigation ul li a {
        color: #999 !important;
        line-height: 38px !important;
        padding: 0;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .site-navigation ul ul {
        background: none !important;
        padding: 0;
        position: static;
        margin-left: 20px;
        width: auto;
        display: block;
        text-align: left;
    }
    .site-navigation ul ul li a {
        color: #999 !important;
        padding: 0 !important;
    }
    .site-navigation ul:before {
        content: none !important;
    }
    .site-navigation .current-menu-item > a,
    .site-navigation li:hover > a,
    .site-navigation a:hover {
        color: #fff !important;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .admin-bar .site-navigation {
        top: 48px;
    }
    .pushed {
        margin-left: 0;
        margin-right: 0;
    }
    .pushed .site-navigation {
        right: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
}
@media only screen and (max-width: 767px) {

    .widget-area {
        display: none !important;
    }
    .content-area {
        width: 100% !important;
        float: none !important;
    }
    .layout-three-columns .grid-item {
        width: 50%;
    }
}





@media only screen and (max-width: 599px) {
    .grid-item {
        width: 100% !important;
    }
    .comment-author img,
    .comment-author .avatar {
        display: none !important;
    }

#topics h2 img{
	width:90%;
}

	.pc {
		display:none;
	}

}
@media only screen and (max-width: 341px) {
    .container {
        width: 100%;
    }
    .single .date-meta {
        display: none;
    }
	.pagination .nav-links a.page-numbers {
		margin: -7px;
	}
}


/*
 *　新卒採用
 *-------------------------------------------------------------------------*/

#graduate_banner {
	position:fixed;
	bottom:56px;
	right:8px;
	z-index:9999;
	background:white;
}
#graduate_banner img {
	width:280px;
	height:auto;
	border:1px solid white;
}

#graduate div.flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:25px 0;
	width:100%;
}

#graduate div.flex div {
	width:60%;
	margin-left:20px;
}

#graduate {
	background:#df9b8e;
	padding:50px 0;
}

#graduate div.inner {
	max-width:900px;
	color:white;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:18px;
}
#graduate h2 {
	color:#c64846;
	font-family: 'Heebo', sans-serif;
	font-size:70px;
	vertical-align:baseline;
	line-height:0.6;
	text-align:center;
	display:block;
	margin:0 0 20px 0;
}
#graduate img {
	display:block;
	margin:0 auto;
}
#graduate h2 span {
	font-family: 'Kosugi Maru', sans-serif;
	color:white;
	font-size:large;
	line-height:0.9;
	font-weight:normal;
	margin:0;
}
#graduate p strong {
	color:#c64846;
}
#graduate h3{
	font-family: 'Kosugi Maru', sans-serif;
	color:#c64846;
	font-size:24px;
	text-align:center;
	display:block;
	line-height:1.6;
}
#graduate section {
	margin-top:80px;
	padding-top:80px;
	border-top:3px dotted white;
}

#graduate section:nth-child(1) {
	margin-top:0;
	font-size:medium;
	border-top:0;
	padding-top:0;
}
#graduate section:nth-child(1) p.read {
	font-size:18px;
	line-height:1.5;
}


#graduate section:nth-child(4) p{
	text-align:center;
	margin:30px 0 20px;
}
#graduate section:nth-child(4) div.flex {
	justify-content:center;
}

#graduate section:nth-child(5) ul{
	display:flex;
	justify-content:space-between;
	font-size:medium;
	line-height:1.7;
}
#graduate section:nth-child(5) ul li {
	width:calc(33% - 20px);
}

#graduate section:nth-child(6) h3 {
	margin-top:60px;
}
#graduate section:nth-child(6) div.flex {
	align-items:flex-start;
}
#graduate section:nth-child(6) div.flex ul {
	width:70%;
	margin-left:30px;
	font-size:medium;
	line-height:1.6;
}
#graduate section:nth-child(6) div.flex ul li:nth-child(even):first-letter {
	color:#c64846;

}
#graduate section:nth-child(6) div.flex ul li:nth-child(even) {
	margin-left:10px;
	margin-bottom:10px;
}
#graduate .center {
	text-align:center;
}



@media screen and (min-width: 768px) and (max-width: 989px) {
#graduate h2 {
	font-size:7.5vw;
	margin:0 0 20px 0;
}
#graduate h3{
	font-size:3vw;
}
#graduate section {
	margin-top:50px;
	padding-top:50px;
}
}

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

#graduate_banner {
	display:none;
	right:6px;
}
#graduate_banner img {
	width:210px;
	height:auto;
}



#graduate div.flex {
	display:block;
	margin:20px 0;
}
#graduate div.flex div {
	width:100%;
	margin-left:0;
}
#graduate {
	margin-top:13px;
}
#graduate div.inner {
	font-size:medium;
}
#graduate h2 {
	font-size:50px;
	line-height:1;
	margin:0 0 20px 0;
}
#graduate h2 span {
	margin-top:10px;
	line-height:1;
}
#graduate h3{
	font-size:20px;
	letter-spacing:-1px;
}

#graduate section {
	margin-top:40px;
	padding-top:40px;
}
#graduate section:nth-child(1) {
	border-radius:10px;
	padding:10px;
}
#graduate section:nth-child(3) h3{
	text-align:left;
}
#graduate section:nth-child(4) p{
text-align:left;
margin:20px 0;
}

#graduate section:nth-child(5) div.flex  img {
		margin-bottom:15px;
}
#graduate section:nth-child(5) ul{
	display:block;
}
#graduate section:nth-child(5) ul li {
	width:100%;
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
#graduate section:nth-child(5) ul li p {
	width:70%;
}
#graduate section:nth-child(5) ul li img {
		width:25%;
		height:auto;
}


#graduate section:nth-child(6) h3 {
	margin-top:30px;
}

#graduate section:nth-child(6) div.flex ul {
	width:100%;
	margin-left:0;
	margin-top:20px;
}
#graduate section:nth-child(6) div.flex ul li:nth-child(even) {
	margin-left:10px;
	margin-bottom:10px;
}
#graduate .center {
	text-align:center;
}
}


.button01 {
	display:block;
	text-align:center;
	margin-top:30px;
	line-height:1.6;

}
.button01 a {
	display:inline-block;
	padding:7px 50px;
	color:white;
	text-decoration:none;
	border:2px solid white;
	border-radius:10px;
	background:#c64846;
}
.button01 a:hover {
	text-decoration:none;
}

label {
	color:black;
}


/*
 *	デバイス・言語　振り分け
 *-------------------------------------------------------------------------*/

.smt{
	display:none;
}

@media only screen and (min-width: 990px) {
.pc	{
	display:inherit;
}
.tab{
	display:none;
}
.sp{
	display:none;
}
}

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

@media only screen and (max-width: 767px) {
.pc {
	display:none;
}
.tab {
	display:none;
}
.sp {
	display:inherit;
}
}

@media only screen and (max-width: 599px) {
.smt{
	display:inherit;
}
}


#fancybox-outer{
	;box-shadow:0 0 5px rgba(0,0,0,0.4) !important;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.4) !important;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4) !important;
}
#fancybox-title-over{
	background:rgba(0,0,0,0.3) !important;
}


.mt30 {
	margin-top:30px;
}

#language {
	position:fixed;
	top:5px;
	left:10px;
	z-index:99999;
	display:flex;
}
#language a {
	color:inherit;
	text-decoration:none;
}
#language li:first-child a:after {
	content:"/";
	margin:0 5px;
}

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

#language {
	top:42px;
	left:auto;
	right:5px;
}
#language a {
		font-size:13px;
}

}





#btn_recruit02 a {
	display: inline-block;
	color: white;
	height: 40px;
	text-decoration: none;
	padding:0 20px;
}


@media only screen and (max-height: 640px) {
	#mainimage h2 {
		font-size:16px;
		line-height:2;
	}
	.home #mainimage h1 {
		margin:0 0 30px 70px;
	}
	#mainimage div {
		padding-bottom:100px;
	}
	.home #mainimage h1 img	{
		max-width:220px;
		height:auto;
	}

}


.recruit-movie{
  width: 100%;
  max-width: 1000px;
  padding: 100px 50px;
  margin: 0 auto;
}
@media (max-width: 767px){
  .recruit-movie{
    width: 100%;
    max-width: 800px;
    padding:50px 5%;
  }
}

/*ここから追加修正*/
.btn-recruit__list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:2em;
    margin:30px auto;
}
@media (max-width: 767px){
  .btn-recruit__list{
     gap:15px;
  }
}

.btn-recruit__list li{
	border:solid 1px rgba(137,96,73,0.5);
	padding:5px;
}

.btn-active{
    background-color:rgba(137,96,73);
}

.btn-recruit__list .btn a{
	color:rgba(137,96,73);
}

.btn-recruit{
 
}
@media (max-width: 767px){
  .btn-recruit{
     font-size:14px;
  }
}

.btn-recruit:hover{
    cursor:pointer;
}

.btn-recruit__list .btn-active a{
    color:#FFF;
}

.interview_active{
    display:block;
}

.thumbnail-single{
    width:60%;
    height:auto;
    margin:30px auto 60px;
    text-align:center;
}

.thumbnail-single img{
    width:100%;
    height:auto;
	object-fit:contain;
}
@media (max-width: 767px){
  .thumbnail-single{
    width:80%;
}
}