@charset "UTF-8";

/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. 
ここで魔法が起こります。ここでは、個別のメディアクエリで呼び出していることがわかります。ベースモバイルはクエリの外側にあり、最初に呼び出されます。その後、メディアクエリ内の残りのスタイルを呼び出します。

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all our mixins,functions,and variables that we'll be using across the whole project.
これらのファイルは、プロジェクト全体で使用するすべてのミックスイン、関数、および変数を確立するために、最初に必要です。
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 12, ../scss/partials/_normalize.scss */
/* article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
} */

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 31, ../scss/partials/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

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

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 67, ../scss/partials/_normalize.scss */
/* html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
} */

/**
 * Remove default margin.
 */
/* line 80, ../scss/partials/_normalize.scss */
/* body {
  margin: 0;
} */

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 92, ../scss/partials/_normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 100, ../scss/partials/_normalize.scss */
a:focus {
  outline: thin dotted;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 122, ../scss/partials/_normalize.scss */
/* h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 131, ../scss/partials/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 139, ../scss/partials/_normalize.scss */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 149, ../scss/partials/_normalize.scss */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 159, ../scss/partials/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/* line 169, ../scss/partials/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
/* line 180, ../scss/partials/_normalize.scss */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 188, ../scss/partials/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 200, ../scss/partials/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 208, ../scss/partials/_normalize.scss */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 215, ../scss/partials/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 221, ../scss/partials/_normalize.scss */
small,
.small {
  /* font-size: 75%; */
}

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

/* line 238, ../scss/partials/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 242, ../scss/partials/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 254, ../scss/partials/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 0 0 2rem;
}

/* line 262, ../scss/partials/_normalize.scss */
dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
/* line 270, ../scss/partials/_normalize.scss */
menu {
  padding: 0 0 0 40px;
}

/* line 274, ../scss/partials/_normalize.scss */
ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 284, ../scss/partials/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 298, ../scss/partials/_normalize.scss */
img {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 310, ../scss/partials/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 322, ../scss/partials/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 334, ../scss/partials/_normalize.scss */
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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 345, ../scss/partials/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 358, ../scss/partials/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 387, ../scss/partials/_normalize.scss */
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.
 */
/* line 400, ../scss/partials/_normalize.scss */
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.
 */
/* line 415, ../scss/partials/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 425, ../scss/partials/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 453, ../scss/partials/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 473, ../scss/partials/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 488, ../scss/partials/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 495, ../scss/partials/_normalize.scss */
/* * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
} */

/* line 503, ../scss/partials/_normalize.scss */
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* line 511, ../scss/partials/_normalize.scss */
.clearfix,
.cf,
.comment-respond {
  zoom: 1;
}

/* line 521, ../scss/partials/_normalize.scss */
.clearfix:after,
.cf:after,
.comment-respond:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 530, ../scss/partials/_normalize.scss */
span.amp {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic;
}

/* line 535, ../scss/partials/_normalize.scss */
.breadcrumb {
  margin: 0;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,base values, and defaults. We want to make sure this file ONLY contains variables that way our files don't get all messy. No one likes a mess.
ここで、色、フォント、基本値、デフォルトなどのすべての変数を宣言します。このファイルに変数のみが含まれていることを確認して、ファイルがすべて乱雑にならないようにします。誰も混乱が好きではありません。

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
あなたの色を選ぶことで助けが必要ですか？このサイトを試してみてください：
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to use color variables properly:
これは、色変数を適切に使用する方法に関する優れたチュートリアルです。
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in here or just use this to establish your typographical grid. Or not.Do whatever you want to...GOSH!
サイトのフォントまたはアイコンのセットをインポートする必要がありますか？ここにドロップするか、これを使用してタイプミスグリッドを確立します。やりたいことは何でもしてください... GOSH！

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
FONT FACE（あなたの顔に）
*********************/
/* 
To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, 
独自のフォントを埋め込むには、この構文を使用して、フォントをlibrary / fontsフォルダー内に配置します。フォントの埋め込みの詳細については、
go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
  コメント括弧は必ず削除してください。
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('library/fonts/font-name.eot');
      src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }
*/
/*
The following is based of Typebase:
以下はTypebaseに基づいています。
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
私はそれを少し編集しましたが、それは良い出発点です。
*/
/*
 i imported this one in the functions file so bones would look sweet.don't forget to remove it for your site.
 これを関数ファイルにインポートしたので、bonesが甘く見えます。サイトから削除することを忘れないでください。
*/
/*
some nice typographical defaults
いくつかの素晴らしい誤植のデフォルト
more here: http://www.newnet-soft.com/blog/csstypography
*/
/* line 83, ../scss/partials/_typography.scss */
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you make repeated actions a lot easier. They are really similar to mixins,but can be used for so much more.
Sassでは本当にクールなことがたくさんできます。関数を使用すると、繰り返しのアクションがはるかに簡単になります。それらは本当にミックスインに似ていますが、もっとたくさんの用途に使用できます。

Anyway, keep them all in here so it's easier to find when you're looking for one.
とにかく、それらをすべてここに置いておくと、探しているときに見つけやすくなります。

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working with shadows and such things. It's essentially a quicker way to write RGBA.
これらは、シャドウなどを操作するときに役立ちます。これは本質的にRGBAを書くためのより速い方法です。

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then you've probably already read Responsive Web Design: 
レスポンシブサイトを作成している場合は、おそらくすでにレスポンシブWebデザインを読んでいます。

http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating 'target / context' as mentioned in that book.
その本で言及されているように、「ターゲット/コンテキスト」を計算するためのちょっとしたヘルパー関数があります。

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.I won't go in-depth on how they work exactly,there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques gradients.
ここで、Sassの優れた機能であるMixinsを利用できます。これらが正確にどのように機能するかについては詳しく説明しませんが、そのために役立つ記事がいくつかあります。これにより、色の変更やCSS3テクニックのグラデーションの追加などの簡単な変更をスピードアップできることをお伝えします。

A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more.
警告の言葉：ここでやりすぎるのはとても簡単です。注意してください、そして覚えておいてください。

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
遷移
*********************/
/*
I totally rewrote this to be cleaner and easier to use.You'll need to be using Sass 3.2+ for these to work.Thanks to @anthonyshort for the inspiration on these.
私はこれを完全に書き直して、よりクリーンで使いやすくしました。これらを機能させるには、Sass3.2以降を使用する必要があります。これらのインスピレーションを与えてくれた@anthonyshortに感謝します。
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can really slow down your CSS. Don't overdo it.
これらはCSSの速度を大幅に低下させる可能性があるため、注意してください。無理しないでください。
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So probably best not to use it. I mean, were you going to anyway? */
/* 注：「padding-box」の値はGeckoでのみサポートされています。したがって、おそらくそれを使用しないのが最善です。つまり、とにかく行くつもりでしたか？ */
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.We can break them up as much as we want or just keep them all in one.I mean, you can do whatever you want. The world is your oyster. Unless you hate oysters, then the world is your peanut butter & jelly sandwich.
モジュールは、プロジェクト全体で使用する再利用可能なブロックまたは要素です。モジュールは、必要なだけ分割することも、すべてを1つにまとめることもできます。つまり、好きなことを行うことができます。世界はあなたのカキです。牡蠣が嫌いでない限り、世界はピーナッツバターとゼリーのサンドイッチです。
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,you can just remove this stylesheet.
これらのアラートをデザインで使用する場合は、使用できます。そうでない場合は、このスタイルシートを削除できます。

******************************************************************/
/* line 16, ../scss/modules/_alerts.scss */
.alert-help,
.alert-info,
.alert-error,
.alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

/* line 22, ../scss/modules/_alerts.scss */
.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

/* line 28, ../scss/modules/_alerts.scss */
.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

/* line 34, ../scss/modules/_alerts.scss */
.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

/* line 40, ../scss/modules/_alerts.scss */
.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's important to have a consistent baseline for them. Use this stylesheet to create all kinds of buttons.
ボタンはサイトのスタイルの非常に重要な部分であるため、ボタンのベースラインを一貫させることが重要です。このスタイルシートを使用して、あらゆる種類のボタンを作成します。

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here so we can use common styles. We then use this to load up the defaults in all our buttons.
ここではプレースホルダーセレクターを使用して、一般的なスタイルを使用できるようにします。次に、これを使用して、すべてのボタンにデフォルトをロードします。

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
/* line 25, ../scss/modules/_buttons.scss */
.red-btn,
.comment-reply-link,
#submit,
.white-btn,
a.white-btn,
input.wpcf7c-btn-back,
.lightgray-btn,
.gray-btn,
input[type="submit"] {
  display: inline-block;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  padding: 1.15rem;
  border: 0;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}

/* line 42, ../scss/modules/_buttons.scss */
.red-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.white-btn:hover,
input.wpcf7c-btn-back:hover,
.lightgray-btn:hover,
.gray-btn:hover,
input[type="submit"]:hover,
.red-btn:focus,
.comment-reply-link:focus,
#submit:focus,
.white-btn:focus,
input.wpcf7c-btn-back:focus,
.lightgray-btn:focus,
.gray-btn:focus,
input[type="submit"]:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}

/* line 53, ../scss/modules/_buttons.scss */
.red-btn:active,
.comment-reply-link:active,
#submit:active,
.white-btn:active,
input.wpcf7c-btn-back:active,
.lightgray-btn:active,
.gray-btn:active,
input[type="submit"]:active {
  top: 1px;
}

/* line 57, ../scss/modules/_buttons.scss */
.red-btn::before,
.comment-reply-link::before,
#submit::before,
.white-btn::before,
input.wpcf7c-btn-back::before,
.lightgray-btn::before,
.gray-btn::before,
input[type="submit"]::before {
  content: " ";
}

/* line 61, ../scss/modules/_buttons.scss */
.red-btn::after,
.comment-reply-link::after,
#submit::after,
.white-btn::after,
input.wpcf7c-btn-back::after,
.lightgray-btn::after,
.gray-btn::after,
input[type="submit"]::after {
  content: ">";
}

/*
An example button.You can use this example if you want. Just replace all the variables and it will create a button dependant on those variables.
ボタンの例。必要に応じて、この例を使用できます。すべての変数を置き換えるだけで、それらの変数に依存するボタンが作成されます。
*/
/* line 75, ../scss/modules/_buttons.scss */
.red-btn,
.comment-reply-link,
#submit {
  display: inline;
  background-color: #e60020;
  padding: 1rem 0.5rem;
}

/* line 81, ../scss/modules/_buttons.scss */
.red-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.red-btn:focus,
.comment-reply-link:focus,
#submit:focus {
  background-color: #d2001d;
}

/* line 88, ../scss/modules/_buttons.scss */
.red-btn:active,
.comment-reply-link:active,
#submit:active {
  background-color: #cd001c;
}

/* line 93, ../scss/modules/_buttons.scss */
.red-btn::after,
.comment-reply-link::after,
#submit::after {
  content: "";
}

/* line 99, ../scss/modules/_buttons.scss */
.white-btn,
a.white-btn,
input.wpcf7c-btn-back {
  background-color: #fff;
  color: #878781;
}

/* line 106, ../scss/modules/_buttons.scss */
.white-btn:visited,
a.white-btn:visited,
input.wpcf7c-btn-back:visited {
  color: #878781;
}

/* line 110, ../scss/modules/_buttons.scss */
.white-btn:hover,
.white-btn:focus,
.white-btn:visited:hover,
.white-btn:visited:focus,
a.white-btn:hover,
a.white-btn:focus,
a.white-btn:visited:hover,
a.white-btn:visited:focus,
input.wpcf7c-btn-back:hover,
input.wpcf7c-btn-back:focus,
input.wpcf7c-btn-back:visited:hover,
input.wpcf7c-btn-back:visited:focus {
  background-color: whitesmoke;
  color: #878781;
}

/* line 121, ../scss/modules/_buttons.scss */
.white-btn:active,
a.white-btn:active,
input.wpcf7c-btn-back:active {
  background-color: #f2f2f2;
}

/* line 131, ../scss/modules/_buttons.scss */
.lightgray-btn,
input.wpcf7c-btn-back {
  background-color: #E2E1DB;
  color: #878781;
  justify-content: center;
}

/* line 138, ../scss/modules/_buttons.scss */
.lightgray-btn:hover,
.lightgray-btn:focus,
input.wpcf7c-btn-back:hover,
input.wpcf7c-btn-back:focus {
  background-color: whitesmoke;
  color: #878781;
}

/* line 147, ../scss/modules/_buttons.scss */
.lightgray-btn:active,
input.wpcf7c-btn-back:active {
  background-color: #f2f2f2;
}

/* line 157, ../scss/modules/_buttons.scss */
.gray-btn,
input[type="submit"] {
  background-color: #878781;
}

/* line 162, ../scss/modules/_buttons.scss */
.gray-btn:hover,
.gray-btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #7d7d77;
}

/* line 169, ../scss/modules/_buttons.scss */
.gray-btn:active,
input[type="submit"]:active {
  background-color: #7a7a74;
}

/* line 180, ../scss/modules/_buttons.scss */
input[type="submit"],
input.wpcf7c-btn-back {
  width: 13.6rem;
  font-size: 1.6rem;
  padding: 1.1rem 0;
  display: block;
  margin: 3rem auto 0;
}

/* line 190, ../scss/modules/_buttons.scss */
input.wpcf7c-elm-step2 {
  margin-top: 0;
}

/* line 195, ../scss/modules/_buttons.scss */
.header>.wrap>nav>ul>li {
  padding: 2.8rem 0.7rem;
}

/* line 198, ../scss/modules/_buttons.scss */
.header>.wrap>nav>ul>li:hover,
.header>.wrap>nav>ul>li:focus {
  background-color: #f7f7f7;
}

/* line 205, ../scss/modules/_buttons.scss */
.header>.wrap>nav>ul>li:active {
  background-color: #f2f2f2;
}

/*=============================
.btn-trigger
=============================*/
/* line 213, ../scss/modules/_buttons.scss */
.btn-trigger {
  cursor: pointer;
}

/* line 217, ../scss/modules/_buttons.scss */
.btn-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.7rem;
  height: 7.2rem;
}

/* line 224, ../scss/modules/_buttons.scss */
.btn-trigger div {
  position: relative;
  width: 2.4rem;
  height: 1.7rem;
}

/* line 229, ../scss/modules/_buttons.scss */
.btn-trigger div span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #878781;
  display: inline-block;
  box-sizing: border-box;
}

/* line 238, ../scss/modules/_buttons.scss */
.btn-trigger div span:nth-of-type(1) {
  top: 0;
}

/* line 242, ../scss/modules/_buttons.scss */
.btn-trigger div span:nth-of-type(2) {
  top: 0.8rem;
}

/* line 246, ../scss/modules/_buttons.scss */
.btn-trigger div span:nth-of-type(3) {
  top: auto;
  bottom: 0;
}

/* line 257, ../scss/modules/_buttons.scss */
.close .btn-trigger {
  width: 4.4rem;
  height: 4.4rem;
}

/* line 262, ../scss/modules/_buttons.scss */
.close .btn-trigger span:nth-of-type(2) {
  top: auto;
  bottom: 0;
}

/* line 267, ../scss/modules/_buttons.scss */
.close .btn-trigger span:nth-of-type(1) {
  top: 0;
  transform: translateY(0.8rem) rotate(45deg);
}

/* line 272, ../scss/modules/_buttons.scss */
.close .btn-trigger span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-0.8rem) rotate(-45deg);
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent look. If we need to customize them, we can do this in the main stylesheets and just override them. Easy Peasy.
一貫した外観を設定するために、ここにすべてのフォームとボタンのスタイルを配置します。それらをカスタマイズする必要がある場合は、メインのスタイルシートでこれを行い、オーバーライドするだけです。イージーピージー。

You're gonna see a few data-uri thingies down there. If you're not sure what they are, check this link out:
そこにいくつかのdata-uriのものが表示されます。それらが何であるかわからない場合は、次のリンクを確認してください。
http://css-tricks.com/data-uris/

If you want to create your own, use this helpful link:
独自のリンクを作成する場合は、次の役立つリンクを使用してください。
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
/* line 26, ../scss/modules/_forms.scss */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
#container textarea.wpcf7-textarea,
.field,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1),
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li {
  display: block;
  /* height: 4rem; */
  line-height: 1em;
  padding: 0 1.2rem;
  /* margin-bottom: 1.4rem; */
  font-size: 1em;
  color: #231815;
  border-radius: 0.3rem;
  vertical-align: middle;
  box-shadow: none;
  border: solid 1px #E2E1DB;
  width: 100%;
  /* font-family: a-otf-ud-shin-go-pr6n, sans-serif; */
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}

/* line 63, ../scss/modules/_forms.scss */
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
#container textarea.wpcf7-textarea:focus,
#container textarea.wpcf7-textarea:active,
.field:focus,
.field:active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1):focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1):active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li:focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li:active {
  /*background-color: lighten($gray, 4%);*/
  outline: none;
}

/* line 73, ../scss/modules/_forms.scss */
input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
#container textarea.wpcf7-textarea.error,
#container textarea.wpcf7-textarea.is-invalid,
.field.error,
.field.is-invalid,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).error,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-invalid,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.error,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}

/* line 88, ../scss/modules/_forms.scss */
input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
#container textarea.wpcf7-textarea.success,
#container textarea.wpcf7-textarea.is-valid,
.field.success,
.field.is-valid,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).success,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-valid,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.success,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}

/* line 103, ../scss/modules/_forms.scss */
input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
#container textarea.wpcf7-textarea[disabled],
#container textarea.wpcf7-textarea.is-disabled,
.field[disabled],
.field.is-disabled,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)[disabled],
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-disabled,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li[disabled],
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}

/* line 109, ../scss/modules/_forms.scss */
input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="text"].is-disabled:focus,
input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
#container textarea.wpcf7-textarea[disabled]:focus,
#container textarea.wpcf7-textarea[disabled]:active,
#container textarea.wpcf7-textarea.is-disabled:focus,
#container textarea.wpcf7-textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)[disabled]:focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)[disabled]:active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-disabled:focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-disabled:active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li[disabled]:focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li[disabled]:active,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-disabled:focus,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-disabled:active {
  background-color: #d5edf8;
}

/* line 121, ../scss/modules/_forms.scss */
input[type="text"].is-readonly[readonly],
input[type="password"].is-readonly[readonly],
input[type="datetime"].is-readonly[readonly],
input[type="datetime-local"].is-readonly[readonly],
input[type="date"].is-readonly[readonly],
input[type="month"].is-readonly[readonly],
input[type="time"].is-readonly[readonly],
input[type="week"].is-readonly[readonly],
input[type="number"].is-readonly[readonly],
input[type="email"].is-readonly[readonly],
input[type="url"].is-readonly[readonly],
input[type="search"].is-readonly[readonly],
input[type="tel"].is-readonly[readonly],
input[type="color"].is-readonly[readonly],
select.is-readonly[readonly],
#container textarea.wpcf7-textarea.is-readonly[readonly],
.field.is-readonly[readonly],
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1).is-readonly[readonly],
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.is-readonly[readonly] {
  background: #E8E8E8;
  border: none;
}

/* line 137, ../scss/modules/_forms.scss */
input[type="password"] {
  letter-spacing: 0.3em;
}

/* line 142, ../scss/modules/_forms.scss */
textarea.wpcf7-textarea,
#container textarea.wpcf7-textarea {
  min-height: 120px;
  line-height: 1.5em;
  padding: 1.2rem;
  width: 100%;
  border: solid 1px #E2E1DB;
  background-color: #fff;
  color: #231815;
  height: 6rem;
}

/* line 156, ../scss/modules/_forms.scss */
select,
.header .wrap .cookie_menu>ul>.cookie_menu_other>ul>li:nth-of-type(1),
.nav>.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul,
.nav>.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul {
  /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
  line-height: 1.5em; */
}

/* line 171, ../scss/modules/_forms.scss */
select::-ms-expand {
  display: none;
}

/* line 175, ../scss/modules/_forms.scss */
form {
  /* max-width: 400px;
  margin: auto; */
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important.
これがモバイルスタイルです。それは人々が彼らの電話で見るものです。優れた基盤を設定した場合、他のスタイルシートにあまり多くのスタイルを追加する必要はありません。軽くしてください。速度が重要です。
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports.
ここのすべてがモバイルデバイスによってロードされるので、軽くてスタイルを超えないでください。あなたはそれを可能な限り最小限に保ちたいのです。これはメインスタイルシートの上部で呼び出され、すべてのビューポートで使用されます。

******************************************************************/
/*********************
GENERAL STYLES
一般的なスタイル
*********************/
/* line 16, ../scss/breakpoints/_base.scss */
/* html {
  font-size: 3.125vw;
  overflow-x: hidden;
  margin-top: 0 !important;
} */

/*消す*/
/* line 23, ../scss/breakpoints/_base.scss */
#wpadminbar {
  display: none;
}

/* line 28, ../scss/breakpoints/_base.scss */
/* body {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-size: 1.4em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #231815;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */

/********************
WORDPRESS BODY CLASSES
style a page via class
クラスを介してページのスタイルを設定する
********************/
/* for sites that are read right to left (i.e. hebrew) 右から左に読むサイト（ヘブライ語など） */
/* home page ホームページ */
/* blog template page ブログテンプレートページ */
/* archive page アーカイブページ */
/* date archive page 日付アーカイブページ */
/* replace the number to the corresponding page number 番号を対応するページ番号に置き換えます */
/* search page 検索ページ */
/* search result page 検索結果ページ */
/* no results search page 結果検索ページはありません */
/* individual paged search (i.e. body.search-paged-3) 個々のページ検索（つまり、body.search-paged-3） */
/* 404 page 404ページ */
/* single post page 単一の投稿ページ */
/* individual post page by id (i.e. body.postid-73)  ID別の個々の投稿ページ（例：body.postid-73） */
/* individual paged single (i.e. body.single-paged-3) 個々のページングされたシングル（つまり、body.single-paged-3） */
/* attatchment page 添付ページ */
/* individual attatchment page (i.e. body.attachmentid-763)  個別の添付ファイルページ（例：body.attachmentid-763） */
/* style mime type pages スタイルmimeタイプのページ */
/* author page 著者ページ */
/* user nicename (i.e. body.author-samueladams) ユーザーnicename（つまり、body.author-samueladams） */
/* paged author archives (i.e. body.author-paged-4) for page 4 4ページのページ化された著者アーカイブ（つまり、body.author-paged-4） */
/* category page カテゴリページ */
/* individual category page (i.e. body.category-6) 個々のカテゴリページ（つまり、body.category-6） */
/* replace the number to the corresponding page number 番号を対応するページ番号に置き換えます */
/* tag page タグページ */
/* individual tag page (i.e. body.tag-news) 個々のタグページ（つまり、body.tag-news） */
/* replace the number to the corresponding page number 番号を対応するページ番号に置き換えます */
/* custom page template page カスタムページテンプレートページ */
/* individual page template (i.e. body.page-template-contact-php 個々のページテンプレート（つまり、body.page-template-contact-php */
/* replace the number to the corresponding page number 番号を対応するページ番号に置き換えます */
/* parent page template 親ページテンプレート */
/* child page template 子ページテンプレート */
/* replace the number to the corresponding page number 番号を対応するページ番号に置き換えます */
/* if user is logged in ユーザーがログインしている場合 */
/* paged items like search results or archives 検索結果やアーカイブなどのページアイテム */
/* individual paged (i.e. body.paged-3) 個々のページ（つまり、body.paged-3） */
/*********************
LAYOUT & GRID STYLES
レイアウトとグリッドスタイル
*********************/
/* line 161, ../scss/breakpoints/_base.scss */
p {
  margin: 0.5rem 0;
}

/* line 167, ../scss/breakpoints/_base.scss */
main section,
main aside {
  padding: 4rem 0;
}

/* line 171, ../scss/breakpoints/_base.scss */
main section .l-inner,
main section>ul,
main section .l-wrapper>ul,
main aside .l-inner,
main aside>ul,
main aside .l-wrapper>ul {
  /* max-width: 1030px; */
  margin: auto;
}

/* line 178, ../scss/breakpoints/_base.scss */
/* main section .l-inner,
main aside .l-inner {
  width: calc(100% - 2rem);
} */

/* line 182, ../scss/breakpoints/_base.scss */
main section .l-inner .l-inner,
main aside .l-inner .l-inner {
  width: calc(100% - 1rem);
}

/* line 190, ../scss/breakpoints/_base.scss */
main section>ul li,
main section .l-wrapper>ul li,
main aside>ul li,
main aside .l-wrapper>ul li {
  width: 100%;
}

/* line 193, ../scss/breakpoints/_base.scss */
main section>ul li .l-inner,
main section .l-wrapper>ul li .l-inner,
main aside>ul li .l-inner,
main aside .l-wrapper>ul li .l-inner {
  width: calc(100% - 3rem);
}

/* line 197, ../scss/breakpoints/_base.scss */
main section>ul li figure,
main section .l-wrapper>ul li figure,
main aside>ul li figure,
main aside .l-wrapper>ul li figure {
  margin-bottom: 0.5rem;
}

/* line 208, ../scss/breakpoints/_base.scss */
main section .l-wrapper>ul li figure,
main aside .l-wrapper>ul li figure {
  margin-bottom: 1rem;
}

/* line 216, ../scss/breakpoints/_base.scss */
main section .l-wrapper>ul figure,
main aside .l-wrapper>ul figure {
  margin-bottom: 1rem;
}

/* line 222, ../scss/breakpoints/_base.scss */
main section ul li,
main aside ul li {
  margin-bottom: 3rem;
}

/* line 227, ../scss/breakpoints/_base.scss */
main section ul h4,
main aside ul h4 {
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* line 233, ../scss/breakpoints/_base.scss */
main section .l-wrapper,
main aside .l-wrapper {
  width: 100%;
  padding: 5rem 0;
  background-color: #F0F0ED;
}

/* line 240, ../scss/breakpoints/_base.scss */
main .top-building {
  margin-top: 4rem;
}

/* line 243, ../scss/breakpoints/_base.scss */
main .top-building .l-inner {
  max-width: 768px;
}

/* line 250, ../scss/breakpoints/_base.scss */
.realestate>.inner {
  /* max-width: 1030px; */
}

/* line 254, ../scss/breakpoints/_base.scss */
.realestate p {
  line-height: 1.4;
  color: #231815;
  margin-bottom: 1rem;
}

/* line 260, ../scss/breakpoints/_base.scss */
.realestate .small {
  margin-bottom: 0rem;
}

/* line 264, ../scss/breakpoints/_base.scss */
.realestate .c-icon__set {
  margin-top: -12px;
  position: relative;
  left: 10px;
  z-index: 1;
}

/* 永井追記 */
.realestate .l-inner select {
  /* height: 4rem;
  margin-bottom: 1.4rem; */
}

/* line 269, ../scss/breakpoints/_base.scss */
.detail {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

/* line 275, ../scss/breakpoints/_base.scss */
.detail time,
.detail h4 {
  margin-right: 1rem;
}

/* line 280, ../scss/breakpoints/_base.scss */
.detail h4 {
  margin: 0;
  width: 100%;
}

/* line 291, ../scss/breakpoints/_base.scss */
.c-icon__set {
  display: flex;
  justify-content: flex-start;
  color: #231815;
}

/* line 298, ../scss/breakpoints/_base.scss */
.c-icon__set span {
  margin-right: 0.5rem;
  letter-spacing: 0.04em;
  /* display: block; */
  border-radius: 100px;
  color: #FFFFFF;
  padding-top: 6px;
  padding-left: 10px;
  padding-bottom: 6px;
  padding-right: 10px;
  line-height: 1;
  /* background-color: #D6B374; */
  max-width: fit-content;
  font-size: 12px;
  display: flex;
  justify-content: center;
    align-items: center;
}

/* line 304, ../scss/breakpoints/_base.scss */
.c-icon__set span:nth-child(odd) {
  border: 1px solid #231815;
  /* font-size: 1rem; */
  line-height: 1;
  padding: .4rem 1rem;
  box-sizing: border-box;
  background: #fff;
}

/* line 315, ../scss/breakpoints/_base.scss */
.c-icon__set span:nth-child(even) {
  background: #231815;
  color: #fff;
  /* font-size: 1rem; */
  line-height: 1;
  padding: .4rem 1rem;
  box-sizing: border-box;
}

/* line 324, ../scss/breakpoints/_base.scss */
.c-icon__set span:last-child {
  margin-right: 0;
}

/* line 328, ../scss/breakpoints/_base.scss */
.c-icon__set span.c-icon__type-kenbai {
  background: #A5946B;
  border: 1px solid #A5946B;
  color: #fff;
}

/* line 334, ../scss/breakpoints/_base.scss */
.c-icon__set span.c-icon__type-tochi {
  background: #CD0100;
  border: 1px solid #CD0100;
  color: #fff;
}

/* line 344, ../scss/breakpoints/_base.scss */
.redirect-message-wrap {
  position: fixed;
  font-size: 14px;
  top: 32%;
  left: 50%;
  width: calc((290 / 320) * 100vw);
  height: auto;
  background-color: white;
  z-index: 999;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 0.1rem #000;
  padding: 1em !important;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease;
}

/* line 363, ../scss/breakpoints/_base.scss */
.redirect-message-wrap p {
  color: #000;
  display: inline-block;
  margin-bottom: 0;
}

/* line 369, ../scss/breakpoints/_base.scss */
.redirect-message-wrap br {
  display: none;
}

/*********************
LINK STYLES
リンクスタイル
*********************/
/* line 380, ../scss/breakpoints/_base.scss */
a,
a:visited {
  /* color: #e60020;
  text-decoration: none; */
  /* on hover ホバー */
  /* on click クリック */
  /* mobile tap color　モバイルタップカラー */
}

/* line 386, ../scss/breakpoints/_base.scss */
a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
  /* color: #b8001a; */
}

/* line 395, ../scss/breakpoints/_base.scss */
a:link,
a:visited:link {
  /*
		this highlights links on iPhones/iPads.so it basically works like the :hover selector for mobile devices.
		これはiPhone / iPadのリンクを強調表示するため、基本的にモバイルデバイスの：hoverセレクターのように機能します。
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/* line 404, ../scss/breakpoints/_base.scss */
p {
  margin: 0 0 2rem;
  color: #231815;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 413, ../scss/breakpoints/_base.scss */
/* h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #231815; */
/*
	if you're going to use webfonts, be sure to check your weights
	Webフォントを使用する場合は、必ずウェイトを確認してください
	http://css-tricks.com/watch-your-font-weight/
	*/
/* removing text decoration from all headline links すべての見出しリンクからテキスト装飾を削除する */
/* } */

/* line 437, ../scss/breakpoints/_base.scss */
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}

/* line 442, ../scss/breakpoints/_base.scss */
/* h1,
.h1 {
  font-size: 3.4em;
} */

/* line 447, ../scss/breakpoints/_base.scss */
h2,
.h2 {
  font-size: 2.7rem;
}

/* line 453, ../scss/breakpoints/_base.scss */
h3,
.h3 {
  font-size: 1.9rem;
}

/* line 465, ../scss/breakpoints/_base.scss */
h5,
.h5 {
  font-size: 1rem;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 473, ../scss/breakpoints/_base.scss */
.h_l {
  text-align: center;
  font-size: 2.7rem;
  color: #878781;
  position: relative;
  padding-bottom: 4rem;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  line-height: 1.4;
  margin-bottom: 0;
}

/* line 483, ../scss/breakpoints/_base.scss */
.h_l>span {
  display: block;
  line-height: 3;
  font-size: 1.2rem;
  color: #231815;
  letter-spacing: .2rem;
  font-family: "FuturaLTPro-Medium";
}

/* line 495, ../scss/breakpoints/_base.scss */
.deco::before {
  content: "";
  height: 3rem;
  border: 1px solid #878781;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

/* line 507, ../scss/breakpoints/_base.scss */
.h_m {
  font-size: 1.9rem;
  text-align: center;
}

/* line 512, ../scss/breakpoints/_base.scss */
.h_s {
  font-size: 1.9rem;
}

/* line 516, ../scss/breakpoints/_base.scss */
.h_bold {
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: bold;
  font-size: 2.7rem;
  margin: 0;
}

/* line 523, ../scss/breakpoints/_base.scss */
b,
.footer ul.footer-nav>li a {
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: initial;
}

/* line 529, ../scss/breakpoints/_base.scss */
.small {
  /* font-size: 1.2rem; */
}

/* line 533, ../scss/breakpoints/_base.scss */
.min {
  font-size: 1rem;
}

/* line 537, ../scss/breakpoints/_base.scss */
.copyright {
  font-size: 1.2rem;
  font-family: "FuturaLTPro-Medium";
  font-weight: 600;
  color: #878781;
}

/* line 544, ../scss/breakpoints/_base.scss */
object {
  width: auto;
  pointer-events: none;
}

/* line 549, ../scss/breakpoints/_base.scss */
time,
.c-icon__set {
  line-height: 1;
}

/* line 554, ../scss/breakpoints/_base.scss */
time {
  font-size: 1.2rem;
  font-family: "FuturaLTPro-Medium";
  color: #e60020;
}

/* line 560, ../scss/breakpoints/_base.scss */
.c-icon__set {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

/*********************
HEADER STYLES
ヘッダースタイル
*********************/
/* line 572, ../scss/breakpoints/_base.scss */
.header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0.2rem 0.2rem #E2E1DB;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}

/* line 584, ../scss/breakpoints/_base.scss */
.header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.7rem;
  max-width: 1240px;
  margin: 0;
}

/* line 592, ../scss/breakpoints/_base.scss */
.header .wrap div {
  display: flex;
  align-items: center;
}

/* line 596, ../scss/breakpoints/_base.scss */
.header .wrap div figure {
  fill: #e60020;
}

/* line 599, ../scss/breakpoints/_base.scss */
.header .wrap div figure .pc {
  display: none;
}

/* line 603, ../scss/breakpoints/_base.scss */
.header .wrap div figure .a {
  fill: #e60020;
  line-height: 1;
}

/* line 607, ../scss/breakpoints/_base.scss */
.header .wrap div figure .a>svg {
  vertical-align: bottom;
}

/* line 613, ../scss/breakpoints/_base.scss */
.header .wrap div div {
  display: flex;
  font-size: 1rem;
  border: solid 1px gray;
  margin-left: 0.5rem;
  flex: 0 0 8.6rem;
  height: 4rem;
  justify-content: center;
  letter-spacing: 0;
}

/* line 625, ../scss/breakpoints/_base.scss */
.header .wrap nav {
  display: none;
}

/* line 628, ../scss/breakpoints/_base.scss */
.header .wrap nav>ul {
  padding: 0 1.4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}

/* line 639, ../scss/breakpoints/_base.scss */
#logo {
  line-height: 0;
  flex: 0 0 auto;
  height: 3rem;
}

/* line 645, ../scss/breakpoints/_base.scss */
#logo a svg {
  width: 15.46rem;
  height: 100%;
  fill: #e60020;
}

/* line 653, ../scss/breakpoints/_base.scss */
small,
.fix-btn>button {
  font-size: 1rem;
}

/*********************
NAVIGATION STYLES
ナビゲーションスタイル
*********************/
/*
all navs have a .nav class applied via the wp_menu function; this is so we can easily write one group of styles for the navs on the site so our css is cleaner and more scalable.
すべてのナビゲーションには、wp_menu関数を介して適用される.navクラスがあります。これは、サイトのナビゲーション用に1つのグループのスタイルを簡単に記述できるため、CSSがよりクリーンでスケーラブルになります。
*/
/* line 669, ../scss/breakpoints/_base.scss */
.modal .nav-bg {
  width: 100%;
  height: 100vh;
  background-color: #231815;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
  visibility: hidden;
}

/* line 681, ../scss/breakpoints/_base.scss */
.modal .nav-bg.active {
  opacity: 0.5;
  visibility: visible;
}

/* line 687, ../scss/breakpoints/_base.scss */
.modal nav,
.modal .nav-modal {
  position: fixed;
  top: 0;
  left: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  transition: all .5s;
  z-index: 2;
  overflow: hidden;
}

/* line 701, ../scss/breakpoints/_base.scss */
.modal nav.active,
.modal .nav-modal.active {
  left: 0;
}

/* line 705, ../scss/breakpoints/_base.scss */
.modal nav .btn-wrap,
.modal .nav-modal .btn-wrap {
  flex: 0 0 4.4rem;
  height: 4.4rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: solid 0.1rem #E2E1DB;
  z-index: 0;
}

/* line 716, ../scss/breakpoints/_base.scss */
.modal nav ul,
.modal nav .content,
.modal .nav-modal ul,
.modal .nav-modal .content {
  margin: 0;
}

/* line 721, ../scss/breakpoints/_base.scss */
.modal nav>div,
.modal .nav-modal>div {
  display: flex;
  flex: 0 1 870px;
}

/* line 725, ../scss/breakpoints/_base.scss */
.modal nav>div>ul,
.modal nav>div>.content,
.modal .nav-modal>div>ul,
.modal .nav-modal>div>.content {
  flex: 0 1 825px;
  height: 100vh;
  overflow: scroll;
  padding-bottom: 12.2rem;
  box-shadow: 0 0 0.4rem #231815;
  /* IE, Edge 対応 */
  -ms-overflow-style: none;
  /* Firefox 対応 */
  scrollbar-width: none;
  /* Chrome, Safari 対応 */
}

/* line 738, ../scss/breakpoints/_base.scss */
.modal nav>div>ul::-webkit-scrollbar,
.modal nav>div>.content::-webkit-scrollbar,
.modal .nav-modal>div>ul::-webkit-scrollbar,
.modal .nav-modal>div>.content::-webkit-scrollbar {
  display: none;
}

/* line 742, ../scss/breakpoints/_base.scss */
.modal nav>div>ul .fd,
.modal nav>div>.content .fd,
.modal .nav-modal>div>ul .fd,
.modal .nav-modal>div>.content .fd {
  max-width: 400px;
  margin: auto;
  border: solid 10px #ddd;
  padding: 2rem 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

/* line 750, ../scss/breakpoints/_base.scss */
.modal nav>div>ul .fd P,
.modal nav>div>.content .fd P,
.modal .nav-modal>div>ul .fd P,
.modal .nav-modal>div>.content .fd P {
  margin-bottom: 0;
}

/* line 755, ../scss/breakpoints/_base.scss */
.modal nav>div>ul .fd .nom,
.modal nav>div>.content .fd .nom,
.modal .nav-modal>div>ul .fd .nom,
.modal .nav-modal>div>.content .fd .nom {
  margin-bottom: 0.5rem;
}

/* line 758, ../scss/breakpoints/_base.scss */
.modal nav>div>ul .fd .nom::before,
.modal nav>div>.content .fd .nom::before,
.modal .nav-modal>div>ul .fd .nom::before,
.modal .nav-modal>div>.content .fd .nom::before {
  content: url(../images/icon_free_dial.png);
  position: relative;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

/* line 766, ../scss/breakpoints/_base.scss */
.modal nav>div>ul .fd .nom a,
.modal nav>div>.content .fd .nom a,
.modal .nav-modal>div>ul .fd .nom a,
.modal .nav-modal>div>.content .fd .nom a {
  font-size: 2.3rem;
  font-weight: bold;
  display: block;
  color: #231815;
}

/* line 778, ../scss/breakpoints/_base.scss */
.modal nav>div .info-box h4,
.modal .nav-modal>div .info-box h4 {
  letter-spacing: 0;
  margin-bottom: 0;
  color: #fff;
}

/* line 789, ../scss/breakpoints/_base.scss */
.modal nav .content {
  border-bottom: 0;
  margin: 0;
  background-color: #E2E1DB;
}

/* line 797, ../scss/breakpoints/_base.scss */
.modal .nav-modal .nav-area {
  padding: 2rem 0;
}

/* line 802, ../scss/breakpoints/_base.scss */
.nav {
  /* end .menu li */
  /* highlight current page */
  /* 現在のページを強調表示 */
  /* end current highlighters */
}

/* line 806, ../scss/breakpoints/_base.scss */
.nav>li.current-menu-item>a {
  border-left: solid 0.5rem #e60020;
  color: #e60020;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: 600;
  padding-left: 1.7rem;
}

/* line 818, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul>li:nth-of-type(1) {
  display: none;
}

/* line 828, ../scss/breakpoints/_base.scss */
.nav-area__svg {
  margin: 0 0 3rem;
  padding: 0 2rem;
  box-sizing: border-box;
  width: 100%;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}

/* line 836, ../scss/breakpoints/_base.scss */
.nav-area__list {
  border-top: 1px solid #878781;
}

/* line 839, ../scss/breakpoints/_base.scss */
.nav-area__list a {
  color: #231815;
  display: block;
  border-bottom: 1px solid #878781;
  padding: 1rem;
  box-sizing: border-box;
  text-decoration: none;
  position: relative;
}

/* line 848, ../scss/breakpoints/_base.scss */
.nav-area__list a::before {
  content: "";
  position: absolute;
  right: 1rem;
  top: 40%;
  transform: translateY(-40%);
  width: 4px;
  height: 4px;
  border-top: 2px solid #231815;
  border-right: 2px solid #231815;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 865, ../scss/breakpoints/_base.scss */
.nav>li {
  background-color: #fff;
  border-bottom: solid 0.1rem #E2E1DB;
  position: relative;
  /*
    so you really have to rethink your dropdowns for mobile.you don't want to have it expand too much because the screen is so small. How you manage your menu should depend on the project. Here's some great info on it:
    したがって、モバイル用のドロップダウンを本当に再考する必要があります。画面が非常に小さいため、ドロップダウンを大きくしすぎないようにします。メニューの管理方法は、プロジェクトによって異なります。ここにいくつかの素晴らしい情報があります：
    http://www.alistapart.com/articles/organizing-mobile/
    */
}

/* line 878, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul {
  height: 4.4rem;
  background-position: 97.5% 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 885, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul>li,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul>li {
  order: 1;
  position: unset;
}

/* line 887, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul>li:nth-of-type(1)>span,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul>li:nth-of-type(1)>span {
  width: 100%;
  height: 4rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

/* line 904, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul>li.cookie,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul>li.cookie {
  order: 0;
}

/* line 909, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>ul.open,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>ul.open {
  height: auto;
}

/* line 932, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu>li:nth-of-type(1)>ul,
.nav>li.cookie_menu_other>ul.children>li:nth-of-type(1)>ul {
  margin: 0 2.2rem;
  background-color: white;
  overflow: hidden;
}

/* line 938, ../scss/breakpoints/_base.scss */
.nav>li.cookie_menu_other>ul.sub-menu>li:nth-of-type(1)>ul>li>a,
.nav>li.cookie_menu_other>ul.children>li:nth-of-type(1)>ul>li>a {
  padding-left: 1.2rem;
}

/* line 990, ../scss/breakpoints/_base.scss */
.nav>li>span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.3rem;
  height: 4.5rem;
  font-weight: 600;
}

/* line 1001, ../scss/breakpoints/_base.scss */
.nav>li>span::before {
  content: '>';
}

/* line 1006, ../scss/breakpoints/_base.scss */
.nav>li>div {
  width: 0;
  height: 0;
}

/* line 1012, ../scss/breakpoints/_base.scss */
.nav>li a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 4.4rem;
  color: #231815;
  text-decoration: none;
  padding-left: 2.2rem;
  position: relative;
  line-height: 1;
  /*
    remember this is for mobile ONLY, so there's no need to even declare hover styles here, you can do it in the style.scss file where it's relevant. We want to keep this file as small as possible!
    これはモバイル専用であるため、ここでホバースタイルを宣言する必要はありません。関連するstyle.scssファイルで宣言できます。このファイルはできるだけ小さくしたいと思います。
    */
}

/* line 1041, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu,
.nav>li ul.children {
  position: relative;
  height: 0;
  background-color: #F0F0EE;
}

/* line 1053, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu>li.current-menu-item>a,
.nav>li ul.children>li.current-menu-item>a {
  border-left: solid 0.5rem #e60020;
  color: #e60020;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: 600;
  padding-left: 4rem;
}

/* line 1064, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu>li,
.nav>li ul.children>li {
  position: relative;
  background-color: unset;
  border: 0;
}

/* line 1069, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu>li>span,
.nav>li ul.children>li>span {
  display: none;
}

/* line 1073, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu>li a,
.nav>li ul.children>li a {
  padding-left: 3.2em;
  display: none;
}

/* line 1091, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu.active,
.nav>li ul.children.active {
  height: 100%;
}

/* line 1095, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu.active>li,
.nav>li ul.children.active>li {
  opacity: 1;
  border-top: solid 0.1rem #E2E1DB;
}

/* line 1099, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu.active>li>span,
.nav>li ul.children.active>li>span {
  display: flex;
}

/* line 1110, ../scss/breakpoints/_base.scss */
.nav>li ul.sub-menu.active>li a,
.nav>li ul.children.active>li a {
  display: flex;
}

/* line 1127, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li,
.nav .cookie_menu_other>ul.children>li {
  padding-bottom: 1rem;
}

/* line 1131, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-child(1)>a,
.nav .cookie_menu_other>ul.children>li:nth-child(1)>a {
  padding-left: 2.2rem;
  padding-top: 1rem;
}

/* line 1138, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2),
.nav .cookie_menu_other>ul.children>li:nth-of-type(2) {
  border: 0;
  pointer-events: none;
}

/* line 1142, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>a,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>a {
  display: none;
}

/* line 1146, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>div,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>div {
  border: 0;
}

/* line 1150, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>ul,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>ul {
  height: auto;
}

/* line 1153, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>ul>li,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>ul>li {
  border: 0;
}

/* line 1156, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>ul>li>a,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>ul>li>a {
  padding-left: 2.2rem;
  height: 3.3rem;
  opacity: 0.5;
}

/* line 1161, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2)>ul>li>a::before,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2)>ul>li>a::before {
  content: '>';
  margin-right: 1rem;
}

/* line 1169, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2).area-menu-active,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2).area-menu-active {
  pointer-events: initial;
}

/* line 1172, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other>ul.sub-menu>li:nth-of-type(2).area-menu-active a,
.nav .cookie_menu_other>ul.children>li:nth-of-type(2).area-menu-active a {
  opacity: 1;
}

/* line 1193, ../scss/breakpoints/_base.scss */
.nav .cookie_menu_other.active>li>div {
  top: -4.5rem;
  border-top: 0;
  border-bottom: solid 0.1rem #E2E1DB;
}

/* line 1219, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.sub-menu>li:nth-of-type(2)>div,
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.children>li:nth-of-type(2)>div,
.nav>li.cookie_menu_other>ul.sub-menu>li:nth-of-type(1)>div,
.nav>li.cookie_menu_other>ul.children>li:nth-of-type(1)>div {
  width: 4.5rem;
  height: 4.5rem;
  background-color: #fff;
  position: absolute;
  top: -4.4rem;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 0.1rem #E2E1DB;
  border-left: solid 0.1rem #E2E1DB;
  color: #e60020;
  font-weight: 600;
}

/* line 1235, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.sub-menu>li:nth-of-type(2)>div::before,
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.children>li:nth-of-type(2)>div::before,
.nav>li.cookie_menu_other>ul.sub-menu>li:nth-of-type(1)>div::before,
.nav>li.cookie_menu_other>ul.children>li:nth-of-type(1)>div::before {
  content: '>';
  position: absolute;
  left: -2rem;
  color: black;
}

/* line 1242, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.sub-menu>li:nth-of-type(2)>div::after,
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.children>li:nth-of-type(2)>div::after,
.nav>li.cookie_menu_other>ul.sub-menu>li:nth-of-type(1)>div::after,
.nav>li.cookie_menu_other>ul.children>li:nth-of-type(1)>div::after {
  content: '＋';
}

/* line 1252, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.sub-menu.active>li:nth-of-type(2)>div,
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.children.active>li:nth-of-type(2)>div,
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>div,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>div {
  top: -4.5rem !important;
}

/* line 1255, ../scss/breakpoints/_base.scss */
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.sub-menu.active>li:nth-of-type(2)>div::after,
.nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul.children.active>li:nth-of-type(2)>div::after,
.nav>li.cookie_menu_other>ul.sub-menu.active>li:nth-of-type(1)>div::after,
.nav>li.cookie_menu_other>ul.children.active>li:nth-of-type(1)>div::after {
  content: 'ー' !important;
}

/* line 1281, ../scss/breakpoints/_base.scss */
.info-box {
  padding: 2.2rem 1.4rem 1.4rem;
  background-color: #878781;
  text-align: center;
  font-weight: 600;
}

/* line 1287, ../scss/breakpoints/_base.scss */
.info-box-bottom {
  padding: 0 1.4rem 2.2rem;
}

/* line 1291, ../scss/breakpoints/_base.scss */
.info-box h4 {
  letter-spacing: 0;
  margin-bottom: 0;
  color: #fff;
}

/* line 1300, ../scss/breakpoints/_base.scss */
.nav-modal .content {
  background-color: #fff;
  padding: 5rem 2rem 3rem;
}

/* line 1304, ../scss/breakpoints/_base.scss */
.nav-modal .content h3 {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 1309, ../scss/breakpoints/_base.scss */
.nav-modal .content p {
  padding: 0 2rem;
  padding: 0;
}

/* line 1316, ../scss/breakpoints/_base.scss */
.fix-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  z-index: 2;
}

/* line 1324, ../scss/breakpoints/_base.scss */
.fix-btn-pc {
  display: none;
}

/* line 1330, ../scss/breakpoints/_base.scss */
.fix-btn button {
  flex: 1 1 100%;
  border-right: solid 0.1rem #740100;
}

/* line 1334, ../scss/breakpoints/_base.scss */
.fix-btn button:last-of-type {
  border: none;
}

/* line 1338, ../scss/breakpoints/_base.scss */
.fix-btn button object {
  height: 2.4rem;
  display: inline-block;
  width: 100%;
  margin: 0 auto 0.3em;
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
投稿とコンテンツスタイル
*********************/
/* line 1356, ../scss/breakpoints/_base.scss */
#container {
  margin-top: 7.2rem;
  margin-bottom: 7rem;
}

/* line 1360, ../scss/breakpoints/_base.scss */
#container .pc {
  display: none;
}

/* line 1364, ../scss/breakpoints/_base.scss */
#container #content {
  margin-top: auto !important;
}

/* line 1408, ../scss/breakpoints/_base.scss */
#container #content .wrap main .l-inner .realproperty__pcflex-inner #houseMap {
  position: relative;
  overflow: hidden;
  flex: 1 0 0;
  min-height: 90vw;
}

/* line 1418, ../scss/breakpoints/_base.scss */
#container #content .wrap main .l-nav a {
  background: #707070;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 1.5rem 0;
  text-decoration: none;
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}

/* line 1430, ../scss/breakpoints/_base.scss */
#container #content .wrap main .l-nav a::before {
  width: .5rem;
  height: .5rem;
  border-style: solid;
  border-width: 2px;
  border-color: transparent transparent #fff #fff;
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(225deg);
}

/* line 1446, ../scss/breakpoints/_base.scss */
#container #content .wrap main .heading-h1 {
  text-align: center;
  font-size: 2.7rem;
  color: #878781;
  letter-spacing: .27rem;
  position: relative;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  margin-bottom: 2rem;
}

/* line 1456, ../scss/breakpoints/_base.scss */
#container #content .wrap main .heading-h1 span {
  display: block;
  font-size: 1rem;
  color: #231815;
  letter-spacing: .2rem;
  font-family: "FuturaLTPro-Medium";
}

/* line 1464, ../scss/breakpoints/_base.scss */
#container #content .wrap main .heading-h1 span.hide_title {
  display: none;
}

/* line 1508, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-banner {
  padding: 1rem 0 0;
  font-size: 3.125vw;
}

/* line 1516, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-banner__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
}

/* line 1522, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-banner__list>li {
  flex: 1 0 100%;
  text-align: center;
  font-size: 1em;
  margin-bottom: 2.3rem;
}

/* line 1528, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-banner__list>li.dummy {
  margin-bottom: 0;
}

/* line 1532, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-banner__list>li>figure {
  margin: auto;
  width: 100%;
  display: inline-block;
}

/* line 1545, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__lead {
  text-align: center;
  padding: 2rem 0;
}

/* line 1551, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__list {
  display: block;
}

/* line 1555, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__item {
  border: 1px solid #CD0100;
  padding: 2rem;
  box-sizing: border-box;
  text-align: center;
  margin: 0 0 1rem;
}

/* line 1562, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__item a {
  text-decoration: none;
  color: #CD0100;
}

/* line 1568, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__heading {
  font-size: 2.7rem;
  margin-bottom: 1rem;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}

/* line 1573, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__heading::before {
  content: "「";
}

/* line 1577, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__heading::after {
  content: "」";
}

/* line 1582, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__figure {
  width: 100%;
  margin: 0;
}

/* line 1587, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures__attention {
  color: #878781;
  font-size: 1.0rem;
  margin-bottom: 0;
  line-height: 1.2;
}

/* line 1594, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-fertures .l-inner:first-child {
  margin-bottom: 2rem;
}

/* line 1600, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__list {
  display: block;
  justify-content: space-between;
  margin-bottom: 6rem;
  width: 100%;
  margin: 0 0 4rem;
}

/* line 1608, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item {
  width: 100%;
  background: #fff;
  border: 1px solid #D2D2CE;
  text-align: center;
  padding: 2.5rem;
  box-sizing: border-box;
  margin-bottom: 3rem;
}

/* line 1617, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item figure {
  width: 100%;
  margin-bottom: 1rem;
}

/* line 1624, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box figure:nth-of-type(1) {
  margin-bottom: 0;
}

/* line 1628, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box figure:nth-of-type(2) {
  margin-top: -1.2rem;
  position: relative;
  width: 65.5%;
  padding-top: 51%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.4);
}

/* line 1638, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box figure:nth-of-type(2) img {
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 100%;
  height: auto;
}

/* line 1650, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box.second figure:nth-of-type(2) {
  width: 77%;
}

/* line 1653, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box.second figure:nth-of-type(2) img {
  top: 0;
}

/* line 1662, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box.third figure:nth-of-type(2) {
  width: 100%;
  box-shadow: none;
  background-color: transparent;
}

/* line 1667, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item .box.third figure:nth-of-type(2) img {
  top: 0;
}

/* line 1676, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item.hidden-figure {
  height: 32.8rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

/* line 1684, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item.hidden-figure>a {
  width: 100%;
  height: auto;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1692, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item.hidden-figure>a>div {
  width: 100%;
}

/* line 1695, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item.hidden-figure>a>div>figure {
  width: 100%;
}

/* line 1701, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__item.hidden-figure .hidden-target {
  display: none !important;
}

/* line 1707, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__icon {
  color: #fff;
  padding: .7rem 3rem;
  box-sizing: border-box;
  font-size: 1rem;
  display: block;
  width: 60%;
  margin: auto;
  margin-bottom: 2rem;
}

/* line 1717, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__icon-cardinal {
  background: #CD0100;
}

/* line 1721, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__icon-liznas {
  background: #A5946B;
}

/* line 1725, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__icon-business {
  background: #878781;
}

/* line 1731, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__nav a {
  text-decoration: none;
  color: #CD0100;
  font-size: 1.2rem;
  position: relative;
  padding-right: 2rem;
}

/* line 1738, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building__nav a::after {
  width: .5rem;
  height: .5rem;
  border-style: solid;
  border-width: 1px;
  border-color: transparent transparent #CD0100 #CD0100;
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(225deg);
}

/* line 1754, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__list {
  display: block;
  justify-content: center;
  margin: 0 0 3rem;
}

/* line 1760, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__item {
  margin: 0 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15rem;
  text-align: center;
}

/* line 1769, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__item a {
  text-decoration: none;
}

/* line 1773, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__item:nth-child(1) {
  background: transparent url(../images/bg_building_feature_01.jpg) no-repeat center center;
  background-size: cover;
}

/* line 1779, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__item:nth-child(2) {
  background: transparent url(../images/bg_building_feature_02.jpg) no-repeat center center;
  background-size: cover;
}

/* line 1785, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__item:nth-child(3) {
  background: transparent url(../images/bg_building_feature_03.jpg) no-repeat center center;
  background-size: cover;
}

/* line 1792, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-building-feature__inner {
  margin-bottom: 0;
  color: #fff;
}

/* line 1822, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-casestudy-slider__item a {
  text-decoration: none;
  color: #231815;
}

/* line 1837, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-movie {
  margin-bottom: 6rem;
  display: none;
}

/* line 1842, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-movie-slider__item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 1847, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-movie-slider__item a {
  text-decoration: none;
  color: #231815;
}

/* line 1853, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-movie-slider__heading {
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
  text-align: left;
}

/* line 1863, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-area__heading {
  margin-bottom: 2rem;
  background: transparent url(../images/top_area_icon.svg) no-repeat center top;
  padding: 4.5rem 0 0;
  color: #231815;
}

/* line 1874, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-area__lead {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
}

/* line 1880, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-area select {
  background-color: #fff;
}

/* line 1885, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-bottom {
  padding: 2rem 0;
  border-top: 1px solid #D2D2CE;
  border-bottom: 1px solid #D2D2CE;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* line 1896, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-bottom__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* line 1902, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-bottom__items>li {
  max-width: 350px;
}

/* line 1912, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__list {
  display: block;
  padding: 0;
}

/* line 1918, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__item a {
  text-decoration: none;
}

/* line 1924, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__wrap time {
  font-family: "FuturaLTPro-Medium";
  color: #CD0100;
  padding-right: 1rem;
  box-sizing: border-box;
  line-height: 1;
}

/* line 1945, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__iconset {
  margin-bottom: .5rem;
  display: flex;
  justify-content: flex-start;
}

/* line 1951, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__category {
  background: #fff;
  color: #231815;
  border: 1px solid #231815;
  box-sizing: border-box;
  padding: .3rem 1rem;
  margin-right: 1rem;
  font-size: 1rem;
}

/* line 1961, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-event__area {
  background: #231815;
  color: #fff;
  border: 1px solid #231815;
  box-sizing: border-box;
  padding: .3rem 1rem;
  font-size: 1rem;
}

/* line 1988, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-realestate__item a {
  text-decoration: none;
}

/* line 1993, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-realestate__item.forsale__item img {
  background: #d1d1c8;
}

/* line 2009, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-realestate__figure {
  margin: 0 0 1rem;
}

/* line 2051, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-modelhouse-slider__item a {
  text-decoration: none;
  color: #231815;
}

/* line 2069, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-modelhouse-slider__item .l-inner .c-icon__set span:first-of-type {
  display: none;
}

/* line 2115, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-recommend__item a {
  text-decoration: none;
  color: #231815;
}

/* line 2139, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-recommend__inner {
  display: flex;
  justify-content: flex-start;
}

/* line 2143, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-recommend__inner .c-icon__set {
  display: inline;
}

/* line 2169, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-news__time {
  color: #CD0100;
  text-align: left;
  margin: 0 0 .5rem;
  display: block;
}

/* line 2179, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__lead {
  text-align: center;
  padding: 2rem 0 1rem;
}

/* line 2191, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__item {
  border-bottom: 1px solid #D2D2CE;
  padding: 2rem 0;
  display: block;
}

/* line 2206, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__address {
  font-size: 1.4rem;
  padding: 0;
  margin: 0 0 1rem;
}

/* line 2212, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__tel {
  font-family: "FuturaLTPro-Medium";
  font-size: 2.4rem;
  color: #CD0100;
  padding: 0;
  margin: 0 0 2rem;
  background: transparent url(../images/icon_tel.svg) no-repeat left center;
  padding-left: 3rem;
}

/* line 2222, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__btn {
  margin-bottom: 1rem;
}

/* line 2225, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__btn button {
  background: #F0F0ED;
  font-size: 1.2rem;
  padding: .7rem 2rem;
  font-family: "FuturaLTPro-Medium";
  color: #231815;
  text-decoration: none;
  border: none;
}

/* line 2236, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__map {
  display: none;
}

/* line 2239, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__map.active {
  display: block;
}

/* line 2243, ../scss/breakpoints/_base.scss */
#container #content .wrap main .top-siten__map iframe {
  border: none;
  width: 100%;
  height: 20rem;
}

/* line 2253, ../scss/breakpoints/_base.scss */
#container #content .wrap main .slick-slide figure {
  border-top: solid 1px #E2E1DB;
  border-bottom: solid 1px #E2E1DB;
}

/* line 2260, ../scss/breakpoints/_base.scss */
#container #content .wrap main .slick-slide figure img {
  display: inline;
  object-fit: cover;
  width: 100%;
}

/* line 2270, ../scss/breakpoints/_base.scss */
#container #content .wrap main .slick-slide .forsale__item figure img {
  object-fit: contain;
}

/* line 2297, ../scss/breakpoints/_base.scss */
.area-recommend__detail {
  display: flex;
  justify-content: flex-start;
}

/* line 2301, ../scss/breakpoints/_base.scss */
.area-recommend__detail .c-icon__set {
  width: 60%;
}

/* line 2306, ../scss/breakpoints/_base.scss */
.area-recommend__items {
  padding-top: 3rem;
}

/* line 2314, ../scss/breakpoints/_base.scss */
.area-recommend__item a {
  text-decoration: none;
  color: #231815;
}

/* line 2319, ../scss/breakpoints/_base.scss */
.area-recommend__item time {
  font-family: "FuturaLTPro-Medium";
  color: #CD0100;
  padding-right: .5rem;
  box-sizing: border-box;
  margin-bottom: .5rem;
}

/* line 2339, ../scss/breakpoints/_base.scss */
.area-recommend__inner {
  display: flex;
  justify-content: flex-start;
}

/* line 2343, ../scss/breakpoints/_base.scss */
.area-recommend__inner .c-icon__set {
  display: inline;
}

/* line 2351, ../scss/breakpoints/_base.scss */
.breadcrumb {
  background: #EAEAE7;
  /* padding: .2rem 1rem 0 1.7rem; */
  padding: .5em 0;
  box-sizing: border-box;
  /* font-size: 1.1rem; */
  border-bottom: 1px solid #D2D2CE;
  margin: 0;
}

/* line 2359, ../scss/breakpoints/_base.scss */
.breadcrumb__items {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  margin: .5rem 0;
}

/* line 2367, ../scss/breakpoints/_base.scss */
.breadcrumb__item {
  flex: 0 0 auto;
}

/* line 2370, ../scss/breakpoints/_base.scss */
.breadcrumb__item a {
  color: #231815;
  text-decoration: none;
}

/* line 2375, ../scss/breakpoints/_base.scss */
.breadcrumb__item:after {
  content: ">";
  padding: 0 .5rem;
}

/* line 2380, ../scss/breakpoints/_base.scss */
.breadcrumb__item:last-child {
  flex: 1 1 auto;
}

/* line 2383, ../scss/breakpoints/_base.scss */
.breadcrumb__item:last-child:after {
  content: "";
  display: none;
}

/* line 2392, ../scss/breakpoints/_base.scss */
.page-nav__items {
  display: flex;
  justify-content: center;
  background: #F5F5F2;
  padding: 1rem;
  box-sizing: border-box;
  font-size: 1rem;
  border-bottom: 1px solid #D2D2CE;
  margin: 0;
  letter-spacing: 0.05em;
}

/* line 2405, ../scss/breakpoints/_base.scss */
.page-nav__item a {
  color: #231815;
  text-decoration: none;
}

/* line 2410, ../scss/breakpoints/_base.scss */
.page-nav__item:after {
  content: "▼";
  padding: 0 .5rem 0 0;
  font-size: .7rem;
}

/* line 2452, ../scss/breakpoints/_base.scss */
.about__text span {
  font-size: 1rem;
  position: relative;
  top: -.5rem;
}

/* line 2485, ../scss/breakpoints/_base.scss */
.about__inner {
  margin: 0 0 2rem;
}

/* line 2489, ../scss/breakpoints/_base.scss */
.about__detail {
  background: #F0F0ED;
  padding: 1rem 0 3rem;
}

/* line 2525, ../scss/breakpoints/_base.scss */
.inner {
  /* max-width: 768px;
  margin: 0 auto 3rem; */
}

/* line 2530, ../scss/breakpoints/_base.scss */
.inner>figure {
  margin-bottom: 2rem;
}

/* line 2539, ../scss/breakpoints/_base.scss */
.m-all .single>section {
  padding: 0;
  margin-bottom: 2rem;
}

/* line 2544, ../scss/breakpoints/_base.scss */
.m-all .single>section.last {
  margin: 0 0 4rem;
}

/* line 2549, ../scss/breakpoints/_base.scss */
.m-all .single__box {
  margin-bottom: 3rem;
}

/* line 2552, ../scss/breakpoints/_base.scss */
.m-all .single__box ul {
  margin-bottom: 0.5rem;
}

/* line 2555, ../scss/breakpoints/_base.scss */
.m-all .single__box ul li {
  margin-bottom: 0;
}

/* line 2562, ../scss/breakpoints/_base.scss */
.m-all>section {
  padding: 5rem 0;
}

/* line 2569, ../scss/breakpoints/_base.scss */
.m-all>section>.inner>ul>li>a>figure {
  border-top: solid 1px #E2E1DB;
  border-bottom: solid 1px #E2E1DB;
}

/* line 2579, ../scss/breakpoints/_base.scss */
.m-all>section figure {
  margin-bottom: 1rem;
}

/* line 2584, ../scss/breakpoints/_base.scss */
.m-all>section figure.about__heading-img {
  margin-bottom: 0;
}

/* line 2597, ../scss/breakpoints/_base.scss */
.m-all>section.top .l-inner .copy {
  font-size: 1.3rem;
  margin: 0 0 1rem;
  text-align: center;
  color: #231815;
}

/* line 2605, ../scss/breakpoints/_base.scss */
.m-all>section.top .l-inner .min {
  margin: 2rem 0 0;
  text-align: center;
}

/* line 2612, ../scss/breakpoints/_base.scss */
.m-all>section .l-wrapper {
  padding: 0;
}

/* line 2615, ../scss/breakpoints/_base.scss */
.m-all>section .l-wrapper>.l-inner {
  max-width: 768px;
}

/* line 2620, ../scss/breakpoints/_base.scss */
.m-all>section .l-wrapper ul>li {
  margin: 0;
  padding: 3rem 0;
}

/* line 2624, ../scss/breakpoints/_base.scss */
.m-all>section .l-wrapper ul>li:first-of-type {
  border-bottom: solid 1px #E2E1DB;
}

/* line 2628, ../scss/breakpoints/_base.scss */
.m-all>section .l-wrapper ul>li p {
  margin: 0;
}

/* line 2637, ../scss/breakpoints/_base.scss */
.m-all .real {
  display: flex;
  flex-wrap: wrap;
}

/* line 2641, ../scss/breakpoints/_base.scss */
.m-all .real>section {
  flex: 1 0 100%;
  padding: 0;
}

/* line 2645, ../scss/breakpoints/_base.scss */
.m-all .real>section.realproperty {
  margin: 0;
}

/* line 2653, ../scss/breakpoints/_base.scss */
hr {
  border-top: solid 1px #E2E1DB;
}

/* line 2661, ../scss/breakpoints/_base.scss */
.brand {
  padding: 3rem 0 0;
}

/* line 2664, ../scss/breakpoints/_base.scss */
.brand__box {
  margin-bottom: 4rem;
}

/* line 2668, ../scss/breakpoints/_base.scss */
.brand__text {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 2673, ../scss/breakpoints/_base.scss */
.brand__set {
  background: #F0F0ED;
  padding: 4rem 0;
}

/* line 2680, ../scss/breakpoints/_base.scss */
.brand__lead {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}

/* line 2691, ../scss/breakpoints/_base.scss */
.brand__lead::after {
  content: "";
  text-align: center;
  display: block;
  padding: 0.5rem 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.4rem 1.2rem 0 1.2rem;
  border-color: #231815 transparent transparent;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 1rem 0 0;
}

/* line 2708, ../scss/breakpoints/_base.scss */
.brand__detail {
  background: #fff;
  border: 1px solid #D2D2CE;
  box-sizing: border-box;
  padding: 3rem 1rem;
}

/* line 2715, ../scss/breakpoints/_base.scss */
.brand__detail-icon--01 {
  background: #CD0100;
  padding: .5rem;
  color: #fff;
  display: block;
  width: 40%;
  margin: 0 auto 2rem;
  font-size: 1rem;
  text-align: center;
}

/* line 2726, ../scss/breakpoints/_base.scss */
.brand__detail-icon--02 {
  background: #A5946B;
  padding: .5rem;
  color: #fff;
  display: block;
  width: 40%;
  margin: 0 auto 2rem;
  font-size: 1rem;
  text-align: center;
}

/* line 2738, ../scss/breakpoints/_base.scss */
.brand__detail-nav {
  text-align: center;
  margin-bottom: 0;
}

/* line 2742, ../scss/breakpoints/_base.scss */
.brand__detail-nav a {
  font-family: "FuturaLTPro-Medium";
  font-size: 1.2rem;
  color: #CD0100;
  text-decoration: none;
  display: block;
  padding: 1rem 0;
}

/* line 2750, ../scss/breakpoints/_base.scss */
.brand__detail-nav a::after {
  content: ">";
  padding: 0 0 0 1rem;
}

/* line 2759, ../scss/breakpoints/_base.scss */
.features {
  padding: 3rem 0;
}

/* line 2762, ../scss/breakpoints/_base.scss */
.features__lead {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  font-size: 1.9rem;
  line-height: 1.8;
}

/* line 2769, ../scss/breakpoints/_base.scss */
.features__box {
  margin: 0 0 6rem;
}

/* line 2773, ../scss/breakpoints/_base.scss */
.features__text {
  text-align: center;
  line-height: 1.8;
}

/* line 2778, ../scss/breakpoints/_base.scss */
.features__heading {
  font-size: 2.7rem;
  margin-bottom: 1rem;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  color: #CD0100;
}

/* line 2785, ../scss/breakpoints/_base.scss */
.features__heading::before {
  content: "「";
}

/* line 2789, ../scss/breakpoints/_base.scss */
.features__heading::after {
  content: "」";
}

/* line 2793, ../scss/breakpoints/_base.scss */
.features__heading-img {
  width: 20%;
  margin: 0 auto 1rem;
}

/* line 2799, ../scss/breakpoints/_base.scss */
.features__sub {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* line 2805, ../scss/breakpoints/_base.scss */
.features__detail {
  padding: 0 1rem 2rem;
}

/* line 2809, ../scss/breakpoints/_base.scss */
.features__pickup {
  background: #F0F0ED;
  padding: 2rem 1rem 4rem;
  box-sizing: border-box;
  margin: 0;
}

/* line 2815, ../scss/breakpoints/_base.scss */
.features__pickup-title {
  text-align: center;
  font-size: 1.9rem;
  margin: 0 0 .5rem;
}

/* line 2828, ../scss/breakpoints/_base.scss */
.recommend__lead {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 2rem;
}

/* line 2835, ../scss/breakpoints/_base.scss */
.recommend__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}

/* line 2842, ../scss/breakpoints/_base.scss */
.recommend__lists {
  margin-bottom: 0;
}

/* line 2846, ../scss/breakpoints/_base.scss */
.recommend__item {
  width: 100%;
  margin: 0 0 4rem;
}

/* line 2850, ../scss/breakpoints/_base.scss */
.recommend__item a {
  text-decoration: none;
}

/* line 2854, ../scss/breakpoints/_base.scss */
.recommend__item:nth-child(3n) {
  margin-right: 0;
}

/* line 2858, ../scss/breakpoints/_base.scss */
.recommend__item:last-child {
  margin-bottom: 0;
}

/* line 2879, ../scss/breakpoints/_base.scss */
.event-page {
  padding: 3rem 0 0;
}

/* line 2883, ../scss/breakpoints/_base.scss */
.event__lead {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}

/* line 2890, ../scss/breakpoints/_base.scss */
.event__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}

/* line 2897, ../scss/breakpoints/_base.scss */
.event__item {
  width: 100%;
  margin: 0 0 4rem;
}

/* line 2901, ../scss/breakpoints/_base.scss */
.event__item a {
  text-decoration: none;
}

/* line 2905, ../scss/breakpoints/_base.scss */
.event__item:nth-child(3n) {
  margin-right: 0;
}

/* line 2909, ../scss/breakpoints/_base.scss */
.event__item:last-child {
  margin-bottom: 0;
}

/* line 2937, ../scss/breakpoints/_base.scss */
.case {
  padding: 3rem 0 0;
}

/* line 2940, ../scss/breakpoints/_base.scss */
.case__lead {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 2rem;
}

/* line 2947, ../scss/breakpoints/_base.scss */
.case__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}

/* line 2954, ../scss/breakpoints/_base.scss */
.case__item {
  width: 100%;
  margin: 0 0 2rem;
}

/* line 2958, ../scss/breakpoints/_base.scss */
.case__item a {
  text-decoration: none;
  color: #231815;
}

/* line 2963, ../scss/breakpoints/_base.scss */
.case__item:nth-child(3n) {
  margin-right: 0;
}

/* line 2967, ../scss/breakpoints/_base.scss */
.case__item:last-child {
  margin-bottom: 0;
}

/* line 2977, ../scss/breakpoints/_base.scss */
.case__caption {
  color: #231815;
}

/* line 2981, ../scss/breakpoints/_base.scss */
.case-single {
  padding: 0 0 3rem;
}

/* line 2987, ../scss/breakpoints/_base.scss */
.single__mv {
  display: flex;
  flex-direction: column-reverse;
  border-bottom: 1px solid #D2D2CE;
  padding-bottom: 2rem;
}

/* line 2995, ../scss/breakpoints/_base.scss */
.single__sub {
  font-size: 1.4rem;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: left;
  margin-bottom: 0.5rem;
}

/* line 3002, ../scss/breakpoints/_base.scss */
.single__time {
  color: #CD0100;
  display: block;
  margin: 0 0 1rem;
}

/* line 3011, ../scss/breakpoints/_base.scss */
.single__inner ul {
  margin-bottom: 1rem;
}

/* line 3014, ../scss/breakpoints/_base.scss */
.single__inner ul li {
  margin-bottom: 0;
}

/* line 3019, ../scss/breakpoints/_base.scss */
.single__inner p {
  margin-bottom: 3rem;
}

/* line 3025, ../scss/breakpoints/_base.scss */
.single__title {
  font-size: 1.4rem;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}

/* line 3030, ../scss/breakpoints/_base.scss */
.single__figure {
  margin-bottom: 1rem;
}

/* line 3035, ../scss/breakpoints/_base.scss */
.single__table th {
  width: 100%;
  background: #f4f4f4;
  display: block;
  padding: .5rem 1rem;
  box-sizing: border-box;
}

/* line 3043, ../scss/breakpoints/_base.scss */
.single__table td {
  width: 100%;
  display: block;
  padding: .5rem 1rem;
  box-sizing: border-box;
}

/* line 3051, ../scss/breakpoints/_base.scss */
.single__heading {
  font-weight: 300;
  font-size: 1.4rem;
  color: #231815;
  text-align: left;
  padding-left: 0;
  box-sizing: border-box;
}

/* line 3060, ../scss/breakpoints/_base.scss */
.single__movie-wrap {
  position: relative;
}

/* line 3063, ../scss/breakpoints/_base.scss */
.single__movie-wrap iframe {
  height: 50vw;
  width: 100%;
}

/* line 3073, ../scss/breakpoints/_base.scss */
.preview__inner .l-inner {
  margin-bottom: 4rem;
}

/* line 3078, ../scss/breakpoints/_base.scss */
.preview__inner iframe {
  width: 100%;
  height: 200px;
}

/* line 3082, ../scss/breakpoints/_base.scss */
.preview__inner iframe.preview {
  height: calc(100vh - 17.1rem);
}

/* line 3089, ../scss/breakpoints/_base.scss */
.modelhouse {
  padding: 3rem 0 0;
}

/* line 3092, ../scss/breakpoints/_base.scss */
.modelhouse__lead {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  text-align: center;
  font-size: 1.4rem;
  margin: 0 0 2rem;
}

/* line 3100, ../scss/breakpoints/_base.scss */
.modelhouse__items {
  margin-bottom: 0;
}

/* line 3104, ../scss/breakpoints/_base.scss */
.modelhouse__item {
  box-sizing: border-box;
  margin-bottom: 4rem;
  padding: 0;
}

/* line 3109, ../scss/breakpoints/_base.scss */
.modelhouse__item a {
  text-decoration: none;
  color: #231815;
}

/* line 3114, ../scss/breakpoints/_base.scss */
.modelhouse__item:last-child {
  margin-bottom: 0;
}

/* line 3127, ../scss/breakpoints/_base.scss */
.modelhouse__caption {
  color: #231815;
  margin: 0;
}

/* line 3132, ../scss/breakpoints/_base.scss */
.modelhouse-single {
  padding: 0 0 3rem;
}

/* line 3138, ../scss/breakpoints/_base.scss */
.comfortable__lead {
  color: #CD0100;
  text-align: center;
  font-size: 1.9rem;
}

/* line 3144, ../scss/breakpoints/_base.scss */
.comfortable__num {
  font-size: 2.7rem;
  text-align: center;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: bold;
  margin-bottom: 1rem;
  margin: 1rem 0;
}

/* line 3152, ../scss/breakpoints/_base.scss */
.comfortable__num-up {
  vertical-align: top;
  font-size: 2rem;
}

/* line 3157, ../scss/breakpoints/_base.scss */
.comfortable__num-bottom {
  vertical-align: bottom;
  font-size: 1.5rem;
}

/* line 3163, ../scss/breakpoints/_base.scss */
.comfortable__num2 {
  font-size: 5.1rem;
  text-align: center;
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  font-weight: bold;
  margin: 1rem 0 2rem;
}

/* line 3170, ../scss/breakpoints/_base.scss */
.comfortable__num2-up {
  vertical-align: top;
  font-size: 2rem;
}

/* line 3175, ../scss/breakpoints/_base.scss */
.comfortable__num2-bottom {
  vertical-align: bottom;
  font-size: 2rem;
  position: relative;
  top: -1.5rem;
}

/* line 3183, ../scss/breakpoints/_base.scss */
.comfortable__wrap {
  margin: 0 0 6rem;
}

/* line 3187, ../scss/breakpoints/_base.scss */
.comfortable__attention {
  font-size: 1rem;
  margin: 0 0 2rem;
}

/* line 3192, ../scss/breakpoints/_base.scss */
.comfortable__text {
  margin: 0 0 2rem;
}

/* line 3197, ../scss/breakpoints/_base.scss */
.comfortable__item:nth-child(1) figure {
  width: 80%;
  margin: 0 auto;
}

/* line 3202, ../scss/breakpoints/_base.scss */
.comfortable__item:nth-child(2) figure {
  width: 50%;
  margin: 0 auto;
}

/* line 3208, ../scss/breakpoints/_base.scss */
.comfortable__image {
  margin: 0 0 2rem;
}

/* line 3211, ../scss/breakpoints/_base.scss */
.comfortable__image-desc {
  width: 60%;
  margin: 0 auto 2rem;
}

/* line 3216, ../scss/breakpoints/_base.scss */
.comfortable__image-bord {
  width: 80%;
  margin: 0 auto 2rem;
}

/* line 3223, ../scss/breakpoints/_base.scss */
.title-img-box {
  margin: 0;
}

/* line 3226, ../scss/breakpoints/_base.scss */
.title-img-box a {
  display: inline-block;
  width: 100%;
}

/* line 3230, ../scss/breakpoints/_base.scss */
.title-img-box a:hover {
  cursor: pointer;
  opacity: 0.8;
}

/* line 3236, ../scss/breakpoints/_base.scss */
.title-img-box span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56vw;
  overflow: hidden;
  vertical-align: top;
}

/* line 3246, ../scss/breakpoints/_base.scss */
.title-img-box img {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

/* line 3260, ../scss/breakpoints/_base.scss */
.top .first-view-wrap {
  position: relative;
}

/* line 3263, ../scss/breakpoints/_base.scss */
.top .first-view-wrap a {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

/* line 3268, ../scss/breakpoints/_base.scss */
.top .first-view-wrap a:hover {
  cursor: pointer;
}

/* line 3273, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .bg-box {
  position: relative;
  height: 0;
  padding-top: calc((var(--vh) * 100) - 6.8rem - 7.2rem);
  overflow: hidden;
}

/* line 3279, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .bg-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

/* line 3290, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

/* line 3298, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .box-inner {
  height: 100%;
}

/* line 3302, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .logo,
.top .first-view-wrap .text-box .main-copy,
.top .first-view-wrap .text-box .anchor {
  margin: auto;
  position: absolute;
}

/* line 3310, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .logo {
  width: 9rem;
  width: 19.5vh;
  top: 5vh;
  left: 0;
  right: 0;
}

/* line 3318, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .main-copy {
  background-color: rgba(0, 0, 0, 0.49);
  padding: 3vh 0 4vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* line 3327, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .main-copy .inner {
  width: calc(100% - 2rem);
  max-width: 70rem;
  margin-bottom: 0;
}

/* line 3334, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .anchor {
  width: 18rem;
  bottom: 6vh;
  left: 0;
  right: 0;
}

/* line 3340, ../scss/breakpoints/_base.scss */
.top .first-view-wrap .text-box .anchor:hover {
  opacity: 0.7;
}

/* line 3348, ../scss/breakpoints/_base.scss */
.info-single {
  padding: 6rem 0 0;
}

/* line 3353, ../scss/breakpoints/_base.scss */
.news__items {
  display: flex;
  justify-content: center;
}

/* line 3358, ../scss/breakpoints/_base.scss */
.news__item {
  box-sizing: border-box;
  margin-bottom: 2rem;
}

/* line 3362, ../scss/breakpoints/_base.scss */
.news__item a {
  text-decoration: none;
  color: #231815;
}

/* line 3368, ../scss/breakpoints/_base.scss */
.news__heading {
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
  text-align: left;
}

/* line 3375, ../scss/breakpoints/_base.scss */
.news__time {
  color: #CD0100;
  text-align: left;
  margin: 0 0 .5rem;
  display: block;
}

/* line 3383, ../scss/breakpoints/_base.scss */
.house {
  padding: 0;
  margin: 0;
}

/* line 3389, ../scss/breakpoints/_base.scss */
.estate__nav {
  margin: 2rem 0;
}

/* line 3393, ../scss/breakpoints/_base.scss */
.estate__nav-inner {
  display: flex;
  justify-content: center;
}

/* line 3398, ../scss/breakpoints/_base.scss */
.estate__nav-link {
  width: 50%;
}

/* line 3401, ../scss/breakpoints/_base.scss */
.estate__nav-link a {
  text-decoration: none;
  display: block;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #958D86;
  background: #D2D2CE;
  padding: 1rem 0;
  color: #231815;
}

/* line 3413, ../scss/breakpoints/_base.scss */
.estate__nav-link:first-child a {
  border-right: 1px solid #958D86;
}

/* line 3420, ../scss/breakpoints/_base.scss */
.estate__nav-active a {
  text-decoration: none;
  display: block;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  background: #fff;
  /* color: #CD0100; */
  border-top: 1px solid #958D86;
  padding: 1rem 0;
}

/* line 3434, ../scss/breakpoints/_base.scss */
.estate-02 {
  display: none;
}

/* line 3438, ../scss/breakpoints/_base.scss */
.estate__form {
  /* margin: 0 auto 4rem; */
}

/* line 3442, ../scss/breakpoints/_base.scss */
.estate__lead {
  text-align: center;
  margin: 0 0 2rem;
}

/* line 3447, ../scss/breakpoints/_base.scss */
.estate__list {
  display: block;
  padding: 0;
}

/* line 3456, ../scss/breakpoints/_base.scss */
.estate__item.forsale__item img {
  background: #d1d1c8;
}

/* line 3461, ../scss/breakpoints/_base.scss */
.estate__item a {
  text-decoration: none;
}

/* line 3476, ../scss/breakpoints/_base.scss */
.estate__figure {
  border: solid 1px #E2E1DB;
}

/* line 3490, ../scss/breakpoints/_base.scss */
.estate__small {
  font-weight: 300;
  /* font-size: 1.2rem; */
  color: #231815;
  text-align: left;
  margin: 0 0 1rem;
  box-sizing: border-box;
}

/* line 3500, ../scss/breakpoints/_base.scss */
.mv {
  position: relative;
}

/* line 3503, ../scss/breakpoints/_base.scss */
.mv::after {
  display: none;
}

/* line 3507, ../scss/breakpoints/_base.scss */
.mv__image {
  margin: 0;
  padding: 0;
  line-height: 0;
}

/* line 3512, ../scss/breakpoints/_base.scss */
.mv__image figure {
  position: relative;
}

/* line 3515, ../scss/breakpoints/_base.scss */
.mv__image figure::after {
  display: none;
}

/* line 3520, ../scss/breakpoints/_base.scss */
.mv__image img {
  object-fit: cover;
  height: calc(100vh - 13.6rem);
  width: 100vw;
}

/* line 3528, ../scss/breakpoints/_base.scss */
.mv__caption {
  z-index: 0;
  color: #fff;
  font-size: 3.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0;
  padding: 0;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  line-height: 1.4;
  text-align: center;
  width: 100%;
  font-weight: 300;
}

/* line 3545, ../scss/breakpoints/_base.scss */
.mv__scroll {
  position: relative;
  position: absolute;
  bottom: 0 !important;
  left: 50%;
  transform: translateX(-50%);
}

/* line 3552, ../scss/breakpoints/_base.scss */
.mv__scroll img {
  width: auto;
  height: auto;
}

/* line 3559, ../scss/breakpoints/_base.scss */
.mv-news__slider {
  margin: 0 auto;
  background: #EDEDEC;
  text-align: center;
  padding: 1rem 0;
  border: 1px solid #D2D2CE;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  flex-wrap: wrap;
  display: none;
}

/* line 3572, ../scss/breakpoints/_base.scss */
.mv-news__slider.slick-initialized {
  display: block;
}

/* line 3575, ../scss/breakpoints/_base.scss */
.mv-news__slider.slick-initialized .slick-list,
.mv-news__slider.slick-initialized .slick-track {
  display: flex;
  align-items: center;
}

/* line 3583, ../scss/breakpoints/_base.scss */
.mv-news__slider li {
  padding: 0 1rem;
}

/* line 3586, ../scss/breakpoints/_base.scss */
.mv-news__slider li a {
  color: #231815;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

/* line 3594, ../scss/breakpoints/_base.scss */
.mv-news__slider li a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 0.75rem;
  border-color: transparent transparent transparent #878781;
  position: absolute;
  left: 102%;
  bottom: 0rem;
  transform: translateY(-50%);
}

/* line 3615, ../scss/breakpoints/_base.scss */
.realproperty__head {
  margin: 0 0 6rem;
}

/* line 3619, ../scss/breakpoints/_base.scss */
.realproperty__main {
  margin: 0 0 4rem;
}

/* line 3623, ../scss/breakpoints/_base.scss */
.realproperty__figure {
  margin: 0 0 1rem;
}

/* line 3627, ../scss/breakpoints/_base.scss */
.realproperty__heading {
  font-size: 1.4rem;
  border-bottom: 1px solid #D2D2CE;
  padding: 0 0 0.5rem;
}

/* line 3634, ../scss/breakpoints/_base.scss */
.realproperty__text {
  font-size: 1.2rem;
  margin: 0 0 .5rem;
}

/* line 3639, ../scss/breakpoints/_base.scss */
.realproperty__info {
  /* font-size: 1.0rem; */
  margin: 0 0 0 0;
  line-height: 1.8;
}

/* line 3643, ../scss/breakpoints/_base.scss */
.realproperty__info-note {
  margin: 0 0 .5rem;
  font-size: 1.0rem;
}

/* line 3650, ../scss/breakpoints/_base.scss */
.realproperty__around {
  letter-spacing: 0.05rem;
  overflow: hidden;
}

/* line 3654, ../scss/breakpoints/_base.scss */
.realproperty__around>li {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}

/* line 3660, ../scss/breakpoints/_base.scss */
.realproperty__around>li>span {
  flex: 0 0 auto;
  display: inline-block;
  background-color: #F4F1ED;
}

/* line 3666, ../scss/breakpoints/_base.scss */
.realproperty__around>li>span:first-of-type {
  order: 0;
}

/* line 3669, ../scss/breakpoints/_base.scss */
.realproperty__around>li>span:first-of-type::before {
  content: "●";
}

/* line 3675, ../scss/breakpoints/_base.scss */
.realproperty__around>li>span:last-of-type {
  order: 2;
  margin-left: auto;
  position: relative;
}

/* line 3683, ../scss/breakpoints/_base.scss */
.realproperty__around>li::after {
  content: "......................................................................................................................................................................................";
  overflow: hidden;
  order: 1;
  line-height: 1.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  letter-spacing: 0.5rem;
  white-space: nowrap;
}

/* line 3702, ../scss/breakpoints/_base.scss */
.realproperty__around>li.textover>span:last-of-type::after {
  content: ".....";
  position: absolute;
  bottom: 0.4rem;
  width: 100%;
  letter-spacing: 0.5rem;
  z-index: -2;
  text-align: right;
  left: -100%;
}

/* line 3716, ../scss/breakpoints/_base.scss */
.realproperty__around>li.textover::after {
  display: none;
}

/* line 3727, ../scss/breakpoints/_base.scss */
.realproperty__date {
  /* font-size: 1.1rem; */
  margin: 0 0 .5rem;
}

/* line 3731, ../scss/breakpoints/_base.scss */
.realproperty__date-detail {
  display: block !important;
  line-height: 1.8;
  letter-spacing: -1em;
  margin-bottom: 0.5em;
}

/* line 3736, ../scss/breakpoints/_base.scss */
.realproperty__date-detail li {
  display: inline;
  width: auto;
  margin: 0 !important;
  /* padding-left: 1rem; */
  letter-spacing: 0.07em;
}

/* line 3743, ../scss/breakpoints/_base.scss */
.realproperty__date-detail li:first-child {
  padding: 0;
}

/* line 3750, ../scss/breakpoints/_base.scss */
.realproperty__date-around {
  /* font-size: 1.2rem; */
  margin: 0 !important;
}

/* line 3756, ../scss/breakpoints/_base.scss */
.realproperty__date-place {
  margin: 0 0 1rem;
  font-size: 1.0rem;
}

/* line 3763, ../scss/breakpoints/_base.scss */
.realproperty__detail {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 3769, ../scss/breakpoints/_base.scss */
.realproperty__detail-madori {
  background: #231815;
  color: #fff;
  padding: 0.4rem 0.8rem;
  margin: 0 1rem 0 0;
  font-size: 1rem;
  line-height: 1;
}

/* line 3778, ../scss/breakpoints/_base.scss */
.realproperty__detail-kukaku {
  background: #231815;
  color: #fff;
  padding: 0.3rem 0.75rem;
  margin: 0 1rem 0 0;
  display: inline-block;
  font-size: 1rem;
  font-weight: 300;
  align-self: flex-start;
  flex: 0 0 auto;
  line-height: 1;
}

/* line 3791, ../scss/breakpoints/_base.scss */
.realproperty__detail-mark {
  position: relative;
  top: -.5rem;
  font-size: 1rem;
}

/* line 3797, ../scss/breakpoints/_base.scss */
c .realproperty__detail-tsubo {
  padding-left: 1rem;
}

/* line 3802, ../scss/breakpoints/_base.scss */
.realproperty__price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 .5rem;
}

/* line 3808, ../scss/breakpoints/_base.scss */
.realproperty__price-label {
  font-size: 1.2rem;
  margin: 0 20px 0 0;
}

/* line 3813, ../scss/breakpoints/_base.scss */
.realproperty__price-number {
  font-family: "FuturaLTPro-Medium";
  /* font-size: 3.6rem; */
  font-size: 2.4rem;
  color: #CD0100;
  margin: 0 11px 0 0;
  line-height: 1.5;
}

/* line 3822, ../scss/breakpoints/_base.scss */
.realproperty__body {
  margin: 0 0 6rem;
}

/* line 3826, ../scss/breakpoints/_base.scss */
.realproperty__body.point .recommend {
  font-size: 1rem;
  display: inline-block;
  line-height: 1;
}

/* line 3836, ../scss/breakpoints/_base.scss */
.realproperty__body dl .en {
  display: block;
  font-weight: bold;
}

/* line 3841, ../scss/breakpoints/_base.scss */
.realproperty__body dl dd {
  font-size: 1.2rem;
}

/* line 3844, ../scss/breakpoints/_base.scss */
.realproperty__body dl dd .i_b {
  display: inline-block;
}

/* line 3851, ../scss/breakpoints/_base.scss */
.realproperty__sub {
  font-size: 1.4rem;
  margin: 0 0 .5rem;
  line-height: 1.4;
}

/* line 3857, ../scss/breakpoints/_base.scss */
.realproperty__item {
  margin: 0 0 2rem;
}

/* line 3861, ../scss/breakpoints/_base.scss */
.realproperty__box {
  margin: 0 0 3rem;
}

/* line 3864, ../scss/breakpoints/_base.scss */
.realproperty__box.attention {
  margin-bottom: 2rem;
  width: 100%;
}

/* line 3868, ../scss/breakpoints/_base.scss */
.realproperty__box.attention .l-inner {
  /* width: calc(100% - 2rem); */
  margin: 0 auto;
}

/* line 3877, ../scss/breakpoints/_base.scss */
.realproperty__attention {
  color: #878781;
  /* font-size: 1.0rem; */
  margin-bottom: 0;
}

/* line 3883, ../scss/breakpoints/_base.scss */
.realproperty__nav {
  background: #CD0100;
  text-align: center;
  display: block;
  color: #fff;
  width: 100%;
  border: none;
  padding: 1.5rem 0;
  /* font-size: 1.6rem; */
  position: relative;
}

/* line 3894, ../scss/breakpoints/_base.scss */
/* .realproperty__nav::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 42%;
  transform: translateY(-42%);
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} */

/* line 3909, ../scss/breakpoints/_base.scss */
.realproperty__back {
  padding: 0 15px;
  box-sizing: border-box;
  margin-bottom: 5rem;
}

/* line 3914, ../scss/breakpoints/_base.scss */
.realproperty__back a {
  text-decoration: none;
}

/* line 3918, ../scss/breakpoints/_base.scss */
.realproperty__back button {
  background: #fff;
  text-align: center;
  display: block;
  color: #231815;
  width: 100%;
  border: none;
  padding: 1.5rem 0;
  /* font-size: 1.6rem; */
  position: relative;
  border: 1px solid #D2D2CE;
  box-sizing: border-box;
}

/* line 3931, ../scss/breakpoints/_base.scss */
/* .realproperty__back button::after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 42%;
  transform: translateY(-42%);
  width: 6px;
  height: 6px;
  border-top: 2px solid #231815;
  border-right: 2px solid #231815;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} */

/* line 3947, ../scss/breakpoints/_base.scss */
.realproperty__modal {
  position: relative;
  z-index: 100;
}

/* line 3952, ../scss/breakpoints/_base.scss */
.realproperty__gmap {
  height: 250px;
  margin: 0 0 1rem;
}

/* line 3958, ../scss/breakpoints/_base.scss */
.realproperty__forsale-heading {
  /* font-size: 1.4rem; */
  font-size: 1rem;
}

/* line 3962, ../scss/breakpoints/_base.scss */
.realproperty__forsale-subtext {
  /* font-size: 1.2rem; */
  font-size: 1rem;
  font-weight: 300;
  /* border-bottom: 1px solid #D2D2CE; */
  padding-bottom: 1rem;
}

/* line 3969, ../scss/breakpoints/_base.scss */
.realproperty__forsale-list,
.realproperty__forsale-planview {
  display: flex;
  flex-wrap: wrap;
}

/* line 3978, ../scss/breakpoints/_base.scss */
.realproperty__body.photo_gallery ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}

/* line 3985, ../scss/breakpoints/_base.scss */
.realproperty__body.photo_gallery ul::after {
  content: "";
  position: relative;
  display: block;
  width: calc((100% - 1.4884rem) / 3);
}

/* line 3992, ../scss/breakpoints/_base.scss */
.realproperty__body.photo_gallery ul li {
  width: calc((100% - 1.4884rem) / 3);
  margin-bottom: 0.8rem;
}

/* line 3996, ../scss/breakpoints/_base.scss */
.realproperty__body.photo_gallery ul li figure {
  width: 100%;
  padding-top: 100%;
  height: 0;
  margin-bottom: 0;
  position: relative;
}

/* line 4003, ../scss/breakpoints/_base.scss */
.realproperty__body.photo_gallery ul li figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* line 4024, ../scss/breakpoints/_base.scss */
#container #content .page-business .top .inner {
  margin-bottom: 0;
}

/* line 4038, ../scss/breakpoints/_base.scss */
#container #content .page-company h2 {
  line-height: 1.4;
}

/* line 4041, ../scss/breakpoints/_base.scss */
#container #content .page-company h2 span.catch {
  display: inline-block;
  width: 100%;
  line-height: 1;
  font-size: 1.4rem;
}

/* line 4049, ../scss/breakpoints/_base.scss */
#container #content .page-company h3 {
  text-align: center;
}

/* line 4053, ../scss/breakpoints/_base.scss */
#container #content .page-company table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.2rem;
}

/* line 4058, ../scss/breakpoints/_base.scss */
#container #content .page-company table tr {
  border: solid 0.1rem #DEDEDD;
  border-left: none;
  border-right: none;
  text-align: left;
}

/* line 4065, ../scss/breakpoints/_base.scss */
#container #content .page-company table th {
  width: 26%;
  padding: 1.8rem 0.6rem;
  vertical-align: middle;
  font-weight: normal;
}

/* line 4071, ../scss/breakpoints/_base.scss */
#container #content .page-company table th>span {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  letter-spacing: 0.1em;
}

/* line 4079, ../scss/breakpoints/_base.scss */
#container #content .page-company table td {
  padding: 1.8rem 0.6rem;
  letter-spacing: 0.01em;
}

/* line 4083, ../scss/breakpoints/_base.scss */
#container #content .page-company table td>ul {
  margin-bottom: 0;
}

/* line 4086, ../scss/breakpoints/_base.scss */
#container #content .page-company table td>ul li {
  margin-bottom: 0.5rem;
}

/* line 4089, ../scss/breakpoints/_base.scss */
#container #content .page-company table td>ul li:last-of-type {
  margin-bottom: 0;
}

/* line 4095, ../scss/breakpoints/_base.scss */
#container #content .page-company table td dl {
  margin-bottom: 0;
}

/* line 4102, ../scss/breakpoints/_base.scss */
#container #content .page-company table.col_3 td:nth-of-type(1) {
  width: 12%;
  padding-left: 0;
}

/* line 4110, ../scss/breakpoints/_base.scss */
#container #content .page-company .date {
  text-align: right;
  margin-bottom: 1rem;
}

/* line 4116, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box {
  margin-bottom: 5rem;
}

/* line 4119, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box:last-of-type {
  margin-bottom: 0;
}

/* line 4123, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box figure {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* line 4130, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box figcaption dl {
  text-align: center;
  margin-top: 1rem;
}

/* line 4135, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box figcaption dt.small {
  font-size: 1rem;
}

/* line 4139, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box figcaption dd.serif {
  font-size: 1.2rem;
}

/* line 4145, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box.first figure {
  width: 46%;
}

/* line 4152, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box.first p span {
  display: inline;
}

/* line 4159, ../scss/breakpoints/_base.scss */
#container #content .page-company .top .box.second .small {
  font-size: 1.2rem;
}

/* line 4167, ../scss/breakpoints/_base.scss */
#container #content .page-company .companyOutline .l-inner {
  margin-bottom: 10rem;
}

/* line 4170, ../scss/breakpoints/_base.scss */
#container #content .page-company .companyOutline .l-inner:last-of-type {
  margin-bottom: 0;
}

/* line 4178, ../scss/breakpoints/_base.scss */
#container #content .page-company .companyGroup h3 {
  font-family: "FP-ヒラギノUD角ゴ StdN W3", sans-serif;
  letter-spacing: 0.01em;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: center;
  margin-bottom: 0;
  line-height: 1;
}

/* line 4190, ../scss/breakpoints/_base.scss */
#container #content .page-company .companyGroup figure {
  padding: 1.5rem;
  border: solid 0.1rem #F0F0ED;
  position: relative;
  height: 0;
  padding-top: 4.9rem;
}

/* line 4197, ../scss/breakpoints/_base.scss */
#container #content .page-company .companyGroup figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: 4.2rem;
  line-height: 1;
  vertical-align: top;
}

/* line 4228, ../scss/breakpoints/_base.scss */
.event_info .info_list>div {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* line 4229, ../scss/breakpoints/_base.scss */
.event_info .info_list>div+div {
  margin-top: 0.85rem;
}

/* line 4233, ../scss/breakpoints/_base.scss */
.event_info .info_list>div *:last-child {
  margin-bottom: 0;
}

/* line 4242, ../scss/breakpoints/_base.scss */
.event_info .info_list>div dt,
.event_info .info_list>div dd {
  display: inline-flex;
  align-items: center;
}

/* line 4248, ../scss/breakpoints/_base.scss */
.event_info .info_list>div dt {
  justify-content: center;
  width: 100%;
  padding: 0.27em 1em;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}

/* line 4258, ../scss/breakpoints/_base.scss */
.event_info .info_list>div dd {
  flex: 1;
  width: 100%;
  padding: 0.5em 1em;
  justify-content: flex-start;
}

/* line 4269, ../scss/breakpoints/_base.scss */
.event_info>.l-inner,
.modelhouse_info>.l-inner {
  background-color: #E2E1DB;
  padding: 2rem 1rem;
  margin: 0 auto 4rem;
}

/* line 4274, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>h2.single__sub,
.modelhouse_info>.l-inner>h2.single__sub {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 2.7rem;
}

/* line 4280, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.single__table,
.modelhouse_info>.l-inner>.single__table {
  width: 100%;
  table-layout: fixed;
}

/* line 4284, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.single__table tr,
.modelhouse_info>.l-inner>.single__table tr {
  margin-bottom: 1rem;
}

/* line 4287, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.single__table tr>th,
.modelhouse_info>.l-inner>.single__table tr>th {
  flex: 28%;
  margin-right: 1%;
  background: #fff;
}

/* line 4293, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.single__table tr>td,
.modelhouse_info>.l-inner>.single__table tr>td {
  font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
}

/* line 4299, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>h3,
.modelhouse_info>.l-inner>h3 {
  margin-bottom: 1rem;
}

/* line 4303, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.map,
.modelhouse_info>.l-inner>.map {
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative;
}

/* line 4309, ../scss/breakpoints/_base.scss */
.event_info>.l-inner>.map>iframe,
.modelhouse_info>.l-inner>.map>iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 0.5rem white;
}

/* line 4323, ../scss/breakpoints/_base.scss */
.event_form>h2 span {
  font-size: 1.2rem;
  display: block;
}

/* line 4329, ../scss/breakpoints/_base.scss */
.event_form form {
  max-width: 768px;
  margin: 1rem;
  border: solid 0.5rem lightgray;
  padding: 2rem;
}

/* line 4338, ../scss/breakpoints/_base.scss */
.c-btn__bottom {
  margin-bottom: 5rem;
}

/* line 4343, ../scss/breakpoints/_base.scss */
.c-btn__box a {
  text-decoration: none;
}

/* line 4347, ../scss/breakpoints/_base.scss */
.c-btn__box button {
  background: #707070;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 1.5rem 0;
  text-decoration: none;
  width: 90%;
  margin: 0 auto;
  display: block;
  position: relative;
  border: none;
}

/* line 4360, ../scss/breakpoints/_base.scss */
.c-btn__box button::before {
  width: .5rem;
  height: .5rem;
  border-style: solid;
  border-width: 2px;
  border-color: transparent transparent #fff #fff;
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(225deg);
}

/* line 4377, ../scss/breakpoints/_base.scss */
.hentry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em;
  border: 1px solid #D2D2CE;
}

/* line 4383, ../scss/breakpoints/_base.scss */
.hentry header {
  border-bottom: 1px solid #E2E1DB;
  padding: 1.5em;
}

/* line 4388, ../scss/breakpoints/_base.scss */
.hentry footer {
  padding: 1.5em;
  border-top: 1px solid #E2E1DB;
}

/* line 4392, ../scss/breakpoints/_base.scss */
.hentry footer p {
  margin: 0;
}

/* end .hentry */
/* line 4401, ../scss/breakpoints/_base.scss */
.single-title,
.page-title,
.entry-title {
  margin: 0;
}

/* want to style individual post classes? Booya! 個々の投稿クラスのスタイルを設定したいですか？ブーヤ！ */
/* post by id (i.e. post-3) IDによる投稿（つまり、post-3） */
/* general post style 一般的な投稿スタイル */
/* general article on a page style ページスタイルに関する一般的な記事 */
/* general style on an attatchment アタッチメントの一般的なスタイル */
/* sticky post style スティッキーポストスタイル */
/* hentry class ヘンリークラス */
/* カテゴリ別のスタイル（つまり、カテゴリ-ビデオ） */
/* style by tag (i.e. tag-news) タグによるスタイル（つまり、タグニュース） */
/* post meta ポストメタ */
/* line 4442, ../scss/breakpoints/_base.scss */
.byline {
  color: #878781;
  font-style: italic;
  margin: 0;
}

/* entry content エントリー内容 */
/* line 4451, ../scss/breakpoints/_base.scss */
.entry-content {
  padding: 1.5em 1.5em 0;
  /*
			image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint,but it's up to you. Feel free to change it up.
			このサイズの画面での画像の配置は少し難しいかもしれません。次のブレークポイントで画像の整列とフローティングを開始するように設定されていますが、それはあなた次第です。お気軽に変更してください。
			*/
}

/* line 4454, ../scss/breakpoints/_base.scss */
.entry-content p {
  margin: 0 0 1.5em;
}

/* line 4483, ../scss/breakpoints/_base.scss */
.entry-content table {
  width: 100%;
  border: 1px solid #878781;
  margin-bottom: 1.5em;
}

/* line 4488, ../scss/breakpoints/_base.scss */
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #878781;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 4497, ../scss/breakpoints/_base.scss */
.entry-content tr {
  border-bottom: 1px solid #878781;
}

/* line 4500, ../scss/breakpoints/_base.scss */
.entry-content tr:nth-child(even) {
  background-color: #E2E1DB;
}

/* line 4505, ../scss/breakpoints/_base.scss */
.entry-content td {
  padding: 7px;
  border-right: 1px solid #878781;
}

/* line 4509, ../scss/breakpoints/_base.scss */
.entry-content td:last-child {
  border-right: 0;
}

/* line 4514, ../scss/breakpoints/_base.scss */
.entry-content th {
  background-color: #E2E1DB;
  border-bottom: 1px solid #878781;
  border-right: 1px solid #878781;
}

/* line 4519, ../scss/breakpoints/_base.scss */
.entry-content th:last-child {
  border-right: 0;
}

/* line 4524, ../scss/breakpoints/_base.scss */
.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #e60020;
  font-style: italic;
  color: #878781;
}

/* line 4539, ../scss/breakpoints/_base.scss */
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}

/* line 4546, ../scss/breakpoints/_base.scss */
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}

/* line 4565, ../scss/breakpoints/_base.scss */
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}

/* line 4574, ../scss/breakpoints/_base.scss */
.entry-content pre {
  background: #231815;
  color: #E2E1DB;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

/* end .entry-content */
/* line 4587, ../scss/breakpoints/_base.scss */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption wp-caption内の画像 */
}

/* line 4593, ../scss/breakpoints/_base.scss */
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

/* line 4599, ../scss/breakpoints/_base.scss */
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles 画像ギャラリースタイル */
/* end .gallery */
/* gallery caption styles ギャラリーのキャプションスタイル */
/* line 4640, ../scss/breakpoints/_base.scss */
.tags {
  margin: 0;
}

/* 売土地注釈配置 */
/* line 4646, ../scss/breakpoints/_base.scss */
figure.forsale_map {
  position: relative;
}

/* line 4649, ../scss/breakpoints/_base.scss */
figure.forsale_map>figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 3px 3px 0;
  font-size: 10px;
  line-height: 1;
  color: #231815;
}

/* line 4661, ../scss/breakpoints/_base.scss */
figure.forsale_map_under>figcaption {
  padding: 0 3px 3px 0;
  font-size: 10px;
  line-height: 1;
  background: #d3d2c9;
  text-align: right;
  color: #231815;
}

/******************************************************************
PAGE NAVI STYLES
ページナビスタイル
******************************************************************/
/* line 4677, ../scss/breakpoints/_base.scss */
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

/* line 4682, ../scss/breakpoints/_base.scss */
.pagination {
  text-align: center;
}

/* line 4685, ../scss/breakpoints/_base.scss */
.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}

/* line 4694, ../scss/breakpoints/_base.scss */
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #878781;
}

/* line 4703, ../scss/breakpoints/_base.scss */
.pagination a,
.pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #e60020;
}

/* line 4716, ../scss/breakpoints/_base.scss */
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus {
  background-color: #e60020;
  color: #fff;
}

/* line 4723, ../scss/breakpoints/_base.scss */
.pagination .current {
  cursor: default;
  color: #231815;
}

/* line 4727, ../scss/breakpoints/_base.scss */
.pagination .current:hover,
.pagination .current:focus {
  background-color: #fff;
  color: #231815;
}

/* end .bones_page_navi */
/* fallback previous & next links 前と次のリンクのフォールバック */
/* line 4743, ../scss/breakpoints/_base.scss */
.wp-prev-next .prev-link {
  float: left;
}

/* line 4747, ../scss/breakpoints/_base.scss */
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
コメントスタイル
******************************************************************/
/* h3 comment title h3コメントタイトル */
/* line 4761, ../scss/breakpoints/_base.scss */
#comments-title {
  padding: 0.75em;
  margin: 0;
  border-top: 1px solid #E2E1DB;
  /* number of comments span */
}

/* line 4781, ../scss/breakpoints/_base.scss */
.commentlist {
  margin: 0;
  list-style-type: none;
}

/* line 4786, ../scss/breakpoints/_base.scss */
.comment {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 1.5em;
  border-bottom: 1px solid #E2E1DB;
  /* vcard */
  /* end .commentlist .vcard */
  /* end children */
  /* general comment classes 一般的なコメントクラス */
}

/* line 4793, ../scss/breakpoints/_base.scss */
.comment .comment-author {
  padding: 7px;
  border: 0;
}

/* line 4799, ../scss/breakpoints/_base.scss */
.comment .vcard {
  margin-left: 50px;
}

/* line 4802, ../scss/breakpoints/_base.scss */
.comment .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}

/* line 4810, ../scss/breakpoints/_base.scss */
.comment .vcard time {
  display: block;
  font-size: 0.9em;
  font-style: italic;
}

/* line 4815, ../scss/breakpoints/_base.scss */
.comment .vcard time a {
  color: #878781;
  text-decoration: none;
}

/* line 4819, ../scss/breakpoints/_base.scss */
.comment .vcard time a:hover {
  text-decoration: underline;
}

/* line 4829, ../scss/breakpoints/_base.scss */
.comment .vcard .avatar {
  position: absolute;
  left: 16px;
  border-radius: 50%;
}

/* line 4839, ../scss/breakpoints/_base.scss */
.comment:last-child {
  margin-bottom: 0;
}

/* line 4843, ../scss/breakpoints/_base.scss */
.comment .children {
  margin: 0;
  /* variations バリエーション */
  /* change number for different depth 深さごとに番号を変更する */
}

/* line 4871, ../scss/breakpoints/_base.scss */
.comment[class*=depth-] {
  margin-top: 1.1em;
}

/* line 4875, ../scss/breakpoints/_base.scss */
.comment.depth-1 {
  margin-left: 0;
  margin-top: 0;
}

/* line 4880, ../scss/breakpoints/_base.scss */
.comment:not(.depth-1) {
  margin-top: 0;
  margin-left: 7px;
  padding: 7px;
}

/* line 4897, ../scss/breakpoints/_base.scss */
.comment.odd {
  background-color: #fff;
}

/* line 4901, ../scss/breakpoints/_base.scss */
.comment.even {
  background: #E2E1DB;
}

/* comment meta コメントメタ */
/* comment content コメント内容 */
/* line 4945, ../scss/breakpoints/_base.scss */
.comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link コメント返信リンク  */
/* line 4956, ../scss/breakpoints/_base.scss */
.comment-reply-link {
  font-size: 0.9em;
  float: right;
}

/* end .commentlist .comment-reply-link */
/* edit comment link コメントリンクを編集 */
/* line 4969, ../scss/breakpoints/_base.scss */
.comment-edit-link {
  font-style: italic;
  margin: 0 7px;
  text-decoration: none;
  font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
コメントフォームスタイル
******************************************************************/
/* line 4983, ../scss/breakpoints/_base.scss */
.comment-respond {
  padding: 1.5em;
  border-top: 1px solid #E2E1DB;
}

/* line 4989, ../scss/breakpoints/_base.scss */
#reply-title {
  margin: 0;
}

/* line 4993, ../scss/breakpoints/_base.scss */
.logged-in-as {
  color: #878781;
  font-style: italic;
  margin: 0;
}

/* line 4998, ../scss/breakpoints/_base.scss */
.logged-in-as a {
  color: #231815;
}

/* line 5003, ../scss/breakpoints/_base.scss */
.comment-form-comment {
  margin: 1.5em 0 0.75em;
}

/* line 5007, ../scss/breakpoints/_base.scss */
.form-allowed-tags {
  padding: 1.5em;
  background-color: #E2E1DB;
  font-size: 0.9em;
}

/* comment submit button コメント送信ボタン */
/* line 5014, ../scss/breakpoints/_base.scss */
#submit {
  float: right;
  font-size: 1em;
}

/* コメントフォームのタイトル */
/* line 5021, ../scss/breakpoints/_base.scss */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link コメント返信リンクをキャンセル */
/* logged in comments ログインしたコメント */
/* allowed tags 許可されたタグ */
/* line 5034, ../scss/breakpoints/_base.scss */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* コメントはありません */
/* line 5039, ../scss/breakpoints/_base.scss */
.nocomments {
  margin: 0 20px 1.1em;
}

/*********************
SIDEBARS & ASIDES
サイドバーとアサイド
*********************/
/*********************
FOOTER STYLES
フッタースタイル
*********************/
/* line 5054, ../scss/breakpoints/_base.scss */
.footer {
  clear: both;
  margin-top: 0;
}

/* line 5059, ../scss/breakpoints/_base.scss */
.footer-logo figure {
  padding: 1.5rem 0 0;
}

/* line 5064, ../scss/breakpoints/_base.scss */
.footer-logo span {
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 1rem;
}

/* line 5071, ../scss/breakpoints/_base.scss */
.footer-logo span a {
  color: gray;
  line-height: 1;
  line-height: 1;
  vertical-align: top;
  text-decoration: underline;
}

/* line 5084, ../scss/breakpoints/_base.scss */
.footer .wrap,
.footer .nav,
.footer ul {
  margin: 0;
}

/* line 5089, ../scss/breakpoints/_base.scss */
.footer .wrap.footer-nav,
.footer .nav.footer-nav,
.footer ul.footer-nav {
  display: none;
}

/* line 5097, ../scss/breakpoints/_base.scss */
.footer div figure {
  text-align: center;
  padding: 3rem auto;
  border-top: solid 1px #E2E1DB;
}

/* line 5102, ../scss/breakpoints/_base.scss */
.footer div figure object {
  width: auto;
  height: 3.8rem;
}

/* line 5109, ../scss/breakpoints/_base.scss */
.footer p {
  margin: 0 auto 1rem;
  background-color: #E2E1DB;
  height: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* line 5119, ../scss/breakpoints/_base.scss */
.footer .current-menu-item {
  display: none;
}

/*
	if you checked out the link above:
	上記のリンクをチェックアウトした場合：
	http://www.alistapart.com/articles/organizing-mobile/
	you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view.
	フッターナビゲーションをもう少し詳しくスタイリングする必要があります。デスクトップビューではこれらのスタイルを上書きする必要があるため、シンプルに保つことを忘れないでください。
	*/
/* end .footer-links */
/**** slick ******/
/* line 5148, ../scss/breakpoints/_base.scss */
.slick-next,
.slick-prev {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  z-index: 1;
  width: 4.4rem;
  height: 4.4rem;
}

/* line 5159, ../scss/breakpoints/_base.scss */
.slick-next {
  right: 1rem;
}

/* line 5163, ../scss/breakpoints/_base.scss */
.slick-prev {
  left: 1rem;
}

/* line 5167, ../scss/breakpoints/_base.scss */
.slick-next::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-50%) translateY(40%) rotate(45deg);
  width: 50%;
  height: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateX(-50%) translateY(40%) rotate(45deg);
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));
}

/* line 5181, ../scss/breakpoints/_base.scss */
.slick-prev::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-50%) translateY(40%) rotate(-45deg);
  width: 50%;
  height: 50%;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: translateX(-50%) translateY(40%) rotate(-45deg);
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));
}

/* line 5195, ../scss/breakpoints/_base.scss */
.about__set,
.about__detail-title {
  padding-top: 7.2rem;
  margin-top: -7.2rem;
}

/* line 5202, ../scss/breakpoints/_base.scss */
.site-top #container #content .wrap main .slick-slide figure img {
  height: 24rem;
}

/* line 5206, ../scss/breakpoints/_base.scss */
.object-fit,
.object-fit-c {
  height: 24rem;
  object-fit: contain;
  font-family: 'object-fit: contain;';
}

/* line 5213, ../scss/breakpoints/_base.scss */
.forsale_map_under .object-fit,
.forsale_map_under .object-fit-c {
  height: calc(24rem - 13px);
}

/* line 5220, ../scss/breakpoints/_base.scss */
.slick-next,
.slick-prev {
  top: 12rem;
}

/* line 5226, ../scss/breakpoints/_base.scss */
h2.notfound {
  text-align: center;
}

/**** loading ******/
/* line 5232, ../scss/breakpoints/_base.scss */
.loading {
  background-image: url(https://www.fundacionhogares.org/ticket/scp/images/FhHRx-Spinner.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 8rem;
}

/* line 5237, ../scss/breakpoints/_base.scss */
.loading .global_slider {
  max-height: 115vw;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* line 5244, ../scss/breakpoints/_base.scss */
.loading .global_slider.slick-initialized {
  opacity: 1;
  max-height: 100%;
}

/**** 投稿画像表示 ******/
/* line 5252, ../scss/breakpoints/_base.scss */
.double,
.triple,
.fourth,
.fifth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  /* max-width: 750px; */
}

/* line 5262, ../scss/breakpoints/_base.scss */
.double ul,
.triple ul,
.fourth ul,
.fifth ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 5269, ../scss/breakpoints/_base.scss */
.cnt_single.blog .double,
.cnt_single.blog .triple,
.cnt_single.blog .fourth,
.cnt_single.blog .fifth {
  /* width: calc(100% - 20px); */
  width: 100%;
  max-width: 750px;
  margin-bottom: 80px;
}

/* line 5279, ../scss/breakpoints/_base.scss */
.cnt_single.blog .single li iframe {
  /*動画埋め込み*/
  width: 100%;
}

/* line 5284, ../scss/breakpoints/_base.scss */
.plan_view.double ul,
.plan_view.triple ul {
  justify-content: center;
}

/* line 5289, ../scss/breakpoints/_base.scss */
.cnt_single .double ul li img {
  height: auto;
}

/* line 5293, ../scss/breakpoints/_base.scss */
.sub1 .panel_area .plan_view.double ul li {
  width: 100%;
}

/* line 5297, ../scss/breakpoints/_base.scss */
.sub1 .panel_area .plan_view.double ul li img {
  height: auto;
}

/* line 5301, ../scss/breakpoints/_base.scss */
.single ul li figure {
  width: 100%;
  margin-bottom: 5px;
}

/* line 5306, ../scss/breakpoints/_base.scss */
.double ul li figure,
.triple ul li figure,
.fourth ul li figure,
.fifth ul li figure {
  margin-bottom: 5px;
}

/* line 5313, ../scss/breakpoints/_base.scss */
.double ul li figure img,
.triple ul li figure img,
.fourth ul li figure img,
.fifth ul li figure img {
  max-height: none;
  object-fit: cover;
}

/* line 5321, ../scss/breakpoints/_base.scss */
.img-middle,
.img-small {
  margin-left: auto;
  margin-right: auto;
}

/* line 5327, ../scss/breakpoints/_base.scss */
.img-middle {
  max-width: 500px;
}

/* line 5331, ../scss/breakpoints/_base.scss */
.img-small {
  max-width: 300px;
}

/* line 5335, ../scss/breakpoints/_base.scss */
.triple ul li,
.triple ul .dummy {
  /*スマホサイズ時3列*/
  width: 49%;
}

/* line 5341, ../scss/breakpoints/_base.scss */
.fourth ul li,
.fourth ul .dummy {
  /*スマホサイズ時3列*/
  width: 32%;
}

/* line 5347, ../scss/breakpoints/_base.scss */
.fifth ul li,
.fifth ul .dummy {
  /*スマホサイズ時3列*/
  width: 32%;
}

/* line 5353, ../scss/breakpoints/_base.scss */
.triple ul li figure img {
  height: 43vw;
}

/* line 5357, ../scss/breakpoints/_base.scss */
.fourth ul li figure img,
.fifth ul li figure img {
  height: 25vw;
  /* height: auto;; */
}

/* line 5363, ../scss/breakpoints/_base.scss */
.plan_view.double ul li figure img,
.plan_view.triple ul li figure img {
  height: auto;
}

/**** questionnaire ******/
/* line 5369, ../scss/breakpoints/_base.scss */
div.questionnaire {
  margin-bottom: 2rem;
}

/* line 5372, ../scss/breakpoints/_base.scss */
div.questionnaire p {
  margin: 0;
}

/* line 5376, ../scss/breakpoints/_base.scss */
div.questionnaire span.questionnaire+.wpcf7-not-valid-tip {
  display: none;
}

/* line 5381, ../scss/breakpoints/_base.scss */
div.questionnaire span.wpcf7-list-item {
  margin: 0 0 1em 1em;
}

/* line 5385, ../scss/breakpoints/_base.scss */
div.questionnaire [data-class="wpcf7cf_group"] {
  margin-left: 2.3em;
}

/* line 5389, ../scss/breakpoints/_base.scss */
div.questionnaire [data-class="wpcf7cf_group"] label {
  display: block;
  margin-bottom: 0.5em;
}

/* 面積・坪 単位 */
/* line 5396, ../scss/breakpoints/_base.scss */
.sq_metre {
  margin-right: .2rem;
}

/* line 5399, ../scss/breakpoints/_base.scss */
.sq_metre:after {
  content: '\033a1';
}

/* line 5405, ../scss/breakpoints/_base.scss */
.tsubo:after {
  content: '坪';
}

/* お問い合わせフォーマット*/
/* line 5411, ../scss/breakpoints/_base.scss */
.contact_area {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 2rem;
  box-sizing: content-box;
}

/* line 5417, ../scss/breakpoints/_base.scss */
.contact_area form {
  max-width: 600px;
}

/* お問合わせ統一フォーマット */
/* line 5424, ../scss/breakpoints/_base.scss */
form .flex_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 5429, ../scss/breakpoints/_base.scss */
form .flex_wrap>span {
  display: inline-block;
  width: 100%;
  line-height: 1;
}

/* line 5435, ../scss/breakpoints/_base.scss */
form .flex_wrap>label {
  width: calc((100% - 1em) * 0.5);
  font-weight: 300;
}

/* line 5439, ../scss/breakpoints/_base.scss */
form .flex_wrap>label>span:first-of-type {
  font-size: 0.8em;
}

/* line 5443, ../scss/breakpoints/_base.scss */
form .flex_wrap>label input {
  margin-bottom: 0;
}

/* モーダル表示設定 */
/* line 5451, ../scss/breakpoints/_base.scss */
.iziModal-navigate {
  z-index: 999 !important;
}

/* line 5455, ../scss/breakpoints/_base.scss */
.iziModal-navigate>button {
  border: 0;
  background-size: 100% !important;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.3s ease;
  pointer-events: all;
  margin: 0;
  outline: none;
  position: absolute;
  top: 2.5rem;
  bottom: 0;
  margin: auto;
  width: 3rem;
  height: 4.4rem;
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  opacity: 1;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 5477, ../scss/breakpoints/_base.scss */
.iziModal-navigate-next {
  right: 0;
}

/* line 5481, ../scss/breakpoints/_base.scss */
.iziModal-navigate-prev {
  left: 0;
}

/* line 5485, ../scss/breakpoints/_base.scss */
.btn2_box {
  margin-bottom: 0;
}

/* line 5489, ../scss/breakpoints/_base.scss */
.model-Overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #efebe1;
  display: none;
  z-index: 888;
}

@media all and (-ms-high-contrast: none) {

  /* line 5501, ../scss/breakpoints/_base.scss */
  #logo {
    width: 100%;
  }

  /* line 5505, ../scss/breakpoints/_base.scss */
  .nav-area__svg {
    max-height: 507px;
  }

  /* line 5509, ../scss/breakpoints/_base.scss */
  .header>.wrap>div>figure>a>object {
    pointer-events: auto;
  }
}

/* ここから 20230724 固定ページ用テンプレート作成 */
/* line 5517, ../scss/breakpoints/_base.scss */
.processed_content_wrap .page-title {
  font-size: 2.8rem;
  line-height: 1.4;
}

/* line 5522, ../scss/breakpoints/_base.scss */
.processed_content_wrap .hentry {
  margin-bottom: 0;
}

/* line 5526, ../scss/breakpoints/_base.scss */
.processed_content_wrap #main>.inner {
  margin-bottom: 0;
  padding: 2rem 1rem;
}

/* ここまで 20230724 固定ページ用テンプレート作成 */
/* ここから 20230825 reCAPTCHA関連 */
/* line 5536, ../scss/breakpoints/_base.scss */
.grecaptcha-badge {
  visibility: hidden;
}

/* ここまで 20230825 reCAPTCHA関連 */
/* ここから 20231002 reCAPTCHA関連 */
/* line 5543, ../scss/breakpoints/_base.scss */
.recaptcha-message {
  display: none;
}

/* line 5546, ../scss/breakpoints/_base.scss */
.recaptcha-message.opentext {
  display: block;
}

/* line 5550, ../scss/breakpoints/_base.scss */
.recaptcha-message>small {
  display: block;
  padding: 0 10px 5px;
  font-size: 10px;
}

/* ここまで 20231002 reCAPTCHA関連 */
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners.
これは、Galaxy Noteなど、iPhoneよりも大きいがタブレットよりは小さいデバイス向けです。それらをトゥイナーと呼びましょう。
*********************/
@media only screen and (min-width: 481px) {

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /* line 24, ../scss/breakpoints/_481up.scss */
  /* html {
    font-size: 2.08vw;
  } */

  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  /* line 35, ../scss/breakpoints/_481up.scss */
  .menu {
    /* end .menu ul */
  }

  /* line 36, ../scss/breakpoints/_481up.scss */
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }

  /* line 37, ../scss/breakpoints/_481up.scss */
  .menu ul li {
    /*
    	plan your menus and drop-downs wisely.
    	*/
  }

  /* line 38, ../scss/breakpoints/_481up.scss */
  .menu ul li a {
    /*
    	you can use hover styles here even though this size
    	has the possibility of being a mobile device.
    	*/
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 111, ../scss/breakpoints/_481up.scss */
  #container #content .wrap main .top-banner__list>li {
    max-width: 461px;
    font-size: 15px;
    margin: 0 auto 2rem;
  }

  /* entry content */
  /* line 126, ../scss/breakpoints/_481up.scss */
  .entry-content {
    /* at this larger size, we can start to align images */
  }

  /* line 130, ../scss/breakpoints/_481up.scss */
  .entry-content .alignleft,
  .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }

  /* line 137, ../scss/breakpoints/_481up.scss */
  .entry-content .alignright,
  .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }

  /* line 144, ../scss/breakpoints/_481up.scss */
  .entry-content .aligncenter,
  .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* line 158, ../scss/breakpoints/_481up.scss */
  #container .pc {
    display: inline;
  }

  /* line 162, ../scss/breakpoints/_481up.scss */
  #container .sp {
    display: none;
  }

  /* line 180, ../scss/breakpoints/_481up.scss */
  .site-top #container #content .wrap main .slick-slide figure img {
    height: 36rem;
  }

  /* line 184, ../scss/breakpoints/_481up.scss */
  .object-fit,
  .object-fit-c {
    height: 36rem;
  }

  /* line 191, ../scss/breakpoints/_481up.scss */
  .forsale_map_under .object-fit,
  .forsale_map_under .object-fit-c {
    height: calc(36rem - 13px);
  }

  /* line 198, ../scss/breakpoints/_481up.scss */
  .slick-next,
  .slick-prev {
    top: 18rem;
  }

  /* line 204, ../scss/breakpoints/_481up.scss */
  #container #content .wrap main .top-building-feature__item {
    height: 23rem;
  }

  /* line 216, ../scss/breakpoints/_481up.scss */
  .realproperty__around>li.textover>span:last-of-type::after {
    display: none;
  }

  /* line 223, ../scss/breakpoints/_481up.scss */
  .realproperty__around>li.textover::after {
    display: block;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* line 247, ../scss/breakpoints/_481up.scss */
  #logo {
    height: 4rem;
  }

  /* line 267, ../scss/breakpoints/_481up.scss */
  .m-all>section.top .l-inner .copy {
    font-size: 1.5rem;
  }

  /* end .footer-links */
  /**** loading ******/
  /* line 297, ../scss/breakpoints/_481up.scss */
  .loading .global_slider {
    max-height: 100vw;
  }

  /* end .loading */
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners.
これは、Galaxy Noteなど、iPhoneよりも大きいがタブレットよりは小さいデバイス向けです。それらをトゥイナーと呼びましょう。
*********************/
@media only screen and (min-width: 640px) {

  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
  /* line 43, ../scss/breakpoints/_640up.scss */
  /* html {
    font-size: 1.562vw;
  } */

  /* line 58, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner {
    background-color: #E2E1DB;
    padding: 5rem;
    margin: 0 auto 4rem;
  }

  /* line 63, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>h2.single__sub {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2.7rem;
  }

  /* line 69, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>.single__table {
    width: 100%;
  }

  /* line 72, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>.single__table>tr {
    display: flex;
    margin-bottom: 1rem;
  }

  /* line 76, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>.single__table>tr>th {
    flex: 28%;
    margin-right: 1%;
    background: gray;
    color: white;
  }

  /* line 83, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>.single__table>tr>td {
    font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
  }

  /* line 89, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>h3 {
    margin-bottom: 1rem;
  }

  /* line 94, ../scss/breakpoints/_640up.scss */
  .event_info>.l-inner>.map>iframe {
    border: solid 0.5rem white;
  }

  /* line 101, ../scss/breakpoints/_640up.scss */
  .site-top #container #content .wrap main .slick-slide figure img {
    height: 48rem;
  }

  /* line 105, ../scss/breakpoints/_640up.scss */
  .object-fit,
  .object-fit-c {
    height: 48rem;
  }

  /* line 112, ../scss/breakpoints/_640up.scss */
  .site-top .forsale_map_under .object-fit,
  .site-top .forsale_map_under .object-fit-c {
    height: calc(48rem - 13px);
  }

  /* line 121, ../scss/breakpoints/_640up.scss */
  .estate__figure .object-fit,
  .estate__figure .object-fit-c {
    height: 21.6rem;
  }

  /* line 130, ../scss/breakpoints/_640up.scss */
  .forsale_map_under .object-fit,
  .forsale_map_under .object-fit-c {
    height: calc(21.6rem - 13px);
  }

  /* line 137, ../scss/breakpoints/_640up.scss */
  .slick-next,
  .slick-prev {
    top: 24rem;
  }

  /* line 143, ../scss/breakpoints/_640up.scss */
  #container #content .wrap main .top-building-feature__item {
    height: 31rem;
  }

  /* line 154, ../scss/breakpoints/_640up.scss */
  #real_estate .l-inner>ul {
    display: flex;
    flex-wrap: wrap;
  }

  /* line 158, ../scss/breakpoints/_640up.scss */
  #real_estate .l-inner>ul>li {
    flex: 0 1 50%;
    margin: 0 0 3rem !important;
    padding: 0 1rem;
    max-width: 50%;
  }

  /* line 165, ../scss/breakpoints/_640up.scss */
  #real_estate .l-inner>ul>li figure img {
    display: inline;
    width: 100%;
  }

  /* line 175, ../scss/breakpoints/_640up.scss */
  .estate-02 p.forsale_map {
    padding-left: 1rem;
  }

  /**** loading ******/
  /* line 182, ../scss/breakpoints/_640up.scss */
  .loading .global_slider {
    max-height: 90vw;
  }

  /* end .loading */
  /* line 189, ../scss/breakpoints/_640up.scss */
  .minecruft-text-center {
    text-align: center;
  }
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles.
これは平均的な表示ウィンドウです。つまり、デスクトップ、ラップトップ、そして一般的にモバイルデバイスで表示していない人。ここで、リソースを大量に消費するスタイルを追加できます。
*********************/
@media only screen and (min-width: 768px) {

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /* line 14, ../scss/breakpoints/_768up.scss */
  /* html {
    font-size: 1.3vw;
    margin-top: 0 !important;
  } */

  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /* line 34, ../scss/breakpoints/_768up.scss */
  .redirect-message-wrap {
    width: max-content;
    top: 20%;
    max-width: calc((718 / 768) * 100vw);
    padding: 1.5em !important;
  }

  /* line 40, ../scss/breakpoints/_768up.scss */
  .redirect-message-wrap br {
    display: block;
  }

  /*********************
  HEADER STYLES
  *********************/
  /* line 53, ../scss/breakpoints/_768up.scss */
  .header .wrap div figure .sp {
    display: none;
  }

  /* line 57, ../scss/breakpoints/_768up.scss */
  .header .wrap div figure .pc {
    display: inline;
  }

  /* line 62, ../scss/breakpoints/_768up.scss */
  .header .wrap div div {
    flex: 0 0 9rem;
    height: 4.6rem;
  }

  /* line 74, ../scss/breakpoints/_768up.scss */
  .header .wrap>nav>ul>li.menu-item-has-children.area_menu_other>ul>li:nth-of-type(1) {
    display: none;
  }

  /* line 81, ../scss/breakpoints/_768up.scss */
  .header .wrap>nav>ul>li>ul {
    display: none;
    opacity: 0;
    height: 0rem;
    transition: all 0.5s;
    overflow: hidden;
    visibility: hidden;
  }

  /* line 97, ../scss/breakpoints/_768up.scss */
  #logo {
    height: 5rem;
  }

  /* line 101, ../scss/breakpoints/_768up.scss */
  #logo a svg {
    width: 19rem;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 113, ../scss/breakpoints/_768up.scss */
  .modal .nav-modal .nav-area {
    padding: 4rem 17rem;
    box-sizing: border-box;
  }

  /* line 118, ../scss/breakpoints/_768up.scss */
  .nav {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }

  /* line 123, ../scss/breakpoints/_768up.scss */
  .nav li {
    /*
		plan your menus and drop-downs wisely.
		*/
    /* showing sub-menus */
  }

  /* line 125, ../scss/breakpoints/_768up.scss */
  .nav li a {
    /*
			you can use hover styles here even though this size
			has the possibility of being a mobile device.
			*/
  }

  /* line 142, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu,
  .nav li ul.children {
    /* highlight sub-menu current page */
  }

  /* line 144, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu__wrap,
  .nav li ul.children__wrap {
    padding: 2rem;
    box-sizing: border-box;
  }

  /* line 149, ../scss/breakpoints/_768up.scss */
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
				if you need to go deeper, go nuts
				just remember deeper menus suck
				for usability. k, bai.
				*/
  }

  /* line 204, ../scss/breakpoints/_768up.scss */
  .nav-sub__items {
    display: flex;
    height: auto !important;
  }

  /* line 210, ../scss/breakpoints/_768up.scss */
  .nav-sub__item-about {
    width: 33%;
  }

  /* line 214, ../scss/breakpoints/_768up.scss */
  .nav-sub__item:hover {
    background: none !important;
    opacity: .8;
  }

  /* line 219, ../scss/breakpoints/_768up.scss */
  .nav-sub__item a {
    display: block;
    text-decoration: none;
  }

  /* line 225, ../scss/breakpoints/_768up.scss */
  .nav-sub__heading {
    font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }

  /* line 231, ../scss/breakpoints/_768up.scss */
  .nav-sub__about {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 150px;
  }

  /* line 238, ../scss/breakpoints/_768up.scss */
  .nav-sub__about-01 {
    background: transparent url(../images/bg_nav_about_01.png) no-repeat center center;
  }

  /* line 242, ../scss/breakpoints/_768up.scss */
  .nav-sub__about-02 {
    background: transparent url(../images/bg_nav_about_02.png) no-repeat center center;
  }

  /* line 246, ../scss/breakpoints/_768up.scss */
  .nav-sub__about-03 {
    background: transparent url(../images/bg_nav_about_03.png) no-repeat center center;
  }

  /* line 250, ../scss/breakpoints/_768up.scss */
  .nav-sub__about-blank {
    padding-bottom: 4rem;
  }

  /* line 255, ../scss/breakpoints/_768up.scss */
  .nav-sub__title {
    font-size: 2.7rem;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
    display: block;
    color: #fff;
    text-align: center;
  }

  /* line 262, ../scss/breakpoints/_768up.scss */
  .nav-sub__title-en {
    font-size: 1.2rem;
    font-family: "FuturaLTPro-Medium";
    display: block;
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
  }

  /* line 272, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* line 277, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand p {
    text-align: center;
    font-size: 1.4rem;
  }

  /* line 282, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand-wrap {
    padding: 0 15rem !important;
    box-sizing: border-box;
  }

  /* line 289, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand-link figure {
    border: 1px solid #878781;
    box-sizing: border-box;
    text-align: center;
    width: 240px;
    padding: 5rem 0;
    max-height: 120px;
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
    justify-content: center;
  }

  /* line 301, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand-link figure img {
    width: 130px;
    height: auto;
  }

  /* line 308, ../scss/breakpoints/_768up.scss */
  .nav-sub__brand-blank {
    padding-bottom: 4rem;
  }

  /* line 313, ../scss/breakpoints/_768up.scss */
  .nav-sub__area {
    width: 20% !important;
    left: 46% !important;
  }

  /* line 317, ../scss/breakpoints/_768up.scss */
  .nav-sub__area form {
    margin: 0 0 1rem;
  }

  /* line 321, ../scss/breakpoints/_768up.scss */
  .nav-sub__area-items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  /* line 327, ../scss/breakpoints/_768up.scss */
  .nav-sub__area-item {
    width: 50%;
    margin: 0 0 2rem;
    position: relative;
  }

  /* line 332, ../scss/breakpoints/_768up.scss */
  .nav-sub__area-item a {
    position: relative;
  }

  /* line 335, ../scss/breakpoints/_768up.scss */
  .nav-sub__area-item a:after {
    width: 4px;
    height: 4px;
    border-top: 2px solid #231815;
    border-right: 2px solid #231815;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: relative;
    left: 1rem;
    top: -.2rem;
    display: inline-block;
  }

  /* line 357, ../scss/breakpoints/_768up.scss */
  .modal nav,
  .modal .nav-modal {
    top: auto;
    bottom: 100vh;
    left: 0;
    right: auto;
    z-index: 0;
    height: calc(100vh - 8.2rem);
  }

  /* line 366, ../scss/breakpoints/_768up.scss */
  .modal nav.active,
  .modal .nav-modal.active {
    bottom: 0;
  }

  /* line 372, ../scss/breakpoints/_768up.scss */
  .modal nav {
    overflow: scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
    /* Chrome, Safari 対応 */
  }

  /* line 380, ../scss/breakpoints/_768up.scss */
  .modal nav::-webkit-scrollbar {
    display: none;
  }

  /* line 385, ../scss/breakpoints/_768up.scss */
  .modal .nav-bg {
    z-index: 0;
  }

  /* line 389, ../scss/breakpoints/_768up.scss */
  .modal .nav-modal>div {
    height: calc(100vh - 8.2rem);
    max-height: 920px;
    overflow: scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
    /* Chrome, Safari 対応 */
  }

  /* line 399, ../scss/breakpoints/_768up.scss */
  .modal .nav-modal>div::-webkit-scrollbar {
    display: none;
  }

  /* line 405, ../scss/breakpoints/_768up.scss */
  .modal nav>div>ul,
  .modal nav>div>.content,
  .modal .nav-modal>div>ul,
  .modal .nav-modal>div>.content {
    height: auto;
    padding-bottom: 6rem;
  }

  /* line 413, ../scss/breakpoints/_768up.scss */
  .modal>nav>div>.content {
    padding-bottom: 0;
  }

  /* line 417, ../scss/breakpoints/_768up.scss */
  .fix-btn {
    top: 0;
    bottom: auto;
    left: auto;
    right: 8.2rem;
    height: 8.2rem;
    width: 24.3rem;
    z-index: 2;
    position: fixed;
    letter-spacing: 0;
  }

  /* line 428, ../scss/breakpoints/_768up.scss */
  .fix-btn-pc {
    display: block;
  }

  /* line 432, ../scss/breakpoints/_768up.scss */
  .fix-btn.sp {
    display: none;
  }

  /* end .nav */
  /* line 438, ../scss/breakpoints/_768up.scss */
  .btn-trigger {
    width: 8.2rem;
    height: 8.2rem;
  }

  /* line 442, ../scss/breakpoints/_768up.scss */
  .btn-trigger div {
    height: 1.75rem;
  }

  /* line 445, ../scss/breakpoints/_768up.scss */
  .btn-trigger div span {
    height: 2px;
  }

  /*********************
  CONTENT STYLES
  *********************/
  /* line 455, ../scss/breakpoints/_768up.scss */
  #container {
    margin-top: 8.2rem;
    margin-bottom: 0;
  }

  /* line 459, ../scss/breakpoints/_768up.scss */
  #container .pc {
    display: inline;
  }

  /* line 463, ../scss/breakpoints/_768up.scss */
  #container .sp {
    display: none;
  }

  /* line 478, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main section .l-inner>ul>li,
  #container #content .wrap main aside .l-inner>ul>li {
    margin: 0 1rem 2rem;
  }

  /* line 487, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main section .slick-slider,
  #container #content .wrap main aside .slick-slider {
    padding: 0 1rem;
  }

  /* line 493, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main section>ul li,
  #container #content .wrap main section .l-wrapper>ul li,
  #container #content .wrap main aside>ul li,
  #container #content .wrap main aside .l-wrapper>ul li {
    padding: 0 1rem;
  }

  /* line 499, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main section .l-wrapper>.l-inner>ul>li,
  #container #content .wrap main aside .l-wrapper>.l-inner>ul>li {
    margin-bottom: 2rem;
  }

  /* line 525, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-banner {
    font-size: 1.562vw;
  }

  /* line 531, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-banner .l-inner>ul>li {
    flex: 0 0 50%;
    margin: 0 0 1rem;
    padding: 0 1rem;
    max-width: 100%;
    font-size: 1em;
  }

  /* line 538, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-banner .l-inner>ul>li.dummy {
    margin: 0;
  }

  /* line 547, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building {
    margin-top: 0;
  }

  /* line 574, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-wrapper-border {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  /* line 591, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .realproperty__pcflex-inner #houseMap {
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    min-height: auto;
  }

  /* line 604, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .double>ul,
  #container #content .wrap main .l-inner .triple>ul,
  #container #content .wrap main .l-inner .fourth>ul,
  #container #content .wrap main .l-inner .fifth>ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  /* line 611, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .double>ul>li>figure img,
  #container #content .wrap main .l-inner .triple>ul>li>figure img,
  #container #content .wrap main .l-inner .fourth>ul>li>figure img,
  #container #content .wrap main .l-inner .fifth>ul>li>figure img {
    object-fit: cover;
  }

  /* line 626, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .triple img {
    height: 24rem;
  }

  /* line 632, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .fourth img {
    height: 18rem;
  }

  /* line 638, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-inner .fifth img {
    height: 14.4rem;
  }

  /* line 646, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .l-nav a {
    width: 40%;
  }

  /* line 652, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .heading-h3 {
    letter-spacing: .5rem;
  }

  /* line 665, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-news__slider {
    width: 100%;
  }

  /* line 672, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-news__item img {
    display: inline;
    object-fit: cover;
    width: 100%;
  }

  /* line 685, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-banner {
    padding: 0;
  }

  /* line 696, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-event__heading {
    padding: 0 0 0 9rem;
    box-sizing: border-box;
  }

  /* line 718, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-info__heading {
    padding: 0 0 0 9rem;
    box-sizing: border-box;
  }

  /* line 739, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures {
    padding-bottom: 6.5rem;
  }

  /* line 743, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures__list {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  /* line 749, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures__item {
    padding: 3rem;
    margin: 0;
  }

  /* line 754, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures__figure {
    text-align: center;
  }

  /* line 757, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures__figure img {
    width: auto;
    display: block;
  }

  /* line 763, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-fertures .l-inner:first-child {
    margin-bottom: 9rem;
  }

  /* line 770, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__list {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
  }

  /* line 775, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__list:last-of-type {
    margin-bottom: 0;
  }

  /* line 780, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__item {
    width: 49%;
  }

  /* line 783, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__item.business {
    width: 100%;
    margin-bottom: 0;
    padding: 2rem;
  }

  /* line 789, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__item figure {
    width: 284px;
    margin: 0 auto 1rem;
  }

  /* line 795, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__sub {
    width: 49%;
    margin: 0 1rem;
  }

  /* line 799, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__sub figure {
    width: 100%;
    margin: 0 auto 1rem;
  }

  /* line 806, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__logotitle {
    display: block;
    width: 100%;
    border: 1px solid #646464;
    color: #646464;
    padding: 1rem;
  }

  /* line 814, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__icon {
    width: 40%;
  }

  /* line 817, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building__icon-business {
    width: 60%;
  }

  /* line 823, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building-feature__list {
    display: flex;
    margin-bottom: 2.5rem;
  }

  /* line 828, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building-feature__item {
    width: 236px;
    height: 220px;
    padding-top: 6rem;
    align-items: baseline;
  }

  /* line 836, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building-feature__inner {
    margin: 0;
  }

  /* line 840, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-building-feature__name {
    font-size: 2.7rem;
  }

  /* line 853, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-casestudy-slider__item {
    padding: 0 1rem;
    box-sizing: border-box;
  }

  /* line 858, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-casestudy-slider__heading {
    text-align: left;
  }

  /* line 863, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-casestudy-slider__icon {
    justify-content: flex-start;
  }

  /* line 893, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-recommend__heading {
    padding-left: 9rem;
    box-sizing: border-box;
  }

  /* line 900, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-movie {
    padding: 0;
  }

  /* line 904, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-movie-slider__item {
    padding: 0 1rem;
    box-sizing: border-box;
  }

  /* line 909, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-movie-slider__heading {
    text-align: left;
  }

  /* line 914, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-movie-slider__icon {
    justify-content: flex-start;
  }

  /* line 918, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-movie-slider .l-inner {
    width: 100%;
  }

  /* line 927, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__list {
    margin: 0 auto;
  }

  /* line 932, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__item {
    display: flex;
    justify-content: flex-start;
  }

  /* line 937, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__name {
    text-align: left;
    padding: 0 4rem 0 0;
    margin: 0 0 1rem;
    box-sizing: border-box;
    width: 25%;
  }

  /* line 945, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__map {
    margin: 0 0 2rem;
  }

  /* line 948, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__map iframe {
    width: 500px;
    height: 400px;
  }

  /* line 954, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-siten__inner {
    display: flex;
    justify-content: flex-start;
  }

  /* line 968, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-realestate__item {
    padding: 0 1rem;
    box-sizing: border-box;
    width: 33%;
  }

  /* line 973, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-realestate__item img {
    vertical-align: bottom;
  }

  /* line 980, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-realestate__inner {
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
  }

  /* line 1031, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features {
    padding-bottom: 0;
  }

  /* line 1034, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__heading {
    font-size: 3.7rem;
  }

  /* line 1037, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__heading-img {
    width: 12%;
    margin: 0 auto 1rem;
  }

  /* line 1043, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__sub {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }

  /* line 1048, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__box {
    width: 700px;
    margin: 0 auto;
  }

  /* line 1053, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__set {
    width: 700px;
    margin: 0 auto;
    padding: 4rem 0;
  }

  /* line 1059, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__wide {
    background: #F0F0ED;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 3rem 0 0;
  }

  /* line 1070, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__inner {
    width: 750px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  /* line 1077, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__pickup {
    width: 50%;
  }

  /* line 1080, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__pickup-title {
    margin-bottom: 2rem;
  }

  /* line 1084, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .features__pickup figure {
    margin-bottom: 1rem;
  }

  /* line 1090, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case {
    width: 760px;
    margin: 0 auto;
  }

  /* line 1094, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case__list {
    padding: 6rem 0;
  }

  /* line 1098, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case__lead {
    margin: 0 0 4rem;
  }

  /* line 1102, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case__lead {
    margin: 0 0 4rem;
  }

  /* line 1113, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case__item {
    margin-bottom: 6rem;
  }

  /* line 1116, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case__item:last-child {
    margin-bottom: 0;
  }

  /* line 1122, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case-single__heading {
    font-size: 1.9rem;
  }

  /* line 1126, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .case-single__text {
    margin-bottom: 6rem;
  }

  /* line 1133, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  /* line 1139, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__item {
    width: 50%;
  }

  /* line 1144, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__box {
    display: flex;
    flex-direction: row-reverse;
  }

  /* line 1148, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__box figure {
    position: relative;
    top: -2rem;
    margin-bottom: -2rem;
    width: 30%;
  }

  /* line 1155, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__box__text {
    width: 60%;
  }

  /* line 1160, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .comfortable__title {
    font-size: 1.9rem;
  }

  /* line 1169, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .slick-slide figure {
    text-align: center;
    height: auto;
    border: solid 1px #E2E1DB;
  }

  /* line 1194, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .hidden-figure-wrap {
    display: flex;
    flex-direction: column;
  }

  /* line 1198, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .hidden-figure-wrap .hidden-figure {
    height: auto;
    flex: 1;
  }

  /* line 1203, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .hidden-figure-wrap h2+ul {
    flex: 1;
  }

  /* line 1206, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .hidden-figure-wrap h2+ul li {
    height: 100% !important;
  }

  /* line 1218, ../scss/breakpoints/_768up.scss */
  .top .first-view-wrap .bg-box {
    padding-top: calc((var(--vh) * 100) - 8.2rem);
  }

  /* line 1223, ../scss/breakpoints/_768up.scss */
  .top .first-view-wrap .text-box .anchor {
    width: 40vh;
  }

  /* line 1233, ../scss/breakpoints/_768up.scss */
  .area-recommend {
    margin: 0 0 6rem;
    padding-top: 4rem;
  }

  /* line 1236, ../scss/breakpoints/_768up.scss */
  .area-recommend__d etail .c-icon__set {
    width: 100%;
  }

  /* line 1244, ../scss/breakpoints/_768up.scss */
  .area-recommend__items {
    margin: 0 auto;
    padding: 8rem 0 0;
  }

  /* line 1261, ../scss/breakpoints/_768up.scss */
  .area-recommend time {
    width: 130px;
    padding-right: 3rem;
  }

  /* line 1272, ../scss/breakpoints/_768up.scss */
  .mv__scroll {
    bottom: 10%;
    font-size: 1.4rem;
  }

  /* line 1277, ../scss/breakpoints/_768up.scss */
  .mv figure {
    position: relative;
  }

  /* line 1280, ../scss/breakpoints/_768up.scss */
  .mv figure img {
    object-fit: cover;
    height: calc(100vh - 82px);
    width: 100vw;
  }

  /* line 1287, ../scss/breakpoints/_768up.scss */
  .mv__caption {
    font-size: 6rem;
    top: 46%;
    transform: translateX(-50%) translateY(-46%);
    z-index: 0;
  }

  /* line 1295, ../scss/breakpoints/_768up.scss */
  .mv-news__slider {
    max-width: 1240px;
  }

  /* line 1302, ../scss/breakpoints/_768up.scss */
  .about__top {
    margin: 0 0 3rem;
  }

  /* line 1306, ../scss/breakpoints/_768up.scss */
  .about__box {
    padding: 0;
    width: 768px;
    margin: 0 auto;
    background: none;
  }

  /* line 1313, ../scss/breakpoints/_768up.scss */
  .about__lead {
    margin-bottom: 1.5rem;
  }

  /* line 1322, ../scss/breakpoints/_768up.scss */
  .about__text:last-child {
    margin-bottom: 1.5rem;
  }

  /* line 1326, ../scss/breakpoints/_768up.scss */
  .about__text-after {
    border: none;
    margin-bottom: 8rem;
    margin-top: 0;
  }

  /* line 1339, ../scss/breakpoints/_768up.scss */
  .about__heading-img img {
    width: auto;
  }

  /* line 1346, ../scss/breakpoints/_768up.scss */
  .about__figure {
    width: 768px;
    margin: 0 auto 2rem;
  }

  /* line 1351, ../scss/breakpoints/_768up.scss */
  .about__detail {
    padding-bottom: 3rem;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  /* line 1360, ../scss/breakpoints/_768up.scss */
  .about__detail-title {
    margin-bottom: 1rem;
  }

  /* line 1364, ../scss/breakpoints/_768up.scss */
  .about__detail-img {
    margin-bottom: 2rem;
  }

  /* line 1375, ../scss/breakpoints/_768up.scss */
  .about__detail-text {
    border: none;
    padding: 0;
  }

  /* line 1380, ../scss/breakpoints/_768up.scss */
  .about__detail-inner {
    width: 50%;
  }

  /* line 1387, ../scss/breakpoints/_768up.scss */
  .brand__box {
    margin-bottom: 8rem !important;
  }

  /* line 1391, ../scss/breakpoints/_768up.scss */
  .brand__text {
    margin: 0 0 1.5rem;
  }

  /* line 1395, ../scss/breakpoints/_768up.scss */
  .brand__lead {
    font-size: 1.2rem;
  }

  /* line 1398, ../scss/breakpoints/_768up.scss */
  .brand__lead-border {
    padding: 0;
    border: none;
  }

  /* line 1404, ../scss/breakpoints/_768up.scss */
  .brand__wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: #F0F0ED;
  }

  /* line 1417, ../scss/breakpoints/_768up.scss */
  .brand__inner {
    width: 700px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  /* line 1424, ../scss/breakpoints/_768up.scss */
  .brand__inner>div>p {
    margin-right: 0;
  }

  /* line 1436, ../scss/breakpoints/_768up.scss */
  .brand__detail-text {
    min-height: 22rem;
  }

  /* line 1440, ../scss/breakpoints/_768up.scss */
  .brand__detail__navi {
    align-self: flex-end;
  }

  /* line 1445, ../scss/breakpoints/_768up.scss */
  .brand__set {
    width: 49%;
    display: flex;
    flex-direction: column;
  }

  /* line 1450, ../scss/breakpoints/_768up.scss */
  .brand__set .l-inner {
    width: 100% !important;
    flex: 1 0 auto;
    display: flex;
  }

  /* line 1461, ../scss/breakpoints/_768up.scss */
  .event__lead {
    margin: 0 0 4rem;
  }

  /* line 1465, ../scss/breakpoints/_768up.scss */
  .event figure {
    margin: 0 0 1rem;
  }

  /* line 1473, ../scss/breakpoints/_768up.scss */
  .event__item {
    margin: 0 0 6rem;
  }

  /* line 1480, ../scss/breakpoints/_768up.scss */
  .modelhouse__lead {
    margin: 0 0 4rem;
  }

  /* line 1484, ../scss/breakpoints/_768up.scss */
  .modelhouse figure {
    margin: 0 0 1rem;
  }

  /* line 1492, ../scss/breakpoints/_768up.scss */
  .modelhouse__item {
    margin: 0 0 6rem;
  }

  /* line 1499, ../scss/breakpoints/_768up.scss */
  .recommend__lead {
    margin: 0 0 4rem;
  }

  /* line 1503, ../scss/breakpoints/_768up.scss */
  .recommend figure {
    margin: 0 0 1rem;
  }

  /* line 1511, ../scss/breakpoints/_768up.scss */
  .recommend__item {
    margin: 0 0 6rem;
  }

  /* line 1523, ../scss/breakpoints/_768up.scss */
  .single__heading {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }

  /* line 1528, ../scss/breakpoints/_768up.scss */
  .single__sub {
    font-size: 1.9rem;
  }

  /* line 1532, ../scss/breakpoints/_768up.scss */
  .single__box {
    margin: 0 0 6rem;
  }

  /* line 1540, ../scss/breakpoints/_768up.scss */
  .single iframe {
    width: 100%;
    height: 400px;
  }

  /* line 1544, ../scss/breakpoints/_768up.scss */
  .single iframe.preview {
    height: 42.075rem;
  }

  /* line 1549, ../scss/breakpoints/_768up.scss */
  .single__movie-wrap {
    position: relative;
    height: 0;
    padding-top: 56.25%;
  }

  /* line 1554, ../scss/breakpoints/_768up.scss */
  .single__movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit="cover"';
  }

  /* line 1567, ../scss/breakpoints/_768up.scss */
  .estate-02 {
    margin: 0 0 8rem;
  }

  /* line 1591, ../scss/breakpoints/_768up.scss */
  .estate__nav {
    /* margin: 0 auto 8rem;
    max-width: 1030px; */
  }

  /* line 1595, ../scss/breakpoints/_768up.scss */
  .estate__nav-link {
    width: calc(50% - 1rem);
    position: relative;
  }

  /* line 1599, ../scss/breakpoints/_768up.scss */
  .estate__nav-link a {
    background: #fff;
    border: none;
    border-top: none;
    border-bottom: 1px solid #958D86;
    padding: 0;
  }

  /* line 1608, ../scss/breakpoints/_768up.scss */
  .estate__nav-link span {
    border-top: 1px solid #D2D2CE;
    border-left: 1px solid #D2D2CE;
    display: block;
    width: 100%;
    padding: 1rem 0;
    position: relative;
    background: #D2D2CE;
  }

  /* line 1621, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:first-child::before {
    width: 1.1rem;
    border-bottom: 1px solid #958D86;
    position: absolute;
    bottom: 0;
    left: -1rem;
    content: "";
  }

  /* line 1630, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:first-child span {
    background: #D2D2CE;
  }

  /* line 1637, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:last-child::before {
    width: 1.1rem;
    border-bottom: 1px solid #958D86;
    position: absolute;
    bottom: 0;
    right: -1rem;
    content: "";
  }

  /* line 1650, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:first-child.estate__nav-active a {
    border-left: 1px solid #958D86;
    position: relative;
  }

  /* line 1654, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:first-child.estate__nav-active a span {
    border: none;
    background: #fff;
  }

  /* line 1663, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:last-child.estate__nav-active a {
    border-right: 1px solid #958D86;
    position: relative;
  }

  /* line 1667, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:last-child.estate__nav-active a span {
    border: none;
    background: #fff;
  }

  /* line 1672, ../scss/breakpoints/_768up.scss */
  .estate__nav-link:last-child.estate__nav-active a::after {
    width: 10px;
    border-bottom: 1px solid yellow;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
  }

  /* line 1685, ../scss/breakpoints/_768up.scss */
  .estate__nav-active a {
    border-top: 1px solid #958D86;
    border-bottom: none;
  }

  /* line 1689, ../scss/breakpoints/_768up.scss */
  .estate__nav-active a span {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
  }

  /* line 1723, ../scss/breakpoints/_768up.scss */
  .realproperty {
    width: 768px;
    margin: 0 auto;
  }

  /* line 1727, ../scss/breakpoints/_768up.scss */
  .realproperty__figure {
    margin: 0 0 3rem;
  }

  /* line 1731, ../scss/breakpoints/_768up.scss */
  .realproperty__heading {
    font-size: 1.9rem;
    margin-bottom: 0.5em;
  }

  /* line 1735, ../scss/breakpoints/_768up.scss */
  .realproperty__text {
    font-size: 1.4rem;
  }

  /* line 1739, ../scss/breakpoints/_768up.scss */
  .realproperty__item {
    width: 50%;
  }

  /* line 1743, ../scss/breakpoints/_768up.scss */
  .realproperty__item {
    width: 50%;
  }

  /* line 1747, ../scss/breakpoints/_768up.scss */
  /* .realproperty__info {
    font-size: 1.2rem;
    margin: 0;
  } */

  /* line 1753, ../scss/breakpoints/_768up.scss */
  .realproperty__sub {
    font-size: 1.9rem;
  }

  /* line 1758, ../scss/breakpoints/_768up.scss */
  .realproperty__price-label {
    font-size: 1.4rem;
  }

  /* line 1763, ../scss/breakpoints/_768up.scss */
  .realproperty__pcflex {
    display: flex;
    justify-content: space-between;
  }

  /* line 1767, ../scss/breakpoints/_768up.scss */
  .realproperty__pcflex>ul {
    padding: 0;
  }

  /* line 1771, ../scss/breakpoints/_768up.scss */
  .realproperty__pcflex-inner {
    width: 49%;
  }

  /* line 1778, ../scss/breakpoints/_768up.scss */
  .realproperty__around {
    display: block !important;
  }

  /* line 1787, ../scss/breakpoints/_768up.scss */
  .realproperty__around>li.textover:not(.littleover)>span:last-of-type::after {
    display: block;
  }

  /* line 1794, ../scss/breakpoints/_768up.scss */
  .realproperty__around>li.textover:not(.littleover)::after {
    display: none;
  }

  /* line 1804, ../scss/breakpoints/_768up.scss */
  .realproperty__around>li.textover.allover>span:last-of-type::after {
    display: block;
  }

  /* line 1811, ../scss/breakpoints/_768up.scss */
  .realproperty__around>li.textover.allover::after {
    display: none;
  }

  /* line 1818, ../scss/breakpoints/_768up.scss */
  .realproperty__nav {
    width: 50%;
    margin: 0 auto;
  }

  /* line 1823, ../scss/breakpoints/_768up.scss */
  .realproperty__back {
    width: 768px;
    margin: 0 auto 5rem;
  }

  /* line 1827, ../scss/breakpoints/_768up.scss */
  .realproperty__back a {
    width: 50%;
    display: block;
    margin: auto;
  }

  /* line 1834, ../scss/breakpoints/_768up.scss */
  .realproperty-forsale {
    padding-top: 4rem;
  }

  /* line 1841, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-list {
    display: flex;
    flex-wrap: wrap;
  }

  /* line 1846, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-list>li {
    margin: 0 1rem 2rem 0 !important;
    flex: 0 0 auto !important;
  }

  /* line 1852, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-list.en>li {
    flex: 0 0 49% !important;
    margin: 0 0 2rem !important;
  }

  /* line 1858, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-list::after {
    content: "";
    width: 31%;
    height: 0;
  }

  /* line 1865, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-planview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* line 1870, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-planview>li {
    margin: 0 0 2rem !important;
  }

  /* line 1874, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-planview.floor_2>li {
    flex: 0 0 49%;
  }

  /* line 1878, ../scss/breakpoints/_768up.scss */
  .realproperty__forsale-planview.floor_3>li {
    flex: 0 0 32%;
  }

  /* line 1886, ../scss/breakpoints/_768up.scss */
  .realproperty__gmap {
    height: 500px;
    min-height: 364px;
  }

  /* line 1894, ../scss/breakpoints/_768up.scss */
  .realproperty__box.attention .l-inner {
    width: 100%;
  }

  /* line 1902, ../scss/breakpoints/_768up.scss */
  .realproperty .realproperty__list::after {
    width: 50%;
  }

  /* line 1909, ../scss/breakpoints/_768up.scss */
  .realproperty__body.point ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* line 1914, ../scss/breakpoints/_768up.scss */
  .realproperty__body.point ul::after {
    content: "";
    position: relative;
    display: block;
    width: calc((100% - 1rem) / 3);
  }

  /* line 1921, ../scss/breakpoints/_768up.scss */
  .realproperty__body.point ul li {
    width: calc((100% - 1rem) / 3);
  }

  /* line 1924, ../scss/breakpoints/_768up.scss */
  .realproperty__body.point ul li p {
    margin-bottom: 0;
  }

  /* line 1934, ../scss/breakpoints/_768up.scss */
  .realproperty__body.photo_gallery ul::after {
    width: calc((100% - 1rem) / 3);
  }

  /* line 1938, ../scss/breakpoints/_768up.scss */
  .realproperty__body.photo_gallery ul li {
    width: calc((100% - 1rem) / 3);
  }

  /* line 1954, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .top {
    padding: 5rem 0;
  }

  /* line 1957, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .top .l-inner {
    width: calc((100% - 4rem));
    max-width: 768px;
  }

  /* line 1965, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .top-building__list {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* line 1970, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .top-building__item {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 0;
  }

  /* line 1974, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .top-building__item figure {
    width: auto;
    max-width: 284px;
    margin-bottom: 1rem;
  }

  /* line 1983, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 4rem;
  }

  /* line 1991, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .flex_wrap>div {
    width: calc((100% - 4rem) / 3);
  }

  /* line 1994, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-business .flex_wrap>div ul,
  #container #content .wrap .page-business .flex_wrap>div li {
    margin-bottom: 0;
  }

  /* line 2013, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .top .box figure {
    width: 18.2rem;
  }

  /* line 2018, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .top .box.first p {
    text-align: center;
  }

  /* line 2021, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .top .box.first p span {
    display: inline-block;
  }

  /* line 2030, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .companyGroup ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  /* line 2036, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .companyGroup ul li {
    margin: 0;
    width: calc((100% - 3rem) / 3);
  }

  /* line 2043, ../scss/breakpoints/_768up.scss */
  #container #content .wrap .page-company .companyGroup figure img {
    height: 36px;
  }

  /* line 2056, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .realproperty__body.photo_gallery .l-inner>ul>li,
  #container #content .wrap main .realproperty__body.point .l-inner>ul>li {
    margin: 0 0 0.5rem;
  }

  /* line 2065, ../scss/breakpoints/_768up.scss */
  .c-btn__box button {
    width: 29%;
  }

  /* line 2072, ../scss/breakpoints/_768up.scss */
  .slick-slide .top-realestate__item {
    width: 100%;
  }

  /* line 2077, ../scss/breakpoints/_768up.scss */
  .breadcrumb {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  /* line 2081, ../scss/breakpoints/_768up.scss */
  .breadcrumb__items {
    /* max-width: 1200px; */
    margin: 0 auto;
  }

  /* line 2087, ../scss/breakpoints/_768up.scss */
  .white-btn,
  a.white-btn {
    width: 30rem;
  }

  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  /* line 2103, ../scss/breakpoints/_768up.scss */
  .footer .wrap {
    max-width: 1030px;
    margin: 0 auto;
  }

  /* line 2109, ../scss/breakpoints/_768up.scss */
  .footer ul.top-nav {
    display: none;
  }

  /* line 2113, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav {
    padding: 4.4rem 1.6rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* line 2122, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav li a {
    display: inline-block;
    padding: 0.5rem;
    font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
    text-decoration: none;
    color: #231815;
  }

  /* line 2131, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav li ul a {
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  }

  /* line 2134, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav li ul a::before {
    content: "-";
    display: inline-block;
    margin-right: 0.5rem;
  }

  /* line 2144, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav .current-menu-item {
    display: list-item;
  }

  /* line 2153, ../scss/breakpoints/_768up.scss */
  .footer ul.footer-nav>li.menu-item-has-children:not(.area_click, .cookie_menu_other)>ul>li:nth-of-type(1) {
    display: none;
  }

  /* line 2203, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu {
    display: flex;
    justify-content: center;
  }

  /* line 2209, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav {
    justify-content: flex-start;
  }

  /* line 2212, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav:last-child {
    padding-left: 0;
  }

  /* line 2216, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li {
    width: 33%;
    margin-bottom: 2rem;
  }

  /* line 2220, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li:nth-last-child(-n+3) {
    margin-bottom: 0;
  }

  /* line 2224, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other {
    width: 100%;
  }

  /* line 2229, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1) {
    line-height: 1em;
    border-radius: 0.3rem;
    vertical-align: middle;
    box-shadow: none;
    border: solid 1px #E2E1DB;
    width: 17rem;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    position: relative;
    padding: 0;
    overflow: hidden;
    height: 4rem;
    justify-content: flex-start;
    align-items: flex-start;
    height: 4rem;
    margin-bottom: 1rem;
    background-position: 97.5% 1.5rem;
  }

  /* line 2249, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>span {
    width: 100%;
    height: 4rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }

  /* line 2259, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>a {
    display: none;
  }

  /* line 2263, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>ul {
    position: relative;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  /* line 2271, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>ul>li {
    height: 4rem;
    border: none;
    margin-bottom: 0;
    order: 1;
    background-color: unset;
  }

  /* line 2278, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>ul>li.cookie {
    order: 0;
  }

  /* line 2282, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>ul>li>a {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1rem;
  }

  /* line 2291, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-child(1)>ul>li>a::before {
    content: ">";
  }

  /* line 2300, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-of-type(2) {
    pointer-events: none;
  }

  /* line 2303, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-of-type(2)>a {
    display: none;
  }

  /* line 2311, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-of-type(2)>ul>li>a {
    opacity: 0.5;
  }

  /* line 2317, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-of-type(2).area-menu-active {
    pointer-events: initial;
  }

  /* line 2320, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li:nth-of-type(2).area-menu-active a {
    opacity: 1;
  }

  /* line 2327, ../scss/breakpoints/_768up.scss */
  .footer .cookie_menu ul.footer-nav>li.cookie_menu_other>ul>li.open {
    height: auto;
  }

  /* line 2343, ../scss/breakpoints/_768up.scss */
  .footer-links ul li {
    /*
			be careful with the depth of your menus.
			it's very rare to have multi-depth menus in
			the footer.
			*/
  }

  /* line 2358, ../scss/breakpoints/_768up.scss */
  .slick-next {
    right: 2%;
  }

  /* line 2362, ../scss/breakpoints/_768up.scss */
  .slick-prev {
    left: 2%;
  }

  /* line 2377, ../scss/breakpoints/_768up.scss */
  .event_info>.l-inner,
  .modelhouse_info>.l-inner {
    padding: 5rem;
  }

  /* line 2380, ../scss/breakpoints/_768up.scss */
  .event_info>.l-inner>h2.single__sub,
  .modelhouse_info>.l-inner>h2.single__sub {
    margin-bottom: 2rem;
  }

  /* line 2386, ../scss/breakpoints/_768up.scss */
  .event_info>.l-inner>.single__table tr,
  .modelhouse_info>.l-inner>.single__table tr {
    display: flex;
  }

  /* line 2389, ../scss/breakpoints/_768up.scss */
  .event_info>.l-inner>.single__table tr>th,
  .modelhouse_info>.l-inner>.single__table tr>th {
    flex: 28%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  /* line 2405, ../scss/breakpoints/_768up.scss */
  .event_info .info_list>div {
    display: flex;
    align-items: stretch;
  }

  /* line 2408, ../scss/breakpoints/_768up.scss */
  .event_info .info_list>div+div {
    margin-top: 1.5rem;
  }

  /* line 2412, ../scss/breakpoints/_768up.scss */
  .event_info .info_list>div dt {
    width: auto;
    min-width: 32%;
    max-width: 32%;
    padding: 0.5em 1em;
  }

  /* line 2419, ../scss/breakpoints/_768up.scss */
  .event_info .info_list>div dd {
    width: auto;
  }

  /* line 2430, ../scss/breakpoints/_768up.scss */
  .event_form form {
    margin: 1rem auto;
    padding: 5rem;
  }

  /* line 2436, ../scss/breakpoints/_768up.scss */
  .about__set,
  .about__detail-title {
    padding-top: 8.2rem;
    margin-top: -8.2rem;
  }

  /* line 2447, ../scss/breakpoints/_768up.scss */
  .site-top #container #content .wrap main .slick-slide figure img {
    height: 26.7rem;
  }

  /* line 2451, ../scss/breakpoints/_768up.scss */
  .object-fit,
  .object-fit-c {
    height: 26.7rem;
  }

  /* line 2458, ../scss/breakpoints/_768up.scss */
  .site-top .forsale_map_under .object-fit,
  .site-top .forsale_map_under .object-fit-c {
    height: calc(26.7rem - 13px);
  }

  /* line 2467, ../scss/breakpoints/_768up.scss */
  .estate__figure .object-fit,
  .estate__figure .object-fit-c {
    height: 26.4rem;
  }

  /* line 2475, ../scss/breakpoints/_768up.scss */
  .forsale_map_under .object-fit,
  .forsale_map_under .object-fit-c {
    height: calc(26.4rem - 13px);
  }

  /* line 2481, ../scss/breakpoints/_768up.scss */
  .slick-next,
  .slick-prev {
    top: 13.35rem;
  }

  /* line 2486, ../scss/breakpoints/_768up.scss */
  .slick-next {
    right: 2rem;
  }

  /* line 2490, ../scss/breakpoints/_768up.scss */
  .slick-prev {
    left: 2rem;
  }

  /* line 2495, ../scss/breakpoints/_768up.scss */
  #container #content .wrap main .top-event>.l-wrapper>.l-inner,
  #container #content .wrap main .top-info>.l-wrapper>.l-inner,
  #container #content .wrap main .recommend>.l-wrapper>.l-inner {
    max-width: 768px;
  }

  /* line 2501, ../scss/breakpoints/_768up.scss */
  main section>ul li .l-inner,
  main section .l-wrapper>ul li .l-inner,
  main aside>ul li .l-inner,
  main aside .l-wrapper>ul li .l-inner {
    width: calc(100% - 2rem);
  }

  /* line 2508, ../scss/breakpoints/_768up.scss */
  .sp-768 {
    display: none;
  }

  /* line 2514, ../scss/breakpoints/_768up.scss */
  main section,
  main aside {
    padding: 9rem 0;
  }

  /* line 2522, ../scss/breakpoints/_768up.scss */
  .m-all .single>section {
    padding: 0;
  }

  /* line 2532, ../scss/breakpoints/_768up.scss */
  .m-all>section>.inner>ul>li>a>figure {
    border: solid 1px #E2E1DB;
  }

  /* line 2547, ../scss/breakpoints/_768up.scss */
  .m-all>section.top .l-inner .copy {
    font-size: 1.3rem;
    text-shadow: none;
    margin: 0 0 1rem;
    text-align: center;
    color: #231815;
  }

  /* line 2561, ../scss/breakpoints/_768up.scss */
  .m-all>section .l-inner h4 {
    font-size: 1.9rem;
  }

  /* line 2568, ../scss/breakpoints/_768up.scss */
  .m-all>section .l-wrapper ul {
    display: flex;
  }

  /* line 2573, ../scss/breakpoints/_768up.scss */
  .m-all>section .l-wrapper ul>li:first-of-type {
    border: none;
  }

  /* line 2585, ../scss/breakpoints/_768up.scss */
  /* .m-all .real>section.half {
    flex: 1 0 50%;
  } */

  /* line 2589, ../scss/breakpoints/_768up.scss */
  .m-all .real>section.real_map {
    display: flex;
  }

  /* line 2592, ../scss/breakpoints/_768up.scss */
  .m-all .real>section.real_map>.l-inner {
    display: flex;
    flex-direction: column;
    margin: 0;
    justify-content: flex-start;
  }

  /* line 2598, ../scss/breakpoints/_768up.scss */
  .m-all .real>section.real_map>.l-inner>h2 {
    flex: 0 0 auto;
  }

  /* line 2602, ../scss/breakpoints/_768up.scss */
  .m-all .real>section.real_map>.l-inner #houseMap {
    flex: 0 0 calc(100% - 4rem);
  }

  /* line 2612, ../scss/breakpoints/_768up.scss */
  .flex100 {
    flex: 0 0 100%;
  }

  /* end .footer-links */
  /**** loading ******/
  /* line 2622, ../scss/breakpoints/_768up.scss */
  .loading .global_slider {
    max-height: 50vw;
  }

  /* end .loading */
  /**** 投稿画像表示 ******/
  /* line 2631, ../scss/breakpoints/_768up.scss */
  .plan_view.double ul,
  .plan_view.triple ul {
    justify-content: space-between;
  }

  /* line 2636, ../scss/breakpoints/_768up.scss */
  .sub1 .panel_area .plan_view.double ul li {
    width: 49%;
  }

  /* line 2640, ../scss/breakpoints/_768up.scss */
  .single figure img {
    /* height: 562.5px; */
    max-height: none;
  }

  /* line 2645, ../scss/breakpoints/_768up.scss */
  .single.middle figure img {
    object-fit: initial;
    width: 70%;
    height: auto;
  }

  /* line 2651, ../scss/breakpoints/_768up.scss */
  .single.small figure img {
    object-fit: initial;
    width: 50%;
    height: auto;
  }

  /* line 2657, ../scss/breakpoints/_768up.scss */
  .double ul li figure img {
    height: 251.75px;
  }

  /* line 2661, ../scss/breakpoints/_768up.scss */
  .triple ul li figure img {
    height: 19rem;
  }

  /* line 2665, ../scss/breakpoints/_768up.scss */
  .fourth ul li figure img {
    height: 162px;
  }

  /* line 2669, ../scss/breakpoints/_768up.scss */
  .fifth ul li figure img {
    height: 125px;
  }

  /* line 2673, ../scss/breakpoints/_768up.scss */
  .double ul li,
  .double ul div {
    width: calc(50% - 20px);
  }

  /* line 2678, ../scss/breakpoints/_768up.scss */
  .triple ul li,
  .triple ul .dummy {
    width: 32%;
  }

  /* line 2683, ../scss/breakpoints/_768up.scss */
  .fourth ul li,
  .fourth ul .dummy {
    width: 24%;
  }

  /* line 2688, ../scss/breakpoints/_768up.scss */
  .fifth ul li,
  .fifth ul .dummy {
    width: 19%;
  }

  /* end .投稿画像表示 */
  /* モーダル表示設定 */
  /* line 2696, ../scss/breakpoints/_768up.scss */
  .iziModal-navigate>button {
    width: 5rem;
    height: 6.4rem;
  }

  /* ここから 20230724 固定ページ用テンプレート作成 */
  /* line 2703, ../scss/breakpoints/_768up.scss */
  .processed_content_wrap .page-title {
    font-size: 3.4rem;
  }

  /* line 2707, ../scss/breakpoints/_768up.scss */
  .processed_content_wrap .hentry {
    margin-bottom: 0;
  }

  /* line 2711, ../scss/breakpoints/_768up.scss */
  .processed_content_wrap #main>.inner {
    max-width: 1024px;
    padding: 3.4rem;
  }

  /* ここまで 20230724 固定ページ用テンプレート作成 */
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles.
これは平均的な表示ウィンドウです。つまり、デスクトップ、ラップトップ、そして一般的にモバイルデバイスで表示していない人。ここで、リソースを大量に消費するスタイルを追加できます。
*********************/
@media only screen and (min-width: 880px) {

  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
  /* line 43, ../scss/breakpoints/_880up.scss */
  /* html {
    font-size: 1.136vw; */
}

/* line 47, ../scss/breakpoints/_880up.scss */
.site-top #container #content .wrap main .slick-slide figure img {
  height: 30.8rem;
}

/* line 51, ../scss/breakpoints/_880up.scss */
.site-top .object-fit,
.site-top .object-fit-c {
  height: 30.6rem;
}

/* line 58, ../scss/breakpoints/_880up.scss */
.site-top .forsale_map_under .object-fit,
.site-top .forsale_map_under .object-fit-c {
  height: calc(30.6rem - 13px);
}

/* line 67, ../scss/breakpoints/_880up.scss */
.estate__figure .object-fit,
.estate__figure .object-fit-c {
  height: 19.6rem;
  background-color: #fff;
}

/* line 75, ../scss/breakpoints/_880up.scss */
.forsale_map_under .object-fit,
.forsale_map_under .object-fit-c {
  height: calc(19.6rem - 13px);
}

/* line 81, ../scss/breakpoints/_880up.scss */
.slick-next,
.slick-prev {
  top: 15.3rem;
}

/* line 89, ../scss/breakpoints/_880up.scss */
.m-all>.single {
  margin-top: 5rem;
}

/* line 97, ../scss/breakpoints/_880up.scss */
#real_estate .l-inner>ul>li {
  flex: 0 1 33%;
  /* max-width: 33%; */
}

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles.
これは平均的な表示ウィンドウです。つまり、デスクトップ、ラップトップ、そして一般的にモバイルデバイスで表示していない人。ここで、リソースを大量に消費するスタイルを追加できます。
*********************/
@media only screen and (min-width: 1030px) {

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
  /* line 11, ../scss/breakpoints/_1030up.scss */
  /* html {
    font-size: 10px;
  } */

  /* line 19, ../scss/breakpoints/_1030up.scss */
  .header .wrap {
    width: 100%;
    padding-right: 24.3rem;
    height: 8.1rem;
  }

  /* line 27, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li:nth-of-type(1) {
    display: none;
  }

  /* line 36, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav {
    flex: 0 1 auto;
    display: block;
  }

  /* line 55, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(2) {
    background: url(../images/bg_nav_about_01.png) center center no-repeat transparent;
  }

  /* line 59, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(2) a::before {
    content: "QUALITY";
  }

  /* line 66, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(3) {
    background: url(../images/bg_nav_about_02.png) center center no-repeat transparent;
  }

  /* line 70, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(3) a::before {
    content: "REASSURANCE";
  }

  /* line 76, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(4) {
    background: url(../images/bg_nav_about_03.png) center center no-repeat transparent;
  }

  /* line 80, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.feature>ul>li:nth-of-type(4) a::before {
    content: "TECHNICAL";
  }

  /* line 128, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    height: 25rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  /* line 152, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li.menu-item-home {
    display: none;
  }

  /* line 160, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li:nth-of-type(2) ul.hidden {
    height: 0;
  }

  /* line 167, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li a {
    text-decoration: none;
    color: #231815;
  }

  /* line 172, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li>ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 825px;
    background-color: #fff;
    position: absolute;
    top: 8.1rem;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0rem 0.2rem 0.2rem #E2E1DB;
    border-top: solid 1px #ddd;
    opacity: 0;
    padding: 4rem;
  }

  /* line 189, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li>ul>li {
    flex: 0 1 24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 15rem;
    text-align: center;
  }

  /* line 213, ../scss/breakpoints/_1030up.scss */
  .header .wrap nav>ul>li>ul>li:nth-of-type(2)>ul>li>a {
    opacity: 0.5;
  }

  /* line 281, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li>ul>li>a,
  .header .wrap .cookie_menu>ul>li>ul>li>ul>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: "FP-ヒラギノUD角ゴ StdN W6", sans-serif;
    font-size: 2.7rem;
  }

  /* line 293, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li>ul>li>a::before,
  .header .wrap .cookie_menu>ul>li>ul>li>ul>li>a::before {
    font-family: "FuturaLTPro-Medium";
    font-size: 1.2rem;
    color: #fff;
    display: inline-block;
    width: 100%;
  }

  /* line 303, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li>ul>li:nth-child(1)>a {
    font-size: 1.4rem;
    color: #231815;
    justify-content: flex-start;
    flex-direction: row;
  }

  /* line 313, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li>ul>li:nth-of-type(1) {
    flex: 0 0 100%;
    height: 1.4rem;
    margin-bottom: 2rem;
    display: block;
  }

  /* line 326, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other {
    position: relative;
  }

  /* line 329, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul {
    display: block;
    width: 40rem;
    left: -16rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 337, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul::before {
    content: "お探しのエリアを選択してください。";
    opacity: 0;
  }

  /* line 344, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li {
    text-align: left;
    display: block;
    height: auto;
  }

  /* line 349, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1) {
    position: relative;
    padding: 0;
    overflow: hidden;
    height: 4rem;
    justify-content: flex-start;
    align-items: flex-start;
    height: 4rem;
    margin-bottom: 2rem;
    background-position: 97.5% 1.5rem;
  }

  /* line 360, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1).open {
    height: auto;
  }

  /* line 364, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>span {
    width: 100%;
    height: 4rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }

  /* line 374, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>a {
    display: none;
  }

  /* line 379, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul {
    position: relative;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }

  /* line 387, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li {
    height: 4rem;
    border: none;
    margin-bottom: 0;
    order: 1;
    background-color: unset;
  }

  /* line 394, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.cookie {
    order: 0;
  }

  /* line 398, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li>a {
    flex-direction: row;
    font-size: 1.4rem;
    color: #231815;
    justify-content: flex-start;
    flex-direction: row;
  }

  /* line 406, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li>a::before {
    content: "> ";
    color: #231815;
    display: inline;
    width: 2rem;
  }

  /* line 414, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li:nth-of-type(1)>a::before,
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(1)>ul>li.active>a::before {
    content: "";
    width: 0;
  }

  /* line 427, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2).area-menu-active {
    pointer-events: initial;
  }

  /* line 430, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2).area-menu-active a {
    opacity: 1;
  }

  /* line 435, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2)>a {
    display: none;
  }

  /* line 439, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2)>ul {
    display: flex;
    flex-wrap: wrap;
  }

  /* line 443, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2)>ul>li {
    flex: 0 0 50%;
  }

  /* line 446, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2)>ul>li>a {
    color: #231815;
    align-items: flex-start;
    font-size: 1.4rem;
    flex-direction: row;
    justify-content: flex-start;
  }

  /* line 453, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li.cookie_menu_other>ul>li:nth-of-type(2)>ul>li>a::before {
    content: "> ";
    color: #231815;
    display: inline;
    width: 2rem;
  }

  /* line 473, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li:hover.cookie_menu_other>ul {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  /* line 480, ../scss/breakpoints/_1030up.scss */
  .header .wrap .cookie_menu>ul>li:hover.cookie_menu_other>ul::before {
    opacity: 1;
  }

  /* line 494, ../scss/breakpoints/_1030up.scss */
  .header .wrap .area_menu>ul>li>ul {
    display: block;
    width: 30rem;
    left: -8rem;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    padding: 0 3rem;
  }

  /* line 503, ../scss/breakpoints/_1030up.scss */
  .header .wrap .area_menu>ul>li>ul>li {
    text-align: left;
    display: block;
    height: auto;
    flex: 0 0 100%;
  }

  /* line 519, ../scss/breakpoints/_1030up.scss */
  .header .wrap .area_menu>ul>li>ul>li>a::before {
    content: "> ";
    color: #231815;
    display: inline;
    width: 2rem;
  }

  /* line 535, ../scss/breakpoints/_1030up.scss */
  .header .wrap .area_menu>ul>li.area_menu_other {
    position: relative;
  }

  /* line 543, ../scss/breakpoints/_1030up.scss */
  .header .wrap .area_menu>ul>li.area_menu_other:hover>ul a {
    display: block;
  }

  /* line 558, ../scss/breakpoints/_1030up.scss */
  .header .btn-trigger {
    display: none;
  }

  /* line 565, ../scss/breakpoints/_1030up.scss */
  .ui.wrap .fix-btn {
    right: 0;
  }

  /* line 571, ../scss/breakpoints/_1030up.scss */
  .site-top #container #content .wrap main .slick-slide figure img {
    height: 23.8rem;
  }

  /* line 575, ../scss/breakpoints/_1030up.scss */
  .site-top .object-fit,
  .site-top .object-fit-c {
    height: 23.8rem;
  }

  /* line 582, ../scss/breakpoints/_1030up.scss */
  .site-top .forsale_map_under .object-fit,
  .site-top .forsale_map_under .object-fit-c {
    height: calc(23.8rem - 13px);
  }

  /* line 589, ../scss/breakpoints/_1030up.scss */
  .slick-next,
  .slick-prev {
    top: 11.9rem;
  }

  /* line 597, ../scss/breakpoints/_1030up.scss */
  .estate__figure .object-fit,
  .estate__figure .object-fit-c {
    height: 23.3rem;
  }

  /* line 606, ../scss/breakpoints/_1030up.scss */
  .forsale_map_under .object-fit,
  .forsale_map_under .object-fit-c {
    height: calc(23.3rem - 13px);
  }

  /* line 613, ../scss/breakpoints/_1030up.scss */
  #container #content .wrap main .top-banner {
    font-size: 11px;
    max-width: 1030px;
    margin: 0 auto;
  }

  /* line 619, ../scss/breakpoints/_1030up.scss */
  #container #content .wrap main .top-banner__list>li {
    flex: 1 0 33%;
  }

  /* line 623, ../scss/breakpoints/_1030up.scss */
  #container #content .wrap main .top-banner .l-inner>ul>li {
    flex: 0 0 33.3%;
    font-size: 13.5px;
  }

  /**** loading ******/
  /* line 636, ../scss/breakpoints/_1030up.scss */
  .loading .global_slider {
    max-height: 32rem;
  }

  /* end .loading */
  /**** 投稿画像表示 ******/
  /* line 644, ../scss/breakpoints/_1030up.scss */
  .single ul li figure img,
  .single_middle ul li figure img,
  .single_small ul li figure img {
    /* height: 421.875px; */
    height: auto;
    max-height: none;
    object-fit: initial;
  }

  /* line 653, ../scss/breakpoints/_1030up.scss */
  .single.middle figure img {
    object-fit: initial;
    width: 70%;
    height: auto;
  }

  /* line 659, ../scss/breakpoints/_1030up.scss */
  .single.small figure img {
    object-fit: initial;
    width: 50%;
    height: auto;
  }

  /* line 665, ../scss/breakpoints/_1030up.scss */
  .double ul li figure img {
    height: 369px;
  }

  /* line 669, ../scss/breakpoints/_1030up.scss */
  .triple ul li figure img {
    height: 238px;
  }

  /* line 673, ../scss/breakpoints/_1030up.scss */
  .fourth ul li figure img {
    height: 166px;
  }

  /* line 677, ../scss/breakpoints/_1030up.scss */
  .fifth ul li figure img {
    height: 130px;
  }

  /* line 681, ../scss/breakpoints/_1030up.scss */
  .double ul li {
    width: 49%;
  }

  /* line 685, ../scss/breakpoints/_1030up.scss */
  .triple ul li,
  .triple ul .dummy {
    width: 32%;
  }

  /* line 690, ../scss/breakpoints/_1030up.scss */
  .fourth ul li,
  .fourth ul .dummy {
    width: 24%;
  }

  /* line 695, ../scss/breakpoints/_1030up.scss */
  .fifth ul li,
  .fifth ul .dummy {
    width: 19%;
  }

  /* end .投稿画像表示 */
  /* 価格表記 */
  /**** realproperty__price ****/
  /* line 706, ../scss/breakpoints/_1030up.scss */
  .realproperty__price-number {
    font-size: 3.6rem;
  }

  /* line 714, ../scss/breakpoints/_1030up.scss */
  .realproperty__body.point ul::after {
    content: "";
    position: relative;
    display: block;
    width: calc((100% - 3rem) / 3);
  }

  /* line 721, ../scss/breakpoints/_1030up.scss */
  .realproperty__body.point ul li {
    width: calc((100% - 3rem) / 3);
  }

  /* line 730, ../scss/breakpoints/_1030up.scss */
  .realproperty__body.photo_gallery ul::after {
    width: calc((100% - 2.5rem) / 3);
  }

  /* line 734, ../scss/breakpoints/_1030up.scss */
  .realproperty__body.photo_gallery ul li {
    width: calc((100% - 2.5rem) / 3);
  }

  /* line 742, ../scss/breakpoints/_1030up.scss */
  .realproperty__around {
    display: block !important;
  }

  /* line 751, ../scss/breakpoints/_1030up.scss */
  .realproperty__around>li.textover:not(.littleover)>span:last-of-type::after {
    display: none;
  }

  /* line 758, ../scss/breakpoints/_1030up.scss */
  .realproperty__around>li.textover:not(.littleover)::after {
    display: block;
  }

  /* line 768, ../scss/breakpoints/_1030up.scss */
  .realproperty__around>li.textover.allover>span:last-of-type::after {
    display: block;
  }

  /* line 775, ../scss/breakpoints/_1030up.scss */
  .realproperty__around>li.textover.allover::after {
    display: none;
  }

  /* line 783, ../scss/breakpoints/_1030up.scss */
  #container #content .wrap main .realproperty__body.photo_gallery .l-inner>ul>li {
    margin: 0 0 1.25rem;
  }

  /* line 787, ../scss/breakpoints/_1030up.scss */
  #container #content .wrap main .realproperty__body.point .l-inner>ul>li {
    margin: 0 0 1.5rem;
  }

  /* line 793, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .bg-box {
    padding-top: 0;
    min-height: 686px;
    height: calc(100vh - 8.1rem);
    max-height: calc(100vh - 8.1rem);
  }

  /* line 802, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .logo {
    width: calc(((180 / 1024) * 100) * 1vw);
    top: calc(((37 / 1024) * 100) * 1vw);
    width: 15.5%;
  }

  /* line 808, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .main-copy {
    padding-top: calc(((24 / 1024) * 100) * 1vw);
    padding-bottom: calc(((32 / 1024) * 100) * 1vw);
  }

  /* line 812, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .main-copy .inner {
    max-width: calc(((780 / 1024) * 100) * 1vw);
    max-width: 76%;
  }

  /* line 818, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .anchor {
    width: calc(((250 / 1024) * 100) * 1vw);
    bottom: calc(((55 / 1024) * 100) * 1vw);
    width: 24%;
  }
}

@media only screen and (min-width: 1030px) and (max-height: 768px) {

  /* line 831, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .bg-box {
    height: 686px;
  }

  /* line 839, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .logo {
    top: 35px;
  }

  /* line 844, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .main-copy {
    padding: 45px 0 60px;
  }

  /* line 847, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .main-copy .inner {
    max-width: 60%;
  }

  /* line 852, ../scss/breakpoints/_1030up.scss */
  .top .first-view-wrap .text-box .anchor {
    bottom: 45px;
  }
}

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

  /* モーダル表示設定 */
  /* line 866, ../scss/breakpoints/_1030up.scss */
  .iziModal-navigate {
    max-width: calc(1024px + 5rem);
    margin-left: auto;
    margin-right: auto;
  }

  /* ここから 20230724 固定ページ用テンプレート作成 */
  /* line 873, ../scss/breakpoints/_1030up.scss */
  .processed_content_wrap .page-title {
    font-size: 3.8rem;
  }

  /* line 876, ../scss/breakpoints/_1030up.scss */
  .processed_content_wrap .article_inner {
    max-width: 900px;
    margin: 0 auto;
  }

  /* ここまで 20230724 固定ページ用テンプレート作成 */
}

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
これは、より大きなモニターと、場合によってはフルスクリーンビューアー用です。
*********************/
@media only screen and (min-width: 1240px) {

  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  /* line 11, ../scss/breakpoints/_1240up.scss */
  .header .wrap {
    max-width: 1240px;
    margin: auto;
  }

  /* line 16, ../scss/breakpoints/_1240up.scss */
  .ui.wrap .fix-btn {
    right: calc((100vw - 1240px) / 2);
  }

  /* line 21, ../scss/breakpoints/_1240up.scss */
  .title-img-box span {
    padding-top: 0;
    min-height: 694px;
    height: 56vw;
    max-height: calc(100vh - 81px);
  }

  /* line 27, ../scss/breakpoints/_1240up.scss */
  .title-img-box span img {
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* line 39, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .bg-box {
    min-height: 639px;
  }

  /* line 42, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .bg-box img {
    top: 50px;
    left: -20px;
    transform: scale(1.15);
  }

  /* line 50, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .anchor {
    bottom: calc(((35 / 1024) * 100) * 1vw);
  }
}

@media only screen and (min-width: 1240px) and (max-height: 775px) {

  /* line 58, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .logo {
    width: 12.5%;
    top: 35px;
    max-width: 220px;
  }

  /* line 64, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .main-copy {
    padding: 45px 0 60px;
  }

  /* line 67, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .main-copy .inner {
    max-width: 937px;
  }

  /* line 73, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .anchor {
    width: 19%;
    max-width: 296px;
    bottom: 45px;
  }
}

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

  /* line 84, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .logo {
    width: 10.5%;
    top: calc(((40 / 1920) * 100) * 1vw);
  }

  /* line 91, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .main-copy .inner {
    max-width: 60%;
  }

  /* line 96, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .anchor {
    width: 19%;
    bottom: calc(((45 / 1920) * 100) * 1vw);
  }
}

@media only screen and (min-width: 1240px) and (min-width: 1920px) and (max-height: 1080px) {

  /* line 106, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .bg-box {
    min-height: 999px;
  }

  /* line 112, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .logo {
    max-width: 268px;
    top: calc(((60 / 1920) * 100) * 1vw);
  }

  /* line 119, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .main-copy .inner {
    max-width: 1152px;
  }

  /* line 125, ../scss/breakpoints/_1240up.scss */
  .top .first-view-wrap .text-box .anchor {
    max-width: 364px;
    bottom: calc(((45 / 1920) * 100) * 1vw);
  }
}

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

  /* ここから 20230724 固定ページ用テンプレート作成 */
  /* line 138, ../scss/breakpoints/_1240up.scss */
  .processed_content_wrap #main>.inner {
    max-width: 1240px;
  }

  /* line 141, ../scss/breakpoints/_1240up.scss */
  .processed_content_wrap .article_inner {
    max-width: 1024px;
    margin: 0 auto;
  }

  /* ここまで 20230724 固定ページ用テンプレート作成 */
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. You can also create a media query for retina AND a certain size if you want. Go Nuts.
これは、2倍の解像度を持つ他のディスプレイとともに、網膜iPhone（4s）およびiPad（2,3）に適用されます。必要に応じて、網膜と特定のサイズのメディアクエリを作成することもできます。怒る。

*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none.
これを自由にカスタマイズしてください。下部に印刷しても意味がないものを追加することを忘れないでください。 nav、ads、formsなどは何も表示しないように設定する必要があります。
*********************/
@media print {

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, ../scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* line 21, ../scss/partials/_print.scss */
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  /* line 26, ../scss/partials/_print.scss */
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }

  /* line 31, ../scss/partials/_print.scss */
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 36, ../scss/partials/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 42, ../scss/partials/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 47, ../scss/partials/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 51, ../scss/partials/_print.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 55, ../scss/partials/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  /* line 63, ../scss/partials/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 68, ../scss/partials/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 74, ../scss/partials/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
/* -----------------------------------

	commmon

----------------------------------- */
/* //コンテンツエリア */
.breadcrumb__items,
#inner-content main{  
  /* .-inner-large */
  padding-right: clamp(6.25rem, -26.167rem + 50.6vw, 19.375rem);
  padding-left: clamp(6.25rem, -26.167rem + 50.6vw, 19.375rem);
}
.form_wrap{
  padding-bottom: 160px;
}
@media only screen and (max-width: 1024px){
  .breadcrumb__items,
  #inner-content main{
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1921px){

  .breadcrumb__items,
  #inner-content main{
    /* .-inner-large */
    padding-left: 100px;
    padding-right: 100px;
  }
  .form_wrap,
  .breadcrumb__items,
  #inner-content main{
    max-width: 1510px;
    margin-right: auto;
    margin-left: auto;
  }
}
/* コンテンツエリア// */

/* //container */
@media only screen and (min-width: 1025px){
 #container {
    margin-top: 173px;
  }
}

/* //ボタン */
.estate__items-button a,
.realproperty__back button,
.realproperty__nav{
  /* .-btn-ol */
  color: #FFFFFF;
  line-height: 1.2;
  text-align: center;
  border-radius: 100px;
  padding-top: 18px;
  padding-bottom: 18px;

  /* .-btn-ol.-max-w */
  max-width: 300px;

  /* .-max-w.-center */
  margin-right: auto;
  margin-left: auto;
}
.realproperty__back button,
.realproperty__nav{
  /* .-btn-ol */
  padding-right: 22px;
  padding-left: 22px;
  min-width: 300px;

  transition: all 0.2s ease-in;
}
.realproperty__back button{
  color: #45413E;
}
@media only screen and (min-width: 769px){
  .estate__items-button a,
  .realproperty__back button,
  .realproperty__nav{
    /* .-btn-ol */
    transition: all 0.2s ease-in;    
  }
  .realproperty__back button:hover,
  .realproperty__nav:hover{
    opacity: 0.7;
  }
}
/* ボタン// */
/* -----------------------------------

	/realestate/

----------------------------------- */
/* //建売、売り土地リストのliタグ */
.estate__item{
   /* .-row-contents.-row-03 .-row-03-item */
   margin-bottom: 60px;
}
@media only screen and (max-width: 540px) {
  .estate__item{
    /* .-row-contents.-row-03 .-row-03-item  */
    margin-bottom: 30px;
  }  
}
/* 建売、売り土地リストのliタグ// */

/* //「もっと見る」ボタン */
.estate__items-button,
.estate__items-button span,
.estate__items-button a{
  display: block;
  width: 100%;
}
.estate__items-button {
  /* .-pages-btn */
  margin-top: 30px;
}
.estate__items-button a{
    /* .-btn-ol */
    background-color: #45413E;
    border: 1px solid #45413E;

    /* .-btn-ol.-more */
    padding-right: 44px;
    padding-left: 44px;
    background-size: 20px;
    background-position: right 22px center;
    background-image: url("/assets/images/common/icon-plus.svg");
    background-repeat: no-repeat;

    /* .-btn-ol.-min-auto */
    min-width: auto;
}
@media only screen and (min-width: 769px){
  .estate__items-button a:hover{
    /* .-btn-ol:hover */
    background-color: #EA6673;
    border: 1px solid #EA6673;

    /* .-btn-ol.-more:hover */
    background-image: url("/assets/images/common/icon-plus-white.svg");
  }
}
/* 「もっと見る」ボタン// */
/* -----------------------------------

	/realestate/house_
  /realestate/forsale_

----------------------------------- */
.realproperty__detail-tsubo{
  display: inline-block;
  margin-right: 0.5em;
}
.realproperty__attention {
    line-height: 1.8;
}
.realproperty__around{
  margin-bottom: 1rem;
}
.m-all .real{
  justify-content: space-between;
}

@media only screen and (min-width: 768px){
  .m-all .real>section.half {
    flex: 0 0 49%;
  }
  .realproperty__box.attention{
    margin-bottom: 0;
  }
}

/* loading */
#estate_loading{
  padding: 5vh 0;
}
#estate_loading.hidden{
  opacity: 0;
  padding: 0;
}
#estate_loading.hidden .loading{
  display: none;
}

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

	/realestate/house_

----------------------------------- */
/* //建売画像 */
@media only screen and (min-width: 1025px){
  .realproperty__figure{
    position: relative;
    height: 50vh;
    background: #fff;

    /* figcaption分のmarginを増やす */
    margin-bottom: 3.5rem;
  }
  .realproperty__figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .realproperty__figure figcaption{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
  }
}

/* 建売画像// */

/* //map */
.real_map>.l-inner{
  width: 100%;
}
/* map// */
/* -----------------------------------

  /realestate/forsale_

----------------------------------- */
/* 田中追記// */