@charset "UTF-8";
/*
Theme Name: inouenoboru2020
Theme URI: http://maxline.co.jp
Author: the Maxpress Team
Author URI: http://maxline.co.jp/
Description: 2020年版の Maxpress テーマ
Version: 1.1
License: このテーマは商用ライセンスです 無断複写禁止,転売等は厳禁です
Tags: maxpress, light, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, post-formats, theme-options
*/
/*==============================================
	ベーススタイル
================================================ */
/*<!--@mixin mq-tb {
  @media screen and (min-width: 768px) and ( max-width: 1024px) {
    @content;
  }
}-->*/
/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
/* Display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Elements of HTML (https://www.w3.org/TR/html5/semantics.html)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Add a flattened line height in all browsers (opinionated).
 * 4. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  line-height: 1.5;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 5 */ }

/* Sections (https://www.w3.org/TR/html5/sections.html)
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font sizes and margins on `h1` elements within
 * `section` and `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0; }

/* Grouping content (https://www.w3.org/TR/html5/grouping-content.html)
   ========================================================================== */
/**
 * 1. Correct font sizing inheritance and scaling in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * 1. Correct the height in Firefox.
 * 2. Add visible overflow in Edge and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Add a bordered underline effect in all browsers.
 * 2. Remove text decoration in Firefox 40+.
 */
abbr[title] {
  border-bottom: 1px dotted;
  /* 1 */
  text-decoration: none;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct colors in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Correct the font size in all browsers.
 */
small {
  font-size: 83.3333%; }

/**
 * Change the positioning on superscript and subscript elements
 * in all browsers (opinionated).
 * 1. Correct the font size in all browsers.
 */
sub,
sup {
  font-size: 83.3333%;
  /* 1 */
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Links (https://www.w3.org/TR/html5/links.html#links)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove the gaps in underlines in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline when hovering in all browsers (opinionated.
 */
:hover {
  outline-width: 0; }

/* Tabular data (https://www.w3.org/TR/html5/tabular-data.html)
   ========================================================================== */
/*
 * Remove border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* transform-style:  (https://www.w3.org/TR/html5/forms.html)
   ========================================================================== */
/**
 * 1. Remove the default styling in all browsers (opinionated).
 * 3. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  background-color: transparent;
  /* 1 */
  border-style: none;
  /* 1 */
  color: inherit;
  /* 1 */
  font-size: 1em;
  /* 1 */
  margin: 0;
  /* 3 */ }

/**
 * Correct the overflow in IE.
 * 1. Correct the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance in Edge, Firefox, and IE.
 * 1. Remove the inheritance in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent the WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Correct the focus styles unset by the previous rule.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the border, margin, and padding in all browsers.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Remove the vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0; }

/**
 * Correct the cursor style on increment and decrement buttons in Chrome.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari for OS X.
 */
::-webkit-search-cancel-button,
::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style on placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: .54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

/* User interaction (https://www.w3.org/TR/html5/editing.html)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[hidden][aria-hidden="false"] {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

[hidden][aria-hidden="false"]:focus {
  clip: auto; }

:root, html, body {
  background-color: #fff;
  color: #3b3b42;
  width: 100%; }

* {
  box-sizing: border-box; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

/* 1emが10pxになるように調整しているため、12pxのフォントサイズにしたい場合は1.2rem、14pxは1.4rem */
html {
  height: 100%;
  font-size: 62.5%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt"; }

body {
  min-width: 1100px;
  font-size: 1.4rem;
  line-height: 1.6;
  word-break: break-all;
  overflow-wrap: break-word;
  min-width: 320px; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }

@media screen and (max-width: 767px) {
  th {
    border-top: none;
    border-bottom: none; } }

th, td {
  display: table-cell;
  vertical-align: top;
  text-align: left; }
  @media screen and (max-width: 767px) {
    th, td {
      display: block; } }

caption {
  text-align: left; }

p {
  color: #3b3b42;
  margin-bottom: 1.4em;
  line-height: 1.8em; }
  p:last-child {
    margin-bottom: 0; }

li {
  list-style-type: none;
  line-height: 1.8em; }

nav li {
  margin: 0; }

li p {
  width: 100%; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #3b3b42; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #0078d5; }

a {
  text-decoration: none;
  color: #00589b;
  transition: background 0.4s, opacity 0.4s, color 0.4s, outline-color 0.4s; }
  a img {
    transition: background 0.4s, opacity 0.4s, color 0.4s, outline-color 0.4s;
    backface-visibility: hidden; }
  a:hover {
    text-decoration: none;
    color: #0078d5; }
    a:hover img {
      opacity: 0.5; }

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

.hidden {
  display: none; }

/*==============================================
    共通スタイル
================================================ */
.u-prl20px {
  padding: 0 20px; }

.u-mb0 {
  margin-bottom: 0px !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-mb15 {
  margin-bottom: 15px !important; }

.u-mb25 {
  margin-bottom: 25px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-mb30 {
  margin-bottom: 30px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-mb50 {
  margin-bottom: 50px !important; }

.u-mb80 {
  margin-bottom: 80px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mt60 {
  margin-top: 60px !important; }

.u-mr30 {
  margin-right: 30px !important; }

.u-ml10 {
  margin-left: 10px !important; }

.u-align-c {
  text-align: center; }

.u-align-r {
  text-align: right; }

.u-txt-14 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143; }

.u-txt-16 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875; }

.u-txt-18 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6666666667; }

.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto; }

.u-pc {
  display: inline; }
  @media screen and (max-width: 767px) {
    .u-pc {
      display: none; } }

.u-sp {
  display: none; }
  @media screen and (max-width: 979px) {
    .u-sp {
      display: inline; } }

/*------------------------------------------

   大枠のレイアウト

 ------------------------------------------*/
/*------------------------------------------

   ラッパー

 ------------------------------------------*/
#wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden; }

#home #main,
#home #container {
  width: 100%;
  margin-right: 0px;
  float: none; }

/*------------------------------------------

   ヘッダー

 ------------------------------------------*/
div#blogdescription {
  padding: 5px 0 0; }

div#blogdescription h1 {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: normal; }

.blogdescription_inner {
  display: flex;
  justify-content: space-between;
  width: 1175px;
  margin: auto;
  align-items: center; }

.header_submenu {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end; }
  .header_submenu li {
    margin-left: 2em; }
    .header_submenu li:last-child::after {
      content: none; }

.header_soci {
  display: flex;
  margin-left: 28px; }
  .header_soci li {
    margin-left: 7px; }

@media screen and (max-width: 767px) {
  .header_inner {
    width: 100%;
    padding: 0 1.5% 0;
    margin-top: 0px; } }

.header_logo {
  display: block;
  width: 503px;
  height: 84px; }
  @media screen and (max-width: 767px) {
    .header_logo {
      width: 75%;
      height: auto; } }

@media screen and (max-width: 767px) {
  .header_id {
    display: none; } }

.header_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1175px;
  margin: auto;
  padding: 13px 0;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .header_main {
      width: 100%; } }

.header_menu {
  width: 1175px;
  margin: auto;
  display: flex;
  height: 62px;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .header_menu {
      display: none; } }
  .header_menu_wrap {
    z-index: 10;
    width: 100%;
    background-image: -moz-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
    background-image: -webkit-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
    background-image: -ms-linear-gradient(115deg, #19a8df 0%, #118ed5 100%); }
  .header_menu a {
    color: #fff;
    font-size: 16px;
    font-weight: 600; }
    .header_menu a::before {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 7px 2px 0;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .header_menu a:hover {
      opacity: 0.5; }

.header_tell {
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .header_tell {
      display: none; } }

.header_mail {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .header_mail {
      display: none; } }

/*------------------------------------------

   ページ上部にある背景が写真のタイトル

 ------------------------------------------*/
.titPage {
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/common/bg_over.png) repeat 0 0;
  background-size: contain;
  overflow: hidden; }
  .titPage_main {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1666666667;
    text-align: center;
    color: #fff;
    font-weight: normal; }
    .titPage_main.single {
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1; }
  .titPage_wrap {
    position: relative;
    margin-bottom: 65px;
    background: url(../images/business/bg_titPage.jpg) no-repeat center top;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      .titPage_wrap {
        background: url(../images/business/bg_titPage_sp.jpg) no-repeat center top;
        background-size: cover; } }
    .titPage_wrap:before {
      content: "";
      display: block;
      padding-top: 20.42%; }
      @media screen and (max-width: 767px) {
        .titPage_wrap:before {
          padding-top: 35.33%; } }

@media screen and (max-width: 767px) {
  .business .titPage_wrap {
    margin-bottom: 20%; } }

.company .titPage_wrap {
  background: url(../images/company/bg_titPage.jpg) no-repeat center top;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .company .titPage_wrap {
      background: url(../images/company/bg_titPage_sp.jpg) no-repeat center top;
      background-size: cover;
      margin-bottom: 20%; } }

.recruit .titPage_wrap {
  background: url(../images/recruit/bg_titPage.jpg) no-repeat center top;
  background-size: cover;
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .recruit .titPage_wrap {
      background: url(../images/recruit/bg_titPage_sp.jpg) no-repeat center top;
      background-size: cover;
      margin-bottom: 20%; } }

.policy .titPage_wrap,
.privacy .titPage_wrap {
  background: url(../images/other/bg_titPage.jpg) no-repeat center top;
  background-size: cover;
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .policy .titPage_wrap,
    .privacy .titPage_wrap {
      background: url(../images/other/bg_titPage_sp.jpg) no-repeat center top;
      background-size: cover;
      margin-bottom: 20%; } }

.inquiry .titPage_wrap {
  background: url(../images/inquiry/bg_titPage.jpg) no-repeat center top;
  background-size: cover;
  margin-bottom: 140px; }
  @media screen and (max-width: 767px) {
    .inquiry .titPage_wrap {
      background: url(../images/inquiry/bg_titPage_sp.jpg) no-repeat center top;
      background-size: cover;
      margin-bottom: 20%; } }

/*------------------------------------------

   section毎のタイトル

 ------------------------------------------*/
.titSec {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 0.8571428571;
  margin-bottom: 45px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .titSec {
      font-size: 38px;
      font-size: 2.375rem;
      line-height: 1.2105263158;
      margin-bottom: 6%; } }
  .titSec_main.lines {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.5; }
  .titSec_main .small {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      .titSec_main .small {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.3333333333; } }
  .titSec_sub {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    color: #808080; }
    @media screen and (max-width: 767px) {
      .titSec_sub {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.0909090909; } }
    .titSec_sub::before {
      content: "";
      display: block;
      width: 22px;
      border-top: solid 3px #e60012;
      margin: 18px auto 18px; }
      @media screen and (max-width: 767px) {
        .titSec_sub::before {
          margin: 14px auto 14px; } }

/*------------------------------------------

   左に青い四角が付いたサブタイトル

 ------------------------------------------*/
.titSub {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  border-left: solid 5px #2059a0;
  margin-bottom: 10px;
  padding-left: 15px; }

div#breadcrumbs {
  font-size: 14px;
  position: absolute;
  bottom: -52px;
  left: 0;
  background: #efefef;
  width: 100%;
  padding: 10px 0; }

.breadcrumbs_inner {
  width: 1200px;
  margin: auto; }

/*------------------------------------------

   フッター

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  #footer {
    padding-top: 7%; } }

.footer_head {
  padding: 30px 0;
  background-image: -moz-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -webkit-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -ms-linear-gradient(115deg, #19a8df 0%, #118ed5 100%); }
  @media screen and (max-width: 767px) {
    .footer_head {
      padding: 20px; } }
.footer_contact {
  display: flex;
  background-color: white;
  box-shadow: 1.414px 1.414px 4.85px 0.15px rgba(19, 148, 215, 0.2);
  width: 1200px;
  margin: 0 auto;
  padding: 25px 0; }
  @media screen and (max-width: 767px) {
    .footer_contact {
      width: 100%;
      margin: 0 auto;
      padding: 13px 26px;
      flex-direction: column; } }
  .footer_contact_sub {
    flex: 0 0 33%;
    text-align: center;
    padding: 50px 0; }
    @media screen and (max-width: 767px) {
      .footer_contact_sub {
		flex: auto;
        width: 100%;
        margin: 0 auto;
        padding: 25px 0;
        flex-direction: column; } }
  .footer_contact_main {
    flex: 0 0 35%;
    text-align: center;
    padding: 60px 0 50px;
    border-right: solid 1px #ececec;
    border-left: solid 1px #ececec; }
    @media screen and (max-width: 767px) {
      .footer_contact_main {
		flex: auto;
        padding: 30px 0 25px;
        border-right: none;
        border-left: none;
        border-top: solid 1px #ececec;
        border-bottom: solid 1px #ececec; } }
  .footer_contact_tell {
    width: 75%;
    margin: 0 auto 35px; }
  .footer_contact_bt {
    width: 80%;
    margin: auto; }
.footer_calendar {
  flex: 0 0 32%; }
  @media screen and (max-width: 767px) {
    .footer_calendar {
		flex: auto;
		padding-top: 20px; } }
.footer_body {
  padding: 40px 0 40px;
  background: #f7f7f7; }
  @media screen and (max-width: 767px) {
    .footer_body {
      flex-direction: column;
      width: 100%;
      padding: 0;
      background: none; } }
  .footer_body_inner {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: auto; }
    @media screen and (max-width: 767px) {
      .footer_body_inner {
        flex-direction: column;
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .footer_body_inner ul {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .footer_body_inner ul:last-child {
        border-bottom: solid 1px #dedede; } }
    .footer_body_inner > ul li {
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .footer_body_inner > ul li {
          margin-bottom: 0;
          border-top: solid 1px #dedede;
          background: #fff; } }
      .footer_body_inner > ul li a {
        color: #474747; }
        @media screen and (max-width: 767px) {
          .footer_body_inner > ul li a {
            display: block;
            padding: 16px 10px; } }
        .footer_body_inner > ul li a::before {
          content: '';
          display: inline-block;
          width: 6px;
          height: 6px;
          margin: 0 7px 2px 0;
          border-right: 1px solid #474747;
          border-bottom: 1px solid #474747;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .footer_body_inner > ul li a:hover {
          color: #0078d5; }
          .footer_body_inner > ul li a:hover::before {
            border-right: 1px solid #0078d5;
            border-bottom: 1px solid #0078d5; }
.footer_foot {
  padding: 75px 0 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .footer_foot {
      padding: 45px 0 0; } }
  .footer_foot_main {
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .footer_foot_main {
        width: 35%;
        margin: 0 auto 45px; } }
  .footer_foot_sub {
    font-size: 14px;
    margin-bottom: 18px; }
    @media screen and (max-width: 767px) {
      .footer_foot_sub {
        margin-bottom: 10px; } }
  .footer_foot .copyright {
    border-top: solid 1px #ececec;
    text-align: center;
    padding: 20px 0;
    font-size: 12px; }

.footer_soci {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0; }
  .footer_soci li {
    margin: 0 4px; }

/*------------------------------------------

   ページタイトル

 ------------------------------------------*/
.pageTit {
  position: relative;
  top: -12px;
  margin-bottom: -12px;
  height: 100%;
  width: 100%;
  padding-top: 26.67%;
  background: url(../images/common/bg_dot.png), url(../images/message/bg_page_tit.jpg);
  background-repeat: repeat, no-repeat;
  background-position: top left, top center;
  background-size: auto, cover; }
  @media screen and (max-width: 979px) {
    .pageTit {
      top: -27px;
      margin-bottom: -27px;
      padding-top: 320px; } }
  .pageTit_main {
    -js-display: flex;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; }
    .pageTit_main h2 {
      width: 40%;
      line-height: 0; }
      @media screen and (max-width: 979px) {
        .pageTit_main h2 {
          width: 256px; } }

.interview .pageTit {
  background: url(../images/common/bg_dot.png), url(../images/interview/bg_page_tit.jpg);
  background-repeat: repeat, no-repeat;
  background-position: top left, top center;
  background-size: auto, cover; }

.info .pageTit {
  background: url(../images/common/bg_dot.png), url(../images/info/bg_page_tit.jpg);
  background-repeat: repeat, no-repeat;
  background-position: top left, top center;
  background-size: auto, cover; }

/*------------------------------------------

   サイドバー

 ------------------------------------------*/
#sidebar {
  margin-bottom: 100px; }

#home #sidebar {
  display: none; }

#links-lineup p {
  margin-bottom: 0; }

.sideNav dd {
  padding: 12px 0 12px 32px;
  background: url(../images/common/bg_anc.png) 10px center no-repeat;
  border-bottom: dotted 1px #b3b3b3; }
  .sideNav dd:last-child {
    border-bottom: solid 1px #b3b3b3; }
  .sideNav dd a {
    color: #333333; }

.sideNav_blog_category {
  display: none; }

.sideNav_blog_archive {
  margin-top: 25px; }

dt.blogmidashi {
  margin-bottom: 0; }

div#side_blog dd:last-child a {
  border-bottom: solid 1px #ccc; }

.mutenkaNav {
  margin-bottom: 20px; }

/*------------------------------------------

   お問い合わせフォーム

 ------------------------------------------*/
.wpcf7-form input,
.wpcf7-form textarea {
  border: solid 1px #dedede;
  padding: 8px 5px; }

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

.wpcf7-form .wpcf7-submit {
  background: #222222;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  width: 200px;
  height: 40px;
  display: block;
  margin: auto;
  box-shadow: 1px 1px 0px 1px #d6d6d6;
  -moz-box-shadow: 1px 1px 0px 1px #d6d6d6;
  -webkit-box-shadow: 1px 1px 0px 1px #d6d6d6;
  cursor: pointer;
  margin-top: 40px; }

form.wpcf7-form {
  width: 90%;
  margin: auto; }

.form_list {
  margin-bottom: 30px;
  text-align: center; }

.form_list ul {
  display: inline-block;
  margin-left: 26px;
  text-align: left; }

.form_list li {
  margin-bottom: 0.8em;
  list-style-type: disc; }

#main .custom_knee {
  background-image: url("../images/common/nee_contact_bg.jpg");
  background-repeat: no-repeat;
  height: 284px;
  position: relative;
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    #main .custom_knee {
      display: none; } }

.knee_cover {
  display: flex;
  justify-content: space-between; }
.knee_title {
  margin-bottom: 20px; }
.knee_link {
  width: 231px;
  display: flex;
  justify-content: space-between; }

.custom_knee .knee_column {
  width: 610px;
  position: absolute;
  right: 43px;
  top: 108px; }

/*------------------------------------------

   一覧ページのページネーション

 ------------------------------------------*/
/*div#page-navigation {
  margin-top: 80px;
}
div#page-navigation div.navi strong {
    color: #ffffff;
    font-size: 12px;
    background-color: #000;
    padding: 5px 15px;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    display: inline-block;
}
div#page-navigation div.navi a {
    color: #000;
    font-size: 12px;
    padding: 5px 15px;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    display: inline-block;
}
*/
/*------------------------------------------

   テーブル

 ------------------------------------------*/
/*table {
  box-sizing: border-box;
}
	@media screen and (max-width: 767px) {
	  table {
			border-bottom: solid 1px #e6e6e6;		
		}
	}
table td {
	padding: 20px 25px;
	background: #fff;
	vertical-align: middle;
	border: solid 1px #e6e6e6;
}
	@media screen and (max-width: 767px) {
	  table td {
			padding: 2% 2.5%;
			border-bottom: none;		
		}
	}
/*table {
  box-sizing: border-box; }
  table caption {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
    border-left: solid 5px #2059a0;
    margin-bottom: 10px;
    padding-left: 15px; }
  table tr {
    border-bottom: solid 1px #e6e6e6; }
    table tr:first-child {
      border-top: solid 1px #e6e6e6; }
    @media screen and (max-width: 767px) {
      table tr {
        border: none; } }
  table th {
    padding: 20px 25px;
    border-bottom: solid 1px #e6e6e6;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
    vertical-align: top;
    background-color: #f9f9f9;
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: 500; }
    table th[scope="col"] {
      background: #2059a0;
      color: #fff;
      text-align: center; }
    @media screen and (max-width: 767px) {
      table th {
        width: 100%;
        padding: 2% 2.5%; } }
  table td {
    padding: 20px 25px;
    font-size: 1.4rem;
    line-height: 1.6em;
    background: #fff;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      table td {
        padding: 2% 2.5% 4% 2.5%; } }
    table td dt {
      font-weight: bold; }
    table td dd {
      margin-bottom: 15px; }
      @media screen and (max-width: 767px) {
        table td dd {
          margin-bottom: 2%; } }
      table td dd:last-child {
        margin-bottom: 0; }
    table td a {
      text-decoration: underline; }
    table td .icon_blank {
      width: 15px;
      position: relative;
      left: 3px;
      top: 0px; }
    @media screen and (max-width: 767px) {
      table td table {
        width: auto; } }
    @media screen and (max-width: 767px) {
      table td tr, table td th, table td td {
        width: auto;
        border: none;
        background: none;
        padding: 0; } }
    table td tr:first-child, table td th:first-child, table td td:first-child {
      border: none; }

/*------------------------------------------

   列が３個以上あるテーブル

 ------------------------------------------*/
/*@media screen and (max-width: 767px) {
  .tableCols tr {
    border-top: solid 1px #cbcbcb;
    border-bottom: solid 1px #cbcbcb; } }
.tableCols th {
  border-right: solid 1px #cbcbcb; }
  @media screen and (max-width: 767px) {
    .tableCols th {
      display: table-cell;
      width: 12%;
      padding: 2%; } }
  .tableCols th:last-child {
    border-right: none; }
.tableCols td {
  border-right: solid 1px #cbcbcb;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .tableCols td {
      display: table-cell;
      width: auto;
      padding: 2%;
      border-right: solid 1px #cbcbcb; } }
  .tableCols td:last-child {
    border-right: none; }*/
/*------------------------------------------

   テーブル

 ------------------------------------------*/
/*table {
  box-sizing: border-box;
}
table caption {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  border-left: solid 5px #2059a0;
  margin-bottom: 10px;
  padding-left: 15px;
}
table tr {
  border-bottom: solid 1px #e6e6e6;
}
table tr:first-child {
  border-top: solid 1px #e6e6e6;
}
@media screen and (max-width: 767px) {
  table tr {
    border: none;
  }
}
table th {
  padding: 20px 25px;
  border-bottom: solid 1px #e6e6e6;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  vertical-align: top;
  background-color: #f9f9f9;
  font-size: 1.4rem;
  line-height: 1.6em;
  font-weight: 500;
}
table th[scope="col"] {
  background: #2059a0;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  table th {
    width: 100%;
    padding: 2% 2.5%;
  }
}
table td {
  padding: 20px 25px;
  font-size: 1.4rem;
  line-height: 1.6em;
  background: #fff;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  table td {
    padding: 2% 2.5% 4% 2.5%;
  }
}
table td dt {
  font-weight: bold;
}
table td dd {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  table td dd {
    margin-bottom: 2%;
  }
}
table td dd:last-child {
  margin-bottom: 0;
}
table td a {
  text-decoration: underline;
}
table td .icon_blank {
  width: 15px;
  position: relative;
  left: 3px;
  top: 0px;
}
@media screen and (max-width: 767px) {
  table td table {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  table td tr, table td th, table td td {
    width: auto;
    border: none;
    background: none;
    padding: 0;
  }
}
table td tr:first-child, table td th:first-child, table td td:first-child {
  border: none;
}
*/
/*------------------------------------------

   列が３個以上あるテーブル

 ------------------------------------------*/
/*@media screen and (max-width: 767px) {
  .tableCols tr {
    border-top: solid 1px #cbcbcb;
    border-bottom: solid 1px #cbcbcb;
  }
}
.tableCols th {
  border-right: solid 1px #cbcbcb;
}
@media screen and (max-width: 767px) {
  .tableCols th {
    display: table-cell;
    width: 12%;
    padding: 2%;
  }
}
.tableCols th:last-child {
  border-right: none;
}
.tableCols td {
  border-right: solid 1px #cbcbcb;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tableCols td {
    display: table-cell;
    width: auto;
    padding: 2%;
    border-right: solid 1px #cbcbcb;
  }
}
.tableCols td:last-child {
  border-right: none;
}
div.table div.table-list table td {
  font-size: 15px;
  padding: 10px;
  border-color: #243467;
}
div.table dl {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #243467;
}
div.table dl dt {
  color: #243467;
  font-size: 15px;
  letter-spacing: 5px;
  font-weight: bold;
  text-align: left;
  width: 150px;
  padding: 5px;
  float: left;
}
td:first-child {
  color: #243467;
  font-size: 15px;
  text-align: left;
  vertical-align: middle;
  background-color: #f5f5f5;
  padding: 10px;
}
*/
/*------------------------------------------

   テーブル

 ------------------------------------------*/
table {
  box-sizing: border-box;
}
table caption {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  border-left: solid 5px #2059a0;
  margin-bottom: 10px;
  padding-left: 15px;
}
table tr {
  border-bottom: solid 1px #e6e6e6;
}
table tr:first-child {
  border-top: solid 1px #e6e6e6;
}
@media screen and (max-width: 767px) {
	table tr {
		border: none;
	}
	table tr:first-child {
		border-top: none;
	}
}
table th {
  padding: 20px 25px;
  border-bottom: solid 1px #e6e6e6;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  vertical-align: top;
  background-color: #f9f9f9;
  font-size: 1.4rem;
  line-height: 1.6em;
  font-weight: 500;
}
table th[scope="col"] {
  background: #2059a0;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  table th {
    width: 100%;
    padding: 2% 2.5%;
  }
}
table td {
  padding: 20px 25px;
  font-size: 1.4rem;
  line-height: 1.6em;
  background: #fff;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  table td {
    padding: 2% 2.5% 4% 2.5%;
  }
}
table td dt {
  font-weight: bold;
}
table td dd {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  table td dd {
    margin-bottom: 2%;
  }
}
table td dd:last-child {
  margin-bottom: 0;
}
table td a {
  text-decoration: underline;
}
table td .icon_blank {
  width: 15px;
  position: relative;
  left: 3px;
  top: 0px;
}
@media screen and (max-width: 767px) {
  table td table {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  table td tr, table td th, table td td {
    width: auto;
    border: none;
    background: none;
    padding: 0;
  }
}
table td tr:first-child, table td th:first-child, table td td:first-child {
  border: none;
}


/*------------------------------------------

   列が３個以上あるテーブル

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  .tableCols tr {
    border-top: solid 1px #cbcbcb;
    border-bottom: solid 1px #cbcbcb;
  }
}
.tableCols th {
  border-right: solid 1px #cbcbcb;
}
@media screen and (max-width: 767px) {
  .tableCols th {
    display: table-cell;
    width: 12%;
    padding: 2%;
  }
}
.tableCols th:last-child {
  border-right: none;
}
.tableCols td {
  border-right: solid 1px #cbcbcb;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tableCols td {
    display: table-cell;
    width: auto;
    padding: 2%;
    border-right: solid 1px #cbcbcb;
  }
}
.tableCols td:last-child {
  border-right: none;
}
div.table div.table-list table td {
  font-size: 15px;
  padding: 10px;
  border-color: #243467;
}
div.table dl {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #243467;
}
div.table dl dt {
  color: #243467;
  font-size: 15px;
  letter-spacing: 5px;
  font-weight: bold;
  text-align: left;
  width: 150px;
  padding: 5px;
  float: left;
}
td:first-child {
	color: #243467;
	font-size: 15px;
	text-align: left;
	vertical-align: middle;
	background-color: #f5f5f5;
	padding: 10px;
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}
.btn_sideContact {
  z-index: 100;
  position: fixed;
  top: 180px;
  right: 0px; }
  @media screen and (max-width: 767px) {
    .btn_sideContact {
      display: none !important; } }
  .btn_sideContact li {
    line-height: 1em;
    margin-bottom: 10px; }
    .btn_sideContact li.pagetop {
      margin-top: 25px; }

.btn_pagetop {
  right: 0; }

form.wpcf7-form {
  width: 100%;
  margin: auto; }

span.wpcf7-list-item:nth-child(6) {
  display: inline-block; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
    @media screen and (max-width: 767px) {
      .slick-initialized .slick-slide {
        -js-display: flex;
        display: flex;
        flex-direction: column;
        align-items: center; } }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 19px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev {
  left: -25px;
  background: url(../images/common/btn_slider_prev.png); }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: -25px;
  background: url(../images/common/btn_slider_next.png); }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "?";
        width: 20px;
        height: 20px;
        font-size: 35px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.bx-wrapper {
  position: relative;
  margin: 0px auto 40px;
  padding: 0;
  *zoom: 1; }

.bx-wrapper .bx-viewport {
  background-color: #ffffff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -20px;
  width: 100%; }

.bx-wrapper .bx-loading {
  background-color: #ffffff;
  background-image: url("https://toc-organic.com/wp-content/uploads/sites/2/bx_loader.gif");
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 50px; }

.bx-wrapper .bx-pager {
  color: #666;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center;
  padding-top: 10px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  background-color: #666;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  display: block;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #000000; }

.bx-wrapper .bx-prev {
  background-image: url("/wp-content/uploads/bx-prev.png");
  background-repeat: no-repeat;
  left: 10px; }

.bx-wrapper .bx-next {
  background-image: url("/wp-content/uploads/bx-next.png");
  background-repeat: no-repeat;
  right: 10px; }

.bx-wrapper .bx-prev:hover {
  background-image: url("/wp-content/uploads/bx-prev-hover.png");
  background-repeat: no-repeat; }

.bx-wrapper .bx-next:hover {
  background-image: url("/wp-content/uploads/bx-next-hover.png");
  background-repeat: no-repeat; }

.bx-wrapper .bx-controls-direction a {
  text-indent: -9999px;
  position: absolute;
  z-index: 9999;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  outline: 0; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  text-indent: -9999px;
  background-image: url("http://maxpress.org/wp-content/uploads/sites/3/bx-start.png");
  background-repeat: no-repeat;
  width: 9px;
  height: 11px;
  margin: 0px 3px;
  display: block;
  outline: 0; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-image: url("http://maxpress.org/wp-content/uploads/sites/3/bx-start-hover.png");
  background-repeat: no-repeat; }

.bx-wrapper .bx-controls-auto .bx-stop {
  text-indent: -9999px;
  background-image: url("http://maxpress.org/wp-content/uploads/sites/3/bx-stop.png");
  background-repeat: no-repeat;
  width: 9px;
  height: 11px;
  margin: 0px 3px;
  display: block;
  outline: 0; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-image: url("http://maxpress.org/wp-content/uploads/sites/3/bx-stop-hover.png"); }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #666 \9 ;
  background: rgba(80, 80, 80, 0.75); }

.bx-wrapper .bx-caption span {
  color: #ffffff;
  font-size: .85em;
  padding: 10px;
  display: block; }

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3; }

.spMenu-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7); }

/* サイドメニュー */
.spMenu-open .spMenu {
  opacity: 1;
  z-index: 2; }

.spMenu {
  display: none;
  overflow: auto;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: opacity 0.4s ease;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  padding: 4% 4% 40px;
  text-align: left;
  font-size: 13px;
  z-index: -1;
  background: #fff; }
  @media screen and (max-width: 767px) {
    .spMenu {
      display: flex; } }
  .spMenu .subNav {
    width: 65%;
    margin-bottom: 15px;
    -js-display: flex;
    display: flex; }
    .spMenu .subNav li {
      display: block;
      margin: 0 10px; }
  .spMenu .mainNav {
    width: 100%;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.15em;
    border-bottom: solid 1px #e6e6e6;
    background: #fff;
    margin-bottom: 13%; }
    .spMenu .mainNav a {
      color: #252525;
      display: block;
      width: 100%;
      padding: 8% 5%;
      line-height: 0;
      text-align: center; }
      .spMenu .mainNav a img {
        width: 50%;
        margin: auto; }
    .spMenu .mainNav li {
      border: solid 1px #e6e6e6;
      border-bottom: none; }
      .spMenu .mainNav li:last-child {
        margin-bottom: 0px; }
  .spMenu_head {
    width: 100%;
    background: #fff;
    padding: 2% 0%;
    text-align: center;
    margin-bottom: 15px; }
    .spMenu_head a {
      line-height: 0; }

/* サイドメニューオープン */
.spMenu-open #wrapper, .spMenu-open .overlay {
  transform: translate3d(-80%, 0, 0);
  transition: .5s ease;
  transition-delay: 0s; }

#wrapper, .spMenu-open .overlay {
  transition: .5s ease;
  transition-delay: 0s; }

p.closeBt {
  width: 60%;
  background-image: -moz-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -webkit-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -ms-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  color: #fff;
  text-align: center;
  line-height: 4em;
  border-radius: 4px;
  cursor: pointer; }

/* ハンバーガーボタン */
.burgerBtn {
  padding: 18% 18% 13%;
  cursor: pointer;
  z-index: 4;
  transition: all .4s;
  box-sizing: border-box;
  background-image: -moz-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -webkit-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  background-image: -ms-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
  border-radius: 4px; }
  .burgerBtn_wrap {
    display: none;
    width: 13vw; }
    @media screen and (max-width: 767px) {
      .burgerBtn_wrap {
        display: flex;
        flex-direction: column; } }
  .burgerBtn_main {
    position: relative;
    width: 100%;
    padding-bottom: 75%; }
    .burgerBtn_main span {
      position: absolute;
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      display: inline-block;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #fff;
      border-radius: 0px; }
      .burgerBtn_main span:nth-of-type(1) {
        top: 0px;
        animation: menu-bar01 .75s forwards; }
      .burgerBtn_main span:nth-of-type(2) {
        top: 8px;
        transition: all .25s .25s;
        opacity: 1; }
      .burgerBtn_main span:nth-of-type(3) {
        top: 16px;
        animation: menu-bar02 .75s forwards; }
  .burgerBtn_sub {
    display: block;
    line-height: 1em;
    font-family: "Jost";
    font-size: 2vw;
    letter-spacing: 0.2vw;
    color: #fff;
    font-weight: 500;
    color: #e8e9eb;
    width: 100%;
    text-align: center;
    white-space: nowrap; }

.spMenu-open .burgerBtn div span:nth-of-type(1) {
  animation: active-menu-bar01 .75s forwards; }
.spMenu-open .burgerBtn div span:nth-of-type(2) {
  opacity: 0; }
.spMenu-open .burgerBtn div span:nth-of-type(3) {
  animation: active-menu-bar03 .75s forwards; }

@-webkit-keyframes menu-bar01 {
  0% {
    transform: translateY(8px) rotate(45deg); }
  50% {
    transform: translateY(8px) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@keyframes menu-bar01 {
  0% {
    transform: translateY(8px) rotate(45deg); }
  50% {
    transform: translateY(8px) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@-webkit-keyframes menu-bar02 {
  0% {
    transform: translateY(8px) rotate(45deg); }
  50% {
    transform: translateY(8px) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@keyframes menu-bar02 {
  0% {
    transform: translateY(-8px) rotate(-45deg); }
  50% {
    transform: translateY(-8px) rotate(0); }
  100% {
    transform: translateY(0) rotate(0); } }
@-webkit-keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(8px) rotate(0); }
  100% {
    transform: translateY(8px) rotate(45deg); } }
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(8px) rotate(0); }
  100% {
    transform: translateY(8px) rotate(45deg); } }
@-webkit-keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(-8px) rotate(0); }
  100% {
    transform: translateY(-8px) rotate(-45deg); } }
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0); }
  50% {
    transform: translateY(-8px) rotate(0); }
  100% {
    transform: translateY(-8px) rotate(-45deg); } }
/*==============================================
    ページ
================================================ */
/*------------------------------------------

   メインビジュアル

 ------------------------------------------*/
div#slide-1 {
  max-width: 1600px;
  margin: auto; }

@media (min-width: 1600px) {
  div#slide-1 {
    margin-top: 40px; } }
#slide-1 li img {
  width: 100%;
  height: auto; }

#slide-1 .bx-wrapper .bx-next {
  background: url(../images/index/slide_arrow_next.png);
  width: 41px;
  height: 41px; }

#slide-1 .bx-wrapper .bx-prev {
  background: url(../images/index/slide_arrow_prev.png);
  width: 41px;
  height: 41px; }

/*------------------------------------------

   選ばれる３つの強み

 ------------------------------------------*/
.strength_index {
  background: url(../images/index/strength_bg.png) bottom center #d6efff no-repeat;
  background-size: cover;
  border-top: solid 4px #b1d0e4;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  padding: 30px 0 80px; }
  @media screen and (max-width: 767px) {
    .strength_index {
      width: 100%;
      margin-top: 30px;
      padding: 30px 4% 0;
      background-size: auto; } }

.strength_main {
  display: flex;
  justify-content: space-between;
  width: 1324px;
  margin: 40px auto 0px auto; }
  @media screen and (max-width: 767px) {
    .strength_main {
      flex-direction: column;
      width: 100%;
      padding: 0 4% 40px;
      margin: 30px auto 0px auto; } }
  .strength_main li {
    width: 410px;
    padding: 12px 0 8px;
    background: #fff;
    text-align: center;
    box-shadow: 4.95px 4.95px 14.88px 1.12px rgba(154, 176, 190, 0.2);
    border-radius: 20px 20px 20px 0px; }
    @media screen and (max-width: 767px) {
      .strength_main li {
        width: 100%;
        margin-bottom: 20px; } }

.strength_item_wrap {
  display: flex;
  text-align: left;
  margin-top: 11px; }
  @media screen and (max-width: 767px) {
    .strength_item_wrap div {
      padding-right: 10px; } }
  .strength_item_wrap p {
    margin-bottom: 0; }
  .strength_item_wrap .strength_bt_01 {
    margin-top: 17px; }
  .strength_item_wrap .strength_bt_02 {
    margin-top: 37px; }

/*------------------------------------------

   多彩なニーズにお応えする　リフォームメニュー

 ------------------------------------------*/
.reform_index {
  padding: 75px 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .reform_index {
      width: 100%;
      padding: 38px 2% 0; } }

@media screen and (max-width: 767px) {
  .reform_tit {
    width: 90%;
    margin: auto; } }

.reform_head {
  width: 910px;
  margin: 30px auto;
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.6rem; }
  @media screen and (max-width: 767px) {
    .reform_head {
      width: 100%;
      margin: 25px auto 15px;
      padding: 0 4.5% 0; } }

.reform_body {
  display: flex;
  width: 1224px;
  margin: auto;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .reform_body {
      flex-wrap: wrap;
      width: 100%;
      padding: 0 0 40px; } }
  @media screen and (max-width: 767px) {
    .reform_body li {
      flex: 1 1 50%; } }

/*------------------------------------------

   お客様の声

 ------------------------------------------*/
.voice_index {
  padding: 40px 0;
  background-image: url(../images/index/dot_bg_03.png), url(../images/index/dot_bg_02.png), url(../images/index/dot_bg_01.png);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: bottom right, top left, top left; }

.voice_tit {
  text-align: center;
  margin-bottom: 30px; }

.voice_body {
  border-radius: 4px;
  box-shadow: 3.536px 3.536px 19.2px 0.8px rgba(112, 130, 141, 0.22);
  width: 1100px;
  margin: auto;
  padding: 35px;
  background: #fff; }
  @media screen and (max-width: 767px) {
    .voice_body {
      width: 96%;
      margin: auto;
      padding: 25px 2% 15px; } }
  .voice_body_main {
    display: flex; }
    @media screen and (max-width: 767px) {
      .voice_body_main {
        flex-direction: column;
        width: 100%;
        padding: 0 2% 0; } }

.voice_pic {
  width: 425px;
  flex: 0 0 auto;
  margin-right: 40px; }
  @media screen and (max-width: 767px) {
    .voice_pic {
      width: 100%;
      padding: 0;
      margin: 0 auto 30px;
      text-align: center; } }

.voice_txt {
	flex: 1;
	font-size: 16px;
	display: flex;
	flex-direction: column; }
  @media screen and (max-width: 767px) {
    .voice_txt {
      font-size: 14px;
      padding: 0 2.5% 0; } }
  .voice_txt_tit {
    margin-bottom: 20px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .voice_txt_tit {
        margin-bottom: 10px; } }
  @media screen and (max-width: 767px) {
    .voice_txt p {
      margin-bottom: 10px; } }
  .voice_txt_bt::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 7px 2px 0;
    border-right: 1px solid #00589b;
    border-bottom: 1px solid #00589b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.voice_bt {
  text-align: center;
  margin: 25px auto 0; }
  @media screen and (max-width: 767px) {
    .voice_bt {
      margin: 25px auto 0; } }

/*------------------------------------------

   施工事例

 ------------------------------------------*/
.works_index {
  padding: 50px 0; }

.works_tit {
  background: url(../images/index/works_tit_bg.png) bottom center;
  background-size: cover;
  padding-bottom: 50px;
  text-align: center;
  min-height: 183px; }

.works_head {
  width: 910px;
  margin: 25px auto;
  font-size: 1.8rem;
  line-height: 2.6rem; }
  @media screen and (max-width: 767px) {
    .works_head {
      width: 92%;
      margin: 14px auto; } }

.works_body {
  display: flex;
  justify-content: space-between;
  width: 1220px;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .works_body {
      width: 95%;
      flex-wrap: wrap; } }
  .works_body li {
    line-height: 1.6em; }
    @media screen and (max-width: 767px) {
      .works_body li {
        flex: 0 1 48%;
        margin-bottom: 15px; } }
  .works_body_txt {
    display: block;
    padding: 0 12px 0 8px; }

.works_bt {
  text-align: center;
  margin: 38px auto 0; }
  @media screen and (max-width: 767px) {
    .works_bt {
      margin: 19px auto 0; } }

/*------------------------------------------

   リフォームの流れ

 ------------------------------------------*/
.flow_index {
  padding: 40px 0;
  background-image: url(../images/index/dot_bg_03.png), url(../images/index/dot_bg_02.png), url(../images/index/dot_bg_01.png);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: bottom right, top left, top left; }
  @media screen and (max-width: 767px) {
    .flow_index {
      padding: 30px 0; } }

.flow_tit {
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .flow_tit {
      margin-bottom: 15px; } }

.flow_head {
  width: 910px;
  margin: 25px auto;
  font-size: 1.8rem;
  line-height: 2.6rem; }
  @media screen and (max-width: 767px) {
    .flow_head {
      width: 95%;
      margin: 13px auto; } }

.flow_body {
  text-align: center; }
  @media screen and (max-width: 767px) {
    .flow_body {
      width: 95%;
      margin: auto; } }

.flow_bt {
  text-align: center;
  margin: 38px auto 0; }
  @media screen and (max-width: 767px) {
    .flow_bt {
      margin: 25px auto 0; } }

/*------------------------------------------

   スタッフ紹介

 ------------------------------------------*/
.staff_index {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1200px;
  height: 500px;
  background: url(../images/index/staff_bg.jpg) center center;
  background-size: cover;
  margin: 75px auto;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .staff_index {
      width: 100%;
      height: 380px;
      margin: 36px auto;
      background: url(../images/index/staff_bg_sp.jpg) center center;
      background-size: cover; } }

@media screen and (max-width: 767px) {
  .staff_tit {
    width: 160px; } }

.staff_body {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  margin: 25px auto; }
  @media screen and (max-width: 767px) {
    .staff_body {
      font-size: 16px;
      margin: 18px auto; } }

@media screen and (max-width: 767px) {
  .staff_bt {
    width: 200px; } }

/*------------------------------------------

   コンテンツ

 ------------------------------------------*/
.cont_index {
  padding: 48px 0 15px;
  background-image: url(../images/index/dot_bg_03.png), url(../images/index/dot_bg_02.png), url(../images/index/dot_bg_01.png);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: bottom right, top left, top left; }
  @media screen and (max-width: 767px) {
    .cont_index {
      padding: 24px 0 8px; } }

.cont_body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1220px;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .cont_body {
      width: 100%;
      flex-wrap: wrap; } }
  .cont_body li {
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .cont_body li {
        width: 100%;
        padding: 0 4.1% 0 5.9%;
        margin: 0 auto 15px; } }

/*------------------------------------------

   お知らせ

 ------------------------------------------*/
.news_index {
  display: flex;
  justify-content: space-between;
  padding: 85px 0 56px;
  width: 1200px;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .news_index {
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding: 42px 0 28px; } }

.news_main {
  width: 780px;
  flex: 0 0 auto; }
  @media screen and (max-width: 767px) {
    .news_main {
      width: 90%;
      margin: 0 auto 10px; } }
  .news_main_tit {
    margin-bottom: 18px; }
    @media screen and (max-width: 767px) {
      .news_main_tit {
        margin-bottom: 10px; } }
  .news_main_body li {
    padding: 15px 0px 15px 6px;
    border-bottom: solid 1px #ececec; }
    .news_main_body li .date {
      display: inline-block;
      width: 140px; }
    .news_main_body li a {
      color: #333333;
      font-size: 14px;
      background: url(../images/index/arrow_01.png) right center no-repeat;
      display: block;
      padding-right: 30px; }
  .news_main_sub {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .news_main_sub li {
        margin-top: 30px; } }

/*------------------------------------------

   バナー

 ------------------------------------------*/
.bnr_index {
  width: 1200px;
  margin: 0 auto 50px; }
  @media screen and (max-width: 767px) {
    .bnr_index {
      width: 90%;
      margin: 0 auto 25px; } }
  .bnr_index ul {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .bnr_index ul {
        flex-wrap: wrap; } }
    @media screen and (max-width: 767px) {
      .bnr_index ul li {
        flex: 0 1 49%;
        margin-bottom: 25px; } }

/*------------------------------------------

   ご対応エリア

 ------------------------------------------*/
.area_footer {
  width: 1200px;
  margin: 0 auto 70px; }
  .area_footer::before {
    display: block;
    height: 20rem;
    margin-top: -20rem;
    content: ""; }
  @media screen and (max-width: 767px) {
    .area_footer {
      width: 100%;
      margin: 0 auto 35px; } }
  .area_footer_tit {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background-image: -moz-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
    background-image: -webkit-linear-gradient(115deg, #19a8df 0%, #118ed5 100%);
    background-image: -ms-linear-gradient(115deg, #19a8df 0%, #118ed5 100%); }
  .area_footer_wrap {
    display: flex;
    padding: 28px 33px;
    background: #edf8ff; }
    @media screen and (max-width: 767px) {
      .area_footer_wrap {
        flex-direction: column;
        padding: 20px 16px; } }
  .area_footer_main {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      .area_footer_main {
        order: 2;
        flex-wrap: wrap; } }
    .area_footer_main ul {
      flex: 1 1 33.33%; }
      @media screen and (max-width: 767px) {
        .area_footer_main ul {
          flex: 1 0 48%; } }
      .area_footer_main ul li {
        margin-bottom: 20px; }
        .area_footer_main ul li:last-child {
          margin-bottom: 0px; }
      @media screen and (max-width: 767px) {
        .area_footer_main ul:last-child {
          display: flex;
          width: 100%; } }
      .area_footer_main ul:last-child li {
        width: 60%; }
  .area_footer_sub {
    flex: 0 0 420px; }
    @media screen and (max-width: 767px) {
      .area_footer_sub {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
        margin: 0 0 20px; } }


.wpcf7-form textarea {
  width: 100%;
  font: 400 13.3333px Arial; }




/*==============================================

    マックスプレス レスポンシブ用

================================================ */

dt.blogmidashi {
  padding-top: 0px; }

@media screen and (max-width: 767px) {
  #container {
    width: 98%;
    padding: 0 0; } }

@media screen and (max-width: 767px) {
  #wrapper #header {
    width: 100%;
    padding: 10px 0 0; } }

@media screen and (max-width: 767px) {
  #main {
    width: 100%; } }

@media screen and (max-width: 767px) {
  #sidebar {
    display: none; } }

@media screen and (max-width: 767px) {
  #site-title {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 6px; } }

div.lists-posts2 > .liner.clearfix::after {
  content: "" !important;
  display: block !important;
  width: 49% !important;
  height: 0 !important; }

@media screen and (max-width: 767px) {
  div.lists-posts2 div.lists-posts {
    width: 100%; } }

div.lists-posts2 > .liner.clearfix::after,
div.lists-posts3 > .liner.clearfix::after {
  display: none; }

@media screen and (max-width: 767px) {
  div.lists-posts3 .liner {
    flex-direction: column; } }

@media screen and (max-width: 767px) {
  div.lists-posts3 div.lists-posts {
    width: 100%; } }

div.columns2 > .liner.clearfix::after {
  display: none; }

.columns3 .liner::after {
  content: "";
  display: block;
  width: 30%;
  height: 0; }

div.lists-posts2 .liner,
div.lists-posts3 .liner,
div.lists-posts4 .liner,
div.lists-posts5 .liner,
.columns2 .liner,
.columns3 .liner,
.columns4 .liner,
.columns5 .liner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

div.columns4 > .liner::after {
  content: "";
  display: block;
  width: 24%;
  height: 0; }
div.columns4 > .liner::before {
  content: "";
  display: block;
  width: 24%;
  order: 1; }

div.lists-posts4 > .liner.clearfix::after {
  display: none !important; }

div.columns3 .liner div.column3,
div.columns4 .liner div.column4,
div.columns5 .liner div.column5 {
  float: none; }
  @media screen and (max-width: 767px) {
    div.columns3 .liner div.column3,
    div.columns4 .liner div.column4,
    div.columns5 .liner div.column5 {
      width: 100%; } }

div.lists-posts4 > .liner.clearfix::after {
  content: "" !important;
  display: block !important;
  width: 24% !important;
  height: 0 !important; }

@media screen and (max-width: 767px) {
  div.lists-posts4 div.lists-posts {
    width: 49%; } }

div.lists-posts4 > .liner.clearfix::after {
  display: none; }

div.lists-posts5 > .liner.clearfix::after {
  content: "" !important;
  display: block !important;
  width: 20% !important;
  height: 0 !important; }

@media screen and (max-width: 767px) {
  div.lists-posts5 div.lists-posts {
    width: 50%; } }

div.lists-posts5 > .liner.clearfix::after {
  display: none; }

@media screen and (max-width: 767px) {
  div.table {
    width: 100%; } }

@media screen and (max-width: 767px) {
  div.text {
    order: 1; } }

div.text div {
  margin-bottom: 10px; }

div.text div:last-of-type {
  margin-bottom: 0px; }

.text iframe {
  width: 100%; }

div.texts {
  width: 100%;
  margin-bottom: 15px; }

@media screen and (max-width: 767px) {
  div.simple {
    width: 100%;
    flex-direction: column;
    margin: 0;
    padding: 4% 2%; } }

div.simple div.left {
  /*  img {
      width: 100%;
      height: auto;
    }*/ }
  @media screen and (max-width: 767px) {
    div.simple div.left {
      margin: 20px 0 0;
      max-width: 100%;
      order: 2; } }

@media screen and (max-width: 767px) {
  div.simple div.right {
    margin: 0 0 20px;
    max-width: 100%; } }
div.simple div.right img {
  width: 100%;
  height: auto; }

#facebox .popup img {
  max-width: inherit; }
  @media screen and (max-width: 767px) {
    #facebox .popup img {
      max-width: 100%; } }

.liner {
  margin: auto; }

@media screen and (max-width: 767px) {
  div.columns {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
    padding: 0 2%; } }

@media screen and (max-width: 767px) {
  div.column1 {
    width: 100%;
    display: flex;
    flex-direction: column; } }

.column.column1.chop .image {
  margin-bottom: 20px; }

@media screen and (max-width: 767px) {
  .right {
    float: none; } }

@media screen and (max-width: 767px) {
  .left {
    float: none; } }
/*------------------------------------------

   ビフォアーアフター

 ------------------------------------------*/

.wp-block-columns.before-after {
    margin-bottom: 0px;
}
.wp-block-column.before-after-icon {
    flex: 0 1 90px;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
}
.wp-block-column:not(:first-child) {
    margin-left: 0px;
}

@media screen and (max-width: 767px) {	
	div.beforeafter {
		display: flex;
		flex-direction: column;
	}
	.wp-block-column.after-icon {
		display: none;
	}
	.wp-block-column.after::before {
		display: block;
		content: url(http://inouenoboru.pj/wp-content/themes/inouenoboru/media/after1.png);
		margin-bottom: 1em;
	}	
	div.before-after-icon  {
		text-align: center;
	}
	div.before-after-icon .wp-block-image img {
		transform: rotate(90deg	);
	}

	div.beforeafter-vertical div.before div.image {
		float: none;
	}	
}
/*@media screen and (max-width: 767px) {
	
div.beforeafter {
    display: flex;
    flex-direction: column;
}
	
div.before-after-icon  {
	text-align: center;
}
div.before-after-icon .wp-block-image img {
    transform: rotate(90deg	);
}
	
div.beforeafter-vertical div.before div.image {
    float: none;
}
	
div.detail {
    display: flex;
    flex-direction: column;
}
div.detail div.image {
    margin-right: 0;
	margin-bottom: 20px;
}
}*/


/*------------------------------------------

   ページ送りメニュー

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  div#page-navigation {
    margin: 70px auto 30px; } }

@media screen and (max-width: 767px) {
  div#page-navigation div.navi {
    width: 100%; } }

@media screen and (max-width: 767px) {
  div#page-navigation div.next a {
    top: -40px; } }

@media screen and (max-width: 767px) {
  div#page-navigation div.prev a {
    top: -40px; } }

/*------------------------------------------

   パンくず

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  #breadcrumbs {
    width: 100% !important;
    padding: 0 2% !important;
    font-size: 12px !important; } }

/*------------------------------------------

   タイトル関係

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  div#masthead h1 {
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 20px; } }

/*------------------------------------------

   お問い合わせ CFORM

 ------------------------------------------*/
@media screen and (max-width: 767px) {
  .cform {
    width: 100%;
    margin: 10px; } }

@media screen and (max-width: 767px) {
  .cform ol.cf-ol {
    padding: 15px 0px; } }

@media screen and (max-width: 767px) {
  .cform label {
    width: 100%;
    display: block; } }

@media screen and (max-width: 767px) {
  .cform label span {
    width: 100%;
    text-align: left;
    padding-left: 10px; } }

@media screen and (max-width: 767px) {
  .cform input, .cform textarea, .cform select {
    width: 290px; } }

@media screen and (max-width: 767px) {
  .cform ol.cf-ol li.cf-box-title {
    text-align: left;
    width: 100%;
    padding-left: 0;
    display: block; } }

@media screen and (max-width: 767px) {
  .cform ol.cf-ol li.cf-box-group {
    width: 100%;
    margin-left: 0px; } }

@media screen and (max-width: 767px) {
  .cform ol.cf-ol li.textonly {
    width: 100%;
    padding: 7px 15px 0px 0px; } }

/*------------------------------------------

   カレンダー

 ------------------------------------------*/
#biz_calendar {
  margin-bottom: 20px !important; }

#biz_calendar table.bizcal {
  margin: 10px 0 10px !important;
  border: none !important; }

#biz_calendar table.bizcal th {
  background-color: transparent !important;
  background-image: none !important; }

#biz_calendar table tr {
  border: solid 4px #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

#biz_calendar table.bizcal .calmonth {
  padding: 2px 7px 2px 0 !important;
  border: none;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  margin-right: 4rem;
  font-size: 1.2rem; }

#biz_calendar table.bizcal .holiday {
  background-color: #ef5d8b;
  border-radius: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center; }

#biz_calendar table.bizcal tr td {
  padding: 0.4em 0.2em;
  color: #2f2f2f;
  display: flex;
  height: 2.2rem;
  width: 2.2rem;
  font-size: 1.1rem;
  align-items: center;
  justify-content: center; }

#biz_calendar p span.boxholiday {
  background-color: #f63c9f;
  padding-left: 0 !important;
  margin: 0 0.5rem !important;
  display: inline-block;
  border-radius: 1.4rem;
  width: 1.4rem;
  height: 1.4rem; }

#biz_calendar p span.boxeventday {
  background-color: #64bdeb;
  padding-left: 0 !important;
  margin: 0 0.5rem !important;
  display: inline-block;
  border-radius: 1.4rem;
  width: 1.4rem;
  height: 1.4rem; }

#biz_calendar p {
  margin: 0 0 5px !important;
  display: flex;
  align-items: center;
  line-height: 2rem; }


.corona {
    padding: 2%;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    border: solid 6px #e6e6e6;
    width: 70%;
    margin: 50px auto -20px;
}
.corona_tit {
	font-size: 1.4em;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
}
.corona a {
    background-color: #d73e3e;
    color: #fff;
    box-shadow: 0px 3px 0px 0px rgb(205 215 223);
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 40px;
    line-height: 1.8rem;
}

.header_cont_sp {
    padding: 3% 6.25% 5px;
    background: #f8f8f8;
    /*display: none;*/
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 979px){
.header_cont_sp.u-sp {
    display: block;
}}
ul.header_cont_sp_sub li {
    flex: 0 0 auto;
}
.header_cont_sp_tit {
    width: 34%;
    margin: 0 auto 2%;
    text-align: center;
}
ul.header_cont_sp_main {
    display: flex;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: dotted 1px #dedede;
}

ul.header_cont_sp_sub {
	display: flex;
	justify-content: center;
}



.wp-block-group:not(.before-after-icons) {
	margin-bottom: 5%;
}

.breadcrumb {
    margin-bottom: 1%;
}
.breadcrumb li::after {
  content: "　> "; }

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

.breadcrumb li {
  display: inline-block; }


div#page-navigation div.prev a {
  color: #4E4945;
  font-size: 12px;
  text-align: left;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px; }

div#page-navigation .jp_pagenavi {
  text-align: center;
  position: relative;
  margin: 10px auto; }

div#page-navigation .jp_pagenavi a {
  color: #4E4945;
  font-size: 12px;
  border-color: #4E4945;
  border-style: solid;
  display: block; }

div#page-navigation .jp_pagenavi li {
  color: #4E4945;
  font-size: 12px;
  padding: 5px 8px;
  border-width: 1px;
  border-color: #4E4945;
  border-style: solid;
  display: inline-block;
  margin-right: 5px; }

div#page-navigation .jp_pagenavi li:last-child {
  margin-right: 0px; }

div#page-navigation .jp_pagenavi .current {
  color: #ffffff;
  font-size: 12px;
  background-color: #918b87;
  padding: 5px 8px;
  border-width: 1px;
  border-color: #4E4945;
  border-style: solid;
  display: inline-block; }

div#page-navigation div.next a {
  color: #4E4945;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 100px; }

div#page-navigation {
  text-align: center;
  position: relative;
  margin: 30px auto; }

.page-navi {
  display: flex;
  justify-content: space-around;
  margin: 3% auto; }
/*------------------------------------------

   見出し

 ------------------------------------------*/

/* 大見出し */
.wp-heading-1 {
	display: flex;
	background: #2b9ad6 url(https://www.inouenoboru.jp/wp-content/uploads/sites/43/line_bg.png) repeat-x left bottom;
	margin-top: 45px;
	margin-bottom: 25px;
	padding: 12px 12px 12px 17px;
	border-radius: 4px 4px 0 0;	
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #fff;
}
.wp-heading-1::before {
	content: "";
	display: inline-block;
	margin-right: 16px;
	border-width: 4px;
	border-left-color: #ffffff;
	border-left-style: solid;
}

/* 中見出し */
.wp-heading-2 {
    background-color: #efefef;
    margin-bottom: 15px;
	padding: 12px 12px 12px 15px;
    border-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
	color: #222222;
    font-size: 16px;
	letter-spacing: 3px;
    font-weight: bold;
}

/* 小見出し */
.wp-heading-3 {
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px;
    border-color: #dedede;
    border-bottom-color: #dedede;
    border-style: none none dotted;
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.wp-heading-3::before {
    color: #437ecf;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    content: "■";
}
/*------------------------------------------

 スタッフ紹介

-----------------------------------------*/

/*.staff_wrap {
    display: flex;
}

.staff_wrap li:nth-child(1) {
    order: 2;
    flex: 1 1 57%;
    margin-left: 3%;
}

.staff_wrap li:nth-child(2) {
	order: 1;
    flex: 1 1 40%;
}

	@media screen and (max-width: 767px) {
		.staff_wrap {
			flex-direction: column;
		}

		.staff_wrap li:nth-child(1) {
			flex: 1 1 100%;
			margin-left: 0;
		}

		.staff_wrap li:nth-child(2) {
			flex: 1 1 100%;
		}
	}


.staff_wrap li dl dt {
	font-weight: normal;
	padding: 5px 20px 5px 10px;
}
.staff_wrap li dl {
	display: flex;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e6e6e6;
}
.staff_wrap li dl dd{
	padding: 5px 20px;
	border-left: dotted 1px #c3c3c3;
}*/
/*------------------------------------------

   スタッフ紹介

 ------------------------------------------*/
.staff_wrap {
	display: flex;
	width: 100%;
}
.staff_wrap li:nth-child(1) {
  order: 2;
  flex: 1 1 57%;
  margin-left: 3%;
}
.staff_wrap li:nth-child(2) {
  order: 1;
  flex: 1 1 40%;
}
@media screen and (max-width: 767px) {
  .staff_wrap {
    flex-direction: column;
  }
  .staff_wrap li:nth-child(1) {
    flex: 1 1 100%;
    margin-left: 0;
  }
  .staff_wrap li:nth-child(2) {
    flex: 1 1 100%;
  }
}
.staff_wrap li dl dt {
	flex: 0 1 150px;
	font-weight: normal;
	padding: 5px 20px 5px 10px;
}
.staff_wrap li dl {
	display: flex;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #243467;
	color: #243467;
}
/*--*/
.staff_wrap li dl:first-child {
    border-top: solid 1px #243467;
}
/*--*/
.staff_wrap li dl dd {
	flex: 1 1 auto;
	padding: 5px 20px;
	border-left: dotted 1px #243467;
	color: #3a3a3a;
}


/*------------------------------------------

   旧スタッフ紹介

 ------------------------------------------*/

@media screen and (max-width: 767px) {
	.lists-telop.clearfix .detail {
		display: flex;
		flex-direction: column;
	}
}
/*------------------------------------------

   住まいのお悩み解決策

 ------------------------------------------*/
.nayami_box .a .txt .a_inner{
	margin-left: 30px;
}
.nayami_box .a .column1{
	width: 100%;
}
.nayami_box .a .column2{
	width: 47.5%;
}
.nayami_box .a .column3{
	width: 31.5%;
}
.nayami_box .a .column4{
	 width: 22.5%;
}
.nayami_box .a .column5{
	 width: 17.5%;
}
.nayami_box .a .detail{
	width: 100%;
}
.nayami_box .a .beforeafter.beforeafter-horizontal.clearfix,
.nayami_box .a .beforeafter.beforeafter-vertical.clearfix{
	width: 100%;
}
.nayami_box .a .beforeafter.beforeafter-horizontal.clearfix .before{
	width: 35%;
}
.nayami_box .a .beforeafter.beforeafter-horizontal.clearfix .arrow{
	width: 10%;
}
.nayami_box .a .beforeafter.beforeafter-horizontal.clearfix .after{
	width: 100%;
}
@media screen and (max-width:480px){
	.nayami_box .a.clearfix{
		margin-right: 10px;
		margin-left: 10px;
	}
	.nayami_box .a .txt .a_inner{
		margin-left: 12px;
		margin-right: 12px;
	}
	.nayami_box .a .column2,
	.nayami_box .a .column3,
	.nayami_box .a .column4,
	.nayami_box .a .column5,
	.nayami_box .a .column2 .image img,
	.nayami_box .a .column3 .image img,
	.nayami_box .a .column4 .image img,
	.nayami_box .a .column5 .image img{
		width: 100%!important;
		margin: 0;
	}
	.nayami_box .a .detail .image{
        	width: 100%;
	}
	.nayami_box .a .beforeafter.beforeafter-horizontal.clearfix .before{
        	width: 100%;
	}
	.nayami_box div.beforeafter-vertical div.before div.image{
		max-width: 100%;
	}
}

@media screen  and (min-width: 767px) and (max-width: 1240px) {
  .header_menu_wrap .header_menu{
      max-width: 1175px;
      width: 100%;
      padding: 0 20px;
  }
}
@media screen and (min-width: 901px) and (max-width: 1000px) {
  .header_menu_wrap .header_menu li a{
    font-size: 14px;
  }
}

@media screen  and (min-width: 767px) and (max-width: 900px) {
  .header_menu_wrap .header_menu li a{
    font-size: 12px;
  }
}
@media screen  and (min-width: 767px) and (max-width: 1300px) {
  .footer_body_inner {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    flex-wrap: wrap;
  }

}

@media screen and (min-width: 901px) and (max-width: 1000px) {
  .footer_body_inner ul li a{
    font-size: 12px;
  }
}