@charset "UTF-8";
/*!
Theme Name: linkworks
Theme URI: http://underscores.me/
	Author: rugsole
Author URI: http://rugsole.co.jp/
	Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
	License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: linkworks
	Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #333333;
  font-family: "Noto Sans Japanese", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}

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

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

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

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #F7F7F7;
}

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

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

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

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

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

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

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

.post,
.page {
  margin: 0 0 1.5em;
}

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

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

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

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

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

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

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

.notosans {
  font-family: "Noto Sans Japanese", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.notosans.thin {
  font-weight: 100;
}

.notosans.light {
  font-family: "Noto Sans Japanese";
  font-weight: 200;
}

.notosans.demilight {
  font-weight: 300;
}

.front-page .front-page .post-list .post-header .post-excerpt, .front-page .front-page .front-page-section-title a.header-link-archive, .notosans.regular {
  font-weight: 400;
}

.notosans.medium {
  font-weight: 500;
}

.front-page .front-page .post-list .post-header .post-title, .front-page .front-page .front-page-section-title, .hamburger-menu-wrapper #site-navigation .menu-main-menu-container ul#primary-menu li.menu-item, .header-bottom-topics .content .content-header-topics-title, .header-bottom-topics .content .content-header-topics-header, .notosans.bold {
  font-weight: 700;
}

.notosans.black {
  font-weight: 900;
}

html {
  font-size: 14px;
}
@media screen and (min-width: 425px) {
  html {
    font-size: 14px;
  }
}

a {
  text-decoration: none;
  color: #000;
}
a:visited {
  color: #000;
}

ul {
  margin-left: 0;
}

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

table tr th {
  text-align: left;
}

/*
 * header
 */
h1.site-title {
  margin: 0;
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  overflow: hidden; /* はみ出した部分は表示しないようにする */
  height: 651px; /* 高さは固定値を入れる */
}
h1.site-title img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1400px;
  height: 651px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.site-title-logo {
  position: absolute;
  top: -57px;
  left: 20px;
  margin: 0;
  z-index: 30;
}
@media screen and (min-width: 768px) {
  .site-title-logo {
    top: 30px;
  }
}

.header-bottom-text {
  position: absolute;
  z-index: 30;
  width: 254px;
  left: 50%; /* 左を基準に中央配置 */
  bottom: 60px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (min-width: 768px) {
  .header-bottom-text {
    bottom: 70px;
    right: 0px;
    width: clamp(168px, 33vw, 336px);
    left: unset;
    -webkit-transform: none;
            transform: none;
  }
}

.header-bottom-topics {
  position: absolute;
  height: 70px;
  z-index: 30;
  background-color: rgba(247, 247, 247, 0.9);
  width: 100%;
  bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .header-bottom-topics {
    bottom: 0;
  }
}
.header-bottom-topics .content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-bottom-topics .content .content-header-topics-header {
  font-size: 1.4rem;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  background-color: #D55F41;
  text-align: center;
  line-height: 70px;
  height: 70px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.5em;
}
.header-bottom-topics .content .content-header-topics-title {
  font-size: 1.3rem;
  padding: 0 1.5rem;
  line-height: 70px;
  height: 70px;
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 35px;
  max-height: 70px;
}
@media screen and (min-width: 768px) {
  .header-bottom-topics .content .content-header-topics-title {
    display: block;
    white-space: nowrap;
    line-height: 70px;
    text-overflow: ellipsis; /* 「…」と省略 */
  }
}
.header-bottom-topics .content .content-header-topics-title a {
  text-decoration: underline;
}

.header-links {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -298px;
  margin: auto;
  width: 100%;
  max-width: 600px;
}
.header-links .header-links-row-1 {
  text-align: center;
}
.header-links .header-links-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.header-links .header-links-row-2 .item-copy {
  display: none;
}
@media print, screen and (min-width: 768px) {
  .header-links {
    bottom: -80px;
  }
  .header-links .header-links-row-1 {
    display: none;
  }
  .header-links .header-links-row-2 .item-copy {
    display: block;
  }
}

/* Start ナビゲーション */
.hamburger-menu-wrapper {
  position: absolute;
  top: 90px;
  right: -320px; /*右側に隠しておきます*/
  width: 320px;
  padding: 45px 15px 30px;
  background-color: #003606;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 20;
  overflow-y: auto;
}
@media screen and (min-width: 425px) {
  .hamburger-menu-wrapper {
    right: -350px; /*右側に隠しておきます*/
    width: 350px;
  }
}
.hamburger-menu-wrapper #site-navigation .menu-main-menu-container ul#primary-menu {
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
.hamburger-menu-wrapper #site-navigation .menu-main-menu-container ul#primary-menu li.menu-item {
  font-size: 1.2rem;
  text-align: center;
  padding-left: 1em;
  background-color: #F7F7F7;
  margin-bottom: 24px;
  height: 50px;
  line-height: 50px;
}
.hamburger-menu-wrapper #site-navigation .menu-main-menu-container ul#primary-menu li.menu-item.current-menu-item {
  background-color: #E7E0B8;
}
.hamburger-menu-wrapper #site-navigation .menu-main-menu-container ul#primary-menu li.menu-item a {
  display: block;
  color: #333333;
  width: 100%;
  margin: 0 auto;
}
.hamburger-menu-wrapper > .menu-item {
  text-align: left;
  background-color: #F7F7F7;
  padding: 8px 1em;
  margin-bottom: 15px;
}
.hamburger-menu-wrapper > .menu-item h2 {
  font-size: 16px;
  font-weight: normal;
  margin-top: 0;
}
.hamburger-menu-wrapper > .menu-item .contact-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.hamburger-menu-wrapper > .menu-item .contact-item {
  width: 150px;
  border: 1px solid #CCCCCC;
}
.hamburger-menu-wrapper > .menu-item .contact-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.hamburger-menu-wrapper > .menu-item .contact-item.form {
  margin-left: 1rem;
  background-color: #CCCCCC;
}
.hamburger-menu-wrapper > .menu-item .contact-item figure {
  text-align: center;
  margin: 0;
  padding: 1rem 0 0;
}
.hamburger-menu-wrapper > .menu-item .contact-item p {
  margin: 0;
  padding: 0.5rem 0 1rem;
  text-align: center;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets {
  margin: 0;
  padding: 0 0 0 1em;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets li {
  list-style: none;
  background-color: #FFF;
  border: 1px solid #CCCCCC;
  height: 38px;
  line-height: 38px;
  margin-bottom: 8px;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets li .pamphlets-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets li .pamphlets-name, .hamburger-menu-wrapper > .menu-item ul.pamphlets li .pamphlets-pdf {
  display: inline-block;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets li .pamphlets-name {
  padding: 0 0 0 1rem;
}
.hamburger-menu-wrapper > .menu-item ul.pamphlets li .pamphlets-pdf {
  width: 66px;
  border: 1px solid #686768;
  background-color: #F14841;
  color: #FFFFFF;
  margin: 5px 5px 5px auto;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  height: 26px;
}
.hamburger-menu-wrapper .contact-item-wrapper {
  text-align: center;
}
.hamburger-menu-wrapper .contact-item-wrapper figure {
  margin: 1.5rem 0 0;
}

/* End ナビゲーション */
/* Start ハンバーガーボタン(三本線の実装) */
.hamburger_btn {
  position: absolute; /*.headerNavOuterを基準にして、絶対配置*/
  right: 0;
  top: 13px;
  width: 45px;
  height: 45px;
  cursor: pointer;
  z-index: 30;
  background-color: #666666;
}
@media screen and (min-width: 768px) {
  .hamburger_btn {
    top: 25px;
    right: 45px;
  }
}

.hamburger_line {
  position: absolute; /*.headerNavOuterを基準にして、絶対配置*/
  left: 10px;
  width: 26px;
  height: 1px;
  background-color: #FFF;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.hamburger_line_1 {
  top: 12px;
}

.hamburger_line_2 {
  top: 22px;
}

.hamburger_line_3 {
  top: 32px;
}

/* End ハンバーガーボタン(三本線の実装) */
/*ハンバーガーメニュをクリックした後に現れる半透明の背景*/
.black-bg {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10;
  background-color: transparent;
  opacity: 0;
  visibility: hidden; /* 非表示にしておきます */
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  cursor: pointer;
}

/* Start ハンバーガーボタンをクリックした際の動き */
/* ナビゲーションが現れる */
.nav-open .hamburger-menu-wrapper {
  right: 0;
  z-index: 50;
}
@media screen and (min-width: 425px) {
  .nav-open .hamburger-menu-wrapper {
    right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .nav-open .hamburger-menu-wrapper {
    right: 45px;
  }
}
/* 半透明の背景を表示させます。 */
.nav-open .black-bg {
  opacity: 0.8;
  visibility: visible;
}

/* 三本線のハンバーガーを、バッテンにします */
.nav-open .hamburger_line_1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 22px;
}

.nav-open .hamburger_line_2 {
  width: 0;
  left: 50%;
}

.nav-open .hamburger_line_3 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
}

/* End ハンバーガーボタンをクリックした際の動き */
/*
----------------------
End ハンバーガーメニュー
----------------------
*/
.site-main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* フロントページ */
#primary {
  padding-top: 1.5em;
}
@media screen and (min-width: 768px) {
  #primary {
    padding-top: 65px;
  }
}

.front-page .site-branding {
  margin: 0 auto;
  position: relative;
  padding-top: 70px;
}
@media print, screen and (min-width: 768px) {
  .front-page .site-branding {
    padding-top: 0px;
  }
}
.front-page .entry-content {
  margin: 0;
}
.front-page .front-page {
  display: grid;
  gap: 2rem;
  margin-bottom: 5rem;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
@media print, screen and (min-width: 768px) {
  .front-page .front-page {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
}
.front-page .front-page .front-page-section-title {
  position: relative;
  font-size: 1rem;
  color: #FFFFFF;
  padding: 0 1em;
  line-height: 3rem;
  height: 3rem;
  margin-bottom: 2rem;
}
.front-page .front-page .front-page-section-title a.header-link-archive {
  font-size: 1rem;
  color: #000000;
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  background-color: #FFFFFF;
  height: 1.7em;
  line-height: 1.7em;
  border-radius: 3px;
  padding: 0 0.8em;
}
.front-page .front-page .pickup-newly-built-title {
  background-color: #347F39;
}
.front-page .front-page .pickup-ready-built-title {
  background-color: #7F6640;
}
.front-page .front-page .whats-new-information-title {
  background-color: #D55F41;
}
.front-page .front-page .pickup-faq-title {
  background-color: #104E8A;
}
.front-page .front-page .information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .front-page .front-page .information {
    margin-bottom: 45px;
  }
}
.front-page .front-page .information .information-title h2 {
  text-align: center;
  font-weight: normal;
  font-size: 17px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .front-page .front-page .information {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow: hidden;
  }
  .front-page .front-page .information .information-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    border-right: 1px solid #333333;
    margin-right: 2rem;
  }
  .front-page .front-page .information .information-list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
}
.front-page .front-page .post-list .post-list-item {
  margin-bottom: 2rem;
}
.front-page .front-page .post-list .post-list-item:last-child {
  margin-bottom: 0;
}
.front-page .front-page .post-list .post-list-item a.post-list-item-link {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.front-page .front-page .post-list .post-list-item figure.getPostImgArea {
  margin: 0;
  width: 100px;
}
.front-page .front-page .post-list h3.article-list-posttype {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  margin-right: 1rem;
  font-weight: normal;
  font-size: 10px;
  color: #FFF;
  width: 55px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.front-page .front-page .post-list .posttype-post {
  background-color: #EA9922;
}
.front-page .front-page .post-list .posttype-newly {
  background-color: #669900;
}
.front-page .front-page .post-list .posttype-ready {
  background-color: #7F6640;
}
.front-page .front-page .post-list .post-header {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.front-page .front-page .post-list .post-header .article-date {
  font-size: 11px;
}
.front-page .front-page .post-list .post-header .post-title {
  font-size: 16px;
  font-size: 1.2rem;
  white-space: nowrap; /* 横幅のMAXに達しても改行しない */
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  margin-bottom: 2rem;
}
.front-page .front-page .post-list .post-header .post-title a {
  text-decoration: none;
  color: #333333;
}
.front-page .front-page .post-list .post-header .post-excerpt {
  position: relative;
  font-size: 15px;
  font-size: 1.1rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* ブラウザがサポートしていない場合のフェールセーフ */
  max-height: 45px;
  padding-right: 15px;
}
.front-page .front-page .post-list .post-header .post-excerpt .triangle {
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  right: 8px;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #707070;
}
.front-page .front-page .whats-new-information .post-list .post-list-item {
  margin-bottom: 1rem;
}
.front-page .front-page .whats-new-information .post-list .post-header .post-title {
  margin-bottom: 1rem;
}
.front-page .front-page .whats-new-information .post-list .post-header .post-excerpt {
  -webkit-line-clamp: 1;
  /* ブラウザがサポートしていない場合のフェールセーフ */
  max-height: 24px;
}
.front-page .aboutus-content {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
@media print, screen and (min-width: 768px) {
  .front-page .aboutus-content {
    gap: 140px;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
  }
}
.front-page .aboutus-content .aboutus-aboutus {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.front-page .aboutus-content .aboutus-aboutus table.aboutus-table {
  border-collapse: collapse;
}
.front-page .aboutus-content .aboutus-aboutus table.aboutus-table tr:last-child th, .front-page .aboutus-content .aboutus-aboutus table.aboutus-table tr:last-child td {
  border-bottom: #B8B8B8 1px solid;
}
.front-page .aboutus-content .aboutus-aboutus table.aboutus-table th, .front-page .aboutus-content .aboutus-aboutus table.aboutus-table td {
  border-top: #B8B8B8 1px solid;
  padding: 1rem 0.5rem;
  line-height: 1.8em;
  font-size: 1rem;
  font-weight: normal;
}
.front-page .aboutus-content .aboutus-aboutus table.aboutus-table ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.front-page .aboutus-content .aboutus-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 100%;
  text-align: center;
}
.front-page .aboutus-content .aboutus-banner .banner-item {
  max-width: 250px;
}
/* footer */
.site-footer p {
  margin: 0;
}
.site-footer .footer-information-wrapper {
  background-color: #7F6640;
}
.site-footer .footer-information {
  color: #FFF;
  text-align: center;
  padding: 0 5px;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.site-footer .footer-information .footer-logo {
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-logo {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    padding: 30px;
  }
}
.site-footer .footer-information .footer-logo-image {
  margin: 0 0 10px;
}
.site-footer .footer-information .footer-logo-copy {
  font-size: 10px;
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-logo-copy {
    font-size: 12px;
  }
}
.site-footer .footer-information .footer-logo-name {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-logo-name {
    font-size: 18px;
  }
}
.site-footer .footer-information .footer-contact {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-contact {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 650px;
            flex: 1 1 650px;
    padding: 30px;
  }
}
.site-footer .footer-information .footer-contact section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 10px;
  font-size: 11px;
  line-height: 1.2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-contact section {
    font-size: 15px;
  }
}
.site-footer .footer-information .footer-contact a {
  display: block;
  padding: 15px 10px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer .footer-information .footer-contact p {
  margin: 0;
  height: 34px;
  line-height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer .footer-information .footer-contact .footer-contact-phone {
  background-color: #FFF;
  font-size: 16px;
  padding: 0;
}
.site-footer .footer-information .footer-contact .footer-contact-phone .footer-contact-phone-icon {
  margin-right: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer .footer-information .footer-contact .footer-contact-phone .footer-contact-phone-number {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-contact .footer-contact-phone {
    font-size: 20px;
  }
}
.site-footer .footer-information .footer-contact .footer-contact-form {
  background-color: #CCCCCC;
  padding: 0;
  font-size: 11px;
}
.site-footer .footer-information .footer-contact .footer-contact-form .footer-contact-form-icon {
  margin-right: 3px;
}
.site-footer .footer-information .footer-contact .footer-contact-form .footer-contact-form-number {
  display: block;
  text-align: center;
}
@media screen and (min-width: 425px) {
  .site-footer .footer-information .footer-contact .footer-contact-form {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  .site-footer .footer-information .footer-contact .footer-contact-form {
    font-size: 15px;
  }
}
.site-footer .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 992px) {
  .site-footer .footer-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.site-footer .footer-bottom section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
}
.site-footer .footer-address {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  color: #FFF;
  background-color: #7F6640;
  font-size: 11px;
  padding: 12px 0;
}
@media screen and (min-width: 992px) {
  .site-footer .footer-address {
    background-color: #003606;
    text-align: right;
    font-size: 13px;
  }
}
.site-footer .footer-address section {
  max-width: 1000px;
  margin: 0 auto;
}
.site-footer .footer-address p {
  text-align: center;
  margin: 0;
  width: 100%;
}
.site-footer .footer-copyright {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  color: #FFF;
  background-color: #003606;
  text-align: center;
  padding: 12px 5px;
  font-size: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-footer .footer-copyright p {
  width: 100%;
  text-align: center;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 992px) {
  .site-footer .footer-copyright {
    background-color: #003606;
    text-align: left;
    font-size: 11px;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.site-footer .footer-copyright section {
  max-width: 1000px;
  margin: 0 auto;
}

/*  スライダー　*/
div#n2-ss-2 .n2-ss-slide-backgrounds {
  height: 686px;
}

div#n2-ss-4 .n2-ss-slide-backgrounds {
  height: 300px;
}

.ms-image {
  width: 1400px !important;
  height: 686px !important;
}

.metaslider .slides .ms-image img {
  width: 1400px !important;
  height: 686px !important;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  /* ※1 */
  margin-top: -343px;
  margin-left: -700px;
}

body {
  margin: 0;
}

#page {
  position: relative;
  overflow-x: hidden;
}

.header-slider {
  position: relative;
  padding-bottom: 120px;
}
.header-slider .header-slider-pc {
  display: none;
}
.header-slider .header-slider-sp {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .header-slider .header-slider-pc {
    display: block;
  }
  .header-slider .header-slider-sp {
    display: none;
  }
}
.header-slider .slick-list {
  overflow: visible;
}
@media print, screen and (min-width: 768px) {
  .header-slider {
    padding-bottom: 0;
  }
}

.page-title {
  margin: 70px auto 0;
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .page-title {
    margin: 130px auto 0;
  }
}
.page-title h1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  color: #FFFFFF;
  font-size: 1.7rem;
}

.two-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .two-pane {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 auto 100px;
  }
}
.two-pane #primary {
  background-color: #FFF;
  position: relative;
  width: 100%;
  max-width: 955px;
  padding: 80px 12px 1rem;
}
@media screen and (min-width: 768px) {
  .two-pane #primary {
    padding: 12rem 1rem 1rem;
  }
}
.two-pane #primary h1.title-logo {
  display: none;
  position: absolute;
  width: 127px;
  height: 127px;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  line-height: 127px;
  top: -63.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
}
@media screen and (min-width: 768px) {
  .two-pane #primary h1.title-logo {
    display: none;
  }
}
.two-pane #primary h2 {
  font-size: 26px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 15px;
  margin-top: 0;
}
.two-pane #primary .post-thumbnail {
  text-align: center;
}
.two-pane #secondary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  max-width: 100%;
  min-width: 164px;
  width: 100%;
  margin: 50px 1rem 1rem;
}
@media screen and (min-width: 768px) {
  .two-pane #secondary {
    margin-top: 45px;
    margin-left: 80px;
    max-width: 320px;
  }
}
.two-pane #secondary h1 {
  display: none;
}
@media screen and (min-width: 768px) {
  .two-pane #secondary h1 {
    display: block;
    width: 164px;
    height: 164px;
    background-color: #666666;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    line-height: 164px;
    margin: 0;
    margin-bottom: 50px;
  }
}
.two-pane #secondary a {
  text-decoration: none;
  color: #000;
}
.two-pane #secondary ul {
  margin: 0;
  padding: 0;
}
.two-pane #secondary ul li {
  list-style: none;
  margin-bottom: 35px;
}

.two-pane #primary .post-cat,
.two-pane #primary .newly-cat,
.two-pane #primary .ready-cat,
.two-pane #primary .post-type {
  background-color: #666666;
  text-align: center;
  border-radius: 2px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  margin-right: 1rem;
  font-weight: normal;
  font-size: 10px;
  color: #FFF;
}
.two-pane #primary .post-cat.post-type-post,
.two-pane #primary .newly-cat.post-type-post,
.two-pane #primary .ready-cat.post-type-post,
.two-pane #primary .post-type.post-type-post {
  background-color: #EA9922;
}
.two-pane #primary .post-cat.post-type-newly,
.two-pane #primary .newly-cat.post-type-newly,
.two-pane #primary .ready-cat.post-type-newly,
.two-pane #primary .post-type.post-type-newly {
  background-color: #669900;
}
.two-pane #primary .post-cat.post-type-ready,
.two-pane #primary .newly-cat.post-type-ready,
.two-pane #primary .ready-cat.post-type-ready,
.two-pane #primary .post-type.post-type-ready {
  background-color: #7F6640;
}
.two-pane #primary h2.entry-title {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.two-pane #primary .date-wrapper {
  margin-bottom: 15px;
}
.two-pane #primary .date-wrapper .date {
  color: #666666;
  font-size: 11px;
}
.two-pane #primary .hentry {
  margin-bottom: 80px;
}
.two-pane #primary .entry-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.two-pane #primary .entry-content .post-thumbnail figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin: 0;
  border: 1px solid #ECECEC;
  width: 90px;
  height: 90px;
}
.two-pane #primary .entry-content .post-thumbnail figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.two-pane #primary .entry-content .excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.two-pane #primary .entry-content .excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
.two-pane #primary .entry-content .excerpt p {
  margin: 0;
}
.two-pane #primary .entry-content .more {
  text-align: right;
  text-decoration: underline;
}

.single .two-pane #primary h1.title-logo {
  background: transparent url("images/info-logo-sp.png");
  padding-top: 33px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.single .two-pane #primary .entry-content {
  display: block;
}
.single .two-pane #primary .entry-content .post-thumbnail figure {
  margin: 0;
  border: none;
  width: auto;
  height: auto;
}
.single .two-pane #primary .entry-content .post-thumbnail figure img {
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.single .two-pane #secondary h1.page-title {
  background-color: #D55F41;
  max-width: 164px;
  aspect-ratio: 1/1;
}

.aboutus .page-title {
  background-color: #666666;
}
.aboutus .aboutus-aboutus table.aboutus-table {
  border-spacing: 0 5px;
  table-layout: fixed;
}
.aboutus .aboutus-aboutus table.aboutus-table tr {
  background-color: #F7F7F7;
  font-size: 14px;
}
.aboutus .aboutus-aboutus table.aboutus-table tr th, .aboutus .aboutus-aboutus table.aboutus-table tr td {
  padding: 10px;
  text-align: left;
  display: block;
  width: 100%;
}
.aboutus .aboutus-aboutus table.aboutus-table tr th {
  padding-bottom: 0;
}
.aboutus .aboutus-aboutus table.aboutus-table tr td {
  padding-top: 0;
}
.aboutus .aboutus-aboutus table.aboutus-table tr.last td:last-child {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .aboutus .aboutus-aboutus table.aboutus-table tr th, .aboutus .aboutus-aboutus table.aboutus-table tr td {
    padding: 10px;
    display: table-cell;
    width: auto;
  }
  .aboutus .aboutus-aboutus table.aboutus-table tr th {
    width: 9em;
  }
}
.aboutus .aboutus-aboutus ul {
  margin: 0;
  padding-left: 1em;
}
.aboutus .aboutus-access .gmap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.aboutus .aboutus-access .gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.built-list {
  margin: 0;
  padding: 0;
}
.built-list li {
  list-style: none;
  margin-bottom: 80px;
}
.built-list a {
  text-decoration: none;
  color: #333333;
}
.built-list h3 {
  color: #333;
  font-size: 24px;
  margin-top: 1rem;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.built-list p {
  margin: 0;
}
.built-list .date-wrapper {
  margin-bottom: 15px;
}
.built-list .date {
  color: #666666;
  font-size: 11px;
}
.built-list .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.built-list .contents figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  margin: 0;
  border: 1px solid #ECECEC;
  width: 90px;
  height: 90px;
}
.built-list .contents figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.built-list .contents .excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.built-list .contents .excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
.built-list .contents .more {
  text-align: right;
  text-decoration: underline;
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 320px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .nav-links {
    max-width: 100%;
  }
}
.nav-links ul {
  list-style: none;
}
.nav-links ul li {
  list-style: none;
  display: inlie-block;
}
.nav-links a {
  color: #333333;
  text-decoration: none;
}
.nav-links .page-numbers {
  border: 1px solid #999999;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  width: 24px;
  text-align: center;
  margin-left: 1rem;
}
.nav-links .page-numbers.current {
  background-color: #EAEAEA;
}
.nav-links .page-numbers.prev, .nav-links .page-numbers.next {
  width: auto;
  padding: 0 5px;
}

.single .navigation.post-navigation {
  width: 100%;
}
.single .navigation.post-navigation .nav-links {
  width: 100%;
  max-width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
.single .navigation.post-navigation .nav-links .nav-previous {
  padding-right: 0.5em;
}
.single .navigation.post-navigation .nav-links .nav-next {
  padding-left: 0.5em;
}

.newly-built .page-title, .tax-newly_cat .page-title {
  background-color: #347F39;
}
.newly-built #primary .newly-built h1.title-logo, .tax-newly_cat #primary .newly-built h1.title-logo {
  background: transparent url("images/newly-logo-sp.png");
  padding-top: 33px;
}
.newly-built #secondary h1.page-title, .tax-newly_cat #secondary h1.page-title {
  background: transparent url("images/newly-logo.png");
  padding-top: 33px;
}

.newly-cat {
  background-color: #666666;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  border-radius: 1px;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.single-newly .page-title {
  background-color: #347F39;
}
.single-newly .two-pane #primary .newly-built-single h1.title-logo {
  background: transparent url("images/newly-logo-sp.png");
  padding-top: 33px;
  text-indent: unset;
  white-space: normal;
}
.single-newly .two-pane #primary .newly-built-single .entry-title {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.single-newly .two-pane #primary .newly-built-single .date-wrapper {
  margin-bottom: 20px;
}
.single-newly .two-pane #primary .newly-built-single .date {
  color: #666666;
  font-size: 11px;
}
.single-newly .two-pane #primary .newly-built-single .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-newly .two-pane #primary .newly-built-single .contents figure {
  margin: 0;
}
.single-newly .two-pane #primary .newly-built-single .contents figure img {
  min-width: 90px;
  min-height: 90px;
  width: 100%;
  height: 100%;
}
.single-newly .two-pane #primary .newly-built-single .contents .newly-excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-newly .two-pane #primary .newly-built-single .contents .newly-excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
.single-newly .two-pane #primary .newly-built-single .contents .newly-more {
  text-align: right;
  text-decoration: underline;
}
.single-newly .two-pane #secondary h1.page-title {
  background: transparent url("images/newly-logo.png");
  padding-top: 40px;
  text-indent: unset;
  white-space: normal;
}

#primary .newly-built .newly-built-list {
  margin: 0;
  padding: 0;
}
#primary .newly-built .newly-built-list li {
  list-style: none;
  margin-bottom: 80px;
}
#primary .newly-built .newly-built-list a {
  text-decoration: none;
  color: #333333;
}
#primary .newly-built .newly-built-list .newly-cat {
  background-color: #666666;
  text-align: center;
  border-radius: 2px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  color: #FFF;
}
#primary .newly-built .newly-built-list h3 {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
#primary .newly-built .newly-built-list p {
  margin: 0;
}
#primary .newly-built .newly-built-list .date-wrapper {
  margin-bottom: 15px;
}
#primary .newly-built .newly-built-list .date {
  color: #666666;
  font-size: 11px;
}
#primary .newly-built .newly-built-list .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#primary .newly-built .newly-built-list .contents figure {
  margin: 0;
  border: 1px solid #ECECEC;
  width: 90px;
  height: 90px;
}
#primary .newly-built .newly-built-list .contents figure img {
  min-width: 90px;
  min-height: 90px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#primary .newly-built .newly-built-list .contents .newly-excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#primary .newly-built .newly-built-list .contents .newly-excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
#primary .newly-built .newly-built-list .contents .newly-more {
  text-align: right;
  text-decoration: underline;
}

#secondary.newly h1.page-title {
  background: transparent url("images/newly-logo.png");
  padding-top: 33px;
}

.tax-newly_cat h1.title-logo {
  background: transparent url("images/newly-logo-sp.png");
  padding-top: 33px;
}

.ready-built .page-title, .tax-ready_cat .page-title {
  background-color: #7F6640;
}
.ready-built #primary .ready-built h1.title-logo, .tax-ready_cat #primary .ready-built h1.title-logo {
  background: transparent url("images/ready-logo-sp.png");
  padding-top: 33px;
}
.ready-built #secondary h1.page-title, .tax-ready_cat #secondary h1.page-title {
  background: transparent url("images/ready-logo-pc.png");
  padding-top: 40px;
}

.ready-cat {
  background-color: #666666;
  text-align: center;
  border-radius: 2px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  color: #FFF;
}

.single-ready .page-title {
  background-color: #7F6640;
}
.single-ready .two-pane #primary .ready-built-single h1.title-logo {
  background: transparent url("images/ready-logo-sp.png");
  padding-top: 33px;
  text-indent: unset;
  text-wrap: normal;
}
.single-ready .two-pane #primary .ready-built-single .entry-title {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
.single-ready .two-pane #primary .ready-built-single .date-wrapper {
  margin-bottom: 20px;
}
.single-ready .two-pane #primary .ready-built-single .date {
  color: #666666;
  font-size: 11px;
}
.single-ready .two-pane #primary .ready-built-single .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-ready .two-pane #primary .ready-built-single .contents figure {
  margin: 0;
}
.single-ready .two-pane #primary .ready-built-single .contents figure img {
  min-width: 90px;
  min-height: 90px;
  width: 100%;
  height: 100%;
}
.single-ready .two-pane #primary .ready-built-single .contents .newly-excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-ready .two-pane #primary .ready-built-single .contents .newly-excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
.single-ready .two-pane #primary .ready-built-single .contents .newly-more {
  text-align: right;
  text-decoration: underline;
}
.single-ready .two-pane #secondary h1.page-title {
  background: transparent url("images/ready-logo-pc.png");
  padding-top: 40px;
  text-indent: unset;
  text-wrap: normal;
}

#primary .ready-built .newly-built-list {
  margin: 0;
  padding: 0;
}
#primary .ready-built .newly-built-list li {
  list-style: none;
  margin-bottom: 80px;
}
#primary .ready-built .newly-built-list a {
  text-decoration: none;
  color: #333333;
}
#primary .ready-built .newly-built-list .newly-cat {
  background-color: #666666;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  border-radius: 1px;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#primary .ready-built .newly-built-list h3 {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
#primary .ready-built .newly-built-list p {
  margin: 0;
}
#primary .ready-built .newly-built-list .date-wrapper {
  margin-bottom: 15px;
}
#primary .ready-built .newly-built-list .date {
  color: #666666;
  font-size: 11px;
}
#primary .ready-built .newly-built-list .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#primary .ready-built .newly-built-list .contents figure {
  margin: 0;
  border: 1px solid #ECECEC;
}
#primary .ready-built .newly-built-list .contents figure img {
  min-width: 90px;
  min-height: 90px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#primary .ready-built .newly-built-list .contents .newly-excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#primary .ready-built .newly-built-list .contents .newly-excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
#primary .ready-built .newly-built-list .contents .newly-more {
  text-align: right;
  text-decoration: underline;
}

#secondary.ready h1.page-title {
  background: transparent url("images/ready-logo-pc.png");
  padding-top: 33px;
  text-indent: unset;
  text-wrap: normal;
}
.tax-newly_cat h1.title-logo {
  background: transparent url("images/newly-logo-sp.png");
  padding-top: 33px;
}

.tax-ready_cat #primary .ready-built h1.title-logo {
  background: transparent url("images/ready-logo-sp.png");
  padding-top: 33px;
}
.tax-ready_cat #secondary h1.page-title {
  background: transparent url("images/ready-logo-pc.png");
  padding-top: 33px;
}

.faq-list .page-title, .tax-faq_cat .page-title {
  background-color: #104E8A;
}
.faq-list #primary .faq h1.title-logo, .tax-faq_cat #primary .faq h1.title-logo {
  background: transparent url("images/faq-logo-sp.png");
  padding-top: 33px;
}
.faq-list #primary .faq .built-list .question, .tax-faq_cat #primary .faq .built-list .question {
  padding: 0 1rem 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
}
.faq-list #primary .faq .built-list .question .question-icon, .tax-faq_cat #primary .faq .built-list .question .question-icon {
  min-width: 46px;
}
.faq-list #primary .faq .built-list .question .question-icon img, .tax-faq_cat #primary .faq .built-list .question .question-icon img {
  vertical-align: top;
}
.faq-list #primary .faq .built-list .question h3, .tax-faq_cat #primary .faq .built-list .question h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.3rem;
  border-bottom: none;
  padding: 0;
  min-height: 46px;
  margin: 0 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq-list #primary .faq .built-list .contents, .tax-faq_cat #primary .faq .built-list .contents {
  padding: 0 1rem;
}
.faq-list #primary .faq .built-list .contents .answer-icon, .tax-faq_cat #primary .faq .built-list .contents .answer-icon {
  min-width: 46px;
}

#secondary.faq h1.page-title {
  padding-top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2em;
  background: transparent url("images/faq-logo-pc.png");
}
@media screen and (min-width: 768px) {
  #secondary.faq h1.page-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#secondary.faq h1.page-title .text-middle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.faq-cat {
  background-color: #666666;
  text-align: center;
  border-radius: 2px;
  padding: 0 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 10px;
  color: #FFF;
}

.single-faq .page-title {
  background-color: #104E8A;
}
.single-faq .two-pane #primary .faq-single h1.title-logo {
  background: transparent url("images/faq-logo-sp.png");
  padding-top: 33px;
  text-indent: unset;
  text-wrap: normal;
}
.single-faq .two-pane #primary .faq-single .question {
  padding: 0 1rem 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 15px;
}
.single-faq .two-pane #primary .faq-single .question .question-icon {
  min-width: 46px;
}
.single-faq .two-pane #primary .faq-single .question .question-icon img {
  vertical-align: top;
}
.single-faq .two-pane #primary .faq-single .question h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.3rem;
  border-bottom: none;
  margin: 0;
  padding: 0;
  margin: 0 0 0 24px;
}
.single-faq .two-pane #primary .faq-single .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
}
.single-faq .two-pane #primary .faq-single .contents .answer-icon {
  min-width: 46px;
}
.single-faq .two-pane #primary .faq-single .contents .content-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single-faq .two-pane #primary .faq-single .contents .content-wrapper p {
  margin: 0;
}
.single-faq .two-pane #secondary h1.page-title {
  background: transparent url("images/faq-logo-pc.png");
  text-indent: unset;
  text-wrap: wrap;
  padding-top: 0;
}

#primary .faq .newly-built-list {
  margin: 0;
  padding: 0;
}
#primary .faq .newly-built-list li {
  list-style: none;
  margin-bottom: 80px;
}
#primary .faq .newly-built-list a {
  text-decoration: none;
  color: #333333;
}
#primary .faq .newly-built-list .newly-cat {
  background-color: #666666;
  font-size: 13px;
  text-align: center;
  color: #FFF;
  border-radius: 1px;
  padding: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#primary .faq .newly-built-list h3 {
  color: #333;
  font-size: 24px;
  margin-top: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
}
#primary .faq .newly-built-list p {
  margin: 0;
}
#primary .faq .newly-built-list .date-wrapper {
  margin-bottom: 15px;
}
#primary .faq .newly-built-list .date {
  color: #666666;
  font-size: 11px;
}
#primary .faq .newly-built-list .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#primary .faq .newly-built-list .contents figure {
  margin: 0;
  border: 1px solid #ECECEC;
}
#primary .faq .newly-built-list .contents figure img {
  min-width: 90px;
  min-height: 90px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#primary .faq .newly-built-list .contents .newly-excerpt-wrapper {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#primary .faq .newly-built-list .contents .newly-excerpt {
  word-break: break-all;
  overflow: hidden; /* ハミ出した部分を隠す */
  text-overflow: ellipsis; /* 「…」と省略 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /** webkit以外のフォールバック */
  line-height: 24px;
  max-height: 48px;
}
#primary .faq .newly-built-list .contents .newly-more {
  text-align: right;
  text-decoration: underline;
}

#secondary.faq h1.page-title {
  background: transparent url("images/faq-logo-pc.png");
  text-indent: unset;
  text-wrap: wrap;
}
.tax-newly_cat h1.title-logo {
  background: transparent url("images/newly-logo-sp.png");
  padding-top: 33px;
}

.tax-faq_cat #primary .faq h1.title-logo {
  background: transparent url("images/faq-logo-sp.png");
  padding-top: 33px;
}
.tax-faq_cat #secondary h1.page-title {
  background: transparent url("images/faq-logo-pc.png");
}

.contactus .page-title {
  background-color: #666666;
}
.contactus .grecaptcha-badge {
  visibility: hidden;
}
.contactus .contactus-content .contactus-form {
  margin-bottom: 5rem;
}
.contactus .contactus-content table {
  border-collapse: separate;
  border-spacing: 0px 5px;
}
.contactus .contactus-content table .last td:last-child {
  width: 100%;
}
.contactus .contactus-content table tr {
  margin-bottom: 5px;
}
.contactus .contactus-content table th, .contactus .contactus-content table td {
  　　border-bottom: none;
  display: block;
  width: 100%;
  text-align: left;
  font-weight: normal;
  padding: 15px 15px 5px;
}
@media screen and (min-width: 768px) {
  .contactus .contactus-content table th, .contactus .contactus-content table td {
    display: table-cell;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .contactus .contactus-content table th {
    min-width: 200px;
  }
}
.contactus .contactus-content table td:last-child {
  padding-bottom: 15px;
}
.contactus .contactus-content table .wpcf7-list-item {
  margin: 0;
}
.contactus .contactus-content table .form-item-subject .wpcf7-list-item {
  width: 100%;
}
.contactus .contactus-content table .mb-15px {
  margin-bottom: 15px;
}
.contactus .contactus-content table .reservation-note {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0;
}
.contactus .contactus-content table .indent-1rem {
  margin-left: 1.5rem;
}
.contactus .contactus-content table input[name=text-name] {
  width: 100%;
}
.contactus .contactus-content table .text-last-name, .contactus .contactus-content table .text-first-name {
  margin-left: 0.5rem;
}
.contactus .contactus-content table input[name=tel-number], .contactus .contactus-content table input[name=email-address], .contactus .contactus-content table input[name=text-addr] {
  width: 100%;
}
.contactus .contactus-content table input[name=text-zip] {
  width: 100%;
  max-width: 12em;
}
.contactus .contactus-content table.contact-form-table-detail {
  margin-bottom: 0;
}
.contactus .contactus-content table.contact-form-table-detail tr {
  background-color: #F7EFF7;
}
.contactus .contactus-content table.contact-form-table-information {
  margin-bottom: 0.5rem;
}
.contactus .contactus-content table.contact-form-table-information tr {
  background-color: #F7F7F7;
}
.contactus .contactus-content .button-submit {
  text-align: center;
  margin-top: 0.5rem;
}
.contactus .contactus-content .button-submit input {
  background-color: #666666;
  color: #FFF;
  width: 116px;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.contactus .contactus-content .contactus-privacy {
  line-height: 2em;
}

.blog .page-title, .info .page-title {
  background-color: #D55F41;
}
.blog #primary .information h1.title-logo, .info #primary .information h1.title-logo {
  background: transparent url("images/info-logo-sp.png");
  padding-top: 33px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.blog #primary .information h2.entry-title, .info #primary .information h2.entry-title {
  border-bottom: none;
}
.blog #secondary h1.page-title, .info #secondary h1.page-title {
  background-color: #D55F41;
  max-width: 164px;
  aspect-ratio: 1/1;
}

figure.wp-block-gallery.columns-2.is-cropped ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.single-post .page-title {
  background-color: #D55F41;
}
/*# sourceMappingURL=style.css.map */