@charset "UTF-8";
/* CSS Document */
/* 色 */
/*$at-green:#57da6c;*/
/* Normalize */
html {
  font-family: "Hiragino Kaku Gothic W3 JIS2004", Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
  margin: 0;
  padding: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
address {
  font-style: normal;
}

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/* レスポンシブ タイプセッティングへの対応 */
/* html { font-size: 75%} */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0;
}

/* 禁則処理 */
p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  /*  max-width: 100%; */ /* フルードイメージへの対応 */
  vertical-align: middle; /* 追加箇所 */
  border: 0;
}

/* IE8 max-width バグ対応 ====================================================*/
/* .ie8 img{width: auto; height: auto} ====================================== */
/* IE8でエラーの場合は、imgにclass指定'ie8' する==============================*/
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 0 0;
  padding: 0 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ==================== list ==================== */
ul, li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

/* ==================== style ==================== */
/* common */
html {
  font-size: 62.5%;
  line-height: 1;
}

body {
  color: #333;
  position: relative;
  background-image: url(/assets/img/img-bkg-tile.png);
  background-repeat: repeat;
  background-size: 9.5rem 9.5rem;
  font-style: normal;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ W3 JIS2004", sans-serif;
  /* decolation */
  /* 色定義 */
}
body a {
  color: #1BB899;
  /* 事例のスムーススクロール用ターゲット色 */
}
body a[href^="/"] {
  color: #1BB899;
}
body a[href^="/"]::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
body a[href^=http] {
  color: #1BB899;
}
body a[href^=http]::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
body a[href^=http].white {
  color: #fff;
}
@media screen and (min-width: 769px) {
  body a:hover {
    color: #ff571a;
  }
}
body a.jireiTarget {
  color: #E29422;
}
body h1, body h2, body h3, body h4, body dt {
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
}
body h1 span, body h2 span, body h3 span, body h4 span, body dt span {
  display: block;
}
body .strong-red {
  color: #C33;
}
body.underlayer header {
  margin-bottom: 3.8rem;
}
body.underlayer.bousai h2 {
  color: #ff571a;
}
body.underlayer.about h2, body.underlayer.about h3, body.underlayer.about dt {
  color: #1BB899;
}
body.underlayer.tatami h2, body.underlayer.tatami h3, body.underlayer.tatami dt {
  color: #55AA33;
}
body.underlayer.fusuma h2, body.underlayer.fusuma h3, body.underlayer.fusuma dt {
  color: #2E3C62;
}
body.underlayer.anmin h2, body.underlayer.anmin h3, body.underlayer.anmin dt {
  color: #009DDE;
}
body.underlayer.reform-policy header {
  margin-bottom: 0;
}
body.underlayer.step h2, body.underlayer.step h3, body.underlayer.step dt {
  color: #E29422;
}
body.underlayer.privacy h2, body.underlayer.privacy h3, body.underlayer.privacy dt {
  color: #1BB899;
}
body.underlayer.partner h2, body.underlayer.partner h3, body.underlayer.partner dt {
  color: #1BB899;
}
body.underlayer.contact h2, body.underlayer.contact h3, body.underlayer.contact dt {
  color: #E29422;
}
body.underlayer.jirei h2, body.underlayer.jirei h3, body.underlayer.jirei dt {
  color: #E29422;
}
body.underlayer.jirei-under h2, body.underlayer.jirei-under h3, body.underlayer.jirei-under h4, body.underlayer.jirei-under dt {
  color: #E29422;
}
@media screen and (min-width: 768px) {
  body.underlayer.jirei-under h4 {
    font-size: 2.2rem;
  }
}

/* ボックス定義 */
div, ul, ol, dl, li, dt, dl, input, textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

ul, ol, dl, li {
  list-style-type: none;
}

/* on / off */
.smp {
  display: inline;
}
@media screen and (min-width: 769px) {
  .smp {
    display: none;
  }
}

.pc {
  display: none;
}
@media screen and (min-width: 769px) {
  .pc {
    display: inline;
  }
}

/* ボタン総合 */
.btn-box-std {
  width: 100%;
}
.btn-box-std.listTable {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 3rem;
}
@media screen and (min-width: 640px) {
  .btn-box-std.listTable {
    width: 63rem;
    margin: 0 auto 6rem calc((100% - 63rem) / 2 + 1rem);
  }
}
@media screen and (min-width: 769px) {
  .btn-box-std.listTable {
    width: 64rem;
    margin: 0 auto 6rem calc((100% - 64rem) / 2 + 1rem);
  }
}
@media screen and (min-width: 900px) {
  .btn-box-std.listTable {
    width: 85rem;
    margin: 0 auto 6rem calc((100% - 85rem) / 2 + 1rem);
  }
}
.btn-box-std.listTable .btn-link {
  width: 30rem;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 640px) {
  .btn-box-std.listTable .btn-link {
    margin-top: 0;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
  }
}
@media screen and (min-width: 769px) {
  .btn-box-std.listTable .btn-link {
    width: 20rem;
    margin: 0 1rem 1rem 0;
  }
}
@media screen and (min-width: 769px) {
  .btn-box-std {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .btn-box-std.double-box {
    width: 64.4rem;
    margin: 0 auto;
  }
}

.btn-link {
  width: 14.5rem;
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 1.4rem;
  background-image: url(/assets/img/icon-arrow-link-white.png);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
  border-radius: 2.2rem;
  position: relative;
}
.btn-link a {
  color: #ffffff;
}
.btn-link.bousai {
  background-color: #ff571a;
}
.btn-link.reform {
  background-color: #ffc800;
}
.btn-link.tatami {
  background-color: #55AA33;
}
.btn-link.fusuma {
  background-color: #2E3C62;
}
.btn-link.anmin {
  background-color: #009DDE;
}
.btn-link.reform-policy {
  width: 30rem;
  margin: 0 auto;
  background-color: #ffc800;
}
@media screen and (min-width: 769px) {
  .btn-link.reform-policy {
    /*	margin:{
    		top:0;
    		right:1.1rem;
    		left:auto;
    		bottom:0;
    	};			*/
  }
}
.btn-link.hoken {
  background-color: #999999;
}
.btn-link.thanks {
  width: 30rem;
  margin: 0 auto;
}
.btn-link.for-top {
  width: 30rem;
  margin: 0 auto;
}
.btn-link.gosoudan {
  width: 30rem;
  margin: 0 auto;
  background-color: #fff;
  background-image: url(/assets/img/icon-arrow-link-green.png);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
  border-top: 2px solid #1BB899;
  border-right: 2px solid #1BB899;
  border-bottom: 2px solid #1BB899;
  border-left: 2px solid #1BB899;
  border-radius: 4.2rem;
}
.btn-link.jirei {
  width: 30rem;
  margin: 0 auto;
  background-color: #fff;
  background-image: url(/assets/img/icon-arrow-link-common.svg);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
  border-top: 2px solid #E29422;
  border-right: 2px solid #E29422;
  border-bottom: 2px solid #E29422;
  border-left: 2px solid #E29422;
  border-radius: 4.2rem;
}
.btn-link.large {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btn-link.large {
    width: 50rem;
    margin: 0 auto;
  }
}
.btn-link.contact {
  background-color: #fff;
  width: 85.3%;
  max-width: 32rem;
  margin: 0 auto 1.6rem;
  height: 4.4rem;
  max-height: 4.4rem;
  vertical-align: middle;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-left: 1.7rem;
}
@media screen and (min-width: 375px) {
  .btn-link.contact {
    display: block;
    padding-left: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .btn-link.contact {
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: 1.6rem;
  }
  .btn-link.contact h2 {
    display: inline-block;
  }
}
@media screen and (min-width: 900px) {
  .btn-link.contact {
    margin-top: 8rem;
    margin-left: auto;
    margin-right: 1rem;
  }
}
.btn-link.contact span {
  vertical-align: middle;
}
.btn-link.contact .address-icon {
  width: 12.18%;
  max-width: 3.9rem;
}
.btn-link.contact .address-phone {
  font-size: 2rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
}
.btn-link.contact .address-caption {
  font-size: 1rem;
}
.btn-link.contact.form {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  background-image: url(/assets/img/icon-arrow-link.png);
  background-size: 1.6rem 0.8rem;
  background-position: calc(100% - 1.2rem) center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .btn-link.contact.form {
    margin-left: 1rem;
    margin-right: 6rem;
  }
}
@media screen and (min-width: 900px) {
  .btn-link.contact.form {
    margin-left: 0rem;
    margin-right: auto;
  }
}
.btn-link.spacing {
  margin-bottom: 2.2rem;
}
@media screen and (min-width: 769px) {
  .btn-link.spacing {
    margin-bottom: 0;
  }
}
.btn-link a {
  color: #fff;
}
.btn-link a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
.btn-link.bottomspace {
  margin-bottom: 6rem;
}
.btn-link.bottomspace2 {
  margin-bottom: 8rem;
}
.btn-link.bottomspace3 {
  margin-bottom: 9rem;
}

/* 文字サイズ　*/
div {
  /* トップページのボタン */
}
div.wrapper {
  position: relative;
  min-width: 32rem;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  div.wrapper {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  div.wrapper {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1080px) {
  div.wrapper {
    width: 100%;
    margin: 0 auto;
  }
}
div.btn-link {
  width: 16rem;
  font-size: 1.6rem;
  background-color: #1BB899;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 2.1rem;
  position: relative;
}
div.btn-link.std {
  position: relative;
  width: 19rem;
  left: 1.9rem;
}
div.btn-link.std.tatami {
  background-color: #55AA33;
}
div.btn-link.std.jirei {
  margin: 0 auto 0 0;
  background-color: #E29422;
  background-image: url(/assets/img/icon-arrow-link-white.png);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
}
div.btn-link.std.newsred {
  background-color: #ff571a;
}
div.btn-link.std.about {
  background-color: #2E3C62;
}
div.btn-link.std.new {
  left: 0;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  div.btn-link.std.new {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  div.btn-link.std.new {
    margin-right: 0;
    margin-left: 0;
  }
}
div.btn-link.std.neko {
  width: 19rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-radius: 4rem;
}
div.btn-link a {
  color: #fff;
}
div.btn-link a.gosoudan {
  color: #1BB899;
}
div.btn-link a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
div.btn-link a.jirei {
  color: #E29422;
}
div.btn-link a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
div.top-main {
  margin-left: -0.2rem;
}
@media screen and (min-width: 1200px) {
  div.top-main {
    margin-left: 4.8rem;
    width: 16rem;
  }
}

figure {
  position: relative;
}

.bottom-2rem {
  margin-bottom: 2rem;
}

.bottom-4rem {
  margin-bottom: 4rem;
}

/* ヘッダー　*/
header {
  position: relative;
  width: 100%;
  height: 50rem;
  background-image: url(/assets/img/img-bkg-top-new3.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 50rem;
}
header.kiji {
  background-image: none;
  height: 8rem;
}
header.bousai {
  background-image: url(/assets/img/img-bkg-top.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 50rem;
}
header.about {
  background-image: url(/assets/img/img-bkg-topmenu.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 50rem;
}
header.step {
  background-image: url(/assets/img/img-bkg-step-sq.jpg);
}
header.tatami {
  background-image: url(/assets/img/img-bkg-tatami-sq.jpg);
}
header.fusuma {
  background-image: url(/assets/img/img-bkg-fusuma-sq.jpg);
}
header.anmin {
  background-image: url(/assets/img/img-bkg-anmin-sq.jpg);
}
header.reform-policy {
  background-image: none;
  height: 27rem;
}
header.privacy {
  background-image: url(/assets/img/img-bkg-privacy-sq.jpg);
}
header.partner {
  height: 30rem;
  background-image: url(/assets/img/img-bkg-partner-sq.jpg);
  background-position: center bottom;
  background-size: 100%;
}
header.contact {
  height: 30rem;
  background-image: url(/assets/img/img-bkg-contact-sq.jpg);
  background-position: center bottom;
  background-size: 100%;
}
header.jirei-under {
  background-image: none;
  background-color: #ffffff;
  height: calc(100vw - 3.8rem + 22.4rem);
}
@media screen and (min-width: 768px) {
  header.jirei-under {
    height: calc(44vw + 20rem);
    max-height: 70rem;
  }
}
@media screen and (min-width: 500px) {
  header {
    background-image: url(/assets/img/img-bkg-top-500-new3.jpg);
  }
  header.bousai {
    background-image: url(/assets/img/img-bkg-top-500.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 50rem;
  }
  header.about {
    background-image: url(/assets/img/img-bkg-topmenu-500.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 50rem;
  }
  header.tatami {
    background-image: url(/assets/img/img-bkg-tatami-500.jpg);
  }
  header.fusuma {
    background-image: url(/assets/img/img-bkg-fusuma-500.jpg);
  }
  header.anmin {
    background-image: url(/assets/img/img-bkg-anmin-500.jpg);
  }
  header.reform-policy {
    background-image: none;
    height: 27rem;
  }
  header.step {
    background-image: url(/assets/img/img-bkg-step-500.jpg);
  }
  header.privacy {
    background-image: url(/assets/img/img-bkg-privacy-500.jpg);
  }
  header.partner {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-partner-500.jpg);
    background-size: auto 30rem;
  }
  header.contact {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-contact-500.jpg);
    background-size: auto 30rem;
  }
  header.jirei-under {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  header {
    background-image: url(/assets/img/img-bkg-top-1200-new3.jpg);
  }
  header.bousai {
    background-image: url(/assets/img/img-bkg-top-1200.jpg);
  }
  header.about {
    background-image: url(/assets/img/img-bkg-topmenu-1200.jpg);
  }
  header.tatami {
    background-image: url(/assets/img/img-bkg-tatami-1200.jpg);
  }
  header.fusuma {
    background-image: url(/assets/img/img-bkg-fusuma-1200.jpg);
  }
  header.anmin {
    background-image: url(/assets/img/img-bkg-anmin-1200.jpg);
  }
  header.step {
    background-image: url(/assets/img/img-bkg-step-1200.jpg);
  }
  header.privacy {
    background-image: url(/assets/img/img-bkg-privacy-1200.jpg);
  }
  header.partner {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-partner-1200.jpg);
    background-position: center center;
    background-size: auto 30rem;
  }
  header.contact {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-contact-1200.jpg);
    background-position: center center;
    background-size: auto 30rem;
  }
  header.jirei {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-jirei-1200.jpg);
    background-position: center center;
    background-size: auto 30rem;
  }
}
@media screen and (min-width: 1920px) {
  header {
    background-position: center center;
    background-size: 100% auto;
  }
  header.partner {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-partner-1200.jpg);
    background-position: center center;
    background-size: 100% auto;
  }
  header.contact {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-contact-1200.jpg);
    background-position: center center;
    background-size: 100% auto;
  }
  header.jirei {
    height: 30rem;
    background-image: url(/assets/img/img-bkg-jirei-1200.jpg);
    background-position: center center;
    background-size: 100% auto;
  }
}
header .header-bar {
  position: fixed;
  width: 100%;
  height: 8rem;
  z-index: 7000;
  background-color: rgba(255, 255, 255, 0.4);
}
header .header-bar #company-logo {
  position: relative;
  width: 20rem;
}
@media screen and (min-width: 1200px) {
  header .header-bar #company-logo {
    left: calc((100% - 120rem) / 2);
  }
}
header .header-bar .header-logo {
  position: relative;
  top: 1.4rem;
  left: 1rem;
  width: 20rem;
  height: auto;
  z-index: 7100;
  width: 20rem;
}

nav {
  position: relative;
}
nav.page-menu {
  top: 0;
  left: 0;
}
nav.page-menu .menu-btn {
  position: fixed;
  top: 1.2rem;
  left: calc(100% - 6rem);
  display: block;
  width: 5rem;
  height: 5rem;
  z-index: 10001;
  /* メニューオープン時のボタン */
}
nav.page-menu .menu-btn .menu-icon-bar {
  display: block;
  position: relative;
  width: 5rem;
  height: 0.5rem;
  background-color: #1BB899;
  border-radius: 0.5rem;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-property: top, background-color, -webkit-transform;
  transition-property: top, background-color, -webkit-transform;
  transition-property: transform, top, background-color;
  transition-property: transform, top, background-color, -webkit-transform;
}
nav.page-menu .menu-btn .menu-icon-bar.top-bar {
  position: relative;
  top: 0.7rem;
}
nav.page-menu .menu-btn .menu-icon-bar.middle-bar {
  position: relative;
  top: 1.7rem;
}
nav.page-menu .menu-btn .menu-icon-bar.bottom-bar {
  position: relative;
  top: 2.7rem;
}
nav.page-menu .menu-btn.is-open .menu-icon-bar {
  background-color: #ffffff;
}
nav.page-menu .menu-btn.is-open .menu-icon-bar.top-bar {
  position: relative;
  top: 2.1rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
nav.page-menu .menu-btn.is-open .menu-icon-bar.middle-bar {
  background-color: rgba(255, 255, 255, 0);
}
nav.page-menu .menu-btn.is-open .menu-icon-bar.bottom-bar {
  position: relative;
  top: 1.1rem;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media screen and (min-width: 1201px) {
  nav.page-menu .menu-btn {
    left: calc(100% - (100% - 110rem) / 2);
  }
}
nav.page-menu ul {
  position: fixed;
  display: block;
  width: 100%;
  height: 100vh;
  padding-top: 7rem;
  top: 0;
  left: 0;
  z-index: 8000;
  background-color: #1BB899;
}
nav.page-menu ul li {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 1.2rem;
  padding-left: 1.5rem;
  padding-bottom: 1.2rem;
  margin-bottom: 0.5rem;
  background-image: url(/assets/img/icon-arrow-link-white.png);
  background-position: calc(100% - 1.2rem) center;
  background-repeat: no-repeat;
  background-size: 1.6rem 0.8rem;
  background-color: rgba(55, 55, 55, 0.4);
  border: none;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  nav.page-menu ul li {
    width: 49.5%;
    height: 4rem;
    margin-right: 0;
    margin-left: 0.3%;
  }
}
@media screen and (min-width: 1200px) {
  nav.page-menu ul li {
    width: 32.93%;
  }
}
nav.page-menu ul a {
  color: #fff;
}
nav.page-menu ul a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
@media screen and (min-width: 768px) {
  nav.page-menu ul {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding-bottom: 1.6rem;
  }
}
@media screen and (min-width: 1201px) {
  nav.page-menu ul {
    padding-left: calc((100% - 120rem) / 2);
    padding-right: calc((100% - 120rem) / 2);
  }
}

/* 各アーティクル */
article.top-block {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  width: calc(100% - 1.9rem);
  z-index: 6000;
  top: 10.7rem;
  left: 1.9rem;
}
@media screen and (min-width: 500px) {
  article.top-block {
    width: calc(100% - 1.9rem);
  }
}
@media screen and (min-width: 768px) {
  article.top-block {
    left: 8%;
    width: calc(76.8rem - 8%);
  }
}
@media screen and (min-width: 1200px) {
  article.top-block {
    left: calc((100% - 120rem) / 2 + 6.5rem);
    width: 113.5rem;
  }
}
article.top-block.indexPage h1 {
  font-size: 2.4rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
@media screen and (min-width: 1200px) {
  article.top-block.indexPage h1 {
    top: 13.5rem;
    font-size: 2.8rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.bousai h1 {
  color: #ff571a;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.bousai h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.bousai h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.about h1 {
  color: #1BB899;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.about h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.about h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.tatami h1 {
  color: #55AA33;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.tatami h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.tatami h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.fusuma h1 {
  color: #2E3C62;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.fusuma h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.fusuma h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.anmin h1 {
  color: #009DDE;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.anmin h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.anmin h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.reform-policy h1 {
  color: #333;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 1.2rem;
}
article.top-block.reform-policy h1 span {
  display: block;
}
@media screen and (min-width: 769px) {
  article.top-block.reform-policy h1 {
    font-size: 2.8rem;
    line-height: 1.67;
  }
  article.top-block.reform-policy h1 span {
    display: inline;
  }
  article.top-block.reform-policy h1 span.parents {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  article.top-block.reform-policy h1 {
    font-size: 3.2rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.step h1 {
  color: #E29422;
  font-size: 3.2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.step h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.step h1 {
    font-size: 3.2rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.step h2.step1 {
  width: 30rem;
}
article.top-block.privacy h1 {
  color: #1BB899;
  font-size: 2rem;
  line-height: 1.67;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.privacy h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.privacy h1 {
    font-size: 2.4rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
}
article.top-block.partner h1 {
  color: #1BB899;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.partner h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.partner h1 {
    font-size: 3.2rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
  article.top-block.partner h1 span {
    display: inline;
  }
}
article.top-block.contact h1 {
  color: #E29422;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.contact h1 span {
  display: block;
}
@media screen and (min-width: 1200px) {
  article.top-block.contact h1 {
    font-size: 3.2rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
  article.top-block.contact h1 span {
    display: inline;
  }
}
@media screen and (min-width: 768px) {
  article.top-block.jirei {
    left: 0;
    width: 100%;
  }
}
article.top-block.jirei h1 {
  color: #E29422;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 1.2rem;
  text-shadow: 1px 1px #fff;
}
article.top-block.jirei h1 span {
  display: block;
}
@media screen and (min-width: 768px) {
  article.top-block.jirei h1 {
    padding-left: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  article.top-block.jirei h1 {
    width: 120rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.2rem;
    line-height: 1.67;
    padding-left: 5rem;
    width: 108.5rem;
  }
  article.top-block.jirei h1 span {
    display: inline;
  }
}
article.top-block.jirei .header-wrapper {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  article.top-block.jirei .header-wrapper {
    width: 120rem;
    margin-left: auto;
    margin-right: auto;
  }
}
article.top-block.jirei .header-wrapper .jireiSubTitle {
  position: relative;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  article.top-block.jirei .header-wrapper .jireiSubTitle {
    margin-left: 7rem;
    margin-bottom: 3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  article.top-block.jirei .header-wrapper .jireiSubTitle {
    margin-left: 8rem;
  }
}
article.top-block.jirei .header-wrapper .jireiTopImg {
  width: calc(100% - 1.9rem);
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 768px) {
  article.top-block.jirei .header-wrapper .jireiTopImg {
    width: 100%;
    max-width: 104rem;
    margin-right: auto;
    margin-left: auto;
  }
}
article.top-block.jirei .header-wrapper .jireiTopImg img {
  width: 100%;
}
article.body h2 {
  position: relative;
  font-size: 2rem;
  line-height: 1.5;
  /*	フロントページの見出し色設定　*/
}
article.body h2 span {
  display: block;
}
@media screen and (min-width: 769px) {
  article.body h2 span.pc {
    display: inline;
  }
}
article.body h2.std {
  color: #1BB899;
}
article.body h2.newsred {
  color: #ff571a;
}
article.body h2.about {
  color: #2E3C62;
}
article.body h2.tatami {
  color: #55AA33;
}
article.body h2.jirei {
  color: #E29422;
}
article.body h3 {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.25;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
}
article.body h3 span {
  display: block;
}
article.body h4 {
  position: relative;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 1.6rem;
}
article.body h4 span {
  display: block;
}
article.body.last {
  margin-bottom: 6.3rem;
}
article.body.last .btn-box-std {
  margin-bottom: 4rem;
}
article.body .maintext {
  width: 90%;
  max-width: 90rem;
  margin: 0 auto;
}
article.body .maintext h2 {
  margin-bottom: 2.5rem;
}
article.body .maintext h2.step {
  padding-left: 8rem;
  font-size: 2.4rem;
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step {
    font-size: 2.8rem;
    height: 6.8rem;
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step01 {
    height: 8.6rem;
    padding-top: 1.4rem;
    background-image: url(/assets/img/img-number-step1.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step01 {
    background-image: url(/assets/img/img-number-step1-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step01 span {
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  article.body .maintext h2.step.step01 span {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step01 span {
    display: inline;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step02 {
    height: 8.6rem;
    padding-top: 1.4rem;
    background-image: url(/assets/img/img-number-step2.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step02 {
    background-image: url(/assets/img/img-number-step2-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step02 span {
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  article.body .maintext h2.step.step02 span {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step02 span {
    display: inline;
  }
}
article.body .maintext h2.step.step03 {
  font-size: 2.8rem;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step03 {
    height: 7.3rem;
    padding-top: 2.7rem;
    background-image: url(/assets/img/img-number-step3.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step03 {
    background-image: url(/assets/img/img-number-step3-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step04 {
  font-size: 2.8rem;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step04 {
    height: 7.3rem;
    padding-top: 2.7rem;
    background-image: url(/assets/img/img-number-step4.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step04 {
    background-image: url(/assets/img/img-number-step4-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step05 {
  font-size: 2.8rem;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step05 {
    height: 7.3rem;
    padding-top: 2.7rem;
    background-image: url(/assets/img/img-number-step5.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step05 {
    background-image: url(/assets/img/img-number-step5-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .maintext h2.step.step06 {
    height: 10.4rem;
    padding-top: 0rem;
    background-image: url(/assets/img/img-number-step6.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
    background-position: 0 0.3rem;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step06 {
    background-image: url(/assets/img/img-number-step6-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step06 span {
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  article.body .maintext h2.step.step06 span {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step06 span {
    display: inline;
  }
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  article.body .maintext h2.step.step07 {
    height: 10.4rem;
    padding-top: 0rem;
    background-image: url(/assets/img/img-number-step7.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
    background-position: 0 0.3rem;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step07 {
    background-image: url(/assets/img/img-number-step7-769.svg);
    background-repeat: no-repeat;
    background-size: auto 75px;
  }
}
article.body .maintext h2.step.step07 span {
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 374px) {
  article.body .maintext h2.step.step07 span {
    display: inline;
  }
}
@media screen and (min-width: 769px) {
  article.body .maintext h2.step.step07 span {
    display: inline;
  }
}
article.body .maintext h3.step {
  font-size: 2.4rem;
  line-height: 1.5;
}
article.body .maintext h3.twoLine {
  line-height: 1.25;
}
article.body .maintext h3.attention {
  color: #C33;
}
article.body .maintext h3.jireiTitle {
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 769px) {
  article.body .maintext h3.jireiTitle {
    font-size: 2.6rem;
    margin-bottom: 3.2rem;
  }
}
article.body .maintext h3.newsHeader {
  font-size: 2.4rem;
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  article.body .maintext h3.newsHeader {
    font-size: 3.6rem;
  }
}
article.body .maintext h3.newsBody {
  font-size: 2.4rem;
  line-height: 1.25;
}
article.body .maintext h3.newsBody span {
  display: block;
}
@media screen and (min-width: 769px) {
  article.body .maintext h3.newsBody {
    font-size: 2.6rem;
  }
  article.body .maintext h3.newsBody span {
    display: inline;
  }
}
article.body .maintext h5 {
  font-size: 2rem;
}
article.body .maintext h5.columnH5 {
  color: #E29422;
  margin-bottom: 1rem;
}
article.body .maintext p {
  font-size: 1.6rem;
  line-height: 1.6875;
}
article.body .maintext p.text-caption {
  padding-left: 1em;
}
article.body .maintext p.newsHeaderSub {
  color: #333;
}
@media screen and (min-width: 769px) {
  article.body .maintext p.newsHeaderSub {
    font-size: 2.4rem;
    color: #666;
  }
}
article.body .maintext p.textbottom {
  margin-bottom: 6.3rem;
}
article.body .maintext p.textbottom._1rem {
  margin-bottom: 1rem;
}
article.body .maintext p.textbottom._2rem {
  margin-bottom: 2rem;
}
article.body .maintext p.textbottom._3rem {
  margin-bottom: 3rem;
}
article.body .maintext p.textbottom._4rem {
  margin-bottom: 4rem;
}
article.body .maintext p.textbottom._5rem {
  margin-bottom: 5rem;
}
article.body .maintext p.textbottom.flextext {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  article.body .maintext p.textbottom.flextext {
    margin-bottom: 6.3rem;
  }
}
article.body .maintext p.textbottomHalf {
  margin-bottom: 0.5em;
}
article.body .maintext p.textbottom1l {
  margin-bottom: 1em;
}
article.body .maintext p.textbottom2l {
  margin-bottom: 2em;
}
article.body .maintext p.textbottom3l {
  margin-bottom: 3em;
}
article.body .maintext p.textbottom2 {
  margin-bottom: 3rem;
}
article.body .maintext p.beforelist {
  margin-bottom: 0.5em;
}
article.body .maintext .columnBox {
  width: 100%;
  padding: 2rem 2.4rem;
  border-radius: 2rem;
  border: 1px solid #cccccc;
  margin-bottom: 6rem;
  background-color: #fff;
}
article.body .maintext .figBox {
  display: block;
  margin-bottom: 2.8rem;
}
article.body .maintext .figBox.no-space {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .figBox {
    width: 34rem;
    margin-top: 2.2rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7rem;
  }
  article.body .maintext .figBox.horizontal {
    width: 50rem;
  }
  article.body .maintext .figBox.horizontal.singleImg {
    margin-bottom: 3rem;
  }
  article.body .maintext .figBox.double {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1000px) {
  article.body .maintext .figBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  article.body .maintext .figBox.vertical2 {
    padding-left: 15.5rem;
  }
  article.body .maintext .figBox.horizontal {
    width: 100%;
  }
  article.body .maintext .figBox.horizontal.noFlex {
    display: block;
    width: 60rem;
  }
}
article.body .maintext .figBox .figBoxUnder {
  position: relative;
}
article.body .maintext .figBox .figBoxUnder.before {
  padding-bottom: 4rem;
  margin-bottom: 0.8rem;
  background-image: url(/assets/img/img-arrow-jirei-under.png), url(/assets/img/img-arrow-jirei-under.png), url(/assets/img/img-arrow-jirei-under.png);
  background-size: 2.5rem 3.2rem;
  background-repeat: no-repeat;
  background-position: 22% bottom, 50% bottom, 78% bottom;
}
@media screen and (min-width: 1000px) {
  article.body .maintext .figBox .figBoxUnder.before {
    padding-right: 3rem;
    padding-bottom: 0;
    background-image: url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png);
    background-size: 2.4rem 1.875rem;
    background-repeat: no-repeat;
    background-position: 28.3rem 22%, 28.3rem 50%, 28.3rem 78%;
  }
  article.body .maintext .figBox .figBoxUnder.before.twoBlock {
    background-image: url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png);
    background-size: 2.4rem 1.875rem;
    background-repeat: no-repeat;
    background-position: 43.8rem 22%, 43.8rem 50%, 43.8rem 78%;
  }
  article.body .maintext .figBox .figBoxUnder.before.twoBlock.vertical2 {
    background-image: url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png), url(/assets/img/img-arrow-jirei-right.png);
    background-size: 2.4rem 1.875rem;
    background-repeat: no-repeat;
    background-position: 28.4rem 22%, 28.4rem 50%, 28.4rem 78%;
  }
  article.body .maintext .figBox .figBoxUnder.before.noFlex {
    padding-right: 0;
    padding-bottom: 3rem;
    background-image: url(/assets/img/img-arrow-jirei-under.png), url(/assets/img/img-arrow-jirei-under.png), url(/assets/img/img-arrow-jirei-under.png);
    background-size: auto 2.4rem;
    background-repeat: no-repeat;
    background-position: 22% bottom, 50% bottom, 78% bottom;
  }
}
article.body .maintext .figBox .figBoxUnder.singleimg {
  width: 100%;
}
@media screen and (min-width: 769px) {
  article.body .maintext .figBox .figBoxUnder.singleimg {
    width: 50rem;
    margin: 0 auto;
  }
}
article.body .maintext .figBox .figBoxUnder.spacing {
  margin: 1rem 0;
}
@media screen and (min-width: 769px) {
  article.body .maintext .figBox .figBoxUnder.spacing {
    margin: 1rem 0;
  }
}
@media screen and (min-width: 1000px) {
  article.body .maintext .figBox .figBoxUnder.spacing.first-img {
    margin: 0 0.5rem 0 0;
  }
  article.body .maintext .figBox .figBoxUnder.spacing.middle-img {
    margin: 0 0.5rem 0;
  }
  article.body .maintext .figBox .figBoxUnder.spacing.last-img {
    margin: 0 0 0 0.5rem;
  }
}
article.body .maintext .figBox .figBoxUnder img {
  width: 100%;
}
article.body .maintext .figBox .figBoxUnder img.imgLabel {
  position: absolute;
  top: 0;
  left: 0;
  width: 9rem;
}
@media screen and (min-width: 1000px) {
  article.body .maintext .figBox .figBoxUnder img.virtical2 {
    width: 28rem;
  }
  article.body .maintext .figBox .figBoxUnder img.virtical3 {
    width: 28rem;
  }
  article.body .maintext .figBox .figBoxUnder img.horizontal2 {
    width: 43.5rem;
  }
}
article.body .maintext .stepbox {
  margin-bottom: 5rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .stepbox {
    margin-bottom: 8rem;
  }
}
article.body .maintext .flexcontainer.bottomspace {
  margin-bottom: 1rem;
}
article.body .maintext .flexcontainer .containerBox {
  width: 90%;
  margin-right: auto;
  margin-bottom: 1.6rem;
  margin-left: auto;
  background-color: #FDFdFd;
}
article.body .maintext .flexcontainer .containerBox.fusuma {
  border-radius: 1rem;
  border-top: 1px solid #2E3C62;
  border-right: 1px solid #2E3C62;
  border-bottom: 1px solid #2E3C62;
  border-left: 1px solid #2E3C62;
}
article.body .maintext .flexcontainer .containerBox.tatami {
  border-radius: 1rem;
  border-top: 1px solid #55AA33;
  border-right: 1px solid #55AA33;
  border-bottom: 1px solid #55AA33;
  border-left: 1px solid #55AA33;
}
article.body .maintext .flexcontainer .containerBox .containerBoxTitle {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.6rem;
  font-size: 1.6rem;
  text-align: left;
  color: #fff;
  border-radius: 0.9rem 0.9rem 0 0;
}
article.body .maintext .flexcontainer .containerBox .containerBoxTitle.fusuma {
  background-color: #2E3C62;
}
article.body .maintext .flexcontainer .containerBox .containerBoxTitle.tatami {
  background-color: #55AA33;
}
article.body .maintext .flexcontainer .containerBox .containerBoxPrice {
  padding-top: 1.6rem;
  padding-bottom: 0rem;
  font-size: 2.2rem;
  text-align: center;
}
article.body .maintext .flexcontainer .containerBox .containerBoxPrice.fusuma {
  color: #2E3C62;
}
article.body .maintext .flexcontainer .containerBox .containerBoxPrice.tatami {
  color: #55AA33;
}
article.body .maintext .flexcontainer .containerBox .containerBoxPrice .smalltext {
  font-size: 60%;
}
article.body .maintext .flexcontainer .containerBox .containerBoxText {
  width: 90%;
  margin: 1.6rem auto;
}
article.body .maintext .flexcontainer .containerBox .containerBoxText p {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .flexcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  article.body .maintext .flexcontainer.bottomspace {
    margin-bottom: 3rem;
  }
  article.body .maintext .flexcontainer .containerBox {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  article.body .maintext .flexcontainer .containerBox.fusuma {
    width: 32%;
  }
  article.body .maintext .flexcontainer .containerBox.tatami {
    width: 49%;
  }
}
article.body .maintext .mainbody {
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .mainbody {
    vertical-align: top;
    width: 100%;
  }
  article.body .maintext .mainbody.no-margin {
    margin-bottom: 0;
  }
}
article.body .maintext .mainbody table {
  margin-top: 2rem;
  margin-bottom: 2rem;
  /*
  font: {
  	size: 1.6rem;
  }
  */
}
article.body .maintext .mainbody table tr {
  border-top: 1px solid rgba(153, 153, 153, 0.5);
  background-color: #fff;
}
article.body .maintext .mainbody table tr:nth-child(2n) {
  background-color: #f3f3f3;
}
article.body .maintext .mainbody table tr:last-child {
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}
article.body .maintext .mainbody table tr th {
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  text-align: left;
  font-weight: normal;
}
article.body .maintext .mainbody table tr td {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  article.body .maintext figure {
    vertical-align: top;
  }
}
article.body .maintext .mainfig {
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .mainfig {
    position: relative;
    width: 90%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    float: right;
  }
}
article.body .maintext .mainfig.flexfig {
  margin-bottom: 6.3rem;
}
@media screen and (min-width: 768px) {
  article.body .maintext .mainfig.flexfig {
    margin-bottom: 3rem;
  }
}
article.body .maintext .panel {
  width: 100%;
  color: #E29422;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
  line-height: 1;
  border: 2px solid #E29422;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  article.body .maintext h2 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1200px) {
  article.body .maintext {
    width: 90rem;
  }
  article.body .maintext h2 {
    font-size: 2.8rem;
  }
  article.body .maintext .inline {
    display: inline;
  }
}
@media screen and (min-width: 854px) {
  article.body .maintext.off {
    width: 76.8rem;
    margin: 0 auto;
  }
}
article.body .maintext .listBox {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 668px) {
  article.body .maintext .listBox .reformList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: safe left;
        -ms-flex-pack: safe left;
            justify-content: safe left;
  }
}
article.body .maintext .listBox .listBlock {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-radius: 1rem;
  overflow: hidden;
}
article.body .maintext .listBox .listBlock .reformListTitle {
  display: block;
  margin: 1.6rem;
  font-size: 1.8rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
}
article.body .maintext .listBox .listBlock .reformListSpec {
  margin-top: 0;
  margin-right: 1.6rem;
  margin-bottom: 0.8rem;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.5;
}
article.body .maintext .listBox .listBlock .listBoxImg {
  width: 100%;
  height: auto;
}
article.body .maintext .listBox .listBlock .listBoxImg img {
  width: 100%;
}
@media screen and (min-width: 668px) and (max-width: 767px) {
  article.body .maintext .listBox .listBlock {
    width: calc((100% - 2rem) / 2);
    margin-right: 1.93rem;
  }
  article.body .maintext .listBox .listBlock:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  article.body .maintext .listBox .listBlock {
    width: calc((100% - 4rem) / 3);
    margin-right: 1.93rem;
  }
  article.body .maintext .listBox .listBlock:nth-child(3n) {
    margin-right: 0;
  }
}
article.body .maintext .text-policy {
  margin-bottom: 0rem;
}
article.body .maintext .text-policy p {
  margin-bottom: 1.6rem;
}
article.body .maintext .text-policy.last-block {
  margin-bottom: 4rem;
}
@media screen and (min-width: 769px) {
  article.body .maintext .text-policy {
    width: 84%;
    max-width: 80rem;
    margin-right: auto;
    margin-bottom: 2.4rem;
    margin-left: auto;
  }
  article.body .maintext .text-policy p {
    margin-bottom: 0;
  }
  article.body .maintext .text-policy.last-block {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 1200px) {
  article.body .maintext .text-policy {
    width: 80rem;
  }
}
article.body.single {
  /* トップ 取扱業務 */
  /* トップページ社長ブログ案内 */
  /* トップページ　ニュース */
}
article.body.single.menu {
  width: 100%;
  height: 78rem;
  padding-top: 4.3rem;
  background-image: url(/assets/img/img-bkg-topmenu.jpg);
  background-size: auto 60rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #fff;
}
article.body.single.menu h2 {
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 2.3rem;
  color: #707070;
  font-size: 2.4rem;
}
article.body.single.menu ul.toriatsukai-menu {
  position: relative;
  width: 30rem;
  margin: 0 auto 1.6rem;
}
@media screen and (min-width: 375px) {
  article.body.single.menu ul.toriatsukai-menu {
    margin: 0 0 1.6rem;
    left: 1.84rem;
  }
}
@media screen and (min-width: 500px) {
  article.body.single.menu ul.toriatsukai-menu {
    margin: 0 0 29.4rem;
  }
}
@media screen and (min-width: 768px) {
  article.body.single.menu ul.toriatsukai-menu {
    margin: 0 0 1.6rem;
  }
}
article.body.single.menu ul.toriatsukai-menu li.btn-link {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}
article.body.single.menu ul.toriatsukai-menu li.btn-link a {
  color: #ffffff;
}
article.body.single.menu .menu-caption {
  width: calc(100% - 3.68rem);
  margin: 0 auto;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  article.body.single.menu .menu-caption {
    width: 30rem;
    margin: 0;
    left: 8%;
  }
}
@media screen and (min-width: 1200px) {
  article.body.single.menu .menu-caption {
    left: calc((100% - 120rem) / 2 + 11.5rem);
  }
}
article.body.single.menu .menu-caption ul li {
  text-indent: -1em;
  line-height: 1.5;
  margin-left: 1em;
  margin-bottom: 0.4rem;
}
article.body.single.menu .menu-caption ul li::before {
  content: "※";
}
@media screen and (min-width: 768px) {
  article.body.single.menu .menu-caption ul {
    font-size: 1.5rem;
    margin-left: calc(8% - 1em);
  }
}
@media screen and (min-width: 500px) {
  article.body.single.menu {
    height: 68rem;
    background-image: url(/assets/img/img-bkg-topmenu-500.jpg);
    background-size: auto 77rem;
    background-repeat: no-repeat;
    background-position: center -15rem;
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) {
  article.body.single.menu {
    height: 55rem;
    background-image: url(/assets/img/img-bkg-topmenu-1200.jpg);
    background-size: auto 60rem;
    background-repeat: no-repeat;
    background-position: 42% 0rem;
    background-color: #fff;
  }
  article.body.single.menu h2 {
    left: 8%;
    width: 92%;
  }
  article.body.single.menu ul.toriatsukai-menu {
    left: 8%;
  }
}
@media screen and (min-width: 1200px) {
  article.body.single.menu {
    background-image: url(/assets/img/img-bkg-topmenu-1200.jpg);
    background-size: auto 60rem;
    background-repeat: no-repeat;
    background-position: center 0rem;
    background-color: #fff;
  }
  article.body.single.menu h2 {
    left: calc((100% - 120rem) / 2 + 11.5rem);
    width: 108.5rem;
  }
  article.body.single.menu ul.toriatsukai-menu {
    left: calc((100% - 120rem) / 2 + 11.5rem);
  }
}
article.body.single .blog {
  width: 100%;
  height: 100vw;
  background-image: url(/assets/img/img-bkg-topblog-sq1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
article.body.single .blog h2 {
  color: #333;
  top: 5rem;
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 6rem;
  font-size: 2.8rem;
}
@media screen and (min-width: 768px) {
  article.body.single .blog {
    height: 22rem;
    background-image: url(/assets/img/img-bkg-topblog-769.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 406px 0px;
    background-color: #f0f0f0;
    margin-bottom: 2rem;
  }
  article.body.single .blog h2 {
    color: #1BB899;
    left: 5rem;
    width: calc(100% - 5rem);
  }
  article.body.single .blog .btn-link.std {
    left: 5rem;
  }
  article.body.single .blog span {
    display: inline;
    width: 100%;
  }
}
article.body.single .news .break {
  display: block;
}
article#common-contact {
  width: 100%;
  height: 30rem;
  background-color: #1BB899;
  /* コンタクトブロック共通 */
}
article#common-contact a {
  color: #333;
}
article#common-contact a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
@media screen and (min-width: 900px) {
  article#common-contact {
    height: 20.4rem;
  }
}
article#common-contact h2 {
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.4;
  padding-top: 3.5rem;
  padding-left: 1.9rem;
  padding-bottom: 3.5rem;
  width: calc(100% - 1.9rem);
}
@media screen and (min-width: 768px) {
  article#common-contact h2 {
    width: calc(100% - 1.9rem);
  }
}
@media screen and (min-width: 900px) {
  article#common-contact h2 {
    position: relative;
    width: 19rem;
    left: 2.5%;
    padding-top: 7rem;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  article#common-contact h2 {
    left: 13rem;
  }
}
article#common-contact h2 span {
  display: block;
}
article .inner-wrapper {
  width: 100%;
  /* トップページ　タイル　*/
}
article .inner-wrapper .tiles {
  position: relative;
  display: block;
  width: 100%;
  /* トップページ会社案内 */
  /* トップページ畳案内 */
  /* トップページ事例案内 */
  /* トップページ募集案内 */
}
@media screen and (min-width: 768px) {
  article .inner-wrapper .tiles {
    padding-left: 3rem;
    padding-top: 4rem;
  }
}
article .inner-wrapper .tiles.about {
  height: 100vw;
  background-image: url(/assets/img/img-bkg-tophistory-sq.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
article .inner-wrapper .tiles.about h2 {
  color: #1e4075;
  top: 5rem;
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  article .inner-wrapper .tiles.about {
    height: 50vw;
  }
  article .inner-wrapper .tiles.about h2 {
    width: calc(100% - 5.9rem);
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  article .inner-wrapper .tiles.about h2 {
    font-size: 2.4rem;
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  article .inner-wrapper .tiles.about {
    height: 60rem;
  }
}
article .inner-wrapper .tiles.tatami {
  height: 100vw;
  background-image: url(/assets/img/img-bkg-toptatami-sq.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
article .inner-wrapper .tiles.tatami h2 {
  color: #0f6d1e;
  top: 5rem;
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 6rem;
  font-size: 2.8rem;
}
@media screen and (min-width: 768px) {
  article .inner-wrapper .tiles.tatami {
    height: 50vw;
  }
  article .inner-wrapper .tiles.tatami h2 {
    width: calc(100% - 5.9rem);
  }
}
@media screen and (min-width: 960px) {
  article .inner-wrapper .tiles.tatami h2 {
    font-size: 3.6rem;
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  article .inner-wrapper .tiles.tatami {
    height: 60rem;
  }
}
article .inner-wrapper .tiles.jirei {
  height: 100vw;
  background-image: url(/assets/img/img-bkg-topjirei-sq.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
article .inner-wrapper .tiles.jirei h2 {
  color: #333333;
  top: 5rem;
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 6rem;
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  article .inner-wrapper .tiles.jirei {
    height: 50vw;
  }
  article .inner-wrapper .tiles.jirei h2 {
    width: calc(100% - 5.9rem);
  }
}
@media screen and (min-width: 960px) {
  article .inner-wrapper .tiles.jirei h2 {
    font-size: 3.6rem;
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  article .inner-wrapper .tiles.jirei {
    height: 60rem;
  }
}
article .inner-wrapper .tiles.boshu {
  height: 100vw;
  background-image: url(/assets/img/img-bkg-topboshu-sq.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
article .inner-wrapper .tiles.boshu h2 {
  color: #333333;
  top: 5rem;
  left: 1.9rem;
  width: calc(100% - 1.9rem);
  margin-bottom: 6rem;
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  article .inner-wrapper .tiles.boshu {
    height: 50vw;
  }
  article .inner-wrapper .tiles.boshu h2 {
    width: calc(100% - 5.9rem);
  }
}
@media screen and (min-width: 960px) {
  article .inner-wrapper .tiles.boshu h2 {
    font-size: 3.6rem;
    margin-bottom: 7rem;
  }
}
@media screen and (min-width: 1200px) {
  article .inner-wrapper .tiles.boshu {
    height: 60rem;
  }
}
@media screen and (min-width: 768px) {
  article .inner-wrapper {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* ブログ用 */
  }
  article .inner-wrapper.kiji {
    display: block;
  }
  article .inner-wrapper .tiles {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  article .inner-wrapper {
    width: 120rem;
  }
  article .inner-wrapper .tiles {
    width: 60rem;
    display: block;
  }
}

/* リスト定義 */
ul.setback li {
  list-style-type: none;
  list-style-position: inside;
  padding-left: 0rem;
}
ul.listTable {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
  font-size: 1.6rem;
}
ul.listTable.honbun {
  margin-bottom: 1.6rem;
}
ul.listTable.last {
  margin-bottom: 4.8rem;
}
ul.listTable li {
  line-height: 1.25;
  width: 100%;
  padding: 0.8rem 1em 0.8rem 2em;
  border-top: 1px dotted #cccccc;
  background-image: url(/assets/img/img-list-circle.png);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 1.2rem 1rem;
}
ul.listTable li:first-child {
  border-top: none;
}
ul.listTable .listTableUnder1 {
  border-top: 1px dotted #cccccc;
  margin-top: 0.8rem;
}
ul.listTable .listTableUnder1 li {
  background-image: url(/assets/img/img-list-arrow-gray.svg);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 1.2rem 1rem;
}
ul.listTable .listTableUnder1 li:last-child {
  padding-bottom: 0;
}
ul.contact-text {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
ul.contact-text li {
  font-size: 1.6rem;
  line-height: 1.5;
  width: 100%;
  padding: 0.8rem 1em 0.8rem 2em;
  border-top: 1px dotted #cccccc;
  background-image: url(/assets/img/img-list-circle.png);
  background-size: 1.6rem;
  background-repeat: no-repeat;
  background-position: 1.2rem center;
}
ul.contact-text li:first-child {
  border-top: none;
}

dl {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1;
}
dl.inner-dl dt {
  color: #999999;
  border-top: none;
  padding-top: 0;
}
dl.maintable {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 3.2rem;
}
dl.maintable.listbottom {
  margin-bottom: 6.3rem;
}
dl.maintable.inner-list-block-dl dt {
  padding-bottom: 1.2rem;
}
dl.maintable.inner-list-block-dl .inner-list li dl dt {
  padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
  dl.maintable.inner-list-block-dl .inner-list li dl dt {
    padding-bottom: 1.2rem;
  }
}
dl.maintable.inner-list-block-dl .inner-list li dl dt.title1 {
  font-size: 2.2rem;
  padding-bottom: 0;
}
dl.maintable.no-line {
  border-bottom: none;
}
dl.maintable .boshu-std-list dt {
  border: none;
  padding: 0;
}
dl.maintable .boshu-std-list dt.title1 {
  padding-top: 1.4rem;
  width: 100%;
  border-top: 1px dotted #999;
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dt.title1 {
    width: 15%;
    padding-top: 0.4rem;
    border-top: none;
  }
}
dl.maintable .boshu-std-list dt.title2 {
  padding-top: 1.4rem;
  border-top: 1px dotted #999;
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dt.title2 {
    padding-top: 1.8rem;
  }
}
dl.maintable .boshu-std-list dd {
  border: none;
  padding: 0;
}
dl.maintable .boshu-std-list dd.body1 {
  line-height: 1.5;
  padding-bottom: 0rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dd.body1 {
    width: 85%;
    padding-bottom: 1.4rem;
  }
}
dl.maintable .boshu-std-list dd.body2 {
  line-height: 1.5;
  padding-top: 0rem;
  padding-bottom: 0rem;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dd.body2 {
    padding-top: 1.4rem;
    border-top: 1px dotted #999;
  }
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dd.body3 {
    padding-top: 0.2rem;
    padding-bottom: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  dl.maintable .boshu-std-list dd.body4 {
    padding-top: 1.8rem;
    padding-bottom: 0.6rem;
  }
}
dl dt {
  display: block;
  margin: 0 0 0.4rem 0;
  padding-top: 1.4rem;
  width: 100%;
  line-height: 1;
  border-top: 1px solid #cccccc;
}
dl dt.inner-dt {
  color: #333 !important;
}
dl dt.inner-dt.title1 {
  font-size: 1.4em;
  padding-top: 1.4rem;
  padding-bottom: 0;
}
dl dt.double-table {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  dl dt.inner-list-title-sub {
    padding-top: 1.8rem;
  }
}
dl dd {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 0;
  width: 100%;
  line-height: 1.5;
}
dl dd.offset1em {
  text-indent: 1em;
}
@media screen and (min-width: 768px) {
  dl dd.offset1em {
    text-indent: 0;
  }
}
dl dd.inner-dd {
  padding-bottom: 0.8rem;
  margin-bottom: 1.4rem;
  border-bottom: 1px solid #cccccc;
}
dl dd.inner-dd.last.no-line {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
dl dd .inner-list li {
  display: inline;
}
dl dd .inner-list li::after {
  content: " ／";
}
dl dd .inner-list li:last-child::after {
  content: "";
}
dl dd .inner-list .no-slash::after {
  content: "";
}
dl dd .inner-list.block li {
  display: block;
}
dl dd .inner-list.block li::after {
  content: "";
}
@media screen and (min-width: 768px) {
  dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  dl dt {
    width: 20%;
    padding-left: 2em;
  }
  dl dt.inner-dt {
    width: 5em;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  dl dt.inner-dt.last {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  dl dd {
    width: 80%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin-bottom: 0;
    border-top: 1px solid #cccccc;
    line-height: 1;
  }
  dl dd.inner-dd {
    width: auto;
    padding-top: 0;
    padding-bottom: 0rem;
    margin-bottom: 0.8rem;
    border-top: none;
    border-bottom: none;
  }
  dl dd.inner-dd.last {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  dl .inner-list li {
    margin-bottom: 0.8rem;
  }
  dl .inner-list li:last-child {
    margin-bottom: 0;
  }
}

/* フォームエリア定義 */
.formarea {
  position: relative;
  background-color: #ffffff;
  font-size: 1.6rem;
  line-height: 1;
  padding-top: 3.2rem;
  padding-right: 1.6rem;
  padding-bottom: 3.2rem;
  padding-left: 1.6rem;
  margin-bottom: 6.3rem;
  border-radius: 2rem;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  /* 入力欄1行 */
  /* フォームキャプション */
  /* 入力欄　箱 */
  /* ボタンボックス*/
  /* エラーメッセージ　*/
  /* フォーム内ボタン */
}
.formarea .form-unit {
  display: block;
  width: 100%;
  margin-bottom: 2em;
  border-bottom: 1px dotted #dddddd;
  /* 線解除　*/
}
.formarea .form-unit .smalltext {
  font-size: 70%;
}
@media screen and (min-width: 768px) {
  .formarea .form-unit {
    margin-bottom: 2em;
  }
  .formarea .form-unit .smalltext {
    font-size: 100%;
  }
}
.formarea .form-unit.no-border {
  border: none;
}
@media screen and (min-width: 768px) {
  .formarea .form-unit .titleCaption {
    padding-left: 10%;
  }
}
.formarea .form-title {
  vertical-align: middle;
  margin-bottom: 0.5em;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
  color: #1BB899;
}
.formarea .form-title.contact {
  color: #E29422;
}
@media screen and (min-width: 768px) {
  .formarea .form-title {
    margin-left: 10%;
  }
}
.formarea .form-title .must-mark {
  background-color: #C33;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1;
  padding-top: 0.2rem;
  padding-right: 0.5em;
  padding-bottom: 0.2rem;
  padding-left: 0.5em;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  vertical-align: 0.1rem;
  border-radius: 0.4rem;
}
.formarea .textbox1L {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 1em;
  padding-right: 0.5em;
  padding-bottom: 1em;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
@media screen and (min-width: 768px) {
  .formarea .textbox1L {
    display: inline-block;
    width: 70%;
    margin-left: 10%;
    margin-bottom: 2em;
  }
}
.formarea .form-subtitle {
  text-align: left;
  margin-bottom: 2em;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .formarea .form-subtitle {
    display: inline-block;
    width: 6em;
    text-align: left;
    vertical-align: 0rem;
    margin-bottom: 0;
    font-size: 1.6rem;
  }
  .formarea .form-subtitle.for-textboxLarge {
    vertical-align: 6em;
  }
}
.formarea .textboxLarge {
  width: 100%;
  padding-top: 1em;
  padding-right: 0.5em;
  padding-bottom: 1em;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
@media screen and (min-width: 768px) {
  .formarea .textboxLarge {
    display: inline-block;
    width: 70%;
    margin-left: 10%;
  }
}
.formarea .btn-box {
  width: 100%;
  margin: 0;
  display: block;
  /* ラジオボタン */
  /* チェックボックス */
  /* 確認ページ wrapper*/
}
.formarea .btn-box .btn-contact {
  display: block;
  width: auto;
  font-size: 1.6rem;
  line-height: 1;
  padding-top: 1.4rem;
  padding-right: 1em;
  padding-bottom: 1.4rem;
  padding-left: 2em;
  margin-bottom: 0.5em;
  border: 1px solid #cccccc;
  border-radius: 1rem;
}
.formarea .btn-box input {
  display: none;
}
.formarea .btn-box input:checked + .btn-contact {
  color: #ffffff;
  background-color: #E29422;
  background-image: url(/assets/img/checkmark-white.png);
  background-position: 1rem 1.2rem;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .formarea .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
  }
  .formarea .btn-box .btn-contact {
    width: 36%;
    margin-right: 1%;
  }
}
.formarea .answer-box {
  width: 100%;
  padding: 0 0 2em;
  /* エラーメッセージ */
  /* 確認ページ内定義 */
}
@media screen and (min-width: 768px) {
  .formarea .answer-box {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 1em;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px dotted #ddd;
  }
}
.formarea .answer-box.no-wrap {
  display: block;
  /* エラーメッセージボックス */
}
.formarea .answer-box.no-wrap .btn-correct {
  margin-top: 2em;
  margin-bottom: 0em;
}
.formarea .answer-box.no-wrap .error-msg-box {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #dddddd;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .formarea .answer-box.no-wrap .error-msg-box {
    padding-left: 32%;
  }
}
.formarea .answer-box .confirm-form-title {
  width: 100%;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
  color: #1BB899;
  margin-bottom: 0.5em;
}
.formarea .answer-box .confirm-form-title.contact {
  color: #E29422;
}
@media screen and (min-width: 768px) {
  .formarea .answer-box .confirm-form-title {
    width: 30%;
    padding-bottom: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    border-bottom: 1px dotted #dddddd;
    text-indent: 1em;
  }
}
.formarea .answer-box .confirm-form-value {
  width: 100%;
  padding-bottom: 1em;
  padding-left: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #dddddd;
}
@media screen and (min-width: 768px) {
  .formarea .answer-box .confirm-form-value {
    width: 70%;
  }
}
.formarea .error-msg {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dotted #dddddd;
}
@media screen and (min-width: 768px) {
  .formarea .error-msg {
    width: 90%;
    padding-bottom: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border-bottom: none;
  }
}
.formarea .btn-submit {
  display: block;
  color: #ffffff;
  background-color: #1BB899;
  border: none;
  width: 100%;
  padding-right: 1em;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .formarea .btn-submit {
    width: 30rem;
  }
}
.formarea .btn-correct {
  display: block;
  color: #ffffff;
  background-color: #C33;
  border: none;
  width: 100%;
  padding-left: 1em;
  margin: 0 auto 1em;
}
.formarea .btn-correct.reset {
  width: 70%;
  padding-right: 1.5em;
}
@media screen and (min-width: 768px) {
  .formarea .btn-correct {
    width: 30rem;
    margin: 0 auto;
  }
  .formarea .btn-correct.reset {
    width: 30rem;
    padding-right: 0;
  }
}

.btnarea {
  margin-bottom: 2rem;
}
.btnarea.confirm {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .btnarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.btnarea.confirm {
  margin-bottom: 2rem;
}

footer {
  position: relative;
  background-color: rgb(255, 255, 255);
}
footer#common-footer {
  padding-top: 3rem;
}
footer nav {
  position: relative;
  background-image: url(/assets/img/img-bkg-footer-navi-line.png);
  background-repeat: repeat;
  background-size: 10rem 4.3rem;
  border-top: 1px solid #8CDBCC;
  border-bottom: 1px solid #fff;
}
footer nav ul.footer-navi {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0rem;
}
footer nav ul.footer-navi li {
  position: relative;
  display: block;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
  padding-left: 1.8rem;
  background-image: url(/assets/img/icon-arrow-link.png);
  background-position: calc(100% - 1.6rem) center;
  background-repeat: no-repeat;
  background-size: 1.2rem 0.6rem;
  font-size: 1.6rem;
}
footer nav ul.footer-navi a {
  color: #333;
}
footer nav ul.footer-navi a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "";
  background-color: rgba(0, 0, 0, 0);
  /* aタグ余白もクリック */
}
@media screen and (min-width: 768px) {
  footer nav ul.footer-navi {
    margin: 0 auto 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    width: calc(100% - (100% - (100% - 76.8rem)) / 16);
    padding-left: calc((100% - (100% - 76.8rem)) / 16);
  }
  footer nav ul.footer-navi li {
    padding-top: 1.35rem;
    padding-right: 1.8rem;
    padding-bottom: 1.35rem;
    padding-left: 1.8rem;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    width: calc(50% - 6.2rem);
    background-image: url(/assets/img/icon-arrow-link.png);
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
    background-size: 1.2rem 0.6rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px) {
  footer nav ul.footer-navi li .pc {
    display: none;
  }
}
@media screen and (min-width: 1001px) {
  footer nav ul.footer-navi li .pc {
    display: inline;
  }
}
@media screen and (min-width: 1201px) {
  footer nav ul.footer-navi {
    width: 124rem;
    padding-left: 0;
    /*left:calc( ( 100% - ( 100% - 120rem)) / 8);*/
  }
  footer nav ul.footer-navi li {
    /*width:calc( 32rem - 6.2rem );*/
    width: 38rem;
  }
}
footer .footer-company-logoBox {
  margin-top: 1.7rem;
}
footer img#footer-company-logo {
  position: relative;
  width: 18rem;
  left: calc(50% - 9rem);
  margin-bottom: 5rem;
}
@media screen and (min-width: 375px) {
  footer img#footer-company-logo {
    width: 24rem;
    left: calc(50% - 12rem);
  }
}
footer .footer-message {
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 26rem;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  text-align: center;
  margin: 0 auto 1.8rem;
}
@media screen and (min-width: 375px) {
  footer .footer-message {
    width: 36rem;
  }
}
footer address {
  margin-bottom: 2.4rem;
}
footer address .address-box {
  position: relative;
  display: block;
  width: 26rem;
  margin: 0 auto 1.8rem;
  text-align: center;
}
footer address .address-box span {
  vertical-align: middle;
}
@media screen and (min-width: 375px) {
  footer address .address-box {
    width: 37.5rem;
    text-align: center;
    margin: 0 auto 1rem;
    padding-left: 0.5rem;
  }
}
footer address .address-icon {
  width: 3.4rem;
}
@media screen and (min-width: 375px) {
  footer address .address-icon {
    width: 4.4rem;
  }
}
footer address .address-phone {
  font-size: 2rem;
  font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif;
}
@media screen and (min-width: 375px) {
  footer address .address-phone {
    font-size: 3rem;
  }
}
footer address .address-caption {
  font-size: 1rem;
}
@media screen and (min-width: 375px) {
  footer address .address-caption {
    font-size: 1.2rem;
  }
}
footer address p {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  footer address p {
    font-size: 1.6rem;
  }
}
footer p.copyright {
  font-size: 1.3rem;
  padding-bottom: 1.3rem;
  padding-left: 1.3rem;
  text-align: center;
}

/*===============WordPress===============*/
.kijiheader {
  width: 100%;
  height: 20rem;
  padding-top: 4.4rem;
  display: block;
  background-color: #fff;
  background-image: url(/assets/img/img-index-header-bkg-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /*========== シングル、アーカイブ共通ヘッダー　ねこ ==========*/
}
@media screen and (min-width: 769px) {
  .kijiheader {
    padding-top: 8rem;
    background-color: #fff;
    background-image: url(/assets/img/img-index-header-bkg-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
.kijiheader .header-title {
  position: relative;
  width: 10em;
  font-size: 2.8rem;
  text-align: center;
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #1BB899;
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 769px) {
  .kijiheader .header-title {
    width: 20em;
    font-size: 3.2rem;
    text-align: left;
    display: block;
    margin-right: auto;
    margin-left: auto;
    color: #1BB899;
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
  }
}
@media screen and (min-width: 1000px) {
  .kijiheader .header-title {
    left: 15rem;
  }
}
.kijiheader .header-title.center {
  height: 22.3%;
  max-height: 134px;
  left: 0px;
  text-align: center;
  padding-bottom: 0px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .kijiheader .header-title.center {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  .kijiheader .header-title.center {
    height: 134px;
  }
}
.kijiheader.neko {
  padding-top: 8px;
  background-image: none;
  background-color: rgba(255, 255, 255, 0);
  height: auto;
  margin-bottom: 6vw;
  /*========== シングル、アーカイブ共通ヘッダータイトル　ねこ ==========*/
}
@media screen and (min-width: 769px) {
  .kijiheader.neko {
    padding-top: 10px;
    background-color: rgb(255, 255, 255);
    background-image: url(/assets/img/img-bkg-header-neko-title-tab.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 255px 255px;
    width: 100%;
    max-width: 111.5rem;
    height: 25.5rem;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 1000px) {
  .kijiheader.neko {
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(255, 255, 255);
    background-image: url(/assets/img/img-bkg-header-neko-title.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 381px 255px;
    margin-bottom: 0vw;
  }
}
.kijiheader.neko .header-title {
  width: 90%;
  max-width: 500px;
  background-color: rgba(255, 255, 255, 0);
}
@media screen and (min-width: 769px) {
  .kijiheader.neko .header-title {
    width: 420px;
    max-width: 420px;
    padding-top: 32px;
    padding-left: calc((100% - 320px) / 2);
  }
}
@media screen and (min-width: 890px) {
  .kijiheader.neko .header-title {
    width: 420px;
    max-width: 420px;
    padding-top: 40px;
    padding-left: calc((100% - 420px) / 2);
  }
}
@media screen and (min-width: 1000px) {
  .kijiheader.neko .header-title {
    width: 500px;
    max-width: 500px;
    padding-top: 24px;
    padding-left: 80px;
  }
}

/*==========シングルページ ==========*/
.wrapper .outer-wrapper {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .wrapper .outer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 918px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .wrapper .outer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1018px;
    margin: 0 auto;
  }
}
.wrapper .outer-wrapper.neko {
  margin-top: -3rem;
}

article {
  /*end-&.body*/
}
article.body {
  /*end-inner-wrapper*/
}
article.body .inner-wrapper {
  /*end-kiji*/
}
article.body .inner-wrapper.kiji {
  padding-top: 7rem;
  margin-bottom: 10rem;
  width: 100%;
  /*end-blogtitle*/
  /*end-maintext.forblog*/
  /*end-nav*/
}
@media screen and (min-width: 1200px) {
  article.body .inner-wrapper.kiji {
    width: 600px;
  }
}
article.body .inner-wrapper.kiji h1.blogtitle {
  font-size: 3.2rem;
  font-weight: normal;
  color: #1BB899;
  margin-bottom: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #1BB899;
  line-height: 1.25;
}
article.body .inner-wrapper.kiji h1.blogtitle.forindex {
  font-size: 2.4rem;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .inner-wrapper.kiji h1.blogtitle.neko {
    font-size: 2.4rem;
  }
}
article.body .inner-wrapper.kiji .maintext.forblog {
  /*end-post-categories*/
}
article.body .inner-wrapper.kiji .maintext.forblog p {
  margin-bottom: 1em;
}
article.body .inner-wrapper.kiji .maintext.forblog .blogtext {
  font-size: 1.6rem;
  line-height: 1.6875;
}
article.body .inner-wrapper.kiji .maintext.forblog .blogtext .item-datetime {
  color: #1BB899;
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #333;
}
article.body .inner-wrapper.kiji .maintext.forblog ul.post-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.2rem;
}
article.body .inner-wrapper.kiji .maintext.forblog ul.post-categories li {
  display: block;
}
article.body .inner-wrapper.kiji .maintext.forblog ul.post-categories li::before {
  content: "［";
}
article.body .inner-wrapper.kiji .maintext.forblog ul.post-categories li::after {
  content: "］";
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock {
  margin-bottom: 5rem;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock h2 {
  font-size: 2.4rem;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #1BB899;
  line-height: 1.25;
  color: #1BB899;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock figure img {
  display: block;
  margin: 3.2rem auto;
  width: 90%;
  max-width: 500px;
  height: auto;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul, article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.6875;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li, article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li {
  padding: 0.8rem 1.6rem;
  list-style-position: inside;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li:first-child, article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li:first-child {
  border-top: 1px dotted #999999;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li:last-child, article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li:last-child {
  border-bottom: 1px dotted #999999;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li:nth-child(odd), article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li:nth-child(odd) {
  background-color: #fff;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li:nth-child(even), article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li:nth-child(even) {
  background-color: #f3f5f4;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ul li {
  list-style-type: disc;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock ol li {
  list-style-type: decimal;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock blockquote {
  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 1.6rem;
  border-top: 1px dotted #1BB899;
  border-bottom: 1px dotted #1BB899;
  margin-top: 1.6rem;
  margin-right: 0;
  margin-bottom: 1.6rem;
  margin-left: 0;
  background-color: #FDFdFd;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock blockquote cite {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock blockquote cite::before {
  content: "引用元：";
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock h3 {
  font-size: 2rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px dotted #999;
}
article.body .inner-wrapper.kiji .maintext.forblog.maincontentsblock h3::before {
  content: "◎";
}
article.body .inner-wrapper.kiji .maintext.forblog.neko {
  margin-bottom: 0;
}
article.body .inner-wrapper.kiji .maintext.forblog.neko h3 {
  font-size: 2rem;
  padding-bottom: 0;
  border-bottom: 0px;
  margin-bottom: 0;
}
article.body .inner-wrapper.kiji .maintext.forblog.neko h3::before {
  content: "";
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji .maintext.forblog {
    width: 600px;
  }
}
@media screen and (min-width: 1000px) {
  article.body .inner-wrapper.kiji .maintext.forblog {
    max-width: 600px;
  }
}
@media screen and (min-width: 1200px) {
  article.body .inner-wrapper.kiji .maintext.forblog {
    width: 600px;
    max-width: 600px;
  }
}
article.body .inner-wrapper.kiji nav .pagelink {
  width: 90%;
  max-width: 60rem;
  margin-right: auto;
  margin-left: auto;
  display: block;
  font-size: 1.6rem;
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
}
article.body .inner-wrapper.kiji nav .pagelink div {
  width: 100%;
  margin: 1.6rem auto;
  line-height: 1.25;
}
article.body .inner-wrapper.kiji nav .pagelink div .pagelinktime {
  display: inline-block;
  margin-right: 1.2rem;
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji nav .pagelink div .pagelinktime {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji nav .pagelink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1000px) {
  article.body .inner-wrapper.kiji nav .pagelink {
    width: 100%;
    max-width: 600px;
    margin-right: 32px;
    margin-left: calc((100% - 600px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  article.body .inner-wrapper.kiji nav .pagelink {
    width: 100%;
    max-width: 600px;
    margin-right: 0;
    margin-left: calc((100% - 600px) / 2);
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body .inner-wrapper.kiji.neko {
    padding-top: 1rem;
  }
}

/*end-article*/
/*==========インデックスページ==========*/
.wrapper .outer-wrapper {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .wrapper .outer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 918px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .wrapper .outer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1018px;
    margin: 0 auto;
  }
}

article {
  /*end-&.body*/
}
article.body {
  /*end-inner-wrapper*/
}
article.body .inner-wrapper {
  /*end-kiji*/
}
article.body .inner-wrapper.kiji {
  /*end-forindex*/
}
article.body .inner-wrapper.kiji.forindex {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  /*end-indexflexbox*/
  /*end-nav*/
  /*end-neko*/
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex {
    width: 100%;
  }
}
article.body .inner-wrapper.kiji.forindex .indexflexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-bottom: 1.4rem;
  margin-left: auto;
  /*color:$green;*/
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex .indexflexbox {
    width: 600px;
  }
}
article.body .inner-wrapper.kiji.forindex .indexflexbox.neko {
  width: 134px;
  display: block;
  border: 1px solid #1BB899;
  border-radius: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 16px;
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex .indexflexbox.neko {
    margin-right: 20px;
    margin-left: 0px;
  }
}
article.body .inner-wrapper.kiji.forindex .titleblock {
  width: calc(100% - 100px);
  padding-left: 16px;
}
article.body .inner-wrapper.kiji.forindex .titleblock .datetimeforindex {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}
article.body .inner-wrapper.kiji.forindex .titleblock ul.post-categories {
  font-size: 1.6rem;
  line-height: 1.25;
  display: none;
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex .titleblock ul.post-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
article.body .inner-wrapper.kiji.forindex .titleblock ul.post-categories li {
  display: block;
}
article.body .inner-wrapper.kiji.forindex .titleblock ul.post-categories li::before {
  content: "［";
}
article.body .inner-wrapper.kiji.forindex .titleblock ul.post-categories li::after {
  content: "］";
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex .titleblock {
    width: 500px;
  }
}
article.body .inner-wrapper.kiji.forindex h1.blogtitle {
  font-size: 2.4rem;
  border-bottom: 1px solid #1BB899;
  margin-bottom: 1rem;
  padding-bottom: 0.4rem;
}
article.body .inner-wrapper.kiji.forindex h1.blogtitle a::after {
  position: relative;
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog {
  /*end-post-categories*/
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog.indexthumbnail {
  width: 100px;
  height: 100px;
  margin-right: 0;
  background-image: url(/assets/img/no-thumbnail.svg);
  background-size: cover;
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog.indexthumbnail.neko {
  margin-right: 0;
  margin-bottom: 14px;
  margin-left: 0;
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog.maincontentsblock.forindex {
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  /*end-btn-link-forindex*/
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog.maincontentsblock.forindex .btn-link-forindex {
  margin-top: 0.8rem;
  margin-right: 0;
  margin-left: auto;
  width: 14.5rem;
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 1.4rem;
  background-color: #1BB899;
  background-image: url(/assets/img/icon-arrow-link-white.png);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
  border-radius: 2.2rem;
  position: relative;
}
article.body .inner-wrapper.kiji.forindex .maintext.forblog.maincontentsblock.forindex .btn-link-forindex a {
  color: #ffffff;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi {
    width: 600px;
  }
}
@media screen and (min-width: 1000px) {
  article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi {
    width: 100%;
    max-width: 600px;
    margin-right: 32px;
    margin-left: calc((100% - 600px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi {
    width: 100%;
    max-width: 600px;
    margin-right: 0;
    margin-left: calc((100% - 600px) / 2);
  }
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .pages, article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .current, article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .page.larger, article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .nextpostslink, article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .last {
  padding: 1.6rem;
  margin-right: 0.8rem;
  border: 1px dotted #999999;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .last {
  margin-right: 0rem;
}
article.body .inner-wrapper.kiji.forindex.neko {
  width: 308px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  /*ねこ店長インデックス*/
}
@media screen and (min-width: 501px) {
  article.body .inner-wrapper.kiji.forindex.neko {
    width: 462px;
  }
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex.neko {
    width: 616px;
  }
}
@media screen and (min-width: 1001px) {
  article.body .inner-wrapper.kiji.forindex.neko {
    width: 924px;
  }
}
article.body .inner-wrapper.kiji.forindex.neko .btn-link-neko {
  position: static;
  font-size: 14px;
  text-align: center;
}
article.body .inner-wrapper.kiji.forindex.neko .btn-link-neko a {
  color: #1BB899;
}
article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav {
  width: 100%;
  margin-top: 32px;
  /*end-nav*/
}
article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi {
    width: 600px;
  }
}
@media screen and (min-width: 1000px) {
  article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi {
    width: 100%;
    margin-right: 32px;
    margin-left: 0;
  }
}
article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .pages, article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .current, article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .page.larger, article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .nextpostslink, article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .last {
  padding: 1.6rem;
  margin-right: 0.8rem;
  border: 1px dotted #999999;
}
article.body .inner-wrapper.kiji.forindex.neko .archive-neko-nav nav .wp-pagenavi .last {
  margin-right: 0rem;
}

/*end-article*/
/*==========WordPressサイドバー関連==========*/
body.kiji .wrapper aside .maintext.forsidebar {
  display: block;
  position: relative;
  width: 90%;
  max-width: 90rem;
  margin-right: auto;
  margin-bottom: 3.2rem;
  margin-left: auto;
  font-size: 1.6rem;
  line-height: 1.6875;
  /*end-sidebar__item */
}
@media screen and (min-width: 769px) {
  body.kiji .wrapper aside .maintext.forsidebar {
    width: 600px;
  }
}
@media screen and (min-width: 1000px) {
  body.kiji .wrapper aside .maintext.forsidebar {
    width: 286px;
    margin-top: 70px;
    margin-right: 0px;
    margin-left: 32px;
  }
}
@media screen and (min-width: 1200px) {
  body.kiji .wrapper aside .maintext.forsidebar {
    width: 286px;
    margin-left: 132px;
  }
}
body.kiji .wrapper aside .maintext.forsidebar h2 {
  color: #666;
  margin-bottom: 0.6rem;
}
body.kiji .wrapper aside .maintext.forsidebar h2.sidebar__title {
  font-size: 2rem;
  font-weight: normal;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item {
  /*end-post-categories*/
  /*end-sidebartags*/
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .sidebar__list {
  margin-bottom: 3.2rem;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list {
  border-bottom: 1px dotted #999999;
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  /*end-postdatetime*/
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list:nth-child(1) {
  border-top: 1px dotted #999999;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist .boxlistthumbnail {
  display: block;
  width: 70px;
  height: 70px;
  /*top:0.6rem;*/
  margin-right: 1.6rem;
  /*bottom:0.6rem;*/
  overflow: hidden;
  background-image: url(/assets/img/no-thumbnail.svg);
  background-size: cover;
  border-radius: 35px;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist .boxlistthumbnail figure img {
  width: auto;
  height: 70px;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist .boxlisttext {
  width: calc(100% - 86px);
  line-height: 1.25;
}
@medkia screen and (min-width:769px) {
  body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist .boxlisttext {
    width: 18.8rem;
  }
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .latests-list .boxsidebarlist .postdatetime {
  font-size: 1.2rem;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .post-categories {
  margin-bottom: 3.2rem;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .post-categories li {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px dotted #999999;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .post-categories li:nth-child(1) {
  border-top: 1px dotted #999999;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .sidebartags {
  margin-top: -3.2rem;
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  /*top:1px dotted $at-gray;*/
  border-bottom: 1px dotted #999999;
}
body.kiji .wrapper aside .maintext.forsidebar .sidebar__item .sidebartags a[href^=http]::after {
  position: relative;
}

/*==========WordPressフロントページ==========*/
article {
  /*end-&.body*/
}
article.body {
  /*end-single*/
}
article.body.neko {
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  article.body.neko {
    width: calc(100% - 32px);
  }
}
@media screen and (min-width: 1200px) {
  article.body.neko {
    width: 1018px;
  }
}
article.body.single {
  /*end-inner-wrapper*/
}
article.body.single .inner-wrapper {
  /*end-boxnews*/
}
article.body.single .inner-wrapper .boxnews {
  display: block;
  padding-top: 4rem;
  padding-bottom: 4rem;
  width: 100%;
  max-width: 120rem;
  /*========== ねこ店長ブロック 全体的に上へ==========*/
  /*ブロック内指定は後述*/
  /*========== ねこ店長ブロック ここまで==========*/
  /*end-boxnewstitle*/
  /*========== タイル親要素 ==========*/
  /*end-boxnewscontents*/
}
article.body.single .inner-wrapper .boxnews.neko {
  display: block;
  width: 100%;
  margin-top: -7rem;
  margin-right: auto;
  margin-bottom: 0rem;
  margin-left: auto;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews.neko {
    margin-top: 0rem;
    margin-right: auto;
    margin-bottom: 0rem;
    margin-left: auto;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewstitle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 3.2rem;
  /*end-fornewstitle*/
  /*========== ねこ店長ブロック タイトルの下スペース調整==========*/
}
article.body.single .inner-wrapper .boxnews .boxnewstitle div.titleline {
  width: 100%;
  content: " ";
  background-image: url(/assets/img/img-bkg-toppage-header-line.png);
  background-size: 100vw 15px;
  background-position: center center;
  background-repeat: no-repeat;
}
article.body.single .inner-wrapper .boxnews .boxnewstitle div.titleline.gray {
  background-image: url(/assets/img/img-bkg-toppage-header-line-gray.png);
}
article.body.single .inner-wrapper .boxnews .boxnewstitle h2 {
  padding: 0.25em 0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #1BB899;
}
article.body.single .inner-wrapper .boxnews .boxnewstitle h2 span {
  /*background:{
  	color:#fff;
  };*/
}
article.body.single .inner-wrapper .boxnews .boxnewstitle h2.kosottobanashi {
  width: 14em;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewstitle h2.kosottobanashi {
    width: 22em;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewstitle h2.about-atreform {
  font-size: 2rem;
  width: 14em;
  color: #999999;
}
article.body.single .inner-wrapper .boxnews .boxnewstitle h2.neko {
  width: 9em;
  height: auto;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}
article.body.single .inner-wrapper .boxnews .boxnewstitle.neko {
  margin-bottom: 1em;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents {
  display: block;
  height: auto;
  /*end-itemnews*/
}
article.body.single .inner-wrapper .boxnews .boxnewscontents.aboutunderblock {
  border-right: none;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 3.2rem;
    border-right: 1px solid #999999;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews { /* タイル子要素 */
  display: block;
  width: 100%;
  height: auto;
  /*end-items*/
  /*==========トップページ 本日のねこ店長ブロック==========*/
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews p {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.6875;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews a.kosottobanashi {
  color: #2E3C62;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .title-two-line .h2sub, article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .title-one-line .h2sub, article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .fornewstitle .h2sub {
  font-size: 1.4rem;
  font-weight: normal;
  color: #fff;
  display: block;
  background-color: #555;
  padding: 0.25em 0.5em;
  margin-bottom: 0.5em;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.about {
  margin-bottom: 6.4rem;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.aboutunderblock {
  margin-bottom: 6.4rem;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews { /* タイル子要素 ブログ用 */
    width: 33.3%;
    padding-top: 1.6rem;
    padding-right: 3rem;
    padding-bottom: 1.6rem;
    padding-left: 3rem;
    border-left: 1px solid #999999;
    /* タイル子要素 ニュース用2列 */
    /* タイル2/3列 */
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.about {
    width: 50%;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.double-box {
    width: 66.6%;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.last {
    border-right: 1px solid #999999;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items {
  width: 100%;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
  display: block;
  /*end-fornewstitle*/
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.about .itemnewsdouble {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.about .itemnewsdouble img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.about .title-two-line, article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.about .title-one-line {
  margin-bottom: 1.6rem;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemnewstriple {
  display: block;
  /*width:100vw;*/
  height: auto;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemnewstriple img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.about .itemnewsdouble {
    width: 100%;
    display: block;
    height: auto;
    margin-right: 0;
    margin-bottom: 1.6rem;
    margin-left: 0;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemnewstriple {
    width: 100%;
    max-height: 222px;
    margin-bottom: 1.6rem;
    overflow: hidden;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemsthumbnail {
  width: 20rem;
  height: 20rem;
  background-image: url(/assets/img/no-thumbnail.svg);
  background-size: cover;
  margin: 0 auto 2em;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemsthumbnail img {
  display: block;
  width: 20rem;
  height: 20rem;
  margin: 0 auto 1.6rem;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .itemsthumbnail img {
    margin: 0 0;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstitle {
  font-size: 1.8rem;
  height: auto;
  margin-left: 0rem;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstitle {
    /*width:calc( 100% - 1.6rem);*/
    width: 100%;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstext {
  font-size: 1.4rem;
  line-height: 1.6875;
  /*end-btn-link-forindex*/
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstext {
    width: 100%;
    margin-left: 0;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstext .fornewstime {
  margin-bottom: 0;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstext .btn-link-forindex {
  margin-top: 0.8rem;
  margin-right: 0;
  margin-left: auto;
  width: 14.5rem;
  font-size: 1.4rem;
  line-height: 1;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-left: 1.4rem;
  background-color: #1BB899;
  background-image: url(/assets/img/icon-arrow-link-white.png);
  background-size: 1.6rem 0.8rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1.2rem) center;
  border-radius: 2.2rem;
  position: relative;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items .fornewstext .btn-link-forindex a {
  color: #ffffff;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items {
    padding-bottom: 3.2rem;
    margin-bottom: 6.4rem;
    border-bottom: 1px dotted #999;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .items.neko {
    margin-bottom: 0rem;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .btn-link-list {
  display: block;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .btn-link-list li.btn-link {
  width: 19rem;
  font-size: 1.6rem;
  padding-left: 2.1rem;
  margin-bottom: 1em;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .btn-link-list li.btn-link a { /* ボタン内のテキスト白に */
  color: #fff;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .btn-link-list li.btn-link {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews .btn-link-list li.btn-link {
    display: inline-block;
    margin-right: 1em;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko {
  border: 0px;
  margin-right: auto;
  margin-left: auto;
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko {
  /*本日のねこ店長 レスポンシブ*/
  /*本日のねこ店長 左側イラスト部分*/
  /*本日のねこ店長 下のボタン sp以外は消す*/
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate {
  margin-bottom: 0.5em;
  /*h2ここまで*/
  /*ねこ PC時のボタンボックス指定のみ*/
  /*ねこh2と本文の幅指定*/
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate h2 {
  color: #1BB899;
  text-align: center;
  margin-right: auto;
  margin-bottom: 0.5em;
  margin-left: auto;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate h2 {
    background-image: url(/assets/img/img-bkg-nekodate.svg), url(/assets/img/img-bkg-nekodate.svg);
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    width: 12em;
  }
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate h2 {
    margin-bottom: 2.5em;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .box-for-pc {
  display: none;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate {
    width: 384px;
    height: 96px;
    background-image: url(/assets/img/img-fukidashi-neko-pc.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 33px;
    padding-left: 50px;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .box-for-pc {
    display: block;
    position: absolute;
    top: 21em;
    left: 12em;
    /*ねこ PC時のボタン指定*/
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .box-for-pc .btn-link.std.new.neko {
    line-height: 1;
    background-image: url(/assets/img/icon-arrow-link-green-new.svg);
    background-size: 0.8rem 1.3rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1.2rem) center;
    background-color: #fff;
    position: relative;
    font-size: 1.6rem;
    color: #1BB899;
    width: 19rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.1rem;
    border-radius: 4rem;
    border: 2px solid #1BB899;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .box-for-pc .btn-link.std.new.neko a {
    color: #1BB899;
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .box-for-pc .btn-link.std.new.neko a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    content: "";
    background-color: rgba(0, 0, 0, 0);
    /* aタグ余白もクリック */
  }
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .nekodate .neko-excerpt {
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .boxneko-for-pc {
  display: none;
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .boxneko-for-pc {
    display: block;
    width: 100px;
    max-width: 100px;
    max-height: 261px;
    background-image: url(/assets/img/img-neko.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left center;
  }
}
@media screen and (min-width: 822px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .boxneko-for-pc {
    display: block;
    width: calc(100% - 210px - 384px);
    max-width: 167px;
    max-height: 261px;
    background-image: url(/assets/img/img-neko.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .itemsthumbnail {
    margin-top: 5em;
  }
}
@media screen and (min-width: 769px) {
  article.body.single .inner-wrapper .boxnews .boxnewscontents .itemnews.neko .items.neko .box-for-sp {
    display: none;
  }
}
article.body.single .inner-wrapper .boxnews .boxnewscontents.neko {
  border: 0px;
}

/*end-article*/
.sp {
  display: block;
}
@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

article.body .inner-wrapper.kiji.forindex {
  /*.archive-neko-nav {*/
  /*}*/
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .pages {
  display: block;
  padding: 1.6rem;
  margin-right: 0.8rem;
  border: 1px dotted #999999;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi .page {
  display: block;
  padding: 1.6rem;
  margin-right: 0.8rem;
  border: 1px dotted #999999;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi a {
  display: block;
  padding: 1.6rem;
  margin-right: 0.8rem;
  border: 1px dotted #999999;
}
article.body .inner-wrapper.kiji.forindex nav .wp-pagenavi a::after {
  display: none;
}
/*# sourceMappingURL=style.css.map */