@charset "UTF-8";
/* ========================================================================================= ^^
    Custom properties
============================================================================================ ^^ */
:root {
  --black: #000;
  --white: #fff;
  --font-color: #000;
  --button-border: #707070;
  --special-caption: #333;
  --special-border: #707070;
  --special-price: #ff7810;
  --sale-number-bg-color: #222;
  --breadcrumb-color: #999;
  --property-block-title: #222;
  --property-block-border: #707070;
  --property-block-button: #ff7810;
  --property-block-table-th: #f6f5ee;
  --pagination-border: #222;
  --pagination-current: #222;
  --pagination-color: #222;
  --property-article-title: #222;
  --property-price: #ff7810;
  --property-information: #f6f5ee;
  --property-life-info: #cfaf63;
  --button2-color: #ff7810;
  --button3-color: #ccc;
  --checked-color: #333;
  --required-color: #b50e0e;
  --portfolio-box-name: #222;
  --portfolio-box-border: #707070;
  --portfolio-article-title: #222;
  --portfolio-article-nav-border: #222;
  --staff-department-title: #222;
  --staff-article-title: #222;
  --staff-article-questions-border: #707070;
  --blog-title: #222;
  --voice-article-index-title: #222;
  --spec-box-title: #222;
  --orange: #df9d51;
  --track-record-bg-title: #222;
  --track-record-bg-list: #f6f5ee;
  --flow-bg-color: #f6f5ee;
  --flow-num-color: #222;
  --field-border: #bbb;
  --rgb_white: 255, 255, 255;
  --rgb_black: 0, 0, 0;
}

/* ========================================================================================= ^^
	Reseter
============================================================================================ ^^ */
*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

html {
  line-height: 1.15;
  box-sizing: border-box;
  font-family: sans-serif;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

a {
  background-color: transparent;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

code,
kbd,
samp,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  line-height: inherit;
  border: 1px solid currentColor;
}

button {
  overflow: visible;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  padding: 1px 6px;
}

input {
  overflow: visible;
}

input,
textarea {
  padding: 1px;
}

fieldset {
  border: 1px solid currentColor;
  margin: 0 2px;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=color] {
  background: inherit;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  color: inherit;
  overflow: visible;
}

dl,
ol,
ul {
  margin: 1em 0;
}

ol ol,
ol ul,
ol dl,
ul ol,
ul ul,
ul dl,
dl ol,
dl ul,
dl dl {
  margin: 0;
}

b,
strong {
  font-weight: bolder;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  text-indent: 0;
  border-color: inherit;
}

details {
  display: block;
}

dialog {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* ========================================================================================= ^^
	Reset
============================================================================================ ^^ */
* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

main {
  display: block;
}
@media (max-width: 1920px) {
  main {
    margin: 0 auto;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin: 0 0 1rem;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

dl {
  margin: 0;
}

dt, dd {
  padding: 0;
  margin: 0;
}

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

figure {
  margin: 0;
}

em {
  font-weight: bold;
  font-style: normal;
}

button {
  padding: 0;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}

a {
  text-decoration: none;
}
a:link {
  color: var(--black);
}
a:visited {
  color: var(--black);
}
a:hover {
  color: var(--black);
}
a:focus {
  color: var(--black);
}

/* ======================================================================================== ^^
	Typography
=========================================================================================== ^^ */
html {
  height: 100%;
  font-size: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-size: 100%;
  color: var(--font-color);
  font-weight: 400;
  line-height: 1.75;
  font-feature-settings: "palt";
}

sup {
  font-size: 2.3076923077vw;
  position: relative;
  top: -2.0512820513vw;
  left: -0.5128205128vw;
}
@media (min-width: 768px) {
  sup {
    font-size: 0.75vw;
    top: -0.6666666667vw;
    left: -0.1666666667vw;
  }
}
@media (min-width: 1200px) {
  sup {
    font-size: 0.5625vw;
    top: -0.5vw;
    left: -0.125vw;
  }
}
@media (min-width: 1600px) {
  sup {
    font-size: 0.5625rem;
    top: -0.5rem;
    left: -0.125rem;
  }
}

abbr[title] {
  text-decoration: none;
}

a:link {
  color: var(--font-color);
  text-decoration: none;
}
a:visited {
  color: var(--font-color);
  text-decoration: none;
}
a:hover {
  color: var(--font-color);
  text-decoration: none;
  opacity: 0.7;
}
a:focus {
  color: var(--font-color);
  text-decoration: none;
}

/* ======================================================================================== ^^
	Utilities
============================================================================================ ^^ */
.tel-link {
  pointer-events: all;
  cursor: pointer;
}
@media (min-width: 768px) {
  .tel-link {
    pointer-events: none;
    cursor: default;
  }
}

@media (min-width: 768px) {
  .pc-hide-br {
    display: none;
  }
}

.sp-hide-br {
  display: none;
}
@media (min-width: 768px) {
  .sp-hide-br {
    display: inline;
  }
}

.tb-hide-br {
  display: inline;
}
@media (min-width: 768px) {
  .tb-hide-br {
    display: none;
  }
}

@media (min-width: 768px) {
  .only-sp {
    display: none;
  }
}

.only-pc {
  display: none;
}
@media (min-width: 768px) {
  .only-pc {
    display: block;
  }
}

.only-pc-inline {
  display: none;
}
@media (min-width: 768px) {
  .only-pc-inline {
    display: inline;
  }
}

a {
  transition: all 0.3s linear;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.screen-reader-text {
  clip: rect(0, 0, 1px, 1px);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* ========================================================================================= ^^
  Header
============================================================================================ ^^ */
.site-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
}
.is-scroll .site-header {
  background-color: rgba(var(--rgb_black), 0.8);
}
.site-header_inner {
  padding: 2.5641025641vw 5.1282051282vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .site-header_inner {
    padding: 1.6666666667vw 10.6666666667vw 1.6666666667vw 1.6666666667vw;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .site-header_inner {
    padding: 1.25vw 8vw 1.25vw 1.25vw;
  }
}
@media (min-width: 1600px) {
  .site-header_inner {
    padding: 1.25rem 8rem 1.25rem 1.25rem;
  }
}
.site-header_logo {
  width: 46.1538461538vw;
  margin: 0;
}
@media (min-width: 768px) {
  .site-header_logo {
    width: 23.0833333333vw;
  }
}
@media (min-width: 1600px) {
  .site-header_logo {
    width: 17.3125rem;
  }
}
.site-header_logo img.on {
  display: none;
}
.is-scroll .site-header_logo img.off {
  display: none;
}
.is-scroll .site-header_logo img.on {
  display: block;
}
.site-header_social {
  width: 7.6923076923vw;
  padding-top: 7.6923076923vw;
  margin: 0 0 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .site-header_social {
    width: 2.5vw;
    height: 2.5vw;
    padding-top: 0;
    margin-left: 1.6666666667vw;
  }
}
@media (min-width: 1600px) {
  .site-header_social {
    width: 1.875rem;
    height: 1.875rem;
    margin-left: 1.875rem;
  }
}

/* ========================================================================================= ^^
  Footer
============================================================================================ ^^ */
.site-footer {
  width: 100%;
  background-color: #222;
}
.site-footer_menu {
  max-width: 75rem;
  width: 100%;
  padding: 10.2564102564vw 0 0;
  margin: 0 auto;
  color: var(--white);
}
@media (min-width: 768px) {
  .site-footer_menu {
    padding: 2.75vw 1.6666666667vw 4.9166666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .site-footer_menu {
    padding: 2.0625rem 0 3.6875rem;
  }
}
.site-footer_menu a {
  padding: 0 5.1282051282vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .site-footer_menu a {
    padding: 0;
    display: inline;
  }
}
.site-footer_menu a:link {
  color: var(--white);
}
.site-footer_menu a:visited {
  color: var(--white);
}
.site-footer_menu a:hover {
  color: var(--white);
}
.site-footer_menu a:focus {
  color: var(--white);
}
.site-footer .footer-menu {
  padding-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .site-footer .footer-menu {
    width: 20vw;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .site-footer .footer-menu {
    width: 16.875rem;
  }
}
.site-footer .footer-menu h5 {
  padding: 0 5.1282051282vw 2.5641025641vw;
  margin-bottom: 1.2820512821vw;
  border-bottom: 1px solid var(--white);
  font-size: 4.6153846154vw;
  font-weight: bold;
  line-height: 1.7777777778;
}
@media (min-width: 768px) {
  .site-footer .footer-menu h5 {
    padding: 0 0 0.8333333333vw;
    margin-bottom: 0.4166666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .site-footer .footer-menu h5 {
    padding-bottom: 0.625rem;
    margin-bottom: 0.3125rem;
    font-size: 1.125rem;
  }
}
.site-footer .footer-menu .menu {
  font-size: 4.1025641026vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .site-footer .footer-menu .menu {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .site-footer .footer-menu .menu {
    font-size: 1rem;
  }
}
.site-footer .copyright {
  width: 100%;
  margin-bottom: 0;
  background-color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .site-footer .copyright {
    height: 2.6666666667vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .site-footer .copyright {
    height: 2rem;
    font-size: 1rem;
  }
}

/* ========================================================================================= ^^
  Site navigation
============================================================================================ ^^ */
@media (min-width: 768px) {
  .site-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.site-navigation .menu {
  border-top: 1px solid var(--white);
  font-size: 4.6153846154vw;
  line-height: 1.7222222222;
}
@media (min-width: 768px) {
  .site-navigation .menu {
    border-top: none;
    font-size: 1.3333333333vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .site-navigation .menu {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .site-navigation .menu li {
    margin-left: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .site-navigation .menu li {
    margin-left: 1.875rem;
  }
}
.site-navigation .menu li.has-submenu, .site-navigation .menu li.menu-item-has-children {
  position: relative;
}
.site-navigation .menu li.has-submenu > a, .site-navigation .menu li.menu-item-has-children > a {
  background: url(../images/common/icon-down.svg) no-repeat 96% 50%;
  background-size: 3.3333333333vw auto;
}
@media (min-width: 768px) {
  .site-navigation .menu li.has-submenu > a, .site-navigation .menu li.menu-item-has-children > a {
    padding-right: 1.6666666667vw;
    background-position: 100% 50%;
    background-size: 1.0833333333vw auto;
  }
}
@media (min-width: 1200px) {
  .site-navigation .menu li.has-submenu > a, .site-navigation .menu li.menu-item-has-children > a {
    padding-right: 1.25rem;
    background-size: 0.8125rem auto;
  }
}
.site-navigation .menu li.has-submenu.is-submenu-open > a, .site-navigation .menu li.menu-item-has-children.is-submenu-open > a {
  background: url(../images/common/icon-up.svg) no-repeat 96% 50%;
  background-size: 3.3333333333vw auto;
}
@media (min-width: 768px) {
  .site-navigation .menu li.has-submenu.is-submenu-open > a, .site-navigation .menu li.menu-item-has-children.is-submenu-open > a {
    background-position: 100% 50%;
    background-size: 1.0833333333vw auto;
  }
}
@media (min-width: 1200px) {
  .site-navigation .menu li.has-submenu.is-submenu-open > a, .site-navigation .menu li.menu-item-has-children.is-submenu-open > a {
    background-size: 0.8125rem auto;
  }
}
.site-navigation .menu a {
  width: 100%;
  height: 12.8205128205vw;
  padding: 0 5.1282051282vw;
  border-bottom: 1px solid var(--white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .site-navigation .menu a {
    width: auto;
    height: auto;
    padding: 0;
    border-bottom: none;
    display: inline;
  }
}
.site-navigation .menu a:link {
  color: var(--white);
}
.site-navigation .menu a:visited {
  color: var(--white);
}
.site-navigation .menu a:hover {
  color: var(--white);
}
.site-navigation .menu a:focus {
  color: var(--white);
}
.site-navigation .submenu, .site-navigation .sub-menu {
  height: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .site-navigation .submenu, .site-navigation .sub-menu {
    width: 16.6666666667vw;
    background-color: rgba(var(--rgb_black), 0.8);
    position: absolute;
    top: 100%;
    left: 0;
  }
}
@media (min-width: 1200px) {
  .site-navigation .submenu, .site-navigation .sub-menu {
    width: 12.5rem;
  }
}
.site-navigation .submenu li, .site-navigation .sub-menu li {
  margin-left: 0;
}
@media (min-width: 768px) {
  .site-navigation .submenu li, .site-navigation .sub-menu li {
    padding: 0.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .site-navigation .submenu li, .site-navigation .sub-menu li {
    padding: 0.3125rem;
  }
}
.site-navigation .submenu a, .site-navigation .sub-menu a {
  padding-left: 10.2564102564vw;
}
@media (min-width: 768px) {
  .site-navigation .submenu a, .site-navigation .sub-menu a {
    padding-left: 0;
  }
}
.site-navigation_inner {
  width: 100vw;
  height: 100vh;
  padding-top: 15.3846153846vw;
  background-color: rgba(var(--rgb_black), 0.8);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 7000;
  transition: all 0.5s;
  transform: translateX(100%);
}
@media (min-width: 768px) {
  .site-navigation_inner {
    width: auto;
    height: auto;
    padding-top: 0;
    background-color: transparent;
    position: static;
    transition: none;
    transform: translateX(0);
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.is-menu-open .site-navigation_inner {
  transform: translateX(0);
}
.site-navigation .is-submenu-open .submenu, .site-navigation .is-submenu-open .sub-menu {
  height: auto;
}

.toggle-menu {
  width: 7.6923076923vw;
  height: 5.1282051282vw;
  padding: 0;
  border: none;
  position: fixed;
  top: 5.1282051282vw;
  right: 5.1282051282vw;
  z-index: 7100;
}
@media (min-width: 768px) {
  .toggle-menu {
    display: none;
  }
}
.toggle-menu::before {
  width: 100%;
  height: 0.5128205128vw;
  background-color: var(--white);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
  box-shadow: 0 0 8px rgba(var(--rgb_black), 0.8);
}
.is-menu-open .toggle-menu::before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.toggle-menu::after {
  width: 100%;
  height: 0.5128205128vw;
  background-color: var(--white);
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
  box-shadow: 0 0 8px rgba(var(--rgb_black), 0.8);
}
.is-menu-open .toggle-menu::after {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%) rotate(-45deg);
}
.toggle-menu span {
  width: 100%;
  height: 0.5128205128vw;
  background-color: var(--white);
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 8px rgba(var(--rgb_black), 0.8);
}
.is-menu-open .toggle-menu span {
  display: none;
}

/* ========================================================================================= ^^
  Main visual
============================================================================================ ^^ */
.main-visual {
  width: 100%;
  position: relative;
}
.main-visual_title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
}
.main-visual_title img {
  width: 90%;
}
@media (min-width: 768px) {
  .main-visual_title img {
    width: 72.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .main-visual_title img {
    width: 54.625rem;
  }
}
.main-visual_inner.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.main-visual .slick-dots {
  height: 3.0769230769vw;
  right: 5.1282051282vw;
  bottom: 2.5641025641vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 5100;
}
@media (min-width: 768px) {
  .main-visual .slick-dots {
    height: 1vw;
    right: 6.0833333333vw;
    bottom: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .main-visual .slick-dots {
    height: 0.75rem;
    right: 4.5625rem;
    bottom: 0.625rem;
  }
}
.main-visual .slick-dots li {
  width: 3.0769230769vw;
  height: 3.0769230769vw;
  margin-left: 3.0769230769vw;
}
@media (min-width: 768px) {
  .main-visual .slick-dots li {
    width: 1vw;
    height: 1vw;
    margin-left: 1vw;
  }
}
@media (min-width: 1200px) {
  .main-visual .slick-dots li {
    width: 0.75rem;
    height: 0.75rem;
    margin-left: 0.75rem;
  }
}
.main-visual .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: var(--white);
}
.main-visual .slick-dots li button::before {
  display: none;
}
.main-visual .slick-dots li.slick-active button {
  background-color: #e60012;
}

/* ========================================================================================= ^^
  Fixed menu
============================================================================================ ^^ */
.fixed-menu {
  width: 100%;
  height: 5rem;
  position: sticky;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .fixed-menu {
    width: 8.3333333333vw;
    height: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 6500;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .fixed-menu {
    width: 6.25rem;
  }
}
.fixed-menu_item, .fixed-menu_item.page {
  height: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .fixed-menu_item, .fixed-menu_item.page {
    margin-bottom: 0.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .fixed-menu_item, .fixed-menu_item.page {
    margin-bottom: 0.125rem;
  }
}
.fixed-menu_item img, .fixed-menu_item.page img {
  width: 5rem;
}
@media (min-width: 768px) {
  .fixed-menu_item img, .fixed-menu_item.page img {
    width: 100%;
  }
}
.fixed-menu_item.case, .fixed-menu_item.page.case {
  width: calc(100vw - 120px);
  background-color: #b0a173;
}
@media (min-width: 768px) {
  .fixed-menu_item.case, .fixed-menu_item.page.case {
    width: 100%;
    background-color: transparent;
  }
}
.fixed-menu_item.case img, .fixed-menu_item.page.case img {
  display: none;
}
@media (min-width: 768px) {
  .fixed-menu_item.case img, .fixed-menu_item.page.case img {
    display: block;
  }
}
@media (min-width: 768px) {
  .fixed-menu_item.case .label, .fixed-menu_item.page.case .label {
    display: none;
  }
}
.fixed-menu_item a, .fixed-menu_item.page a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-menu_item a:link, .fixed-menu_item.page a:link {
  color: var(--white);
}
.fixed-menu_item a:visited, .fixed-menu_item.page a:visited {
  color: var(--white);
}
.fixed-menu_item a:hover, .fixed-menu_item.page a:hover {
  color: var(--white);
}
.fixed-menu_item a:focus, .fixed-menu_item.page a:focus {
  color: var(--white);
}

/* ========================================================================================= ^^
  Banner
============================================================================================ ^^ */
.banner {
  max-width: 75rem;
  width: 100%;
  padding: 0 5.1282051282vw 10.5128205128vw;
  margin: 0 auto;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .banner {
    padding: 0 1.6666666667vw 3.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .banner {
    padding: 0 0 2.5625rem;
  }
}

/* ========================================================================================= ^^
  Lower contact
============================================================================================ ^^ */
.lower-contact {
  width: 100%;
  padding: 10.5128205128vw 5.1282051282vw 14.6153846154vw;
  background-color: var(--white);
  text-align: center;
}
@media (min-width: 768px) {
  .lower-contact {
    padding: 3.4166666667vw 1.6666666667vw 4.75vw;
  }
}
@media (min-width: 1200px) {
  .lower-contact {
    padding: 2.5625rem 0 3.5625rem;
  }
}
.lower-contact_logo {
  width: 51.2820512821vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .lower-contact_logo {
    width: 33.0833333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .lower-contact_logo {
    width: 24.8125rem;
    margin-bottom: 1rem;
  }
}
.lower-contact_tel {
  margin-bottom: 0;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 11.7948717949vw;
}
@media (min-width: 768px) {
  .lower-contact_tel {
    font-size: 4.5vw;
  }
}
@media (min-width: 1200px) {
  .lower-contact_tel {
    font-size: 3.375rem;
  }
}
@media (max-width: 768px) {
  .is-android .lower-contact_tel {
    font-family: "Noto Serif JP", serif;
  }
}
.lower-contact_text {
  margin-bottom: 0;
  font-size: 4.1025641026vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .lower-contact_text {
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .lower-contact_text {
    font-size: 1rem;
  }
}

/* ========================================================================================= ^^
  Section
============================================================================================ ^^ */
.section {
  width: 100%;
  padding: 11.5384615385vw 5.1282051282vw;
}
@media (min-width: 768px) {
  .section {
    padding: 7.5vw 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .section {
    padding: 5.625rem 0;
  }
}
.section_inner {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
  font-size: 4.1025641026vw;
  line-height: 2.2222222222;
}
@media (min-width: 768px) {
  .section_inner {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .section_inner {
    font-size: 1.125rem;
  }
}
.section_title {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 9.2307692308vw;
  line-height: 0.75;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .section_title {
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .section_title {
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .is-android .section_title {
    font-family: "Noto Serif JP", serif;
  }
}
.section_title span {
  font-size: 5.1282051282vw;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .section_title span {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .section_title span {
    font-size: 1.25rem;
  }
}
.section_title2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 6.1538461538vw;
  line-height: 1.7058823529;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .section_title2 {
    font-size: 2.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .section_title2 {
    font-size: 2.125rem;
  }
}
@media (max-width: 768px) {
  .is-android .section_title2 {
    font-family: "Noto Serif JP", serif;
  }
}
@media (min-width: 768px) {
  .section.flex .section_inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .section.flex-rev .section_inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

/* ========================================================================================= ^^
  Buttons
============================================================================================ ^^ */
.btn {
  height: 13.8461538462vw;
  margin: 0;
}
@media (min-width: 768px) {
  .btn {
    width: 37.5vw;
    height: 4.5vw;
  }
}
@media (min-width: 1200px) {
  .btn {
    width: 450px;
    height: 3.375rem;
  }
}
.btn_link {
  width: 100%;
  height: 100%;
  border: 1px solid var(--button-border);
  background: var(--white) url(../images/common/icon-arrow01.svg) no-repeat 97% 50%;
  background-size: 3.0769230769vw auto;
  font-size: 4.6153846154vw;
  line-height: 1.2;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .btn_link {
    background-size: 1vw auto;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .btn_link {
    background-size: 0.75rem auto;
    font-size: 1.125rem;
  }
}
.btn_link:hover {
  color: var(--white);
}
@media (min-width: 768px) {
  .btn_link:hover {
    background: var(--black) url(../images/common/icon-arrow02.svg) no-repeat 97% 50%;
    background-size: 1vw auto;
  }
}
@media (min-width: 1200px) {
  .btn_link:hover {
    background-size: 0.75rem auto;
  }
}
.btn_link[target=_new], .btn_link[target=_blank] {
  background: var(--white) url(../images/common/icon-ext.svg) no-repeat 97% 50%;
  background-size: 5.3846153846vw auto;
}
@media (min-width: 768px) {
  .btn_link[target=_new], .btn_link[target=_blank] {
    background-size: 1.75vw auto;
  }
}
@media (min-width: 1200px) {
  .btn_link[target=_new], .btn_link[target=_blank] {
    background-size: 1.3125rem auto;
  }
}
.btn_link[target=_new]:hover, .btn_link[target=_blank]:hover {
  color: var(--white);
}
@media (min-width: 768px) {
  .btn_link[target=_new]:hover, .btn_link[target=_blank]:hover {
    background: var(--black) url(../images/common/icon-ext-w.svg) no-repeat 97% 50%;
    background-size: 1.75vw auto;
  }
}
@media (min-width: 1200px) {
  .btn_link[target=_new]:hover, .btn_link[target=_blank]:hover {
    background-size: 1.3125rem auto;
  }
}
.btn span.btn_link {
  pointer-events: none;
}
.btn2 {
  width: 100%;
  height: 15.3846153846vw;
  margin-bottom: 0;
  font-size: 4.6153846154vw;
  color: var(--white);
  font-weight: bold;
}
@media (min-width: 768px) {
  .btn2 {
    height: 5vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .btn2 {
    height: 3.75rem;
    font-size: 1.25rem;
  }
}
.btn2 .btn_link {
  width: 100%;
  height: 100%;
  border: none;
  background: var(--button2-color) url(../images/common/icon-arrow02.svg) no-repeat 97% 50%;
  background-size: 3.3333333333vw auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .btn2 .btn_link {
    background-position: 99.2% 50%;
    background-size: 1.0833333333vw auto;
  }
}
@media (min-width: 1200px) {
  .btn2 .btn_link {
    background-size: 0.8125rem auto;
  }
}
.btn2 .btn_link:link {
  color: var(--white);
}
.btn2 .btn_link:visited {
  color: var(--white);
}
.btn2 .btn_link:hover {
  color: var(--white);
}
.btn2 .btn_link:focus {
  color: var(--white);
}

button.btn2 {
  width: 100%;
  height: 15.3846153846vw;
  padding: 0;
  margin-bottom: 0;
  border-radius: 1.2820512821vw;
  font-size: 4.6153846154vw;
  color: var(--white);
  font-weight: bold;
  border: none;
  background: var(--button2-color) url(../images/common/icon-arrow02.svg) no-repeat 97% 50%;
  background-size: 3.3333333333vw auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  button.btn2 {
    height: 5vw;
    border-radius: 0.4166666667vw;
    background-position: 99.2% 50%;
    background-size: 1.0833333333vw auto;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  button.btn2 {
    height: 3.75rem;
    border-radius: 0.3125rem;
    background-size: 0.8125rem auto;
    font-size: 1.25rem;
  }
}
button.btn2.no-arrow {
  background: var(--button2-color);
}
button.btn3 {
  width: 100%;
  height: 15.3846153846vw;
  padding: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 1.2820512821vw;
  font-size: 4.6153846154vw;
  color: var(--white);
  font-weight: bold;
  border: none;
  background: var(--button3-color) url(../images/common/icon-arrow02.svg) no-repeat 97% 50%;
  background-size: 3.3333333333vw auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  button.btn3 {
    height: 5vw;
    border-radius: 0.4166666667vw;
    background-position: 99.2% 50%;
    background-size: 1.0833333333vw auto;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  button.btn3 {
    height: 3.75rem;
    border-radius: 0.3125rem;
    background-size: 0.8125rem auto;
    font-size: 1.25rem;
  }
}
button.btn3.rev {
  background: var(--button3-color) url(../images/common/icon-arrow03.svg) no-repeat 3% 50%;
  background-size: 3.3333333333vw auto;
}
@media (min-width: 768px) {
  button.btn3.rev {
    background-position: 1% 50%;
    background-size: 1.0833333333vw auto;
  }
}
@media (min-width: 1200px) {
  button.btn3.rev {
    background-size: 0.8125rem auto;
  }
}

/* ========================================================================================= ^^
  Slick
============================================================================================ ^^ */
.slick-list {
  width: 100%;
}

.slick-arrow {
  width: 5.3846153846vw;
  height: 8.9743589744vw;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .slick-arrow {
    width: 1.75vw;
    height: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .slick-arrow {
    width: 1.3125rem;
    height: 2.1875rem;
  }
}
.slick-arrow.slick-prev {
  background: url(../images/common/prev.svg) no-repeat 50% 50%/cover;
  left: -4.358974359vw;
}
@media (min-width: 768px) {
  .slick-arrow.slick-prev {
    left: -2.25vw;
  }
}
@media (min-width: 1200px) {
  .slick-arrow.slick-prev {
    left: -1.6875rem;
  }
}
.slick-arrow.slick-next {
  background: url(../images/common/next.svg) no-repeat 50% 50%/cover;
  right: -4.358974359vw;
}
@media (min-width: 768px) {
  .slick-arrow.slick-next {
    right: -2.25vw;
  }
}
@media (min-width: 1200px) {
  .slick-arrow.slick-next {
    right: -1.6875rem;
  }
}
.slick-arrow::before {
  display: none;
}

/* ========================================================================================= ^^
  Special box
============================================================================================ ^^ */
.special-box_image {
  margin: 0;
}
.special-box_image-box {
  height: 69.2307692308vw;
  margin: 0;
}
@media (min-width: 768px) {
  .special-box_image-box {
    height: 22.5vw;
  }
}
@media (min-width: 1200px) {
  .special-box_image-box {
    height: 16.875rem;
  }
}
.special-box_image-box img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.special-box_caption {
  width: 100%;
  height: 23.0769230769vw;
  padding: 1.5384615385vw 3.0769230769vw;
  margin-bottom: 0;
  background-color: var(--special-caption);
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 1.4444444444;
}
@media (min-width: 768px) {
  .special-box_caption {
    height: 7.5vw;
    padding: 0.5vw 1vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .special-box_caption {
    height: 5.625rem;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
.special-box_price {
  padding-top: 0.7692307692vw;
  padding-bottom: 1.2820512821vw;
  margin-bottom: 1.0256410256vw;
  border-bottom: 1px dotted var(--special-border);
  font-size: 7.1794871795vw;
  color: var(--special-price);
  line-height: 1.7142857143;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
}
@media (min-width: 768px) {
  .special-box_price {
    padding-top: 0.25vw;
    padding-bottom: 0.4166666667vw;
    margin-bottom: 0.3333333333vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .special-box_price {
    padding-top: 0.1875rem;
    padding-bottom: 0.3125rem;
    margin-bottom: 0.25rem;
    font-size: 1.75rem;
  }
}
.special-box_price .unit {
  font-size: 5.1282051282vw;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .special-box_price .unit {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .special-box_price .unit {
    font-size: 1.25rem;
  }
}
.special-box_access {
  margin-bottom: 0;
  font-size: 3.5897435897vw;
  line-height: 1.7142857143;
}
@media (min-width: 768px) {
  .special-box_access {
    font-size: 1.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .special-box_access {
    font-size: 0.875rem;
  }
}

/* ========================================================================================= ^^
  Voice block
============================================================================================ ^^ */
.voice-block {
  width: 100%;
}
.voice-block_link {
  padding-bottom: 10.2564102564vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .voice-block_link {
    padding-bottom: 0;
    flex-direction: row-reverse;
  }
}
.voice-block_link::after {
  height: 7.6923076923vw;
  padding-right: 7.6923076923vw;
  background: url(../images/common/icon-more.svg) no-repeat 100% 50%/auto 100%;
  font-size: 4.6153846154vw;
  color: var(--white);
  text-align: right;
  content: "続きを読む";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 768px) {
  .voice-block_link::after {
    height: 2.5vw;
    padding-right: 2.5vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-block_link::after {
    height: 1.875rem;
    padding-right: 1.875rem;
    font-size: 1.125rem;
  }
}
.voice-block_content {
  width: 100%;
  margin-bottom: 7.6923076923vw;
  font-size: 4.1025641026vw;
  color: var(--white);
  list-style: 2.25;
}
@media (min-width: 768px) {
  .voice-block_content {
    width: 46.6666666667%;
    margin-bottom: 0;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-block_content {
    width: 35rem;
    font-size: 1rem;
  }
}
.voice-block_content p:last-of-type {
  margin-bottom: 0;
}
.voice-block_title {
  margin-bottom: 4.358974359vw;
  font-size: 5.1282051282vw;
  color: var(--white);
  line-height: 1.6666666667;
  font-weight: normal;
}
@media (min-width: 768px) {
  .voice-block_title {
    margin-top: -0.6666666667vw;
    margin-bottom: 1.4166666667vw;
    font-size: 1.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-block_title {
    margin-top: -0.5rem;
    margin-bottom: 1.0625rem;
    font-size: 1.5rem;
  }
}
.voice-block_image {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .voice-block_image {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .voice-block_image {
    width: 37.5rem;
  }
}

/* ========================================================================================= ^^
  Sale box
============================================================================================ ^^ */
.sale-box {
  display: flex;
  flex-direction: column-reverse;
}
.sale-box_image {
  margin-bottom: 4.6153846154vw;
}
@media (min-width: 768px) {
  .sale-box_image {
    margin-bottom: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .sale-box_image {
    margin-bottom: 1.125rem;
  }
}
.sale-box_title {
  padding-bottom: 1.5384615385vw;
  border-bottom: 1px solid var(--black);
  font-size: 6.1538461538vw;
  line-height: 1.3333333333;
  font-weight: bold;
}
@media (min-width: 768px) {
  .sale-box_title {
    padding-bottom: 0.5vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .sale-box_title {
    padding-bottom: 0.375rem;
    font-size: 1.5rem;
  }
}
.sale-box_content {
  font-size: 4.6153846154vw;
  line-height: 1.7777777778;
}
@media (min-width: 768px) {
  .sale-box_content {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .sale-box_content {
    font-size: 1.125rem;
  }
}
.sale-box_content p:last-of-type {
  margin-bottom: 0;
}

/* ========================================================================================= ^^
  Information list
============================================================================================ ^^ */
.information-list_item {
  margin-bottom: 8.2051282051vw;
}
@media (min-width: 768px) {
  .information-list_item {
    margin-bottom: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .information-list_item {
    margin-bottom: 2rem;
  }
}
.information-list_item:last-of-type {
  margin-bottom: 0;
}
.information-list_link {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.information-list_thumbnail {
  width: 32.0512820513vw;
  margin: 0 1.6666666667vw 0 0;
}
@media (min-width: 768px) {
  .information-list_thumbnail {
    width: 10.4166666667vw;
    margin-right: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .information-list_thumbnail {
    width: 7.8125rem;
    margin-right: 1.25rem;
  }
}
.information-list_title {
  width: calc(100% - 37.1794871795vw);
  font-size: 4.1025641026vw;
  line-height: 1.875;
}
@media (min-width: 768px) {
  .information-list_title {
    width: calc(100% - 12.0833333333vw);
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .information-list_title {
    width: calc(100% - 9.0625rem);
    font-size: 1rem;
  }
}
.information-list_title time {
  font-size: 4.6153846154vw;
  line-height: 1;
  font-weight: bold;
  display: block;
}
@media (min-width: 768px) {
  .information-list_title time {
    margin-top: -0.0833333333vw;
    margin-bottom: 0.5833333333vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .information-list_title time {
    margin-top: -0.0625rem;
    margin-bottom: 0.4375rem;
    font-size: 1.125rem;
  }
}
.information-list_title p {
  margin-bottom: 0;
}

/* ========================================================================================= ^^
  Page image
============================================================================================ ^^ */
.page-image {
  width: 100%;
  height: 51.2820512821vw;
  background: url(../images/common/bg-page-header.jpg) no-repeat 50% 50%/cover;
}
@media (min-width: 768px) {
  .page-image {
    height: 25vw;
  }
}
@media (min-width: 1200px) {
  .page-image {
    height: 18.75rem;
  }
}

/* ========================================================================================= ^^
  Breadcrumbs
============================================================================================ ^^ */
.breadcrumb {
  width: 100%;
  padding: 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .breadcrumb {
    padding: 0 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .breadcrumb {
    padding: 0;
  }
}
.breadcrumb .breadcrumbs {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  font-size: 3.5897435897vw;
  color: var(--breadcrumb-color);
  line-height: 2.8571428571;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .breadcrumb .breadcrumbs {
    font-size: 1.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .breadcrumb .breadcrumbs {
    font-size: 0.875rem;
  }
}
.breadcrumb .breadcrumbs a:link {
  color: var(--breadcrumb-color);
}
.breadcrumb .breadcrumbs a:visited {
  color: var(--breadcrumb-color);
}
.breadcrumb .breadcrumbs a:hover {
  color: var(--breadcrumb-color);
}
.breadcrumb .breadcrumbs a:focus {
  color: var(--breadcrumb-color);
}

/* ========================================================================================= ^^
  売却事例
============================================================================================ ^^ */
.property-block {
  width: 100%;
}
.property-block_title {
  min-height: 11.5384615385vw;
  padding: 0 3.8461538462vw;
  background-color: var(--property-block-title);
  font-size: 4.6153846154vw;
  color: var(--white);
  line-height: 1.4285714286;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-block_title {
    min-height: 4.6666666667vw;
    padding: 0 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .property-block_title {
    min-height: 3.5rem;
    padding: 0 1.875rem;
    font-size: 1.3125rem;
  }
}
.property-block_inner {
  width: 100%;
  padding: 3.8461538462vw;
  border: 1px solid var(--property-block-border);
  border-top: none;
}
@media (min-width: 768px) {
  .property-block_inner {
    padding: 2.5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .property-block_inner {
    padding: 1.875rem;
  }
}
.property-block_image {
  width: 100%;
  margin-bottom: 6.1538461538vw;
}
@media (min-width: 768px) {
  .property-block_image {
    width: 45.6140350877%;
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .property-block_image {
    margin-bottom: 1.5rem;
  }
}
.property-block_table {
  width: 100%;
  margin-bottom: 6.1538461538vw;
  font-size: 4.1025641026vw;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .property-block_table {
    width: 51.7543859649%;
    margin-bottom: 2vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-block_table {
    margin-bottom: 1.5rem;
    font-size: 1rem;
  }
}
.property-block_table th {
  width: 36.1111111111%;
  padding: 2.3076923077vw 3.8461538462vw;
  border-bottom: 2px solid var(--white);
  background-color: var(--property-block-table-th);
  text-align: left;
}
@media (min-width: 768px) {
  .property-block_table th {
    width: 25.4237288136%;
    padding: 0.75vw 1.25vw;
  }
}
@media (min-width: 1200px) {
  .property-block_table th {
    padding: 0.5625rem 0.9375rem;
  }
}
.property-block_table td {
  width: 63.8888888889%;
  padding: 2.3076923077vw 3.8461538462vw;
  border-bottom: 2px solid var(--white);
  background-color: var(--white);
}
@media (min-width: 768px) {
  .property-block_table td {
    width: 74.5762711864%;
    padding: 0.75vw 1.25vw;
  }
}
@media (min-width: 1200px) {
  .property-block_table td {
    padding: 0.5625rem 0.9375rem;
  }
}

/* ========================================================================================= ^^
  ページネーション
============================================================================================ ^^ */
.navigation.pagination {
  width: 100%;
}
.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navigation.pagination .page-numbers {
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  margin: 0 2.0512820513vw;
  border-radius: 0.1875rem;
  border: 1px solid var(--pagination-border);
  background-color: var(--white);
  font-size: 3.0769230769vw;
  color: var(--pagination-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 0 0.6666666667vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers {
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    font-size: 1rem;
  }
}
.navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next {
  width: 28.2051282051vw;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next {
    width: 12.5vw;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next {
    width: 9.375rem;
  }
}
.navigation.pagination .page-numbers.prev {
  margin-left: 0;
  background: url(../images/common/prev-b.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers.prev {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers.prev {
    background-size: 0.5rem auto;
  }
}
.navigation.pagination .page-numbers.prev:hover {
  background: var(--pagination-current) url(../images/common/prev.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers.prev:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers.prev:hover {
    background-size: 0.5rem auto;
  }
}
.navigation.pagination .page-numbers.next {
  margin-right: 0;
  background: url(../images/common/next-b.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers.next {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers.next {
    background-size: 0.5rem auto;
  }
}
.navigation.pagination .page-numbers.next:hover {
  background: var(--pagination-current) url(../images/common/next.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .navigation.pagination .page-numbers.next:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .navigation.pagination .page-numbers.next:hover {
    background-size: 0.5rem auto;
  }
}
.navigation.pagination .page-numbers:link {
  color: var(--pagination-color);
}
.navigation.pagination .page-numbers:visited {
  color: var(--pagination-color);
}
.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:hover {
  background-color: var(--pagination-color);
  color: var(--white);
}
.navigation.pagination .page-numbers:focus {
  color: var(--pagination-color);
}

/* ========================================================================================= ^^
  売却実績詳細
============================================================================================ ^^ */
.property-article_title {
  width: 100%;
  min-height: 11.5384615385vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 5.1282051282vw;
  background-color: var(--property-article-title);
  font-size: 4.6153846154vw;
  color: var(--white);
  line-height: 1.6666666667;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article_title {
    min-height: 4.6666666667vw;
    padding: 0 2.0833333333vw;
    margin-bottom: 1.6666666667vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .property-article_title {
    min-height: 3.5rem;
    padding: 0 1.5625rem;
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
  }
}
.property-article_content {
  font-size: 4.6153846154vw;
  line-height: 1.7777777778;
}
@media (min-width: 768px) {
  .property-article_content {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .property-article_content {
    font-size: 1.125rem;
  }
}
.property-article_content p:last-of-type {
  margin-bottom: 0;
}
.property-article_table {
  width: 100%;
  font-size: 3.5897435897vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .property-article_table {
    width: 51.7543859649%;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article_table {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .single-sale_result .property-article_table {
    width: 100%;
  }
}
.property-article_table th {
  width: 100%;
  padding: 2.5641025641vw 3.8461538462vw;
  border-bottom: 2px solid var(--white);
  background-color: var(--property-block-table-th);
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article_table th {
    width: 10.7142857143%;
    padding: 0.8333333333vw 1.25vw;
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .property-article_table th {
    padding: 0.625rem 0.9375rem;
  }
}
@media (min-width: 768px) {
  .single-bunjo .property-article_table th {
    width: 30.5084745763%;
  }
}
.property-article_table td {
  width: 100%;
  padding: 2.5641025641vw 3.8461538462vw;
  border-bottom: 2px solid var(--white);
  background-color: var(--white);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article_table td {
    width: 31.4285714286%;
    padding: 0.8333333333vw 1.25vw;
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .property-article_table td {
    padding: 0.625rem 0.9375rem;
  }
}
@media (min-width: 768px) {
  .single-bunjo .property-article_table td {
    width: 69.4915254237%;
  }
}
.property-article_table .price {
  font-size: 6.1538461538vw;
  color: var(--property-price);
  line-height: 1.1666666667;
  font-weight: bold;
}
@media (min-width: 768px) {
  .property-article_table .price {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .property-article_table .price {
    font-size: 1.5rem;
  }
}
.property-article_table .price .unit {
  font-size: 4.6153846154vw;
  line-height: 1.5555555556;
}
@media (min-width: 768px) {
  .property-article_table .price .unit {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .property-article_table .price .unit {
    font-size: 1.125rem;
  }
}
.property-article_image {
  width: 48%;
  margin: 0 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .property-article_image {
    width: 23.75%;
    margin: 0 1.6666666667% 1.6666666667vw 0;
  }
}
@media (min-width: 1200px) {
  .property-article_image {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 768px) {
  .property-article_image:nth-of-type(4n) {
    margin-right: 0;
  }
}
.property-article_image:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .property-article_image:nth-last-of-type(-n+4) {
    margin-bottom: 0;
  }
}
.property-article_image figcaption {
  padding-top: 1.7948717949vw;
  font-size: 3.5897435897vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .property-article_image figcaption {
    padding-top: 0.5833333333vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article_image figcaption {
    padding-top: 0.4375rem;
    font-size: 1rem;
  }
}
.property-article_access-image {
  width: 48%;
  margin: 0 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .property-article_access-image {
    width: 23.75%;
    margin: 0 1.6666666667% 1.6666666667vw 0;
  }
}
@media (min-width: 1200px) {
  .property-article_access-image {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 768px) {
  .property-article_access-image:nth-of-type(4n) {
    margin-right: 0;
  }
}
.property-article_access-image:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .property-article_access-image:nth-last-of-type(-n+4) {
    margin-bottom: 0;
  }
}
.property-article_access-image figcaption {
  padding-top: 1.7948717949vw;
  font-size: 3.5897435897vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .property-article_access-image figcaption {
    padding-top: 0.5833333333vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article_access-image figcaption {
    padding-top: 0.4375rem;
    font-size: 1rem;
  }
}
.property-article_property-image {
  width: 100%;
  margin-bottom: 12.8205128205vw;
  text-align: center;
}
@media (min-width: 768px) {
  .property-article_property-image {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article_property-image {
    margin-bottom: 3.125rem;
  }
}
.property-article_property-image:last-of-type {
  margin-bottom: 0;
}
.property-article_property-image img {
  max-width: 100%;
  width: auto;
}
.property-article .section {
  padding: 0;
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .property-article .section {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .section {
    margin-bottom: 3.125rem;
  }
}
.property-article_anchors {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article_anchors {
    margin-bottom: 2.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article_anchors {
    margin-bottom: 1.5625rem;
  }
}
.property-article_anchors .btn {
  width: 48%;
  height: 12.3076923077vw;
  margin-bottom: 3.8461538462vw;
}
@media (min-width: 768px) {
  .property-article_anchors .btn {
    width: 24.6666666667%;
    height: 4vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .property-article_anchors .btn {
    height: 3rem;
  }
}
.property-article_anchors .btn_link {
  background-size: 2.3076923077vw auto;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .property-article_anchors .btn_link {
    background-size: 0.6666666667vw auto;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article_anchors .btn_link {
    background-size: 0.5625rem auto;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .property-article .property-info .property-article_title {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .property-article .property-info .property-article_title {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 768px) {
  .property-article .property-info .property-article_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.property-article .property-info .property-article_main-image {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .property-article .property-info .property-article_main-image {
    width: 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .property-article .property-info .property-article_inner {
    width: 47.5%;
  }
}
.property-article .property-info .property-article_table {
  width: 100%;
}
@media (min-width: 768px) {
  .single-bunjo .property-article .property-info .property-article_title {
    margin-bottom: 0.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .single-bunjo .property-article .property-info .property-article_title {
    margin-bottom: 0.3125rem;
  }
}
.single-bunjo .property-article .property-info .property-article_button {
  max-width: 34.375rem;
  width: 100%;
  height: 12.8205128205vw;
  margin-top: 2.5641025641vw;
}
@media (min-width: 768px) {
  .single-bunjo .property-article .property-info .property-article_button {
    height: 4.1666666667vw;
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .single-bunjo .property-article .property-info .property-article_button {
    height: 3.125rem;
    margin-top: 0.625rem;
  }
}
.single-bunjo .property-article .property-info .property-article_button .btn_link {
  background-position: 97.2% 50%;
}
.property-article_charge {
  padding-top: 3.0769230769vw;
  margin: 0;
  font-size: 4.6153846154vw;
  line-height: 1.7777777778;
  text-align: right;
}
@media (min-width: 768px) {
  .property-article_charge {
    padding-top: 1vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .property-article_charge {
    padding-top: 0.75rem;
    font-size: 1.125rem;
  }
}
.property-article .points h3 {
  margin-bottom: 2.5641025641vw;
  font-size: 4.6153846154vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .property-article .points h3 {
    margin-bottom: 0.8333333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .points h3 {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
}
.property-article .points p {
  font-size: 4.1025641026vw;
  line-height: 1.7777777778;
}
@media (min-width: 768px) {
  .property-article .points p {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .property-article .points p {
    font-size: 1.125rem;
  }
}
.property-article .points p:last-of-type {
  margin-bottom: 0;
}
.single-bunjo .property-article .summary {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .single-bunjo .property-article .summary .property-article_content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
.property-article .summary .property-article_table {
  width: 100%;
}
@media (min-width: 768px) {
  .single-bunjo .property-article .summary .property-article_table {
    width: 50%;
  }
}
.property-article .summary .property-article_table tr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .property-article .summary .property-article_table tr {
    display: table-row;
  }
}
.property-article .summary .property-article_table th {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article .summary .property-article_table th {
    width: 15%;
    display: table-cell;
  }
}
.property-article .summary .property-article_table th.no-data {
  padding: 0;
  background-color: transparent;
}
.property-article .summary .property-article_table td {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .property-article .summary .property-article_table td {
    width: 35%;
    display: table-cell;
  }
}
.property-article .summary .property-article_table td.no-data {
  padding: 0;
}
.property-article .access .property-article_images {
  margin-bottom: 10.2564102564vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .property-article .access .property-article_images {
    margin-bottom: 0;
    justify-content: flex-start;
  }
}
.property-article .access .property-article_note {
  margin-bottom: 6.9230769231vw;
  font-size: 3.5897435897vw;
  line-height: 1.875;
}
@media (min-width: 768px) {
  .property-article .access .property-article_note {
    margin-bottom: 2.25vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article .access .property-article_note {
    margin-bottom: 1.6875rem;
    font-size: 1rem;
  }
}
.property-article .access .property-article_note p:last-of-type {
  margin-bottom: 0;
}
.property-article .access .property-article_info-title {
  max-width: 42.5rem;
  width: 100%;
  height: 10.2564102564vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 2.5641025641vw;
  background-color: var(--property-life-info);
  font-size: 5.3846153846vw;
  color: var(--white);
}
@media (min-width: 768px) {
  .property-article .access .property-article_info-title {
    height: 3.3333333333vw;
    padding: 0 1.25vw;
    margin-bottom: 0.8333333333vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .property-article .access .property-article_info-title {
    height: 2.5rem;
    padding: 0 0.9375rem;
    margin-bottom: 0.625rem;
    font-size: 1.3125rem;
  }
}
.property-article .access .property-article_table {
  max-width: 42.5rem;
  width: 100%;
}
.property-article .access .property-article_access-image {
  width: 48%;
}
@media (min-width: 768px) {
  .property-article .access .property-article_access-image {
    width: 23.75%;
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article .access .property-article_access-image {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) {
  .property-article .access .property-article_access-image:nth-last-of-type(-n+4) {
    margin-bottom: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .access .property-article_access-image:nth-last-of-type(-n+4) {
    margin-bottom: 2.1875rem;
  }
}
.property-article .photos {
  margin-bottom: 3.3333333333vw;
}
@media (min-width: 768px) {
  .property-article .photos {
    margin-bottom: 1.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .property-article .photos {
    margin-bottom: 0.8125rem;
  }
}
.property-article .photos .property-article_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .property-article .photos .property-article_content {
    justify-content: flex-start;
  }
}
.property-article .photos .property-article_image {
  width: 48%;
  margin-bottom: 10.5128205128vw;
}
@media (min-width: 768px) {
  .property-article .photos .property-article_image {
    width: 23.75%;
    margin-bottom: 3.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .photos .property-article_image {
    margin-bottom: 2.5625rem;
  }
}
.property-article .information .property-article_title {
  margin-bottom: 0;
}
.property-article .information .property-article_content {
  padding: 7.6923076923vw 3.8461538462vw 9.2307692308vw;
  background-color: var(--property-information);
  font-size: 4.1025641026vw;
  line-height: 1.875;
}
@media (min-width: 768px) {
  .property-article .information .property-article_content {
    padding: 2.5vw 2.5vw 3vw;
    font-size: 1.3333333333vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .property-article .information .property-article_content {
    padding: 1.875rem 1.875rem 2.25rem;
    font-size: 1rem;
  }
}
.property-article .information .property-article_content h3 {
  margin-bottom: 2.5641025641vw;
  font-size: 4.6153846154vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .property-article .information .property-article_content h3 {
    margin-bottom: 0.8333333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .information .property-article_content h3 {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
}
.property-article .information .property-article_content em {
  margin-bottom: 2.3076923077vw;
  font-size: 4.6153846154vw;
  line-height: 1.5;
  display: inline-block;
}
@media (min-width: 768px) {
  .property-article .information .property-article_content em {
    margin-bottom: 0.75vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .property-article .information .property-article_content em {
    margin-bottom: 0.5625rem;
    font-size: 1.25rem;
  }
}
.property-article .information .property-article_inner {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .property-article .information .property-article_inner {
    width: 59.2105263158%;
    margin-bottom: 0;
  }
}
.property-article .information .property-article_info-image {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .property-article .information .property-article_info-image {
    width: 37.7192982456%;
  }
}

/* ========================================================================================= ^^
  Light box
============================================================================================ ^^ */
[data-lightbox] {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
[data-lightbox]::after {
  width: 5.1282051282vw;
  height: 5.1282051282vw;
  background: url(../images/common/icon-zoom.svg) no-repeat 50% 50%/cover;
  content: " ";
  display: block;
  position: absolute;
  right: 2.5641025641vw;
  bottom: 2.5641025641vw;
}
@media (min-width: 768px) {
  [data-lightbox]::after {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    right: 0.8333333333vw;
    bottom: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  [data-lightbox]::after {
    width: 1.25rem;
    height: 1.25rem;
    right: 0.625rem;
    bottom: 0.625rem;
  }
}

/* ========================================================================================= ^^
  Forms
============================================================================================ ^^ */
.text-field {
  height: 11.7948717949vw;
  padding: 0 2.5641025641vw;
  border: 1px solid var(--field-border);
  border-radius: 0.7692307692vw;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .text-field {
    height: 3.8333333333vw;
    padding: 0 0.8333333333vw;
    border-radius: 0.25vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .text-field {
    height: 2.875rem;
    padding: 0 0.625rem;
    border-radius: 0.1875rem;
    font-size: 1rem;
  }
}

.textarea-field {
  padding: 2.5641025641vw;
  border: 1px solid var(--field-border);
  border-radius: 0.7692307692vw;
  font-size: 4.1025641026vw;
  resize: vertical;
}
@media (min-width: 768px) {
  .textarea-field {
    padding: 0.8333333333vw;
    border-radius: 0.25vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .textarea-field {
    padding: 0.625rem;
    border-radius: 0.1875rem;
    font-size: 1rem;
  }
}

.mwform-checkbox-field {
  height: 6.1538461538vw;
  padding-left: 8.9743589744vw;
  font-size: 4.6153846154vw;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .mwform-checkbox-field {
    height: 2vw;
    padding-left: 2.9166666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .mwform-checkbox-field {
    height: 1.5rem;
    padding-left: 2.1875rem;
    font-size: 1.125rem;
  }
}
.mwform-checkbox-field.horizontal-item {
  display: inline-flex;
}
.mwform-checkbox-field [type=checkbox] {
  clip: rect(0, 0, 1px, 1px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.mwform-checkbox-field [type=checkbox]:checked + .mwform-checkbox-field-text::after {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  border: 1px solid var(--field-border);
  border-radius: 0.7692307692vw;
  background: var(--checked-color) url(../images/common/icon-check.svg) no-repeat 50% 50%;
  background-size: 3.3333333333vw auto;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .mwform-checkbox-field [type=checkbox]:checked + .mwform-checkbox-field-text::after {
    width: 2vw;
    height: 2vw;
    border-radius: 0.25vw;
    background-size: 1.0833333333vw auto;
  }
}
@media (min-width: 1200px) {
  .mwform-checkbox-field [type=checkbox]:checked + .mwform-checkbox-field-text::after {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.1875rem;
    background-size: 0.8125rem auto;
  }
}
.mwform-checkbox-field .mwform-checkbox-field-text::before {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  border: 1px solid var(--field-border);
  border-radius: 0.7692307692vw;
  background-color: var(--white);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .mwform-checkbox-field .mwform-checkbox-field-text::before {
    width: 2vw;
    height: 2vw;
    border-radius: 0.25vw;
  }
}
@media (min-width: 1200px) {
  .mwform-checkbox-field .mwform-checkbox-field-text::before {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.1875rem;
  }
}

.mwform-radio-field {
  height: 6.1538461538vw;
  padding-left: 8.9743589744vw;
  font-size: 4.6153846154vw;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .mwform-radio-field {
    height: 2vw;
    padding-left: 2.9166666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .mwform-radio-field {
    height: 1.5rem;
    padding-left: 2.1875rem;
    font-size: 1.125rem;
  }
}
.mwform-radio-field.horizontal-item {
  display: inline-flex;
}
.mwform-radio-field [type=radio] {
  clip: rect(0, 0, 1px, 1px);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.mwform-radio-field [type=radio]:checked + .mwform-radio-field-text::after {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  border: 1px solid var(--field-border);
  border-radius: 50%;
  background: var(--white) url(../images/common/icon-check2.svg) no-repeat 50% 50%;
  background-size: 3.5897435897vw auto;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .mwform-radio-field [type=radio]:checked + .mwform-radio-field-text::after {
    width: 2vw;
    height: 2vw;
    background-size: 1.1666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .mwform-radio-field [type=radio]:checked + .mwform-radio-field-text::after {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.875rem auto;
  }
}
.mwform-radio-field .mwform-radio-field-text::before {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  border: 1px solid var(--field-border);
  border-radius: 50%;
  background-color: var(--white);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .mwform-radio-field .mwform-radio-field-text::before {
    width: 2vw;
    height: 2vw;
  }
}
@media (min-width: 1200px) {
  .mwform-radio-field .mwform-radio-field-text::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.select-wrap {
  height: 11.7948717949vw;
  border: 1px solid var(--field-border);
  border-radius: 0.7692307692vw;
  background: var(--white) url(../images/common/icon-down2.svg) no-repeat 96% 50%;
  background-size: 3.5897435897vw auto;
  cursor: pointer;
}
@media (min-width: 768px) {
  .select-wrap {
    height: 3.8333333333vw;
    border-radius: 0.25vw;
    background-size: 1.1666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .select-wrap {
    height: 2.875rem;
    border-radius: 0.1875rem;
    background-size: 0.875rem auto;
  }
}
.mw_wp_form_confirm .select-wrap {
  height: auto;
  border: none;
  border-radius: 0;
  background: none;
}
.select-wrap .select {
  width: 100%;
  height: 100%;
  padding: 0 7.6923076923vw 0 2.5641025641vw;
  border: none;
  background: transparent;
  font-size: 4.1025641026vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (min-width: 768px) {
  .select-wrap .select {
    padding: 0 2.5vw 0 0.8333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .select-wrap .select {
    padding: 0 1.875rem 0 0.625rem;
    font-size: 1rem;
  }
}
.select-wrap .select:focus {
  outline: none;
}
.select-wrap .select::-ms-expand {
  display: none;
}

.form-buttons {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .form-buttons {
    flex-direction: row;
  }
}
.form-buttons .btn-confirm {
  width: 100%;
}
@media (min-width: 768px) {
  .form-buttons .btn-confirm {
    width: 41.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .form-buttons .btn-confirm {
    width: 31.25rem;
  }
}
.form-buttons .btn-submit {
  width: 100%;
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  .form-buttons .btn-submit {
    width: 41.6666666667vw;
    margin: 0 0 0 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-buttons .btn-submit {
    width: 31.25rem;
    margin-left: 0.625rem;
  }
}
.form-buttons .btn-back {
  width: 100%;
}
@media (min-width: 768px) {
  .form-buttons .btn-back {
    width: 41.6666666667vw;
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-buttons .btn-back {
    width: 31.25rem;
    margin-right: 0.625rem;
  }
}

.form-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 4.1025641026vw;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .form-table {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .form-table {
    font-size: 1.125rem;
  }
}
.form-table th {
  width: 100%;
  padding: 4.1025641026vw 16.6666666667vw 4.1025641026vw 3.8461538462vw;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  background-color: var(--property-block-table-th);
  text-align: left;
  display: flex;
  position: relative;
  background-clip: padding-box;
}
@media (min-width: 768px) {
  .form-table th {
    width: 25%;
    padding: 1.3333333333vw 5.4166666667vw 1.3333333333vw 2.0833333333vw;
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .form-table th {
    padding: 1rem 4.0625rem 1rem 1.5625rem;
  }
}
.form-table th.required::after {
  width: 12.8205128205vw;
  height: 6.1538461538vw;
  border-radius: 1.2820512821vw;
  background-color: var(--required-color);
  font-size: 3.8461538462vw;
  color: var(--white);
  line-height: 1;
  text-align: center;
  content: "必須";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2.5641025641vw;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .form-table th.required::after {
    width: 4.1666666667vw;
    height: 2vw;
    border-radius: 0.4166666667vw;
    font-size: 1.25vw;
    right: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-table th.required::after {
    width: 3.125rem;
    height: 1.5rem;
    border-radius: 0.3125rem;
    font-size: 0.9375rem;
    right: 0.625rem;
  }
}
.form-table td {
  width: 100%;
  padding: 4.1025641026vw 0;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  display: block;
  background-clip: padding-box;
}
@media (min-width: 768px) {
  .form-table td {
    width: 75%;
    padding: 1.3333333333vw 6.6666666667vw 1.3333333333vw 1.6666666667vw;
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .form-table td {
    padding: 1rem 5rem 1rem 1.25rem;
  }
}
.form-table td .checkbox-wrap,
.form-table td .radio-wrap {
  font-size: 0;
}
.mw_wp_form_confirm .form-table td .checkbox-wrap,
.mw_wp_form_confirm .form-table td .radio-wrap {
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .mw_wp_form_confirm .form-table td .checkbox-wrap,
.mw_wp_form_confirm .form-table td .radio-wrap {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .mw_wp_form_confirm .form-table td .checkbox-wrap,
.mw_wp_form_confirm .form-table td .radio-wrap {
    font-size: 1.125rem;
  }
}
.form-table td .text-field {
  width: 100%;
}
@media (min-width: 768px) {
  .form-table td .text-field.tel-field, .form-table td .text-field.address1-field, .form-table td .text-field.year-field {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .text-field.tel-field, .form-table td .text-field.address1-field, .form-table td .text-field.year-field {
    width: 22.5rem;
  }
}
.form-table td .text-field.postal-code-field {
  width: calc(100% - 37.9487179487vw);
}
@media (min-width: 768px) {
  .form-table td .text-field.postal-code-field {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .text-field.postal-code-field {
    width: 22.5rem;
  }
}
.form-table td .text-field.year-field {
  margin-right: 2.5641025641vw;
}
@media (min-width: 768px) {
  .form-table td .text-field.year-field {
    width: 18.3333333333vw;
    margin-right: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .text-field.year-field {
    width: 13.75rem;
    margin-right: 0.625rem;
  }
}
@media (min-width: 768px) {
  .form-table td .text-field.plan-field {
    width: 18.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .text-field.plan-field {
    width: 13.75rem;
  }
}
.form-table td .text-field.age-field {
  width: calc(100% - 8.2051282051vw);
  margin-right: 2.0512820513vw;
}
@media (min-width: 768px) {
  .form-table td .text-field.age-field {
    width: 10vw;
    margin-right: 0.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .text-field.age-field {
    width: 7.5rem;
    margin-right: 0.5rem;
  }
}
.form-table td .textarea-field {
  width: 100%;
  height: 38.4615384615vw;
}
@media (min-width: 768px) {
  .form-table td .textarea-field {
    height: 12.5vw;
  }
}
@media (min-width: 768px) {
  .form-table td .textarea-field {
    height: 9.375rem;
  }
}
@media (min-width: 768px) {
  .form-table td .select-wrap.pref-field, .form-table td .select-wrap.reason-field {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .select-wrap.pref-field, .form-table td .select-wrap.reason-field {
    width: 22.5rem;
  }
}
@media (min-width: 768px) {
  .form-table td .select-wrap.plan-field {
    width: 18.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .select-wrap.plan-field {
    width: 13.75rem;
  }
}
.form-table td .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .form-table td .checkbox-wrap {
    display: block;
  }
}
.form-table td .checkbox-wrap .mwform-checkbox-field {
  width: 48%;
  margin-bottom: 3.8461538462vw;
}
@media (min-width: 768px) {
  .form-table td .checkbox-wrap .mwform-checkbox-field {
    width: auto;
    margin: 0 4.1666666667vw 0 0;
  }
}
@media (min-width: 1200px) {
  .form-table td .checkbox-wrap .mwform-checkbox-field {
    margin-right: 3.125rem;
  }
}
.form-table td .checkbox-wrap .mwform-checkbox-field:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.form-table td .checkbox-wrap .mwform-checkbox-field:last-of-type {
  margin-right: 0;
}
@media (min-width: 768px) {
  .page-inquiry .form-table td .checkbox-wrap .mwform-checkbox-field {
    margin: 0 2.5vw 1.6666666667vw 0;
  }
}
@media (min-width: 1200px) {
  .page-inquiry .form-table td .checkbox-wrap .mwform-checkbox-field {
    margin: 0 1.875rem 1.25rem 0;
  }
}
@media (min-width: 768px) {
  .page-inquiry .form-table td .checkbox-wrap .mwform-checkbox-field:nth-of-type(3) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .page-inquiry .form-table td .checkbox-wrap .mwform-checkbox-field:nth-of-type(4), .page-inquiry .form-table td .checkbox-wrap .mwform-checkbox-field:nth-of-type(5) {
    margin-bottom: 0;
  }
}
.form-table td .checkbox-wrap.privacy-field .mwform-checkbox-field {
  margin: 0;
}
@media (max-width: 768px) {
  .form-table td .checkbox-wrap.content-field {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .form-table td .checkbox-wrap.content-field .mwform-checkbox-field {
    width: auto;
    margin: 0 0 3.8461538462vw;
  }
}
.form-table td .radio-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .form-table td .radio-wrap {
    display: block;
  }
}
.form-table td .radio-wrap .mwform-radio-field {
  width: 48%;
}
@media (min-width: 768px) {
  .form-table td .radio-wrap .mwform-radio-field {
    width: auto;
    margin: 0 4.1666666667vw 0 0;
  }
}
@media (min-width: 1200px) {
  .form-table td .radio-wrap .mwform-radio-field {
    margin-right: 3.125rem;
  }
}
.form-table td .radio-wrap .mwform-radio-field:last-of-type {
  margin-right: 0;
}
.form-table td .btn-auto-address {
  width: 30.7692307692vw;
  height: 11.7948717949vw;
  margin-left: 5.1282051282vw;
  font-size: 4.1025641026vw;
  font-weight: normal;
  display: inline-block;
}
@media (min-width: 768px) {
  .form-table td .btn-auto-address {
    width: 13.3333333333vw;
    height: 3.8333333333vw;
    margin-left: 1.6666666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .btn-auto-address {
    width: 10rem;
    height: 2.875rem;
    margin-left: 1.25rem;
    font-size: 1.125rem;
  }
}
.mw_wp_form_confirm .form-table td .btn-auto-address {
  display: none;
}
.form-table td .privacy-link {
  padding-top: 1.5384615385vw;
  margin: 0;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .form-table td .privacy-link {
    padding-top: 0.5vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .form-table td .privacy-link {
    padding-top: 0.375rem;
    font-size: 1.125rem;
  }
}
.mw_wp_form_confirm .form-table td .privacy-link {
  display: none;
}
.form-table td .privacy-link a {
  text-decoration: underline;
}

.mw_wp_form .error {
  padding-top: 1.2820512821vw;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .mw_wp_form .error {
    padding-top: 0.4166666667vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .mw_wp_form .error {
    padding-top: 0.3125rem;
    font-size: 1rem;
  }
}

/* ========================================================================================= ^^
  施工事例
============================================================================================ ^^ */
.portfolio-box_name {
  width: 100%;
  height: 14.358974359vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 0;
  background-color: var(--portfolio-box-name);
  font-size: 3.5897435897vw;
  color: var(--white);
  line-height: 1.6666666667;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .portfolio-box_name {
    height: 4.6666666667vw;
    padding: 0 1.25vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-box_name {
    height: 3.5rem;
    padding: 0 0.9375rem;
    font-size: 1.125rem;
  }
}
.portfolio-box_inner {
  padding: 2.5641025641vw 1.2820512821vw 2.5641025641vw;
  border: 1px solid var(--portfolio-box-border);
  border-top: none;
}
@media (min-width: 768px) {
  .portfolio-box_inner {
    padding: 1.25vw 1.25vw 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-box_inner {
    padding: 0.9375rem 0.9375rem 1.25rem;
  }
}
.portfolio-box_image {
  height: 26.9230769231vw;
  margin-bottom: 1.2820512821vw;
}
@media (min-width: 768px) {
  .portfolio-box_image {
    height: 18.5vw;
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-box_image {
    height: 13.875rem;
    margin-bottom: 0.9375rem;
  }
}
.portfolio-box_image a {
  width: 100%;
  height: 100%;
  display: block;
}
.portfolio-box_image a img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portfolio-box_button {
  height: 7.6923076923vw;
}
@media (min-width: 768px) {
  .portfolio-box_button {
    height: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-box_button {
    height: 2.625rem;
  }
}
.portfolio-box_button .btn_link {
  background-position: 97.7% 50%;
  background-size: 2.5641025641vw auto;
  font-size: 3.5897435897vw;
}
@media (min-width: 768px) {
  .portfolio-box_button .btn_link {
    background-size: 1.0833333333vw auto;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-box_button .btn_link {
    background-size: 0.8125rem auto;
    font-size: 1.25rem;
  }
}

/* ========================================================================================= ^^
  施工事例詳細
============================================================================================ ^^ */
.portfolio-article_title {
  width: 100%;
  height: 14.358974359vw;
  padding: 0 5.1282051282vw;
  margin-bottom: 7.6923076923vw;
  background-color: var(--portfolio-article-title);
  font-size: 5.3846153846vw;
  color: var(--white);
  line-height: 1.4285714286;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .portfolio-article_title {
    height: 4.6666666667vw;
    padding: 0 1.6666666667vw;
    margin-bottom: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_title {
    height: 3.5rem;
    padding: 0 1.25rem;
    margin-bottom: 1.875rem;
    font-size: 1.3125rem;
  }
}
.portfolio-article_images {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.portfolio-article_main-image {
  width: 100%;
  margin-bottom: 13.3333333333vw;
}
@media (min-width: 768px) {
  .portfolio-article_main-image {
    margin-bottom: 4.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_main-image {
    margin-bottom: 3.25rem;
  }
}
.portfolio-article_main-image figcaption {
  padding-top: 1.2820512821vw;
  font-size: 4.1025641026vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .portfolio-article_main-image figcaption {
    padding-top: 0.4166666667vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_main-image figcaption {
    padding-top: 0.3125rem;
    font-size: 1rem;
  }
}
.portfolio-article_image {
  width: 100%;
  margin-bottom: 13.3333333333vw;
}
@media (min-width: 768px) {
  .portfolio-article_image {
    width: 47.5%;
    margin-bottom: 4.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_image {
    margin-bottom: 3.25rem;
  }
}
.portfolio-article_image figcaption {
  padding-top: 1.2820512821vw;
  font-size: 4.1025641026vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .portfolio-article_image figcaption {
    padding-top: 0.4166666667vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_image figcaption {
    padding-top: 0.3125rem;
    font-size: 1rem;
  }
}
.portfolio-article_navigation {
  max-width: 33.75rem;
  width: 100%;
  height: 8.2051282051vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .portfolio-article_navigation {
    height: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_navigation {
    height: 2rem;
  }
}
.portfolio-article_nav {
  height: 8.2051282051vw;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .portfolio-article_nav {
    height: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav {
    height: 2rem;
  }
}
.portfolio-article_nav a {
  width: 100%;
  height: 100%;
  border-radius: 0.7692307692vw;
  border: 1px solid var(--portfolio-article-nav-border);
  background-color: var(--white);
  font-size: 4.1025641026vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .portfolio-article_nav a {
    border-radius: 0.25vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav a {
    border-radius: 0.1875rem;
    font-size: 1rem;
  }
}
.portfolio-article_nav.prev {
  width: 25.641025641vw;
  margin-right: auto;
}
@media (min-width: 768px) {
  .portfolio-article_nav.prev {
    width: 12.5vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.prev {
    width: 9.375rem;
  }
}
.portfolio-article_nav.prev a {
  background: url(../images/common/prev-b.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .portfolio-article_nav.prev a {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.prev a {
    background-size: 0.5rem auto;
  }
}
.portfolio-article_nav.prev a:hover {
  background: var(--pagination-current) url(../images/common/prev.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
  color: var(--white);
}
@media (min-width: 768px) {
  .portfolio-article_nav.prev a:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.prev a:hover {
    background-size: 0.5rem auto;
  }
}
.portfolio-article_nav.back {
  width: 30.7692307692vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .portfolio-article_nav.back {
    width: 16.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.back {
    width: 12.5rem;
  }
}
.portfolio-article_nav.back a:hover {
  background: var(--pagination-current);
  color: var(--white);
}
.portfolio-article_nav.next {
  width: 25.641025641vw;
  margin-left: auto;
}
@media (min-width: 768px) {
  .portfolio-article_nav.next {
    width: 12.5vw;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.next {
    width: 9.375rem;
  }
}
.portfolio-article_nav.next a {
  background: url(../images/common/next-b.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .portfolio-article_nav.next a {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.next a {
    background-size: 0.5rem auto;
  }
}
.portfolio-article_nav.next a:hover {
  background: var(--pagination-current) url(../images/common/next.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
  color: var(--white);
}
@media (min-width: 768px) {
  .portfolio-article_nav.next a:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .portfolio-article_nav.next a:hover {
    background-size: 0.5rem auto;
  }
}

/* ========================================================================================= ^^
  Company menu
============================================================================================ ^^ */
.company-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.company-menu .btn {
  width: 48%;
  height: 12.3076923077vw;
  margin-bottom: 3.8461538462vw;
}
@media (min-width: 768px) {
  .company-menu .btn {
    width: 16.25%;
    height: 4vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .company-menu .btn {
    height: 3rem;
  }
}
.company-menu .btn:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
.company-menu .btn_link {
  background-size: 2.0512820513vw auto;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .company-menu .btn_link {
    background-size: 0.6666666667vw auto;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .company-menu .btn_link {
    background-size: 0.5rem auto;
    font-size: 1rem;
  }
}

/* ========================================================================================= ^^
  Staff box
============================================================================================ ^^ */
.staff-box_link {
  width: 100%;
  height: 100%;
  display: block;
}
.staff-box_image {
  height: 41.0256410256vw;
  margin: 0;
}
@media (min-width: 768px) {
  .staff-box_image {
    height: 23vw;
  }
}
@media (min-width: 1200px) {
  .staff-box_image {
    height: 17.25rem;
  }
}
.staff-box_image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.staff-box figcaption {
  padding-top: 0.7692307692vw;
  font-size: 4.1025641026vw;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .staff-box figcaption {
    padding-top: 0.25vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .staff-box figcaption {
    padding-top: 0.1875rem;
    font-size: 1.3125rem;
  }
}
.staff-box figcaption span {
  margin-bottom: -8.7179487179vw;
  font-size: 3.5897435897vw;
  line-height: 2;
  font-weight: normal;
  display: block;
}
@media (min-width: 768px) {
  .staff-box figcaption span {
    margin-bottom: -3.6666666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .staff-box figcaption span {
    margin-bottom: -2.75rem;
    font-size: 1.125rem;
  }
}

/* ========================================================================================= ^^
  スタッフ詳細
============================================================================================ ^^ */
.staff-article {
  padding-top: 4.358974359vw;
  padding-bottom: 13.3333333333vw;
}
@media (min-width: 768px) {
  .staff-article {
    padding-top: 1.4166666667vw;
    padding-bottom: 4.3333333333vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .staff-article {
    padding-top: 1.0625rem;
    padding-bottom: 3.25rem;
  }
}
.staff-article_images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .staff-article_images {
    width: 47.5%;
  }
}
.staff-article_images .main-image {
  width: 100%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .staff-article_images .main-image {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_images .main-image {
    margin-bottom: 1.875rem;
  }
}
.staff-article_images .sub-image {
  width: 48%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .staff-article_images .sub-image {
    width: 47.3684210526%;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_images .sub-image {
    margin-bottom: 1.875rem;
  }
}
.staff-article_content {
  width: 100%;
  margin-bottom: 10.2564102564vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .staff-article_content {
    width: 50%;
    margin-bottom: 0;
  }
}
.staff-article_department {
  margin-bottom: 4.1025641026vw;
  font-size: 5.1282051282vw;
  line-height: 1;
  font-weight: bold;
  order: 1;
}
@media (min-width: 768px) {
  .staff-article_department {
    margin-bottom: 1.3333333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_department {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}
.staff-article_title {
  width: 100%;
  height: 15.3846153846vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 4.6153846154vw;
  background-color: var(--staff-article-title);
  font-size: 7.1794871795vw;
  color: var(--white);
  line-height: 1.2857142857;
  order: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .staff-article_title {
    height: 5vw;
    padding: 0 1.25vw;
    margin-bottom: 1.5vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_title {
    height: 3.75rem;
    padding: 0 0.9375rem;
    margin-bottom: 1.125rem;
    font-size: 1.75rem;
  }
}
.staff-article_title span {
  margin-right: 2.5641025641vw;
  font-size: 5.1282051282vw;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .staff-article_title span {
    margin-right: 0.8333333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_title span {
    margin-right: 0.625rem;
    font-size: 1.25rem;
  }
}
.staff-article_questions {
  padding-bottom: 7.1794871795vw;
  order: 3;
}
@media (min-width: 768px) {
  .staff-article_questions {
    padding-bottom: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_questions {
    padding-bottom: 1.75rem;
  }
}
.staff-article_questions dt {
  padding-bottom: 2.3076923077vw;
  margin-bottom: 1.2820512821vw;
  border-bottom: 1px dashed var(--staff-article-questions-border);
  font-size: 5.1282051282vw;
  line-height: 1.8;
  font-weight: bold;
}
@media (min-width: 768px) {
  .staff-article_questions dt {
    padding-bottom: 0.75vw;
    margin-bottom: 0.4166666667vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_questions dt {
    padding-bottom: 0.5625rem;
    margin-bottom: 0.3125rem;
    font-size: 1.25rem;
  }
}
.staff-article_questions dd {
  margin-bottom: 4.6153846154vw;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .staff-article_questions dd {
    margin-bottom: 1.5vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_questions dd {
    margin-bottom: 1.125rem;
    font-size: 1.125rem;
  }
}
.staff-article_message {
  order: 4;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .staff-article_message {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_message {
    font-size: 1.125rem;
  }
}
.staff-article_message p {
  margin-bottom: 8.2051282051vw;
}
@media (min-width: 768px) {
  .staff-article_message p {
    margin-bottom: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_message p {
    margin-bottom: 2rem;
  }
}
.staff-article_message p:last-of-type {
  margin-bottom: 0;
}
.staff-article_message .staff-article_title {
  height: 11.7948717949vw;
  margin-bottom: 2.8205128205vw;
  font-size: 5.1282051282vw;
}
@media (min-width: 768px) {
  .staff-article_message .staff-article_title {
    height: 3.8333333333vw;
    margin-bottom: 0.9166666667vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-article_message .staff-article_title {
    height: 2.875rem;
    margin-bottom: 0.6875rem;
    font-size: 1.25rem;
  }
}

/* ========================================================================================= ^^
  Blog
============================================================================================ ^^ */
.blog-article_header {
  width: 100%;
  min-height: 14.358974359vw;
  padding: 2.5641025641vw 3.8461538462vw;
  margin-bottom: 5.1282051282vw;
  background-color: var(--blog-title);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .blog-article_header {
    min-height: 4.6666666667vw;
    padding: 0.8333333333vw 2.0833333333vw;
    margin-bottom: 1.6666666667vw;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .blog-article_header {
    min-height: 3.5rem;
    padding: 0.625rem 1.5625rem;
    margin-bottom: 1.25rem;
  }
}
.blog-article_title {
  font-size: 4.6153846154vw;
  color: var(--white);
  line-height: 1.4285714286;
  order: 2;
}
@media (min-width: 768px) {
  .blog-article_title {
    width: 83.75vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .blog-article_title {
    width: 62.8125rem;
    font-size: 1.3125rem;
  }
}
.blog-article_date {
  margin-right: 7.6923076923vw;
  font-size: 4.6153846154vw;
  color: var(--white);
  line-height: 1.4285714286;
  order: 1;
}
@media (min-width: 768px) {
  .blog-article_date {
    width: 9.5833333333vw;
    margin-right: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .blog-article_date {
    width: 7.1875rem;
    margin-right: 1.875rem;
    font-size: 1.3125rem;
  }
}
.blog-article_body {
  font-size: 4.1025641026vw;
  line-height: 2;
  order: 2;
}
@media (min-width: 768px) {
  .blog-article_body {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .blog-article_body {
    font-size: 1.125rem;
  }
}
.blog-article_body .wp-block-image {
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .blog-article_body .wp-block-image {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .blog-article_body .wp-block-image {
    margin-bottom: 1.875rem;
  }
}
.blog-article_body .wp-block-image img {
  max-width: 100%;
  width: auto;
}
.blog-article_body p {
  margin-bottom: 8.9743589744vw;
}
@media (min-width: 768px) {
  .blog-article_body p {
    margin-bottom: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .blog-article_body p {
    margin-bottom: 2.1875rem;
  }
}

/* ========================================================================================= ^^
  Voice box
============================================================================================ ^^ */
.voice-box_link {
  width: 100%;
  height: 100%;
  display: block;
}
.voice-box_link figcaption {
  padding-top: 1.0256410256vw;
  font-size: 4.6153846154vw;
  line-height: 1.7222222222;
  font-weight: bold;
}
@media (min-width: 768px) {
  .voice-box_link figcaption {
    padding-top: 0.3333333333vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-box_link figcaption {
    padding-top: 0.25rem;
    font-size: 1.125rem;
  }
}

/* ========================================================================================= ^^
  Voice
============================================================================================ ^^ */
.voice-article_title {
  margin-bottom: 8.7179487179vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 6.6666666667vw;
  line-height: 1.7058823529;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .voice-article_title {
    margin-bottom: 2.8333333333vw;
    font-size: 2.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_title {
    margin-bottom: 2.125rem;
    font-size: 2.125rem;
  }
}
@media (max-width: 768px) {
  .is-android .voice-article_title {
    font-family: "Noto Serif JP", serif;
  }
}
.voice-article figcaption {
  padding-top: 1.5384615385vw;
  font-size: 3.5897435897vw;
  line-height: 1.6875;
}
@media (min-width: 768px) {
  .voice-article figcaption {
    padding-top: 0.5vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-article figcaption {
    padding-top: 0.375rem;
    font-size: 1rem;
  }
}
.voice-article_main-image {
  margin-bottom: 17.4358974359vw;
}
@media (min-width: 768px) {
  .voice-article_main-image {
    margin-bottom: 5.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_main-image {
    margin-bottom: 4.25rem;
  }
}
.voice-article_main-image figcaption {
  text-align: right;
}
.voice-article_comment {
  margin-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .voice-article_comment {
    margin-bottom: 5.8333333333vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .voice-article_comment {
    margin-bottom: 4.375rem;
  }
}
.voice-article_comment .image {
  margin: 0;
}
@media (min-width: 768px) {
  .voice-article_comment .image {
    width: 54.1666666667%;
  }
}
.voice-article_comment .text {
  margin: 0;
  font-size: 6.1538461538vw;
  line-height: 2.0833333333;
  font-weight: bold;
}
@media (min-width: 768px) {
  .voice-article_comment .text {
    width: 41.6666666667%;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_comment .text {
    font-size: 1.5rem;
  }
}
.voice-article_index {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto 30vw;
}
@media (min-width: 768px) {
  .voice-article_index {
    margin-bottom: 9.75vw;
  }
}
@media (min-width: 768px) {
  .voice-article_index {
    margin-bottom: 7.3125rem;
  }
}
.voice-article_index-title {
  height: 10.7692307692vw;
  margin-bottom: 4.1025641026vw;
  background-color: var(--voice-article-index-title);
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 6.1538461538vw;
  color: var(--white);
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .voice-article_index-title {
    height: 3.5vw;
    margin-bottom: 1.3333333333vw;
    font-size: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_index-title {
    height: 2.625rem;
    margin-bottom: 1rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .is-android .voice-article_index-title {
    font-family: "Noto Serif JP", serif;
  }
}
.voice-article_index-list {
  padding: 0 2.3076923077vw;
  counter-reset: item;
}
@media (min-width: 768px) {
  .voice-article_index-list {
    padding: 0 0.75vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_index-list {
    padding: 0 0.5625rem;
  }
}
.voice-article_index-list li {
  padding-left: 1.8em;
  text-indent: -1.8em;
  margin-bottom: 0.7692307692vw;
}
@media (min-width: 768px) {
  .voice-article_index-list li {
    margin-bottom: 0.25vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_index-list li {
    margin-bottom: 0.1875rem;
  }
}
.voice-article_index-list li::before {
  width: 1.5em;
  margin-right: 1.2820512821vw;
  counter-increment: item;
  content: counter(item) ".";
  text-align: right;
  display: inline-block;
}
@media (min-width: 768px) {
  .voice-article_index-list li::before {
    margin-right: 0.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_index-list li::before {
    margin-right: 0.3125rem;
  }
}
.voice-article_index-list a {
  text-decoration: underline;
}
.voice-article_section {
  margin-bottom: 19.2307692308vw;
}
@media (min-width: 768px) {
  .voice-article_section {
    margin-bottom: 6.25vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .voice-article_section {
    margin-bottom: 4.6875rem;
  }
}
@media (min-width: 768px) {
  .voice-article_section.layout-right-image {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .voice-article_section.layout-left-image {
    flex-direction: row-reverse;
  }
}
.voice-article_conversation {
  width: 100%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .voice-article_conversation {
    width: 58%;
    margin-bottom: 0;
  }
}
.voice-article_conversation-title {
  width: 100%;
  min-height: 10.5128205128vw;
  padding-left: 3.3333333333vw;
  margin-bottom: 4.8717948718vw;
  border-bottom: 1px solid var(--voice-article-index-title);
  border-left: 11.5384615385vw solid var(--voice-article-index-title);
  font-size: 5.1282051282vw;
  line-height: 1.3333333333;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .voice-article_conversation-title {
    min-height: 3.4166666667vw;
    padding-left: 1.0833333333vw;
    margin-bottom: 1.5833333333vw;
    border-left-width: 3.75vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-title {
    min-height: 2.5625rem;
    padding-left: 0.8125rem;
    margin-bottom: 1.1875rem;
    border-left-width: 2.8125rem;
    font-size: 1.5rem;
  }
}
.voice-article_conversation-title::before {
  width: 11.5384615385vw;
  height: 10.2564102564vw;
  background: url(../images/common/question.svg) no-repeat 50% 50%;
  background-size: 4.1025641026vw auto;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: -11.5384615385vw;
}
@media (min-width: 768px) {
  .voice-article_conversation-title::before {
    width: 3.75vw;
    height: 3vw;
    background-size: 1.3333333333vw auto;
    left: -3.75vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-title::before {
    width: 2.8125rem;
    height: 2.25rem;
    background-size: 1rem auto;
    left: -2.8125rem;
  }
}
.voice-article_conversation-cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.voice-article_conversation-cont .name {
  width: 20%;
  font-size: 4.1025641026vw;
  line-height: 2.2222222222;
  font-weight: bold;
}
@media (min-width: 768px) {
  .voice-article_conversation-cont .name {
    width: 10.775862069%;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-cont .name {
    font-size: 1.125rem;
  }
}
.voice-article_conversation-cont .text {
  width: 80%;
  margin-bottom: 4.358974359vw;
  font-size: 4.1025641026vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .voice-article_conversation-cont .text {
    width: 89.0804597701%;
    margin-bottom: 1.4166666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-cont .text {
    margin-bottom: 1.0625rem;
    font-size: 1.125rem;
  }
}
.voice-article_conversation-cont .text:last-of-type {
  margin-bottom: 0;
}
.voice-article_conversation-cont .text p {
  margin-bottom: 4.358974359vw;
}
@media (min-width: 768px) {
  .voice-article_conversation-cont .text p {
    margin-bottom: 1.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-cont .text p {
    margin-bottom: 1.0625rem;
  }
}
.voice-article_conversation-cont .text p:last-of-type {
  margin-bottom: 0;
}
.voice-article_conversation-images {
  width: 100%;
}
@media (min-width: 768px) {
  .voice-article_conversation-images {
    width: 38.3333333333%;
  }
}
.voice-article_conversation-image {
  margin-bottom: 6.4102564103vw;
}
@media (min-width: 768px) {
  .voice-article_conversation-image {
    margin-bottom: 2.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-image {
    margin-bottom: 1.5625rem;
  }
}
.voice-article_conversation-image:last-of-type {
  margin-bottom: 0;
}
.voice-article_conversation-note {
  padding-top: 1.0256410256vw;
  font-size: 3.5897435897vw;
  line-height: 175%;
}
@media (min-width: 768px) {
  .voice-article_conversation-note {
    padding-top: 0.3333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_conversation-note {
    padding-top: 0.25rem;
    font-size: 1rem;
  }
}
.voice-article_conversation-note p:last-of-type {
  margin-bottom: 0;
}
.voice-article_images {
  width: 100%;
  margin-bottom: 19.2307692308vw;
}
@media (min-width: 768px) {
  .voice-article_images {
    margin-bottom: 6.25vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .voice-article_images {
    margin-bottom: 4.6875rem;
  }
}
.voice-article_image {
  width: 100%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .voice-article_image {
    width: 30.8333333333%;
    margin: 0 3.75% 3.3333333333vw 0;
  }
}
@media (min-width: 1200px) {
  .voice-article_image {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 768px) {
  .voice-article_image:nth-of-type(3n) {
    margin-right: 0;
  }
}
.voice-article_image:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .voice-article_image:nth-last-of-type(-n+3) {
    margin-bottom: 0;
  }
}
.voice-article_afterword {
  margin-bottom: 15.8974358974vw;
}
@media (min-width: 768px) {
  .voice-article_afterword {
    margin-bottom: 5.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_afterword {
    margin-bottom: 3.875rem;
  }
}
.voice-article_afterword-title {
  width: 100%;
  height: 10.7692307692vw;
  padding: 0 2.5641025641vw;
  margin-bottom: 7.6923076923vw;
  background-color: var(--voice-article-index-title);
  font-size: 6.1538461538vw;
  color: var(--white);
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .voice-article_afterword-title {
    height: 3.5vw;
    padding: 0 0.8333333333vw;
    margin-bottom: 2.5vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_afterword-title {
    height: 2.625rem;
    padding: 0 0.625rem;
    margin-bottom: 1.875rem;
    font-size: 1.5rem;
  }
}
.voice-article_afterword-inner {
  width: 100%;
}
@media (min-width: 768px) {
  .voice-article_afterword-inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.voice-article_afterword-image {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .voice-article_afterword-image {
    width: 38.3333333333%;
  }
}
.voice-article_afterword-text {
  width: 100%;
  font-size: 4.6153846154vw;
  line-height: 200%;
}
@media (min-width: 768px) {
  .voice-article_afterword-text {
    width: 59.1666666667%;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_afterword-text {
    font-size: 1.125rem;
  }
}
.voice-article_navigation {
  max-width: 33.75rem;
  width: 100%;
  height: 8.2051282051vw;
  margin: 0 auto 20.5128205128vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (min-width: 768px) {
  .voice-article_navigation {
    height: 2.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_navigation {
    height: 2rem;
    margin-bottom: 5rem;
  }
}
.voice-article_nav {
  height: 8.2051282051vw;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .voice-article_nav {
    height: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav {
    height: 2rem;
  }
}
.voice-article_nav a {
  width: 100%;
  height: 100%;
  border-radius: 0.7692307692vw;
  border: 1px solid var(--portfolio-article-nav-border);
  background-color: var(--portfolio-article-nav-border);
  font-size: 4.1025641026vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .voice-article_nav a {
    border-radius: 0.25vw;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav a {
    border-radius: 0.1875rem;
    font-size: 1rem;
  }
}
.voice-article_nav a:link {
  color: var(--white);
}
.voice-article_nav a:visited {
  color: var(--white);
}
.voice-article_nav a:hover {
  background-color: var(--white);
  color: var(--pagination-current);
}
.voice-article_nav a:focus {
  color: var(--white);
}
.voice-article_nav.prev {
  width: 25.641025641vw;
  margin-right: auto;
}
@media (min-width: 768px) {
  .voice-article_nav.prev {
    width: 12.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.prev {
    width: 9.375rem;
  }
}
.voice-article_nav.prev a {
  background: var(--pagination-current) url(../images/common/prev.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .voice-article_nav.prev a {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.prev a {
    background-size: 0.5rem auto;
  }
}
.voice-article_nav.prev a:hover {
  background: var(--white) url(../images/common/prev-b.svg) no-repeat 4.5% 50%;
  background-size: 2.0512820513vw auto;
  color: var(--pagination-current);
}
@media (min-width: 768px) {
  .voice-article_nav.prev a:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.prev a:hover {
    background-size: 0.5rem auto;
  }
}
.voice-article_nav.back {
  width: 30.7692307692vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .voice-article_nav.back {
    width: 16.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.back {
    width: 12.5rem;
  }
}
.voice-article_nav.back a:hover {
  background: var(--white);
  color: var(--pagination-current);
}
.voice-article_nav.next {
  width: 25.641025641vw;
  margin-left: auto;
}
@media (min-width: 768px) {
  .voice-article_nav.next {
    width: 12.5vw;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.next {
    width: 9.375rem;
  }
}
.voice-article_nav.next a {
  background: var(--pagination-current) url(../images/common/next.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
}
@media (min-width: 768px) {
  .voice-article_nav.next a {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.next a {
    background-size: 0.5rem auto;
  }
}
.voice-article_nav.next a:hover {
  background: var(--white) url(../images/common/next-b.svg) no-repeat 95.5% 50%;
  background-size: 2.0512820513vw auto;
  color: var(--pagination-current);
}
@media (min-width: 768px) {
  .voice-article_nav.next a:hover {
    background-size: 0.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .voice-article_nav.next a:hover {
    background-size: 0.5rem auto;
  }
}

.voice-article_section.text .voice-article_conversation {
  width: 100%;
}

.voice-article_section.text .voice-article_conversation-cont .name {
  width: 6.25%;
}

.voice-article_section.text .voice-article_conversation-cont .text {
  width: 93.75%;
}

/* ========================================================================================= ^^
  Photo gallery
============================================================================================ ^^ */
.photo-gallery_title {
  margin-bottom: 6.4102564103vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 9.2307692308vw;
  line-height: 0.75;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .photo-gallery_title {
    margin-bottom: 2.0833333333vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .photo-gallery_title {
    margin-bottom: 1.5625rem;
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .is-android .photo-gallery_title {
    font-family: "Noto Serif JP", serif;
  }
}
.photo-gallery_title span {
  font-size: 5.1282051282vw;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .photo-gallery_title span {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .photo-gallery_title span {
    font-size: 1.25rem;
  }
}
.photo-gallery .slick-track {
  transform: none !important;
}
.photo-gallery .slick-arrow {
  width: 3.5897435897vw;
  height: 5.8974358974vw;
}
@media (min-width: 768px) {
  .photo-gallery .slick-arrow {
    width: 1.1666666667vw;
    height: 1.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .photo-gallery .slick-arrow {
    width: 0.875rem;
    height: 1.4375rem;
  }
}
.photo-gallery .slick-arrow.slick-prev {
  background: url(../images/common/prev-b.svg) no-repeat 50% 50%/cover;
}
.photo-gallery .slick-arrow.slick-next {
  background: url(../images/common/next-b.svg) no-repeat 50% 50%/cover;
}
.photo-gallery_main-images {
  max-width: 54.375rem;
  width: 100%;
  margin: 0 auto 7.6923076923vw;
  display: flex;
}
@media (min-width: 768px) {
  .photo-gallery_main-images {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .photo-gallery_main-images {
    margin-bottom: 1.875rem;
  }
}
.photo-gallery_main-images .image {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .photo-gallery_main-images .image {
    width: 66.6666666667vw;
  }
}
@media (min-width: 768px) {
  .photo-gallery_main-images .image {
    width: 50rem;
  }
}
.photo-gallery_thumbnails {
  width: 100%;
  display: flex;
}
@media (min-width: 768px) {
  .photo-gallery_thumbnails {
    width: calc(100% + 1.3333333333vw);
    margin: 0 -0.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .photo-gallery_thumbnails {
    width: calc(100% + 1rem);
    margin: 0 -0.5rem;
  }
}
.photo-gallery_thumbnails .thumbnail {
  width: 5.1282051282vw;
  margin: 0 2.0512820513vw;
}
@media (min-width: 768px) {
  .photo-gallery_thumbnails .thumbnail {
    width: 10vw;
    margin: 0 0.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .photo-gallery_thumbnails .thumbnail {
    width: 7.5rem;
    margin: 0 0.5rem;
  }
}

/* ========================================================================================= ^^
  Case studies box
============================================================================================ ^^ */
.case-studies-box_image figcaption {
  padding-top: 2.8205128205vw;
  font-size: 4.1025641026vw;
  line-height: 1.4444444444;
}
@media (min-width: 768px) {
  .case-studies-box_image figcaption {
    padding-top: 0.9166666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .case-studies-box_image figcaption {
    padding-top: 0.6875rem;
    font-size: 1.125rem;
  }
}
.case-studies-box_button {
  width: 100%;
  height: 7.6923076923vw;
  margin-top: 3.8461538462vw;
}
@media (min-width: 768px) {
  .case-studies-box_button {
    height: 3.5vw;
    margin-top: 1.25vw;
  }
}
@media (min-width: 1200px) {
  .case-studies-box_button {
    height: 2.625rem;
    margin-top: 0.9375rem;
  }
}
.case-studies-box_button .btn_link {
  background-size: 2.3076923077vw auto;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  .case-studies-box_button .btn_link {
    background-size: 0.75vw auto;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .case-studies-box_button .btn_link {
    background-size: 0.5625rem auto;
    font-size: 1.125rem;
  }
}

/* ========================================================================================= ^^
  Case studies
============================================================================================ ^^ */
.case-studies {
  padding-top: 10.2564102564vw;
  padding-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .case-studies {
    padding-top: 3.3333333333vw;
    padding-bottom: 5.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .case-studies {
    padding-top: 2.5rem;
    padding-bottom: 4.375rem;
  }
}
.case-studies .section_title {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .case-studies .section_title {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .case-studies .section_title {
    margin-bottom: 3.125rem;
  }
}
.case-studies .case-studies-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .case-studies .case-studies-box-wrap {
    justify-content: flex-start;
  }
}
.case-studies .case-studies-box {
  width: 48%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .case-studies .case-studies-box {
    width: 23.3333333333%;
    margin: 0 2.222225% 5vw 0;
  }
}
@media (min-width: 1200px) {
  .case-studies .case-studies-box {
    margin-bottom: 3.75rem;
  }

}
	.case-studies .case-studies-box figure img{
		object-fit: contain;
		height: 34vw;
	}
@media (min-width: 768px) {
  .case-studies .case-studies-box:nth-of-type(4n) {
    margin-right: 0;
  }
	.case-studies .case-studies-box figure img{
		object-fit: contain;
		height: 210px;
	}
}
.case-studies_button {
  height: 12.8205128205vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .case-studies_button {
    width: 40vw;
    height: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .case-studies_button {
    width: 30rem;
    height: 3.125rem;
  }
}

/* ========================================================================================= ^^
  Spec box
============================================================================================ ^^ */
.spec-box_title {
  width: 100%;
  height: 11.2820512821vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 5.1282051282vw;
  background-color: var(--spec-box-title);
  font-size: 5.1282051282vw;
  color: var(--white);
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .spec-box_title {
    height: 3.6666666667vw;
    padding: 0 1.25vw;
    margin-bottom: 1.6666666667vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .spec-box_title {
    height: 2.75rem;
    padding: 0 0.9375rem;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
  }
}
.spec-box_inner {
  width: 100%;
}
@media (min-width: 768px) {
  .spec-box_inner {
    display: flex;
    justify-content: space-between;
  }
}
.spec-box_image {
  width: 100%;
  margin: 0 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .spec-box_image {
    width: 42.1052631579%;
    margin-bottom: 0;
  }
}
.spec-box_cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .spec-box_cont {
    width: 54.3859649123%;
  }
}
.spec-box_text {
  margin-bottom: 5.1282051282vw;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .spec-box_text {
    margin-bottom: 1.6666666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .spec-box_text {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
  }
}
.spec-box_text p:last-of-type {
  margin-bottom: 0;
}
.spec-box_button {
  width: 100%;
  height: 10.7692307692vw;
  margin: 0;
}
@media (min-width: 768px) {
  .spec-box_button {
    height: 3.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-box_button {
    height: 2.75rem;
  }
}
.spec-box_button .btn_link {
  background-size: 2.3076923077vw auto;
  font-size: 4.6153846154vw;
}
@media (min-width: 768px) {
  .spec-box_button .btn_link {
    background-size: 0.75vw auto;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .spec-box_button .btn_link {
    background-size: 0.5625rem auto;
    font-size: 1.125rem;
  }
}
.spec-box_button .btn_link:hover {
  background-size: 2.3076923077vw auto;
}
@media (min-width: 768px) {
  .spec-box_button .btn_link:hover {
    background-size: 0.75vw auto;
  }
}
@media (min-width: 1200px) {
  .spec-box_button .btn_link:hover {
    background-size: 0.5625rem auto;
  }
}

/* ========================================================================================= ^^
  Spec
============================================================================================ ^^ */
.spec-section {
  padding-top: 10.2564102564vw;
  padding-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .spec-section {
    padding-top: 3.3333333333vw;
    padding-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .spec-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.spec-section_title {
  height: 51.2820512821vw;
  margin-bottom: 12.8205128205vw;
  background: url(../images/common/bg-spec.jpg) no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .spec-section_title {
    height: 33.3333333333vw;
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-section_title {
    height: 25rem;
    margin-bottom: 3.125rem;
  }
}
.spec-section_title img {
  width: 80vw;
}
@media (min-width: 768px) {
  .spec-section_title img {
    width: 43.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-section_title img {
    width: 32.75rem;
  }
}
.spec-section .spec-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.spec-section .spec-box {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .spec-section .spec-box {
    width: 47.5%;
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-section .spec-box {
    margin-bottom: 3.125rem;
  }
}
.spec-section .spec-box:nth-last-of-type(-n+2) {
  margin-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .spec-section .spec-box:nth-last-of-type(-n+2) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 1200px) {
  .spec-section .spec-box:nth-last-of-type(-n+2) {
    margin-bottom: 3.75rem;
  }
}
.spec-section .architect-block {
  width: 100vw;
  padding: 5.1282051282vw;
  margin: 0 -5.1282051282vw;
  background: url(../images/common/bg05.jpg) repeat-y 50% 50%/100% auto;
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 2;
}
@media (min-width: 768px) {
  .spec-section .architect-block {
    padding: 3.3333333333vw;
    margin: 0;
    font-size: 1.5vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .spec-section .architect-block {
    width: 100%;
    padding: 2.5rem;
    font-size: 1.125rem;
  }
}
.spec-section .architect-block_image {
  width: 100%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .spec-section .architect-block_image {
    width: 33.0357142857%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .spec-section .architect-block_cont {
    width: 63.3928571429%;
  }
}
.spec-section .architect-block_title {
  margin-bottom: 1.7948717949vw;
  font-size: 4.6153846154vw;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .spec-section .architect-block_title {
    margin-bottom: 0.5833333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-section .architect-block_title {
    margin-bottom: 0.4375rem;
    font-size: 1.25rem;
  }
}
.spec-section .architect-block_name {
  margin-bottom: 3.0769230769vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 7.1794871795vw;
  line-height: 1.0588235294;
}
@media (min-width: 768px) {
  .spec-section .architect-block_name {
    margin-bottom: 1vw;
    font-size: 2.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .spec-section .architect-block_name {
    margin-bottom: 0.75rem;
    font-size: 2.125rem;
  }
}
.spec-section .architect-block_yomi {
  margin-bottom: 5.1282051282vw;
  font-size: 4.6153846154vw;
  line-height: 1.8;
  font-weight: bold;
}
@media (min-width: 768px) {
  .spec-section .architect-block_yomi {
    margin-bottom: 0.5833333333vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .spec-section .architect-block_yomi {
    margin-bottom: 0.4375rem;
    font-size: 1.25rem;
  }
}
.spec-section .architect-block_text p:last-of-type {
  margin-bottom: 0;
}

/* ========================================================================================= ^^
  Flow box
============================================================================================ ^^ */
.flow-box_image {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  .flow-box_image {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .flow-box_image {
    margin-bottom: 1.25rem;
  }
}
.flow-box_name {
  height: 12.8205128205vw;
  padding-left: 15.3846153846vw;
  margin-bottom: 5.1282051282vw;
  font-size: 4.6153846154vw;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .flow-box_name {
    height: 4.1666666667vw;
    padding-left: 5vw;
    margin-bottom: 1.6666666667vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .flow-box_name {
    height: 3.125rem;
    padding-left: 3.75rem;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
  }
}
.flow-box_name::before {
  width: 12.8205128205vw;
  height: 12.8205128205vw;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .flow-box_name::before {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .flow-box_name::before {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.flow-box_text {
  margin-bottom: 7.6923076923vw;
  font-size: 4.1025641026vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .flow-box_text {
    margin-bottom: 0;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .flow-box_text {
    font-size: 1.125rem;
  }
}
.flow-box_text p:last-of-type {
  margin-bottom: 0;
}
.flow-box.flow01 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num01.svg) no-repeat 50% 50%;
  background-size: 6.1538461538vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow01 .flow-box_name::before {
    background-size: 2vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow01 .flow-box_name::before {
    background-size: 1.5rem auto;
  }
}
.flow-box.flow02 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num02.svg) no-repeat 50% 50%;
  background-size: 8.2051282051vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow02 .flow-box_name::before {
    background-size: 2.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow02 .flow-box_name::before {
    background-size: 2rem auto;
  }
}
.flow-box.flow03 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num03.svg) no-repeat 50% 50%;
  background-size: 8.2051282051vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow03 .flow-box_name::before {
    background-size: 2.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow03 .flow-box_name::before {
    background-size: 2rem auto;
  }
}
.flow-box.flow04 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num04.svg) no-repeat 50% 50%;
  background-size: 8.4615384615vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow04 .flow-box_name::before {
    background-size: 2.75vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow04 .flow-box_name::before {
    background-size: 2.0625rem auto;
  }
}
.flow-box.flow05 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num05.svg) no-repeat 50% 50%;
  background-size: 8.2051282051vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow05 .flow-box_name::before {
    background-size: 2.6666666667vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow05 .flow-box_name::before {
    background-size: 2rem auto;
  }
}
.flow-box.flow06 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num06.svg) no-repeat 50% 50%;
  background-size: 8.4615384615vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow06 .flow-box_name::before {
    background-size: 2.75vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow06 .flow-box_name::before {
    background-size: 2.0625rem auto;
  }
}
.flow-box.flow07 .flow-box_name::before {
  background: var(--flow-num-color) url(../images/common/num07.svg) no-repeat 50% 50%;
  background-size: 8.4615384615vw auto;
}
@media (min-width: 768px) {
  .flow-box.flow07 .flow-box_name::before {
    background-size: 2.75vw auto;
  }
}
@media (min-width: 1200px) {
  .flow-box.flow07 .flow-box_name::before {
    background-size: 2.0625rem auto;
  }
}

/* ========================================================================================= ^^
  Flow section
============================================================================================ ^^ */
.flow-section {
  padding-top: 0;
}
.flow-section .section_inner {
  width: 100vw;
  padding: 7.6923076923vw 5.1282051282vw;
  margin: 0 -5.1282051282vw;
  background-color: var(--flow-bg-color);
}
@media (min-width: 768px) {
  .flow-section .section_inner {
    width: 100%;
    padding: 5.8333333333vw 2.9166666667vw 4.1666666667vw;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .flow-section .section_inner {
    padding: 4.375rem 2.1875rem 3.125rem;
  }
}
.flow-section .section_title {
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .flow-section .section_title {
    margin-bottom: 4.75vw;
  }
}
@media (min-width: 1200px) {
  .flow-section .section_title {
    margin-bottom: 3.5625rem;
  }
}
.flow-section .flow-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .flow-section .flow-wrap {
    justify-content: flex-start;
  }
}
.flow-section .flow-box {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .flow-section .flow-box {
    width: 30.9734513274%;
    margin: 0 3.5398230088% 6.25vw 0;
  }
}
@media (min-width: 1200px) {
  .flow-section .flow-box {
    margin-bottom: 4.6875rem;
  }
}
@media (min-width: 768px) {
  .flow-section .flow-box:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .flow-section .flow-box:nth-last-of-type(-n+3) {
    margin-bottom: 0;
  }
}
.flow-section .flow-box:last-of-type {
  margin-bottom: 0;
}

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

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

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

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

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

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

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

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

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

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

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

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

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

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

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

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

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

/* ========================================================================================= ^^
  Page title
============================================================================================ ^^ */
.page-title {
  margin-bottom: 10vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 9.2307692308vw;
  line-height: 0.75;
  font-weight: normal;
  text-align: center;
}
@media (min-width: 768px) {
  .page-title {
    margin-bottom: 3.25vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .page-title {
    margin-bottom: 2.4375rem;
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .is-android .page-title {
    font-family: "Noto Serif JP", serif;
  }
}
.page-title span {
  font-size: 5.1282051282vw;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .page-title span {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-title span {
    font-size: 1.25rem;
  }
}

/* ========================================================================================= ^^
  Key visual
============================================================================================ ^^ */
.kv {
  max-width: 75rem;
  width: 100%;
  margin: 0 auto 8.9743589744vw;
}
@media (min-width: 768px) {
  .kv {
    margin-bottom: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .kv {
    margin-bottom: 2.1875rem;
  }
}

/* ========================================================================================= ^^
  Top page
============================================================================================ ^^ */
.lancasa-section h2 {
  margin-bottom: 10.5128205128vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 10vw;
  line-height: 1.1785714286;
  font-weight: normal;
  letter-spacing: 0.11em;
  text-align: center;
}
@media (min-width: 768px) {
  .lancasa-section h2 {
    margin-bottom: 3.4166666667vw;
    font-size: 3.75vw;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .lancasa-section h2 {
    margin-bottom: 2.5625rem;
    font-size: 3.5rem;
  }
}
@media (max-width: 768px) {
  .is-android .lancasa-section h2 {
    font-family: "Noto Serif JP", serif;
    letter-spacing: normal;
  }
}
@media (min-width: 768px) {
  .is-safari .lancasa-section h2 {
    letter-spacing: 0.09em;
  }
}
.lancasa-section .title {
  display: inline-block;
}
@media (min-width: 768px) {
  .lancasa-section .title {
    transform: translateX(-0.4166666667vw);
  }
}
@media (min-width: 1200px) {
  .lancasa-section .title {
    transform: translateX(-0.4166666667vw);
  }
}
.lancasa-section .small1 {
  margin-bottom: 1.2820512821vw;
  font-size: 4.1025641026vw;
  line-height: 1.7368421053;
  letter-spacing: 0.012em;
  display: inline-block;
}
@media (min-width: 768px) {
  .lancasa-section .small1 {
    margin-bottom: 0.1666666667vw;
    font-size: 1.4166666667vw;
    letter-spacing: 0.11em;
  }
}
@media (min-width: 1200px) {
  .lancasa-section .small1 {
    margin-bottom: 0.125rem;
    font-size: 1.1875rem;
  }
}
@media (max-width: 768px) {
  .is-android .lancasa-section .small1 {
    font-size: 3.5897435897vw;
    letter-spacing: normal;
  }
}
.lancasa-section .small2 {
  font-size: 5.1282051282vw;
  line-height: 1.7083333333;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .lancasa-section .small2 {
    font-size: 2vw;
    letter-spacing: normal;
  }
}
@media (min-width: 1200px) {
  .lancasa-section .small2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .is-android .lancasa-section .small2 {
    font-size: 4.1025641026vw;
    letter-spacing: normal;
  }
}
.lancasa-section .cont {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .lancasa-section .cont {
    width: 37.5%;
    margin: -3vw 0 0;
  }
}
@media (min-width: 1200px) {
  .lancasa-section:nth-child(3) .cont {
    width: 28.125rem;
    margin-top: -2.25rem;
    position: relative;
    order: 1;
  }
	  .lancasa-section:nth-child(3) .image {
    order: 0!important;
  }
  .lancasa-section .bottomtext{
	  position: absolute;
    bottom: 0;
  }
}
.lancasa-section .text {
  margin-bottom: 13.5897435897vw;
}
@media (min-width: 768px) {
  .lancasa-section .text {
    margin-bottom: 4.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .lancasa-section .text {
    margin-bottom: 3.3125rem;
  }
}
.lancasa-section .text p:last-of-type {
  margin-bottom: 0;
}
.lancasa-section .btn {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  .lancasa-section .btn {
    width: 100%;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .lancasa-section .btn {
    width: 28.125rem;
    margin-bottom: 1.25rem;
  }
}
.lancasa-section .btn:last-of-type {
  margin-bottom: 0;
}
.lancasa-section .image {
  width: 100%;
  margin-bottom: 0;
}
.lancasa-section:nth-child(3) .image {
	order: 1;
}
@media (min-width: 768px) {
  .lancasa-section .image {
    width: 55.8333333333%;
  }
}
@media (min-width: 1200px) {
  .lancasa-section .image {
    width: 41.875rem;
  }
}

.house-building-section {
  background: url(../images/common/bg01.jpg) no-repeat 50% 50%/cover;
  color: var(--white);
}
.house-building-section .section_title {
  margin-bottom: 5.641025641vw;
}
@media (min-width: 768px) {
  .house-building-section .section_title {
    margin-bottom: 1.8333333333vw;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .house-building-section .section_title {
    margin-bottom: 1.375rem;
  }
}
.house-building-section .section_inner {
  padding-bottom: 15.1282051282vw;
}
@media (min-width: 768px) {
  .house-building-section .section_inner {
    padding-bottom: 4.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .house-building-section .section_inner {
    padding-bottom: 3.6875rem;
  }
}
.house-building-section .cont {
  width: 100%;
  margin: 0 0 10.2564102564vw;
}
@media (min-width: 768px) {
  .house-building-section .cont {
    width: 55.8333333333%;
    padding-top: 0.8333333333vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .house-building-section .cont {
    width: 41.875rem;
    padding-top: 0.625rem;
  }
}
.house-building-section .text {
  margin-bottom: 14.6153846154vw;
}
@media (min-width: 768px) {
  .house-building-section .text {
    margin-bottom: 4.75vw;
  }
}
@media (min-width: 1200px) {
  .house-building-section .text {
    margin-bottom: 3.5625rem;
  }
}
.house-building-section .text p:last-of-type {
  margin-bottom: 0;
}
.house-building-section .images {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.house-building-section .images .img {
  width: 100%;
  margin-bottom: 1.2820512821vw;
}
@media (min-width: 768px) {
  .house-building-section .images .img {
    margin-bottom: 0.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .house-building-section .images .img {
    margin-bottom: 0.625rem;
  }
}
.house-building-section .images .img:not(:first-of-type) {
  width: 23.8805970149%;
}
@media (min-width: 768px) {
  .house-building-section .images .img:not(:first-of-type) {
    width: 13.3333333333vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .house-building-section .images .img:not(:first-of-type) {
    width: 10rem;
  }
}
.house-building-section .image {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .house-building-section .image {
    width: 37.5%;
  }
}
@media (min-width: 1200px) {
  .house-building-section .image {
    width: 28.125rem;
  }
}
.house-building-section .instagram-title {
  margin-bottom: 4.1025641026vw;
  text-align: center;
}
@media (min-width: 768px) {
  .house-building-section .instagram-title {
    margin-bottom: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .house-building-section .instagram-title {
    margin-bottom: 1rem;
  }
}
.house-building-section .instagram-title img {
  width: 49.2307692308vw;
}
@media (min-width: 768px) {
  .house-building-section .instagram-title img {
    width: 16vw;
  }
}
@media (min-width: 1200px) {
  .house-building-section .instagram-title img {
    width: 12rem;
  }
}
.house-building-section .instagram-contents, .house-building-section #sbi_images {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
}
@media (min-width: 768px) {
  .house-building-section .instagram-contents, .house-building-section #sbi_images {
    width: calc(100vw - 6.1666666667vw);
  }
}
@media (min-width: 1200px) {
  .house-building-section .instagram-contents, .house-building-section #sbi_images {
    width: calc(100vw - 4.625rem);
  }
}
#sb_instagram #sbi_images {
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#sb_instagram #sbi_images .slick-list {
  height: 100%;
}
#sb_instagram #sbi_images .sbi_item {
  margin: 0 2.3076923077vw !important;
  display: inline-block;
}
@media (min-width: 768px) {
  #sb_instagram #sbi_images .sbi_item {
    margin: 0 0.75vw !important;
  }
}
@media (min-width: 1200px) {
  #sb_instagram #sbi_images .sbi_item {
    margin: 0 0.5625rem !important;
  }
}

.special-feature-section {
  background-color: var(--white);
}
.special-feature-section .section_title {
  margin-bottom: 12.5641025641vw;
}
@media (min-width: 768px) {
  .special-feature-section .section_title {
    margin-bottom: 4.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .special-feature-section .section_title {
    margin-bottom: 3.0625rem;
  }
}
.special-feature-section .special-feature-contents {
  margin-bottom: 20.5128205128vw;
}
@media (min-width: 768px) {
  .special-feature-section .special-feature-contents {
    margin-bottom: 6.6666666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .special-feature-section .special-feature-contents {
    margin-bottom: 5rem;
  }
}
.special-feature-section .special-feature-contents .special-box {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .special-feature-section .special-feature-contents .special-box {
    width: 30.8333333333%;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .special-feature-section .special-feature-contents .special-box {
    width: 23.125rem;
  }
}
.special-feature-section .special-feature-contents .special-box:last-of-type {
  margin-bottom: 0;
}
.special-feature-section .btn {
  margin: 0 auto;
}

.voice-section {
  background: url(../images/common/bg01.jpg) no-repeat 50% 50%/cover;
  color: var(--white);
}
.voice-section h2 {
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .voice-section h2 {
    margin-bottom: 6.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-section h2 {
    margin-bottom: 4.8125rem;
  }
}
@media (max-width: 768px) {
  .is-android .voice-section h2 {
    font-family: "Noto Serif JP", serif;
  }
}
.voice-section h2 span {
  font-size: 5.1282051282vw;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .voice-section h2 span {
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-section h2 span {
    font-size: 1.25rem;
  }
}
.voice-section .voice-contents {
  width: 82vw;
  margin: 0 auto 20.5128205128vw;
}
@media (min-width: 768px) {
  .voice-section .voice-contents {
    width: calc(100vw - 8.3333333333vw);
    margin-bottom: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .voice-section .voice-contents {
    width: 100%;
    margin-bottom: 5rem;
  }
}
.voice-section .btn {
  margin: 0 auto;
}
.voice-section .slick-arrow.slick-prev {
  left: -7.6923076923vw;
}
@media (min-width: 768px) {
  .voice-section .slick-arrow.slick-prev {
    left: calc((50% - 50vw) + 1.1666666667vw);
  }
}
@media (min-width: 1200px) {
  .voice-section .slick-arrow.slick-prev {
    left: calc((50% - 50vw) + 0.875rem);
  }
}
.voice-section .slick-arrow.slick-next {
  right: -7.6923076923vw;
}
@media (min-width: 768px) {
  .voice-section .slick-arrow.slick-next {
    right: calc((50% - 50vw) + 1.1666666667vw);
  }
}
@media (min-width: 1200px) {
  .voice-section .slick-arrow.slick-next {
    right: calc((50% - 50vw) + 0.875rem);
  }
}

.sale-section {
  background: url(../images/common/bg02.jpg) no-repeat 50% 50%/cover;
}
.sale-section .section_title {
  margin-bottom: 12.0512820513vw;
}
@media (min-width: 768px) {
  .sale-section .section_title {
    margin-bottom: 3.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .sale-section .section_title {
    margin-bottom: 2.9375rem;
  }
}
.sale-section .contract-text {
  margin-bottom: 12.3076923077vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 10.7692307692vw;
  line-height: 0.9523809524;
  text-align: center;
}
@media (min-width: 768px) {
  .sale-section .contract-text {
    margin-bottom: 4vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .sale-section .contract-text {
    margin-bottom: 3rem;
    font-size: 2.625rem;
  }
}
@media (max-width: 768px) {
  .is-android .sale-section .contract-text {
    font-family: "Noto Serif JP", serif;
  }
}
.sale-section .contract-text span {
  font-size: 20.5128205128vw;
  color: var(--special-price);
  line-height: 0.5;
}
@media (min-width: 768px) {
  .sale-section .contract-text span {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .sale-section .contract-text span {
    font-size: 5rem;
  }
}
.sale-section .sale-text {
  margin-bottom: 17.1794871795vw;
  text-align: center;
}
@media (min-width: 768px) {
  .sale-section .sale-text {
    margin-bottom: 5.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .sale-section .sale-text {
    margin-bottom: 4.1875rem;
  }
}
.sale-section .sale-text p:last-of-type {
  margin-bottom: 0;
}
.sale-section .sale-contents {
  width: 100%;
  margin-bottom: 14.358974359vw;
}
@media (min-width: 768px) {
  .sale-section .sale-contents {
    margin-bottom: 4.6666666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .sale-section .sale-contents {
    margin-bottom: 3.5rem;
  }
}
.sale-section .sale-contents .sale-box {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .sale-section .sale-contents .sale-box {
    width: 30.8333333333%;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .sale-section .sale-contents .sale-box {
    width: 23.125rem;
  }
}
.sale-section .sale-contents .sale-box:last-of-type {
  margin-bottom: 0;
}
.sale-section .btn {
  margin: 0 auto;
}

.information-section {
  background-color: var(--white);
}
.information-section .section_title {
  margin-bottom: 12.5641025641vw;
}
@media (min-width: 768px) {
  .information-section .section_title {
    margin-bottom: 3.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .information-section .section_title {
    margin-bottom: 2.3125rem;
  }
}
.information-section .information-list {
  margin-bottom: 16.4102564103vw;
}
@media (min-width: 768px) {
  .information-section .information-list {
    margin-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .information-section .information-list {
    margin-bottom: 4rem;
  }
}
.information-section .btn {
  margin: 0 auto;
}

/* ========================================================================================= ^^
  売却
============================================================================================ ^^ */
.page-baikyaku .sale-banner1 {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .page-baikyaku .sale-banner1 {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .sale-banner1 {
    margin-bottom: 3.125rem;
  }
}
.page-baikyaku .section01 {
  padding-top: 17.9487179487vw;
  padding-bottom: 8.2051282051vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 {
    padding-top: 5.8333333333vw;
    padding-bottom: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 {
    padding-top: 4.375rem;
    padding-bottom: 2rem;
  }
}
.page-baikyaku .section01 .section_title {
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .section_title {
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .section_title {
    margin-bottom: 2.5rem;
  }
}
.page-baikyaku .section01 .section_title2 {
  margin-bottom: 11.2820512821vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .section_title2 {
    margin-bottom: 3.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .section_title2 {
    margin-bottom: 2.75rem;
  }
}
.page-baikyaku .section01 h3 {
  margin-bottom: 14.6153846154vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 7.1794871795vw;
  line-height: 1.7142857143;
  text-align: center;
  font-weight: 600;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 h3 {
    margin-bottom: 4.75vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 h3 {
    margin-bottom: 3.5625rem;
    font-size: 1.75rem;
  }
}
@media (max-width: 768px) {
  .is-android .page-baikyaku .section01 h3 {
    font-family: "Noto Serif JP", serif;
  }
}
.page-baikyaku .section01 .section01-text {
  max-width: 50rem;
  width: 100%;
  padding: 1.7948717949vw 0;
  margin: 0 auto 13.0769230769vw;
  border-radius: 2.5641025641vw;
  background: url(../images/common/bg03.jpg) no-repeat 50% 50%/cover;
  font-size: 4.358974359vw;
  color: var(--white);
  line-height: 2.5;
  font-weight: bold;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .section01-text {
    padding: 0.5833333333vw 0;
    margin-bottom: 4.25vw;
    border-radius: 0.8333333333vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .section01-text {
    padding: 0.4375rem 0;
    margin-bottom: 3.1875rem;
    border-radius: 0.625rem;
    font-size: 1.5rem;
  }
}
.page-baikyaku .section01 .section01-text::after {
  width: 18.2051282051vw;
  height: 20.2564102564vw;
  background: url(../images/common/icon01@2x.png) no-repeat 50% 50%/cover;
  content: " ";
  display: block;
  position: absolute;
  right: -2.5641025641vw;
  bottom: -4.358974359vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .section01-text::after {
    width: 14.75vw;
    height: 16.4166666667vw;
    right: -3.1666666667vw;
    bottom: -1.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .section01-text::after {
    width: 11.0625rem;
    height: 12.3125rem;
    right: -2.375rem;
    bottom: -1.0625rem;
  }
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content.rev {
    flex-direction: row-reverse;
  }
}
.page-baikyaku .section01 .sale-content_content {
  width: 100%;
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content_content {
    width: 50vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content_content {
    width: 37.5rem;
  }
}
.page-baikyaku .section01 .sale-content_image {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content_image {
    width: 46.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content_image {
    width: 35rem;
  }
}
.page-baikyaku .section01 .sale-content_title {
  height: 12.8205128205vw;
  padding-left: 15.3846153846vw;
  margin-bottom: 4.8717948718vw;
  font-size: 5.1282051282vw;
  line-height: 1.2857142857;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content_title {
    height: 6.6666666667vw;
    padding-left: 8.3333333333vw;
    margin-bottom: 1.5833333333vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content_title {
    height: 5rem;
    padding-left: 6.25rem;
    margin-bottom: 1.1875rem;
    font-size: 1.75rem;
  }
}
.page-baikyaku .section01 .sale-content_title::before {
  width: 12.8205128205vw;
  height: 12.8205128205vw;
  background-color: var(--sale-number-bg-color);
  content: " ";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content_title::before {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content_title::before {
    width: 5rem;
    height: 5rem;
  }
}
.page-baikyaku .section01 .sale-content_text {
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content_text {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content_text {
    font-size: 1.125rem;
  }
}
.page-baikyaku .section01 .sale-content_text p:last-of-type {
  margin-bottom: 0;
}
.page-baikyaku .section01 .sale-content .logo {
  width: 61.7948717949vw;
  margin: 8.9743589744vw auto 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content .logo {
    width: 20.0833333333vw;
    margin-top: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content .logo {
    width: 15.0625rem;
    margin-top: 2.1875rem;
  }
}
.page-baikyaku .section01 .sale-content .btn {
  height: 10.7692307692vw;
  margin: 7.4358974359vw auto 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content .btn {
    height: 3.5vw;
    margin-top: 2.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content .btn {
    height: 2.625rem;
    margin-top: 1.8125rem;
  }
}
.page-baikyaku .section01 .sale-content.sale01 {
  margin-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content.sale01 {
    margin-bottom: 5.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content.sale01 {
    margin-bottom: 4.375rem;
  }
}
.page-baikyaku .section01 .sale-content.sale01 .sale-content_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num01.svg) no-repeat 50% 50%;
  background-size: 5.1282051282vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content.sale01 .sale-content_title::before {
    background-size: 3.4166666667vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content.sale01 .sale-content_title::before {
    background-size: 2.5625rem auto;
  }
}
.page-baikyaku .section01 .sale-content.sale02 {
  margin-bottom: 20.5128205128vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content.sale02 {
    margin-bottom: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content.sale02 {
    margin-bottom: 5rem;
  }
}
.page-baikyaku .section01 .sale-content.sale02 .sale-content_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num02.svg) no-repeat 50% 50%;
  background-size: 6.9230769231vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-content.sale02 .sale-content_title::before {
    background-size: 4.5vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-content.sale02 .sale-content_title::before {
    background-size: 3.375rem auto;
  }
}
.page-baikyaku .section01 .sale-banner2 {
  max-width: 75rem;
  width: 100%;
  padding: 21.2820512821vw 5.1282051282vw 14.358974359vw;
  margin: 0 auto;
  background: url(../images/common/bg04.jpg) no-repeat 50% 50%/cover;
  font-size: 4.6153846154vw;
  color: var(--white);
  line-height: 2;
  text-align: center;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-banner2 {
    padding: 6.9166666667vw 1.6666666667vw 4.6666666667vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-banner2 {
    padding: 5.1875rem 0 3.5rem;
    font-size: 1.125rem;
  }
}
.page-baikyaku .section01 .sale-banner2_title {
  margin-bottom: 14.6153846154vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-banner2_title {
    margin-bottom: 4.75vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-banner2_title {
    margin-bottom: 3.5625rem;
  }
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-banner2_title img {
    width: 55.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-banner2_title img {
    width: 41.375rem;
  }
}
.page-baikyaku .section01 .sale-banner2_sub {
  margin-bottom: 13.5897435897vw;
  font-size: 6.1538461538vw;
  line-height: 1.2857142857;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page-baikyaku .section01 .sale-banner2_sub {
    margin-bottom: 4.4166666667vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section01 .sale-banner2_sub {
    margin-bottom: 3.3125rem;
    font-size: 1.75rem;
  }
}
.page-baikyaku .section01 .sale-banner2_text {
  margin-bottom: 0;
}
.page-baikyaku .section02 {
  padding-top: 8.2051282051vw;
  padding-bottom: 11.5384615385vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 {
    padding-top: 2.6666666667vw;
    padding-bottom: 3.75vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section02 {
    padding-top: 2rem;
    padding-bottom: 2.8125rem;
  }
}
.page-baikyaku .section02 .section_title {
  margin-bottom: 16.4102564103vw;
  font-size: 7.1794871795vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 .section_title {
    margin-bottom: 5.3333333333vw;
    font-size: 2.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section02 .section_title {
    margin-bottom: 4rem;
    font-size: 2.125rem;
  }
}
.page-baikyaku .section02 .wrap {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 .wrap {
    margin-bottom: 4.1666666667vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section02 .wrap {
    margin-bottom: 3.125rem;
  }
}
.page-baikyaku .section02 .track-record-box {
  width: 100%;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 .track-record-box {
    width: 24.75%;
  }
}
.page-baikyaku .section02 .track-record-box_title {
  height: 15.3846153846vw;
  background-color: var(--track-record-bg-title);
  font-size: 5.1282051282vw;
  color: var(--white);
  line-height: 1.8;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 .track-record-box_title {
    height: 5vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section02 .track-record-box_title {
    height: 3.75rem;
    font-size: 1.25rem;
  }
}
.page-baikyaku .section02 .track-record-box_list li {
  height: 12.8205128205vw;
  padding: 0 3.8461538462vw;
  border-bottom: 1px solid var(--white);
  background-color: var(--track-record-bg-list);
  font-size: 4.6153846154vw;
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .page-baikyaku .section02 .track-record-box_list li {
    height: 4.1666666667vw;
    padding: 0 1.25vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section02 .track-record-box_list li {
    height: 3.125rem;
    padding: 0 0.9375rem;
    font-size: 1.125rem;
  }
}
.page-baikyaku .section02 .btn {
  margin: 0 auto;
}
.page-baikyaku .section03 {
  padding-top: 11.5384615385vw;
  padding-bottom: 11.5384615385vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 {
    padding-top: 3.75vw;
    padding-bottom: 3.75vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
}
.page-baikyaku .section03 .section_title {
  margin-bottom: 11.7948717949vw;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .section_title {
    margin-bottom: 3.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .section_title {
    margin-bottom: 2.875rem;
  }
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.page-baikyaku .section03 .contents-box {
  width: 100%;
  margin-bottom: 11.5384615385vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box {
    width: 30.8333333333%;
    margin: 0 3.75% 3.75vw 0;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box {
    margin-bottom: 2.8125rem;
  }
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box:nth-of-type(3n) {
    margin-right: 0;
  }
}
.page-baikyaku .section03 .contents-box:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}
.page-baikyaku .section03 .contents-box_title {
  height: 12.8205128205vw;
  padding-left: 15.3846153846vw;
  margin-bottom: 2.8205128205vw;
  font-size: 5.1282051282vw;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  order: 2;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box_title {
    height: 4.1666666667vw;
    padding-left: 5vw;
    margin-bottom: 0.9166666667vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box_title {
    height: 3.125rem;
    padding-left: 3.75rem;
    margin-bottom: 0.6875rem;
    font-size: 1.5rem;
  }
}
.page-baikyaku .section03 .contents-box_title::before {
  width: 12.8205128205vw;
  height: 12.8205128205vw;
  background-color: var(--sale-number-bg-color);
  content: " ";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box_title::before {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box_title::before {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.page-baikyaku .section03 .contents-box_text {
  font-size: 4.6153846154vw;
  line-height: 2;
  order: 3;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box_text {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box_text {
    font-size: 1.125rem;
  }
}
.page-baikyaku .section03 .contents-box_text p:last-of-type {
  margin-bottom: 0;
}
.page-baikyaku .section03 .contents-box_image {
  margin-bottom: 5.1282051282vw;
  order: 1;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box_image {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box_image {
    margin-bottom: 1.25rem;
  }
}
.page-baikyaku .section03 .contents-box.cont01 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num01.svg) no-repeat 50% 50%;
  background-size: 6.2512820513vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box.cont01 .contents-box_title::before {
    background-size: 2.0316666667vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box.cont01 .contents-box_title::before {
    background-size: 1.52375rem auto;
  }
}
.page-baikyaku .section03 .contents-box.cont02 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num02.svg) no-repeat 50% 50%;
  background-size: 8.2384615385vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box.cont02 .contents-box_title::before {
    background-size: 2.6775vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box.cont02 .contents-box_title::before {
    background-size: 2.008125rem auto;
  }
}
.page-baikyaku .section03 .contents-box.cont03 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num03.svg) no-repeat 50% 50%;
  background-size: 8.1384615385vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box.cont03 .contents-box_title::before {
    background-size: 2.645vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box.cont03 .contents-box_title::before {
    background-size: 1.98375rem auto;
  }
}
.page-baikyaku .section03 .contents-box.cont04 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num04.svg) no-repeat 50% 50%;
  background-size: 8.3282051282vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box.cont04 .contents-box_title::before {
    background-size: 2.7066666667vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box.cont04 .contents-box_title::before {
    background-size: 2.03rem auto;
  }
}
.page-baikyaku .section03 .contents-box.cont05 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num05.svg) no-repeat 50% 50%;
  background-size: 8.2538461538vw auto;
}
@media (min-width: 768px) {
  .page-baikyaku .section03 .contents-box.cont05 .contents-box_title::before {
    background-size: 2.6825vw auto;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .section03 .contents-box.cont05 .contents-box_title::before {
    background-size: 2.011875rem auto;
  }
}
.page-baikyaku .lower-text {
  margin-top: 8.9743589744vw;
  margin-bottom: 15.8974358974vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 6.1538461538vw;
  line-height: 1.6875;
  text-align: center;
}
@media (min-width: 768px) {
  .page-baikyaku .lower-text {
    margin-top: 6vw;
    margin-bottom: 5.1666666667vw;
    font-size: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-baikyaku .lower-text {
    margin-top: 4.5rem;
    margin-bottom: 3.875rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .is-android .page-baikyaku .lower-text {
    font-family: "Noto Serif JP", serif;
  }
}
.page-baikyaku .lower-text p:last-of-type {
  margin-bottom: 0;
}

/* ========================================================================================= ^^
  売却実績
============================================================================================ ^^ */
.page-sale_result .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-sale_result .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-sale_result .section01 {
    padding-top: 3.5rem;
  }
}
.page-sale_result h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-sale_result h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-sale_result h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.page-sale_result .property-block {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .page-sale_result .property-block {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-sale_result .property-block {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  .page-sale_result .navigation.pagination {
    margin-bottom: -1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-sale_result .navigation.pagination {
    margin-bottom: -1.125rem;
  }
}

.single-sale_result .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .single-sale_result .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .single-sale_result .section01 {
    padding-top: 3.5rem;
  }
}
.single-sale_result h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .single-sale_result h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .single-sale_result h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

/* ========================================================================================= ^^
  分譲
============================================================================================ ^^ */
.page-bunjo .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-bunjo .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo .section01 {
    padding-top: 3.5rem;
  }
}
.page-bunjo h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-bunjo h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.page-bunjo .property-block {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .page-bunjo .property-block {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo .property-block {
    margin-bottom: 3.125rem;
  }
}
.page-bunjo .property-block .price {
  font-size: 6.1538461538vw;
  color: var(--property-price);
  line-height: 1.1666666667;
  font-weight: bold;
}
@media (min-width: 768px) {
  .page-bunjo .property-block .price {
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo .property-block .price {
    font-size: 1.5rem;
  }
}
.page-bunjo .property-block .price .unit {
  font-size: 4.6153846154vw;
  line-height: 1.5555555556;
}
@media (min-width: 768px) {
  .page-bunjo .property-block .price .unit {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo .property-block .price .unit {
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .page-bunjo .navigation.pagination {
    margin-bottom: -1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-bunjo .navigation.pagination {
    margin-bottom: -1.125rem;
  }
}

.single-bunjo .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .single-bunjo .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 5.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .single-bunjo .section01 {
    padding-top: 3.5rem;
    padding-bottom: 4.375rem;
  }
}
.single-bunjo h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .single-bunjo h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .single-bunjo h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

/* ========================================================================================= ^^
  売却査定フォーム
============================================================================================ ^^ */
.satei-banner {
  width: 100%;
  padding: 5.1282051282vw;
  margin-bottom: 12.8205128205vw;
  background: url(../images/baikyaku/satei/bg-form.jpg) no-repeat 50% 50%/cover;
  font-size: 4.6153846154vw;
  color: var(--white);
  text-align: center;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .satei-banner {
    height: 26.6666666667vw;
    padding-top: 2.1666666667vw;
    margin-bottom: 4.1666666667vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .satei-banner {
    height: 20rem;
    padding-top: 1.625rem;
    margin-bottom: 3.125rem;
    font-size: 1.25rem;
  }
}
.satei-banner p {
  margin: 0;
}
.satei-banner em {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 10.7692307692vw;
  font-weight: normal;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .satei-banner em {
    font-size: 4vw;
    line-height: 2.0833333333;
  }
}
@media (min-width: 1200px) {
  .satei-banner em {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .is-android .satei-banner em {
    font-family: "Noto Serif JP", serif;
  }
}

.page-satei .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-satei .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-satei .section01 {
    padding-top: 3.5rem;
  }
}
.page-satei h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-satei h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-satei h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.page-satei .form-table {
  margin-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-satei .form-table {
    margin-bottom: 5vw;
  }
}
@media (min-width: 1200px) {
  .page-satei .form-table {
    margin-bottom: 3.75rem;
  }
}
.page-satei .thanks-message {
  text-align: center;
}
.page-satei .thanks-message h2 {
  font-size: 7.1794871795vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .page-satei .thanks-message h2 {
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-satei .thanks-message h2 {
    font-size: 1.75rem;
  }
}
.page-satei .thanks-message .btn-top {
  margin: 25.641025641vw auto 0;
}
@media (min-width: 768px) {
  .page-satei .thanks-message .btn-top {
    width: 21.6666666667vw;
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-satei .thanks-message .btn-top {
    width: 16.25rem;
    margin-top: 6.25rem;
  }
}

/* ========================================================================================= ^^
  お問い合わせ
============================================================================================ ^^ */
.page-inquiry .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-inquiry .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry .section01 {
    padding-top: 3.5rem;
  }
}
.page-inquiry h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-inquiry h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

.page-inquiry_reform  .section01 {
  padding-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-inquiry_reform  .section01 {
    padding-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry_reform  .section01 {
    padding-top: 3.5rem;
  }
}
.page-inquiry_reform  h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-inquiry_reform  h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry_reform  h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

.page-inquiry .form-table {
  margin-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-inquiry .form-table {
    margin-bottom: 5vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry .form-table {
    margin-bottom: 3.75rem;
  }
}
.page-inquiry .thanks-message {
  text-align: center;
}
.page-inquiry .thanks-message h2 {
  font-size: 7.1794871795vw;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .page-inquiry .thanks-message h2 {
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry .thanks-message h2 {
    font-size: 1.75rem;
  }
}
.page-inquiry .thanks-message .btn-top {
  margin: 25.641025641vw auto 0;
}
@media (min-width: 768px) {
  .page-inquiry .thanks-message .btn-top {
    width: 21.6666666667vw;
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-inquiry .thanks-message .btn-top {
    width: 16.25rem;
    margin-top: 6.25rem;
  }
}

/* ========================================================================================= ^^
  施工事例
============================================================================================ ^^ */
.page-live_news .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-live_news .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 8.5vw;
  }
}
@media (min-width: 1200px) {
  .page-live_news .section01 {
    padding-top: 3.5rem;
    padding-bottom: 6.375rem;
  }
}
.page-live_news h1.section_title {
  margin-bottom: 11.0256410256vw;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .page-live_news h1.section_title {
    margin-bottom: 3.5833333333vw;
    line-height: 0.75;
  }
}
@media (min-width: 1200px) {
  .page-live_news h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.page-live_news .portfolio-box-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .page-live_news .portfolio-box-wrap {
    justify-content: flex-start;
  }
}
.page-live_news .portfolio-box-wrap .portfolio-box {
  width: 48%;
  margin: 0 0 5.1282051282vw;
}
@media (min-width: 768px) {
  .page-live_news .portfolio-box-wrap .portfolio-box {
    width: 32%;
    margin: 0 2% 4.1666666667vw 0;
  }
}
@media (min-width: 768px) {
  .page-live_news .portfolio-box-wrap .portfolio-box {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 768px) {
  .page-live_news .portfolio-box-wrap .portfolio-box:nth-of-type(3n) {
    margin-right: 0;
  }
}

/* ========================================================================================= ^^
  Company
============================================================================================ ^^ */
.company-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url(../images/company/bg-company.jpg) no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .company-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .company-title {
    height: 20rem;
    margin-bottom: 1.25rem;
  }
}
.company-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}
@media (min-width: 768px) {
  .company-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .company-title h2 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .is-android .company-title h2 {
    font-family: "Noto Serif JP", serif;
  }
}
.company-title h2 .small {
  font-size: 8.2051282051vw;
  line-height: 1.4375;
}
@media (min-width: 768px) {
  .company-title h2 .small {
    font-size: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .company-title h2 .small {
    font-size: 2rem;
  }
}

.company-menu:first-of-type {
  margin-bottom: 8.4615384615vw;
}
@media (min-width: 768px) {
  .company-menu:first-of-type {
    margin-bottom: 2.75vw;
  }
}
@media (min-width: 1200px) {
  .company-menu:first-of-type {
    margin-bottom: 2.0625rem;
  }
}

.page-company .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}

@media (min-width: 768px) {
  .page-company .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-company .section01 {
    padding-top: 3.5rem;
    padding-bottom: 4rem;
  }
}
.page-company h1.section_title {
  margin-bottom: 11.0256410256vw;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .page-company h1.section_title {
    margin-bottom: 3.5833333333vw;
    line-height: 0.75;
  }
}
@media (min-width: 1200px) {
  .page-company h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.company-title h2 {
  text-align: center;
  line-height: 100%;
}

.company-title h2 span {
  display: block;
  font-size: 2rem;
}

@media (max-width: 768px) {
  .company-title h2 span {
    font-size: 1rem;
  }
}
.company-department {
  margin-bottom: 5.1282051282vw;
}

@media (min-width: 768px) {
  .company-department {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .company-department {
    margin-bottom: 1.25rem;
  }
}
.company-department_title {
  width: 100%;
  height: 10.2564102564vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 7.6923076923vw;
  background-color: #222222;
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 1.4285714286;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 768px) {
  .company-department_title {
    height: 4.6666666667vw;
    padding: 0 2vw;
    margin-bottom: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .company-department_title {
    height: 3.5rem;
    padding: 0 1.5rem;
    margin-bottom: 1.875rem;
    font-size: 1.3125rem;
  }
}
.company-department_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .company-department_inner {
    justify-content: flex-start;
  }
}
.company_greeting {
  width: 100%;
}

.company_greeting h4 {
  font-size: 34px;
  margin-bottom: 25px;
  line-height: initial;
}

@media (max-width: 768px) {
  .company_greeting h4 {
    font-size: 1.5rem;
    margin: 0 0 15px;
  }
}
.company_greeting p.ceo_name {
  text-align: right;
}

.company_greeting p.ceo_name img {
  width: 292px;
}

.company_outline {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .company_outline {
    flex-wrap: inherit;
  }
}
.company_outline div {
  max-width: 480px;
}

.company_outline img {
  margin-bottom: 38px;
}

.company_outline img:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .company_outline div {
    display: flex;
    width: 100%;
    align-items: baseline;
    gap: 0 10px;
  }
  .company_outline img, .company_outline img:last-child {
    width: 48%;
    margin-bottom: 20px;
  }
}
.company_outline table {
  max-width: 680px;
}

.company_outline table th {
  width: 180px;
  background: #F6F5EE;
  border-bottom: 2px solid #ffffff;
  text-align: left;
  padding: 0 20px;
}

.company_outline table td {
  padding: 0 20px;
  line-height: initial;
}

@media (max-width: 768px) {
  .company_outline table th {
    width: 30%;
    padding: 0 10px;
  }
  .company_outline table td {
    padding: 0 10px;
  }
}
#company_access iframe {
  margin-bottom: 1.5rem;
}

.company_shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .company_shop {
    flex-wrap: wrap;
  }
}
.company_shop div {
  max-width: 640px;
  width: 49%;
}

@media (max-width: 768px) {
  .company_shop div {
    width: 100%;
  }
}
.company_shop div h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.company_shop div div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: auto;
  gap: 0 1.5rem;
}

@media (max-width: 768px) {
  .company_shop div div {
    gap: unset;
  }
}
.company_shop div div img {
  max-width: 200px;
  width: 30%;
}

.company_shop img {
  margin-bottom: 20px;
}

.company_shop img:last-child {
  margin-bottom: 0;
}

.company_shop table {
  width: 100%;
  max-width: 530px;
}

.company_shop table th {
  width: 140px;
  background: #F6F5EE;
  border-bottom: 1px solid #ffffff;
  text-align: left;
  padding: 10px 20px;
}

.company_shop table td {
  padding: 10px 20px;
  line-height: initial;
}

@media (max-width: 768px) {
  .company_shop table th {
    width: 35%;
  }
}
#company_recruit {
  width: 100%;
  margin-bottom: 3rem;
}

#company_recruit table {
  width: 100%;
  margin-bottom: 3rem;
}

#company_recruit table th {
  width: 240px;
  background: #F6F5EE;
  border-bottom: 2px solid #ffffff;
  text-align: left;
  padding: 10px 20px;
}

@media (max-width: 768px) {
  #company_recruit table th {
    width: 30%;
    padding: 10px;
  }
}
#company_recruit table td {
  padding: 10px 20px;
  line-height: initial;
}

.company-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

.company-buttons .btn-on {
  width: 100%;
}

@media (min-width: 768px) {
  .company-buttons .btn-on {
    width: 41.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .company-buttons .btn-on {
    width: 31.25rem;
  }
}
.btn4 {
  width: 100%;
  height: 15.3846153846vw;
  margin-bottom: 0;
  font-size: 4.6153846154vw;
  color: var(--white);
  font-weight: bold;
}

@media (min-width: 768px) {
  .btn4 {
    height: 5vw;
    font-size: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .btn4 {
    height: 3.75rem;
    font-size: 1.25rem;
  }
}
a.btn4 {
  width: 100%;
  height: 15.3846153846vw;
  padding: 0;
  margin: auto;
  border-radius: 1.2820512821vw;
  font-size: 4.6153846154vw;
  color: var(--white);
  font-weight: bold;
  border: none;
  background: var(--button2-color) url(../images/common/icon-arrow02.svg) no-repeat 97% 50%;
  background-size: 3.3333333333vw auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@media (min-width: 768px) {
  a.btn4 {
    height: 5vw;
    border-radius: 0.4166666667vw;
    background-position: 99.2% 50%;
    background-size: 1.0833333333vw auto;
    font-size: 1.6666666667vw;
    width: 41.6666666667vw;
  }
}
@media (min-width: 1200px) {
  a.btn4 {
    width: 31.25rem;
    height: 3.75rem;
    border-radius: 0.3125rem;
    background-size: 0.8125rem auto;
    font-size: 1.25rem;
  }
}
a.btn4.no-arrow {
  background: #AAAAAA;
  pointer-events: none;
}

.btn-on, .btn-off {
  min-width: 500px;
}

@media (max-width: 768px) {
  .btn-on, .btn-off {
    min-width: inherit;
  }
}
/* ========================================================================================= ^^
  Staff
============================================================================================ ^^ */
.page-staff .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-staff .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-staff .section01 {
    padding-top: 3.5rem;
    padding-bottom: 4rem;
  }
}
.page-staff h1.section_title {
  margin-bottom: 11.0256410256vw;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .page-staff h1.section_title {
    margin-bottom: 3.5833333333vw;
    line-height: 0.75;
  }
}
@media (min-width: 1200px) {
  .page-staff h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

.staff-department {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  .staff-department {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .staff-department {
    margin-bottom: 1.25rem;
  }
}
.staff-department_title {
  width: 100%;
  height: 10.2564102564vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 7.6923076923vw;
  background-color: var(--staff-department-title);
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 1.4285714286;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .staff-department_title {
    height: 4.6666666667vw;
    padding: 0 2vw;
    margin-bottom: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .staff-department_title {
    height: 3.5rem;
    padding: 0 1.5rem;
    margin-bottom: 1.875rem;
    font-size: 1.3125rem;
  }
}
.staff-department_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .staff-department_inner {
    justify-content: flex-start;
  }
}
.staff-department_inner .staff-box {
  width: 48%;
  margin-bottom: 6.4102564103vw;
}
@media (min-width: 768px) {
  .staff-department_inner .staff-box {
    width: 23%;
    margin: 0 2.6666666667% 2.3333333333vw 0;
  }
}
@media (min-width: 1200px) {
  .staff-department_inner .staff-box {
    margin-bottom: 1.75rem;
  }
}
.staff-department_inner .staff-box:nth-of-type(4n) {
  margin-right: 0;
}

/* ========================================================================================= ^^
  Blog
============================================================================================ ^^ */
.page-blog .section01,
.single-blog .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-blog .section01,
.single-blog .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 7.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-blog .section01,
.single-blog .section01 {
    padding-top: 3.5rem;
    padding-bottom: 5.3125rem;
  }
}
.page-blog h1.section_title,
.single-blog h1.section_title {
  margin-bottom: 11.0256410256vw;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .page-blog h1.section_title,
.single-blog h1.section_title {
    margin-bottom: 3.5833333333vw;
    line-height: 0.75;
  }
}
@media (min-width: 1200px) {
  .page-blog h1.section_title,
.single-blog h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

.page-blog .section.section01 {
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-blog .section.section01 {
    padding-bottom: 9.0833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-blog .section.section01 {
    padding-bottom: 6.8125rem;
  }
}
.page-blog .section_inner {
  margin-bottom: 19.2307692308vw;
}
@media (min-width: 768px) {
  .page-blog .section_inner {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 1200px) {
  .page-blog .section_inner {
    margin-bottom: 4.6875rem;
  }
}

/* ========================================================================================= ^^
  Voice
============================================================================================ ^^ */
.page-voice .section01,
.single-voice .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .page-voice .section01,
.single-voice .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 9.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-voice .section01,
.single-voice .section01 {
    padding-top: 3.5rem;
    padding-bottom: 7.25rem;
  }
}
.page-voice h1.section_title,
.single-voice h1.section_title {
  margin-bottom: 11.0256410256vw;
}
@media (min-width: 768px) {
  .page-voice h1.section_title,
.single-voice h1.section_title {
    margin-bottom: 3.5833333333vw;
  }
}
@media (min-width: 1200px) {
  .page-voice h1.section_title,
.single-voice h1.section_title {
    margin-bottom: 2.6875rem;
  }
}

.page-voice .voice-box-wrap {
  width: 100%;
  margin-bottom: 6.9230769231vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .page-voice .voice-box-wrap {
    margin-bottom: 2.25vw;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .page-voice .voice-box-wrap {
    margin-bottom: 1.6875rem;
  }
}
.page-voice .voice-box {
  width: 48%;
}
@media (min-width: 768px) {
  .page-voice .voice-box {
    width: 23%;
    margin: 0 2.6666666667% 3.3333333333vw 0;
  }
}
@media (min-width: 1200px) {
  .page-voice .voice-box {
    margin-bottom: 2.5rem;
  }
}
.page-voice .voice-box:nth-of-type(4n) {
  margin-right: 0;
}

.voice-movie {
  text-align: center;
}

/* ========================================================================================= ^^
  建てたいが叶う家づくり
============================================================================================ ^^ */
.page-tochikarakodate .page-title {
  margin-top: 14.358974359vw;
  margin-bottom: 10.5128205128vw;
}
@media (min-width: 768px) {
  .page-tochikarakodate .page-title {
    margin-top: 4.6666666667vw;
    margin-bottom: 3.4166666667vw;
  }
}
@media (min-width: 1200px) {
  .page-tochikarakodate .page-title {
    margin-top: 3.5rem;
    margin-bottom: 2.5625rem;
  }
}
.page-tochikarakodate .kv {
  margin-bottom: 12.8205128205vw;
}
@media (min-width: 768px) {
  .page-tochikarakodate .kv {
    margin-bottom: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-tochikarakodate .kv {
    margin-bottom: 3.125rem;
  }
}

.problem-section {
  padding-top: 10.2564102564vw;
  padding-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .problem-section {
    padding-top: 3.3333333333vw;
    padding-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .problem-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.problem-section h2 {
  margin-bottom: 12.8205128205vw;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 7.6923076923vw;
  line-height: 1.7058823529;
  text-align: center;
  font-weight: normal;
}
@media (min-width: 768px) {
  .problem-section h2 {
    margin-bottom: 4.1666666667vw;
    font-size: 2.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .problem-section h2 {
    margin-bottom: 3.125rem;
    font-size: 2.125rem;
  }
}

.problem-block {
  margin-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .problem-block {
    margin-bottom: 5.8333333333vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .problem-block {
    margin-bottom: 4.375rem;
  }
}
.problem-block:last-of-type {
  margin-bottom: 0;
}
.problem-block_title {
  height: 15.3846153846vw;
  padding-left: 20.5128205128vw;
  margin-bottom: 5.1282051282vw;
  font-size: 6.1538461538vw;
  line-height: 1.2857142857;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .problem-block_title {
    height: 6.6666666667vw;
    padding-left: 8.3333333333vw;
    margin-bottom: 1.6666666667vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .problem-block_title {
    height: 5rem;
    padding-left: 6.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
  }
}
.problem-block_title::before {
  width: 15.3846153846vw;
  height: 15.3846153846vw;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .problem-block_title::before {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .problem-block_title::before {
    width: 5rem;
    height: 5rem;
  }
}
.problem-block_cont {
  width: 100%;
}
@media (min-width: 768px) {
  .problem-block_cont {
    width: 50%;
  }
}
.problem-block_text {
  margin-bottom: 7.6923076923vw;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .problem-block_text {
    margin-bottom: 0;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .problem-block_text {
    font-size: 1.125rem;
  }
}
.problem-block_image {
  width: 100%;
}
@media (min-width: 768px) {
  .problem-block_image {
    width: 46.6666666667%;
  }
}
.problem-block.problem01 .problem-block_title::before {
  background: var(--flow-num-color) url(../images/common/num01.svg) no-repeat 50% 50%;
  background-size: 7.9487179487vw auto;
}
@media (min-width: 768px) {
  .problem-block.problem01 .problem-block_title::before {
    background-size: 3.4166666667vw auto;
  }
}
@media (min-width: 1200px) {
  .problem-block.problem01 .problem-block_title::before {
    background-size: 2.5625rem auto;
  }
}
@media (min-width: 768px) {
  .problem-block.problem02 {
    flex-direction: row-reverse;
  }
}
.problem-block.problem02 .problem-block_title::before {
  background: var(--flow-num-color) url(../images/common/num02.svg) no-repeat 50% 50%;
  background-size: 10.5128205128vw auto;
}
@media (min-width: 768px) {
  .problem-block.problem02 .problem-block_title::before {
    background-size: 4.5vw auto;
  }
}
@media (min-width: 1200px) {
  .problem-block.problem02 .problem-block_title::before {
    background-size: 3.375rem auto;
  }
}
.problem-block.problem03 .problem-block_title::before {
  background: var(--flow-num-color) url(../images/common/num03.svg) no-repeat 50% 50%;
  background-size: 10.5128205128vw auto;
}
@media (min-width: 768px) {
  .problem-block.problem03 .problem-block_title::before {
    background-size: 4.5vw auto;
  }
}
@media (min-width: 1200px) {
  .problem-block.problem03 .problem-block_title::before {
    background-size: 3.375rem auto;
  }
}

.reason-section {
  padding-top: 10.2564102564vw;
  padding-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .reason-section {
    padding-top: 3.3333333333vw;
    padding-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .reason-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.reason-section .section_title {
  width: 100%;
  height: 56.4102564103vw;
  margin-bottom: 23.0769230769vw;
  background: url(../images/tochikarakodate/bg-reason.jpg) no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .reason-section .section_title {
    height: 35vw;
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 1200px) {
  .reason-section .section_title {
    height: 26.25rem;
    margin-bottom: 5.625rem;
  }
}
.reason-section .section_title img {
  width: 80%;
}
@media (min-width: 768px) {
  .reason-section .section_title img {
    width: 58vw;
  }
}
@media (min-width: 1200px) {
  .reason-section .section_title img {
    width: 43.5rem;
  }
}

.reason-block {
  margin-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .reason-block {
    margin-bottom: 5.8333333333vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .reason-block {
    margin-bottom: 4.375rem;
  }
}
.reason-block:last-of-type {
  margin-bottom: 0;
}
.reason-block_title {
  height: 20.5128205128vw;
  padding-left: 25.641025641vw;
  margin-bottom: 5.8974358974vw;
  font-size: 6.1538461538vw;
  line-height: 1.2857142857;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .reason-block_title {
    height: 10.8333333333vw;
    padding-left: 12.5vw;
    margin-bottom: 1.9166666667vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .reason-block_title {
    height: 8.125rem;
    padding-left: 9.375rem;
    margin-bottom: 1.4375rem;
    font-size: 1.75rem;
  }
}
.reason-block_title::before {
  width: 20.5128205128vw;
  height: 20.5128205128vw;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .reason-block_title::before {
    width: 10.8333333333vw;
    height: 10.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .reason-block_title::before {
    width: 8.125rem;
    height: 8.125rem;
  }
}
.reason-block_cont {
  width: 100%;
}
@media (min-width: 768px) {
  .reason-block_cont {
    width: 50%;
  }
}
.reason-block_text {
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .reason-block_text {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .reason-block_text {
    font-size: 1.125rem;
  }
}
.reason-block_image {
  width: 100%;
}
@media (min-width: 768px) {
  .reason-block_image {
    width: 46.6666666667%;
  }
}
.reason-block.reason01 .reason-block_title::before {
  background: url(../images/common/reason-num01.svg) no-repeat 50% 50%/cover;
}
@media (min-width: 768px) {
  .reason-block.reason02 {
    flex-direction: row-reverse;
  }
}
.reason-block.reason02 .reason-block_title::before {
  background: url(../images/common/reason-num02.svg) no-repeat 50% 50%/cover;
}
.reason-block.reason03 .reason-block_title::before {
  background: url(../images/common/reason-num03.svg) no-repeat 50% 50%/cover;
}

/* ========================================================================================= ^^
  Concept
============================================================================================ ^^ */
.page-concept .page-title {
  margin-top: 14.358974359vw;
}
@media (min-width: 768px) {
  .page-concept .page-title {
    margin-top: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-concept .page-title {
    margin-top: 3.5rem;
  }
}

.concept-section {
  padding-top: 9.4871794872vw;
  padding-bottom: 8.9743589744vw;
}
@media (min-width: 768px) {
  .concept-section {
    padding-top: 3.0833333333vw;
    padding-bottom: 2.9166666667vw;
  }
}
@media (min-width: 1200px) {
  .concept-section {
    padding-top: 2.3125rem;
    padding-bottom: 2.1875rem;
  }
}
.concept-section .section_title {
  margin-bottom: 14.358974359vw;
}
@media (min-width: 768px) {
  .concept-section .section_title {
    margin-bottom: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .concept-section .section_title {
    margin-bottom: 3.5rem;
  }
}

.concept-block {
  width: 100%;
  margin-bottom: 17.9487179487vw;
}
@media (min-width: 768px) {
  .concept-block {
    margin-bottom: 5.8333333333vw;
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .concept-block {
    margin-bottom: 4.375rem;
  }
}
.concept-block:last-of-type {
  margin-bottom: 0;
}
.concept-block_cont {
  width: 100%;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .concept-block_cont {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .concept-block_cont {
    font-size: 1.125rem;
  }
}
.concept-block_title {
  margin-bottom: 3.5897435897vw;
  font-size: 7.1794871795vw;
  line-height: 1.2857142857;
}
@media (min-width: 768px) {
  .concept-block_title {
    margin-bottom: 1.1666666667vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .concept-block_title {
    margin-bottom: 0.875rem;
    font-size: 1.75rem;
  }
}
.concept-block_images {
  width: 100%;
}
.concept-block_images .concept-block_image {
  margin-bottom: 5.1282051282vw;
}
@media (min-width: 768px) {
  .concept-block_images .concept-block_image {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .concept-block_images .concept-block_image {
    margin-bottom: 1.25rem;
  }
}
.concept-block_images .concept-block_image:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .concept-block.concept01 .concept-block_cont {
    width: 42.5%;
  }
}
@media (min-width: 768px) {
  .concept-block.concept01 .concept-block_images {
    width: 53.3333333333%;
  }
}
.concept-block.concept02 {
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .concept-block.concept02 .concept-block_cont {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .concept-block.concept02 .concept-block_images {
    width: 46.6666666667%;
  }
}

.interview-section {
  padding-top: 8.9743589744vw;
  padding-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .interview-section {
    padding-top: 2.9166666667vw;
    padding-bottom: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .interview-section {
    padding-top: 2.1875rem;
    padding-bottom: 1.875rem;
  }
}
.interview-section .section_title {
  margin-bottom: 14.358974359vw;
}
@media (min-width: 768px) {
  .interview-section .section_title {
    margin-bottom: 4.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .interview-section .section_title {
    margin-bottom: 3.5rem;
  }
}
.interview-section_button {
  margin: 12.8205128205vw auto 0;
}
@media (min-width: 768px) {
  .interview-section_button {
    width: 40vw;
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .interview-section_button {
    width: 30rem;
    margin-top: 3.125rem;
  }
}

.interview-block {
  width: 100%;
}
@media (min-width: 768px) {
  .interview-block {
    display: flex;
    justify-content: space-between;
  }
}
.interview-block_cont {
  width: 100%;
  margin-bottom: 7.6923076923vw;
}
@media (min-width: 768px) {
  .interview-block_cont {
    width: 50%;
    margin-bottom: 0;
  }
}
.interview-block_title {
  margin-bottom: 8.4615384615vw;
  font-size: 7.1794871795vw;
  line-height: 1.2857142857;
}
@media (min-width: 768px) {
  .interview-block_title {
    margin-bottom: 2.75vw;
    font-size: 2.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .interview-block_title {
    margin-bottom: 2.0625rem;
    font-size: 1.75rem;
  }
}
.interview-block_list dt {
  padding-left: 10.2564102564vw;
  background: url(../images/common/icon-mic.svg) no-repeat 0 50%;
  background-size: 7.1794871795vw auto;
  font-size: 5.641025641vw;
  line-height: 1.6363636364;
  font-weight: bold;
}
@media (min-width: 768px) {
  .interview-block_list dt {
    padding-left: 3.3333333333vw;
    background-size: 2.3333333333vw auto;
    font-size: 1.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .interview-block_list dt {
    padding-left: 2.5rem;
    background-size: 1.75rem auto;
    font-size: 1.375rem;
  }
}
.interview-block_list dd {
  padding-left: 10.2564102564vw;
  margin-bottom: 5.641025641vw;
  font-size: 4.6153846154vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .interview-block_list dd {
    padding-left: 3.3333333333vw;
    margin-bottom: 1.8333333333vw;
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .interview-block_list dd {
    padding-left: 2.5rem;
    margin-bottom: 1.375rem;
    font-size: 1.125rem;
  }
}
.interview-block_list dd:last-of-type {
  margin-bottom: 0;
}
.interview-block_images {
  width: 100%;
}
@media (min-width: 768px) {
  .interview-block_images {
    width: 46.6666666667%;
  }
}

/* ========= 不動産売却の流れ ========= */
.page-contents .section01 {
  padding-top: 17.9487179487vw;
  padding-bottom: 8.2051282051vw;
}
@media (min-width: 768px) {
  .page-contents .section01 {
    padding-top: 5.8333333333vw;
    padding-bottom: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section01 {
    padding-top: 4.375rem;
    padding-bottom: 2rem;
  }
}
.page-contents .section01 .section_title {
  margin-bottom: 10.2564102564vw;
}
@media (min-width: 768px) {
  .page-contents .section01 .section_title {
    margin-bottom: 3.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section01 .section_title {
    margin-bottom: 2.5rem;
  }
}
.page-contents .section01 .section_title2 {
  margin-bottom: 11.2820512821vw;
}
@media (min-width: 768px) {
  .page-contents .section01 .section_title2 {
    margin-bottom: 3.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section01 .section_title2 {
    margin-bottom: 2.75rem;
  }
}
.page-contents .section03 {
  padding-top: 11.5384615385vw;
  padding-bottom: 11.5384615385vw;
}
@media (min-width: 768px) {
  .page-contents .section03 {
    padding-top: 3.75vw;
    padding-bottom: 3.75vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }
}
.page-contents .section03 .section_title {
  margin-bottom: 11.7948717949vw;
}
@media (min-width: 768px) {
  .page-contents .section03 .section_title {
    margin-bottom: 3.8333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .section_title {
    margin-bottom: 2.875rem;
  }
}
@media (min-width: 768px) {
  .page-contents .section03 .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.page-contents .section03 .contents-box {
  width: 100%;
  margin-bottom: 11.5384615385vw;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box {
    width: 30.8333333333%;
    margin: 0 3.75% 3.75vw 0;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box {
    margin-bottom: 2.8125rem;
  }
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box:nth-of-type(3n) {
    margin-right: 0;
  }
}
.page-contents .section03 .contents-box:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box:nth-last-of-type(-n+2) {
    margin-bottom: 0;
  }
}
.page-contents .section03 .contents-box_title {
  height: 12.8205128205vw;
  padding-left: 15.3846153846vw;
  margin-bottom: 2.8205128205vw;
  font-size: 5.1282051282vw;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  order: 2;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box_title {
    height: 4.1666666667vw;
    padding-left: 5vw;
    margin-bottom: 0.9166666667vw;
    font-size: 2vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box_title {
    height: 3.125rem;
    padding-left: 3.75rem;
    margin-bottom: 0.6875rem;
    font-size: 1.5rem;
  }
}
.page-contents .section03 .contents-box_title::before {
  width: 12.8205128205vw;
  height: 12.8205128205vw;
  background-color: var(--sale-number-bg-color);
  content: " ";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box_title::before {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box_title::before {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.page-contents .section03 .contents-box_text {
  font-size: 4.6153846154vw;
  line-height: 2;
  order: 3;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box_text {
    font-size: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box_text {
    font-size: 1.125rem;
  }
}
.page-contents .section03 .contents-box_text p:last-of-type {
  margin-bottom: 0;
}
.page-contents .section03 .contents-box_image {
  margin-bottom: 5.1282051282vw;
  order: 1;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box_image {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box_image {
    margin-bottom: 1.25rem;
  }
}
.page-contents .section03 .contents-box.cont01 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num01.svg) no-repeat 50% 50%;
  background-size: 6.2512820513vw auto;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box.cont01 .contents-box_title::before {
    background-size: 2.0316666667vw auto;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box.cont01 .contents-box_title::before {
    background-size: 1.52375rem auto;
  }
}
.page-contents .section03 .contents-box.cont02 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num02.svg) no-repeat 50% 50%;
  background-size: 8.2384615385vw auto;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box.cont02 .contents-box_title::before {
    background-size: 2.6775vw auto;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box.cont02 .contents-box_title::before {
    background-size: 2.008125rem auto;
  }
}
.page-contents .section03 .contents-box.cont03 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num03.svg) no-repeat 50% 50%;
  background-size: 8.1384615385vw auto;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box.cont03 .contents-box_title::before {
    background-size: 2.645vw auto;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box.cont03 .contents-box_title::before {
    background-size: 1.98375rem auto;
  }
}
.page-contents .section03 .contents-box.cont04 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num04.svg) no-repeat 50% 50%;
  background-size: 8.3282051282vw auto;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box.cont04 .contents-box_title::before {
    background-size: 2.7066666667vw auto;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box.cont04 .contents-box_title::before {
    background-size: 2.03rem auto;
  }
}
.page-contents .section03 .contents-box.cont05 .contents-box_title::before {
  background: var(--sale-number-bg-color) url(../images/common/num05.svg) no-repeat 50% 50%;
  background-size: 8.2538461538vw auto;
}
@media (min-width: 768px) {
  .page-contents .section03 .contents-box.cont05 .contents-box_title::before {
    background-size: 2.6825vw auto;
  }
}
@media (min-width: 1200px) {
  .page-contents .section03 .contents-box.cont05 .contents-box_title::before {
    background-size: 2.011875rem auto;
  }
}

.sp-only {
  display: none !important;
}

.pc-only {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .sp-only {
    display: block !important;
  }
  .pc-only {
    display: none !important;
  }
}
.flow-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url("../images/contents/sale-flow/mv.jpg") no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .flow-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .flow-title {
    height: 20rem;
    margin-bottom: 2.25rem;
  }
}
.flow-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}

@media (min-width: 768px) {
  .flow-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .flow-title h2 {
    font-size: 3rem;
  }
}
.flow_section .flow_box, .flow_section .flow_box_last {
  width: 100%;
  position: relative;
  margin-bottom: 3.8rem;
}

.flow_section .flow_box::after {
  text-align: center;
  padding: 10px 0;
  width: 100%;
  content: "";
  display: inline-block;
  width: 48px;
  height: 45px;
  background-image: url("../images/contents/sale-flow/arrow.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 50%;
}

.flow_section .flow_box::after img {
  width: 50%;
}

.flow_section .flow_inbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  margin-bottom: 0.5rem;
  padding: 1rem;
  flex-wrap: wrap;
}

.flow_section .flow_box_last .flow_inbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  margin-bottom: 0.5rem;
  padding: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.flow_section .flow_inbox div {
  width: 70%;
  max-width: 760px;
}

@media (max-width: 768px) {
  .flow_section .flow_inbox {
    justify-content: center;
  }
  .flow_section .flow_inbox div {
    width: 100%;
    max-width: auto;
  }
}
.flow_section .flow_inbox h3 {
  font-size: 1.75rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  margin-bottom: 1rem;
}

.flow_section .flow_inbox h3 img {
  width: 60px;
  margin-right: 10px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .flow_section .flow_inbox h3 {
    font-size: 5.1282051282vw;
    margin-bottom: 0.5rem;
  }
  .flow_section .flow_inbox h3 img {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
  }
}
.flow_section .flow_inbox h4 {
  font-size: 1.45rem;
}

@media (max-width: 768px) {
  .flow_section .flow_inbox h4 {
    font-size: 1.15rem;
  }
}
.flow_section .flow_inbox img {
  width: 30%;
  max-width: 360px;
}

@media (max-width: 768px) {
  .flow_section .flow_inbox img {
    width: 100%;
    max-width: auto;
  }
}
.flow_section .flow_inbox .final_flow {
  width: 760px;
  font-size: 1.45rem;
  background: #3BA1D5;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 1200px) {
  .flow_section .flow_inbox .final_flow {
    width: 100%;
    padding: 0.5rem 1rem;
    line-height: 120%;
  }
}
@media (max-width: 768px) {
  .flow_section .flow_inbox .final_flow {
    font-size: 1.15rem;
  }
}
/* ========= よくある質問 ========= */
.qa-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url("../images/contents/sale-qa/mv.jpg") no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .qa-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .qa-title {
    height: 20rem;
    margin-bottom: 2.25rem;
  }
}
.qa-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}

@media (min-width: 768px) {
  .qa-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .qa-title h2 {
    font-size: 3rem;
  }
}
.qa_box {
  width: 100%;
  margin: 0 auto 60px;
}

.q_text {
  margin: 0 0 30px;
  padding: 0;
  border: 1px solid #000000;
  min-height: 60px;
  position: relative;
  display: flex;
}

.q_text p {
  width: 90%;
  margin: auto 0 auto 80px;
  font-size: 1.45rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .q_text p {
    font-size: 1.15rem;
    line-height: 110%;
  }
}
.q_text::before {
  text-align: center;
  padding: 10px 0;
  width: 100%;
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("../images/contents/sale-qa/q.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: -1px;
}

.a_text {
  margin: 0 0 30px 60px;
  padding: 0;
  min-height: 60px;
  position: relative;
  display: flex;
}

.a_text p {
  width: 90%;
  margin: -10px 0 auto 80px;
}

.a_text::before {
  text-align: center;
  padding: 10px 0;
  width: 100%;
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("../images/contents/sale-qa/a.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: -1px;
}

/* ========= 「仲介」と「買取」の違い ========= */
.difference-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url("../images/contents/sale-difference/mv.jpg") no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .difference-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .difference-title {
    height: 20rem;
    margin-bottom: 2.25rem;
  }
}
.difference-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}

@media (min-width: 768px) {
  .difference-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .difference-title h2 {
    font-size: 3rem;
  }
}
.difference_section .taC {
  text-align: center;
  margin-bottom: 2.85rem;
}

.difference_cases {
  display: flex;
  justify-content: space-between;
  gap: 0 40px;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .difference_cases {
    flex-wrap: wrap;
  }
}
.difference_cases .cases01, .difference_cases .cases02 {
  width: 49%;
  max-width: 580px;
  line-height: normal;
}

@media (max-width: 768px) {
  .difference_cases .cases01, .difference_cases .cases02 {
    width: 100%;
    max-width: inherit;
    line-height: normal;
    margin-bottom: 1rem;
  }
}
.difference_cases .cases01 img, .difference_cases .cases02 img {
  width: 96%;
}

.difference_cases .cases01 {
  border: 2px solid #E6AF50;
  text-align: center;
}

.difference_cases .cases02 {
  border: 2px solid #5EA2C5;
  text-align: center;
}

.difference_cases .cases01 h3 {
  background: #E6AF50;
  font-weight: bold;
  font-size: 2.125rem;
  padding: 5px 0;
  color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin: 0 auto 1rem;
}

.difference_cases .cases02 h3 {
  background: #5EA2C5;
  font-weight: bold;
  font-size: 2.125rem;
  padding: 5px 0;
  color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin: 0 auto 1rem;
}

@media (max-width: 768px) {
  .difference_cases .cases01 h3, .difference_cases .cases02 h3 {
    font-size: 6.1538461538vw;
  }
}
.difference_details {
  width: 100%;
  line-height: 170%;
}

.difference_details th {
  font-weight: bold;
  background: #F6F5EE;
  min-width: 260px;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
}

.difference_details td {
  border-bottom: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  padding: 30px 20px;
}

@media (max-width: 768px) {
  .difference_details th {
    min-width: inherit;
    width: 5%;
    padding: 0 10px;
  }
  .difference_details td {
    padding: 10px;
  }
}
.difference_details td span {
  color: #E21F1F;
  font-size: 0.8rem;
}

.difference_details th.x_ttl01 {
  background: none;
  border-left: none;
}

.difference_details th.x_ttl02 {
  width: 470px;
  background: #E6AF50;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px 0;
  color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin: 0 auto 0.5rem;
  text-align: center;
}

.difference_details th.x_ttl03 {
  width: 470px;
  background: #5EA2C5;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 10px 0;
  color: #ffffff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  margin: 0 auto 0.5rem;
  text-align: center;
}

.difference_sum {
  margin: 2.5rem auto 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.7058823529;
}

/* ========= 少しでも高く売るポイント ========= */
.points-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url("../images/contents/sale-point/mv.jpg") no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .points-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .points-title {
    height: 20rem;
    margin-bottom: 2.25rem;
  }
}
.points-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}

@media (min-width: 768px) {
  .points-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .points-title h2 {
    font-size: 3rem;
  }
}
.points_section .points_box {
  width: 100%;
  position: relative;
  margin-bottom: 3.8rem;
}

.points_section .points_box:last-child {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

.points_section .points_inbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  margin-bottom: 0.5rem;
  padding: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.points_section .points_inbox div {
  width: 70%;
  max-width: 760px;
}

@media (max-width: 768px) {
  .points_section .points_inbox {
    justify-content: center;
  }
  .points_section .points_inbox div {
    width: 100%;
    max-width: auto;
  }
}
.points_section .points_inbox h3 {
  font-size: 1.75rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  margin-bottom: 1rem;
}

.points_section .points_inbox h3 img {
  width: 60px;
  margin-right: 10px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .points_section .points_inbox h3 {
    font-size: 5.1282051282vw;
    margin-bottom: 0.5rem;
  }
  .points_section .points_inbox h3 img {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
    float: inline-start;
  }
}
.points_section .points_inbox h4 {
  font-size: 1.45rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .points_section .points_inbox h4 {
    font-size: 1.15rem;
  }
}
.points_section .points_inbox img {
  width: 30%;
  max-width: 360px;
}

@media (max-width: 768px) {
  .points_section .points_inbox img {
    width: 100%;
    max-width: auto;
    margin-bottom: 10px;
  }
}
.points_section .points_inbox h4 span {
  background: #E6AF50;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 5px 70px;
  border-radius: 50px;
}

@media (max-width: 768px) {
  .points_section .points_inbox h4 span {
    font-size: 6.1538461538vw;
    padding: 5px 20px;
  }
}
.points_section .points_inbox ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.points_section .points_inbox ul li {
  min-width: 370px;
}

@media (max-width: 768px) {
  .points_section .points_inbox ul {
    flex-wrap: wrap;
  }
  .points_section .points_inbox ul li {
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.points_section .points_inbox ul li h5 {
  padding: 10px 0 9px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .points_section .points_inbox ul li h5 {
    font-size: 6.1538461538vw;
    padding: 5px 0;
  }
}
.points_section .points_inbox ul li:first-child h5 {
  background: #5EA2C5;
}

.points_section .points_inbox ul li:nth-child(2) h5 {
  background: #6BAC40;
}

.points_section .points_inbox ul li:last-child h5 {
  background: #F19B46;
}

.points_section .points_inbox ul li p {
  padding: 15px 0;
  text-align: center;
}

.points_section .points_inbox ul li:first-child p {
  border: 1px solid #5EA2C5;
}

.points_section .points_inbox ul li:nth-child(2) p {
  border: 1px solid #6BAC40;
}

.points_section .points_inbox ul li:last-child p {
  border: 1px solid #F19B46;
}

.points_section .points_inbox .points_sum {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 30px;
  background: #F6F5EE;
}

@media (max-width: 768px) {
  .points_section .points_inbox .points_sum {
    padding: 15px;
  }
}
/* ========= 不動産売却時の諸費用 ========= */
.cost-title {
  width: 100%;
  height: 30.7692307692vw;
  margin-bottom: 5.1282051282vw;
  background: url("../images/contents/sale-point/mv.jpg") no-repeat 50% 50%/cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .cost-title {
    height: 26.6666666667vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .cost-title {
    height: 20rem;
    margin-bottom: 2.25rem;
  }
}
.cost-title h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 8.2051282051vw;
  color: var(--white);
  line-height: 0.9583333333;
}

@media (min-width: 768px) {
  .cost-title h2 {
    font-size: 4vw;
  }
}
@media (min-width: 1200px) {
  .cost-title h2 {
    font-size: 3rem;
  }
}
.cost_section .cost_box {
  width: 100%;
  position: relative;
  margin-bottom: 3.8rem;
}

.cost_section .cost_box:last-child {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}

.cost_section .cost_inbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  margin-bottom: 0.5rem;
  padding: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.cost_section .cost_inbox div {
  width: 70%;
  max-width: 760px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox {
    justify-content: center;
  }
  .cost_section .cost_inbox div {
    width: 100%;
    max-width: auto;
  }
}
.cost_section .cost_inbox div.inner {
  width: 100%;
  max-width: inherit;
}

.cost_section .cost_inbox h3 {
  font-size: 1.75rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  text-align: left;
  margin-bottom: 1rem;
}

.cost_section .cost_inbox h3 img {
  width: 60px;
  margin-right: 10px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox h3 {
    font-size: 5.1282051282vw;
    margin-bottom: 0.5rem;
  }
  .cost_section .cost_inbox h3 img {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
    float: inline-start;
  }
}
.cost_section .cost_inbox h4 {
  font-size: 1.45rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox h4 {
    font-size: 1.15rem;
  }
}
.cost_section .cost_inbox img {
  width: 30%;
  max-width: 360px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox img {
    width: 100%;
    max-width: auto;
    margin-bottom: 10px;
  }
}
.cost_section .cost_inbox h4 span {
  background: #E6AF50;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 5px 70px;
  border-radius: 50px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox h4 span {
    font-size: 6.1538461538vw;
    padding: 5px 20px;
  }
}
.cost_section .cost_inbox ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.cost_section .cost_inbox ul li {
  min-width: 370px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox ul {
    flex-wrap: wrap;
  }
  .cost_section .cost_inbox ul li {
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}
.cost_section .cost_inbox ul li h5 {
  padding: 10px 0 9px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox ul li h5 {
    font-size: 6.1538461538vw;
    padding: 5px 0;
  }
}
.cost_section .cost_inbox ul li:first-child h5 {
  background: #5EA2C5;
}

.cost_section .cost_inbox ul li:nth-child(2) h5 {
  background: #6BAC40;
}

.cost_section .cost_inbox ul li:last-child h5 {
  background: #F19B46;
}

.cost_section .cost_inbox ul li p {
  padding: 15px 0;
  text-align: center;
}

.cost_section .cost_inbox ul li:first-child p {
  border: 1px solid #5EA2C5;
}

.cost_section .cost_inbox ul li:nth-child(2) p {
  border: 1px solid #6BAC40;
}

.cost_section .cost_inbox ul li:last-child p {
  border: 1px solid #F19B46;
}

.cost_section .cost_inbox .cost_howto {
  width: 100%;
  max-width: initial;
  padding: 25px 20px 1px;
  background: #F6F5EE;
  position: relative;
  line-height: 160%;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox .cost_howto {
    padding: 15px 15px 2px;
  }
}
.cost_section .cost_inbox .cost_howto img {
  position: absolute;
  top: -50%;
  right: 2%;
  width: 134px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox .cost_howto img {
    position: absolute;
    right: 0%;
    width: 50px;
  }
}
.cost_section .cost_inbox .cost_howto p {
  font-size: 24px;
  font-weight: bold;
}

.cost_section .cost_inbox .cost_howto span.price {
  color: #D22929;
  font-size: 32px;
  font-weight: bold;
  margin-right: 10px;
}

.cost_section .cost_inbox .cost_howto span.caption {
  font-size: 18px;
  font-weight: normal;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox .cost_howto p {
    font-size: 1.5rem;
    line-height: 140%;
  }
  .cost_section .cost_inbox .cost_howto span.price {
    font-size: 6vw;
  }
  .cost_section .cost_inbox .cost_howto span.caption {
    font-size: 4.1025641026vw;
  }
}
.cost_section .cost_inbox .ex_case {
  margin: 1rem auto 0;
  border-bottom: 1px solid #707070;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
}

.cost_section .cost_inbox .ex_case span {
  font-size: 28px;
}

.cost_section .cost_inbox .ex_ans {
  font-size: 22px;
  margin: 0 0 0 2rem;
}

.cost_section .cost_inbox .ex_ans span.red {
  color: #D22929;
  font-weight: bold;
  font-size: 28px;
}

.cost_section .cost_inbox .ex_ans b, .cost_section .cost_inbox .ex_ans span.fzLL {
  font-size: 28px;
}

.cost_section .cost_inbox .ex_ans .fzS {
  font-size: 18px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox .ex_case {
    margin: 1rem auto;
  }
  .cost_section .cost_inbox .cost_howto span.caption {
    font-size: 4.1025641026vw;
  }
  .cost_section .cost_inbox .ex_ans {
    font-size: 3.6vw;
    margin: 0;
    line-height: 190%;
  }
  .cost_section .cost_inbox .ex_ans span.red {
    font-size: 6.1538461538vw;
  }
  .cost_section .cost_inbox .ex_ans b, .cost_section .cost_inbox .ex_ans span.fzLL {
    font-size: 6.1538461538vw;
  }
  .cost_section .cost_inbox .ex_ans .fzS {
    font-size: 4.1025641026vw;
  }
}
.cost_section .cost_inbox .inner table {
  width: 100%;
  max-width: 745px;
  border: 1px solid #AAAAAA;
}

.cost_section .cost_inbox .inner table .al_center {
  text-align: center;
}

.cost_section .cost_inbox .inner table .bdr_none {
  border-right: none;
}

.cost_section .cost_inbox .inner table th {
  background: #F6F5EE;
  font-weight: normal;
  border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding: 5px 20px;
  text-align: left;
}

.cost_section .cost_inbox .inner table td {
  text-align: center;
  border-top: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding: 5px 20px;
}

@media (max-width: 768px) {
  .cost_section .cost_inbox .inner table th, .cost_section .cost_inbox .inner table td {
    padding: 5px;
  }
}
a.cost_link {
  font-size: 1.5rem;
  background: url("../images/contents/sale-cost/btn.png") no-repeat;
  background-size: cover;
  color: #ffffff;
  max-width: 600px;
  display: block;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  a.cost_link {
    font-size: 1.2rem;
    background: #FF7810 url("../images/contents/sale-cost/btn.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 1rem;
  }
}
.cost_title {
  width: 100%;
  height: 10.2564102564vw;
  padding: 0 3.8461538462vw;
  margin-bottom: 1.5625rem !important;
  background-color: var(--staff-department-title);
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 1.4285714286;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 768px) {
  .cost_title {
    height: 4.6666666667vw;
    padding: 0 2vw;
    margin-bottom: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .cost_title {
    height: 3.5rem;
    padding: 0 1.5rem;
    margin-bottom: 1.875rem;
    font-size: 1.3125rem;
  }
}
.cost-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}

.cost-menu .btn {
  width: 48%;
  height: 12.3076923077vw;
  margin-bottom: 3.8461538462vw;
}

@media (min-width: 768px) {
  .cost-menu .btn {
    width: 18.5%;
    height: 4vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .cost-menu .btn {
    height: 4.2rem;
  }
}
.cost-menu .btn:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}

.cost-menu .btn_link {
  background-size: 2.0512820513vw auto;
  font-size: 4.1025641026vw;
}

@media (min-width: 768px) {
  .cost-menu .btn_link {
    background-size: 0.6666666667vw auto;
    font-size: 1.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .cost-menu .btn_link {
    background-size: 0.5rem auto;
    font-size: 1rem;
  }
}
/* ========================================================================================= ^^
  Privacy
============================================================================================ ^^ */
.page-Privacy .section01 {
  padding-top: 14.358974359vw;
  padding-bottom: 15.3846153846vw;
}

@media (min-width: 768px) {
  .page-Privacy .section01 {
    padding-top: 4.6666666667vw;
    padding-bottom: 5.3333333333vw;
  }
}
@media (min-width: 1200px) {
  .page-Privacy .section01 {
    padding-top: 3.5rem;
    padding-bottom: 4rem;
  }
}
.page-Privacy h1.section_title {
  margin-bottom: 11.0256410256vw;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .page-privacy h1.section_title {
    margin-bottom: 3.5833333333vw;
    line-height: 0.75;
  }
}
@media (min-width: 1200px) {
  .page-privacy h1.section_title {
    margin-bottom: 2.6875rem;
  }
}
.privacy-department {
  margin-bottom: 5.1282051282vw;
}

@media (min-width: 768px) {
  .privacy-department {
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 1200px) {
  .privacy-department {
    margin-bottom: 1.25rem;
  }
}
.privacy-department_title {
  width: 100%;
  padding: 1vw 3.8461538462vw;
  margin-top: 5vw;
  margin-bottom: 7.6923076923vw;
  background-color: #222222;
  font-size: 4.1025641026vw;
  color: var(--white);
  line-height: 1.4285714286;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (min-width: 768px) {
  .privacy-department_title {
    padding: 0.7vw 2vw;
    margin-bottom: 2.5vw;
    font-size: 1.75vw;
  }
}
@media (min-width: 1200px) {
  .privacy-department_title {
    padding: 0.7vw 1.5rem;
    margin-bottom: 1.875rem;
    font-size: 1.3125rem;
  }
}
.privacy-department_inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .privacy-department_inner {
    justify-content: flex-start;
  }
}
.privacy-department_inner h3 {
  width: 100%;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px dotted #707070;
  margin-bottom: 10px;
}

.privacy-department_inner h4 {
  font-weight: bold;
}

.privacy-department_inner ul {
  margin-left: 20px;
  list-style: none;
  margin-top: -1rem;
}

.privacy-department_inner ul > li {
  counter-increment: cnt;
  padding-left: 1em;
  text-indent: -1.2em;
}

.privacy-department_inner ul > li:before {
  content: "(" counter(cnt) ") ";
}

.privacy-department_inner ul > li:before {
  content: counter(cnt) ") ";
}


.reform_examples {
}
.reform_examples .r_box {margin-bottom: 3em;}
.reform_examples .r_box .titletext {font-size: 1.4em;font-weight: bold;margin: 0em 0;line-height: 1em;}
.reform_examples .r_box .abouttext {padding: 0;margin: 1em 0;}
.reform_examples .r_box .r_pics {display: flex;flex-wrap: wrap;}
.reform_examples .r_box .r_pics .before {
	width: 46%;padding: 0;margin: 0 0 0 0;
	position:relative;
}
.reform_examples .r_box .r_pics .before:before{
	content:"before";
	background-color: #000000c2;
	color: #FFF;
	padding: 0em 0em;
	position: absolute;
	line-height: 1em;
	width: 80px;
	height: 80px;
	text-align: center;
	align-content: center;
}
.reform_examples .r_box .r_pics .r_center {
	width: 8%;
	text-align: center;
	align-content: center;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.reform_examples .r_box .r_pics .r_center:before {
	content: "";
	display:block;
	text-align:center;
	margin: 0 auto;
	background-image: url(/wp-content/themes/land_style/assets/images/top/baico.png);
	width: 1em;
	height: 2em;
	background-size: contain;
	background-repeat: no-repeat;
}
.reform_examples .r_box .r_pics .after {
	width: 46%;
	position: relative;
}
.reform_examples .r_box .r_pics .after:before{
	content:"after";
	background-color: #FF7810c2;
	color: #FFF;
	padding: 0em 0em;
	position: absolute;
	line-height: 1em;
	width: 80px;
	height: 80px;
	text-align: center;
	align-content: center;
}
.concept-section .section_title_y{
	text-align: center;
	font-size: 1.7em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.concept-section .section_title_y:before{
	content:"";
	display:block;
	height: 2px;
	width: calc(50% - 6em);
	background-color: #FF7810;
	margin-right: 3%;
}
.concept-section .section_title_y:after{
	content:"";
	display:block;
	height: 2px;
	width: calc(50% - 6em);
	background-color: #FF7810;
	margin-left: 3%;
}
.concept-section .concept-block_title2{
	border-top:2px solid #000;
	text-align:center;
	border-bottom:2px solid #000;
	font-size: 1.4em;
}
.concept-section .concept-block{
	margin-top: 3em;
}
.concept-section .concept-block .concept-block_text{
	padding-top: 2em;
}
.concept-section .concept-block .concept-block_text .quolity{
	
}
.concept-section .concept-block .concept-block_text .quolity li{
	position:relative;
	padding-left: 1.25em;
}
.concept-section .concept-block .concept-block_text .quolity li:before{
	content:"";
	display:inline-block;
	width: 0.75em;
	height: 0.75em;
	transform: rotate(45deg);
	background-color: #F87353;
	margin-right: calc(0.25em + 0.2em);
	position: absolute;
	left: 0;
	top: 0.5em;
}
.concept-section .section_title22{
	display: block;
	margin: 0 auto;
	text-align: center;
	/* align-items: center; */
	max-width: 17em;
	border-top: 2px solid #000;
	text-align: center;
	border-bottom: 2px solid #000;
	line-height: 1;
	padding: 0.4em 0;
	margin-bottom: 2em;
}
.concept-section .abouttext22{
	text-align:center;
	margin-bottom:2em;
	}
.concept-section .flexpicbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.concept-section .flexpicbox figure{
	width: 48%;
}
.backgray{
	background-color:#F6F5EE;
	padding-top:2em;
	padding-bottom: 5em;
}

.concept-section .m_point{
	max-width: 768px;
	margin: 0 auto;
}
.concept-section .m_point .m_point_ul{
	display: flex;
	flex-wrap: wrap;
	font-size: 1.1em;
}
.concept-section .m_point .m_point_ul li{
	
}
.concept-section .m_point .m_point_ul li.pointabout{
	width: calc(100% - 5em);
	background-color: #FFF;
	margin-bottom: 1em;
	line-height: 1em;
	padding: 1em;
	font-weight: bold;
	text-align: left;
}
.concept-section .m_point .m_point_ul li.pointtext{
	width: 5em;
	font-weight: bold;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-bottom: 0em;
	line-height: 1em;
	padding: 1em 0;
	text-align: left;
	font-weight: bold;
}
@media (max-width: 768px) {
	.reform_examples .r_box .r_pics .before{
		width:100%;
	}
	.reform_examples .r_box .r_pics .after{
		width:100%;
	}
	.reform_examples .r_box .r_pics .r_center {
    width: 100%;
    transform: rotate(90deg);
    padding: 1em 0;
 }
	.spbackgray{
		background-color:#F6F5EE;
	}
}

table.form-table tr td .flexradio{
	
}
table.form-table tr td .flexradio span{
	margin-right: 0.8em;
}
table.form-table tr td .flexradio2{
	
}
table.form-table tr td .flexradio2 span{
	margin-right: 0.8em;
	margin-bottom: 0.5em;
}
table.form-table tr td .flexcheck{
	display: flex;
	flex-wrap: wrap;
}
table.form-table tr td .flexcheck span{
	margin-bottom: 1.5em;
	width: 30%;
}
.mw_wp_form table.form-table tr td .horizontal-item:nth-child(1){
	margin-left: 10px;
}
p.reformi_text{
	font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.5em;
}

@media (max-width: 768px) {
	table.form-table tr td .flexradio span{
		width: calc(50% - 1em - 10px);
		margin-bottom: 1em;
	}
	table.form-table tr td .flexradio2 span{
		width: calc(50% - 1em - 10px);
		margin-bottom: 1em;
	}
	table.form-table tr td .flexcheck span{
		font-size:1.0em;
	}
	table.form-table tr td .flexcheck{
			margin-left:5px;
	}
	.mw_wp_form table.form-table tr td .horizontal-item{
		margin-left:5px;
	}
	.mw_wp_form table.form-table tr td .horizontal-item:nth-child(1){
	margin-left: 5px;
	}
		p.reformi_text span.pc{
		display:none;
	}
}



/**/
.slider-nav-container{
    width: 100%;
	margin-top:1em;
}
.slider-nav-container .slider-nav .slick-thum{
	padding: 0em;
	height: 100%;
	width:200px;
}
.slider-nav-container .slider-nav .slick-thum img{
	width: calc(150px - 0.5em);
	height: calc(150px - 0.5em);
	object-fit: cover;
}
.slider-nav-container .slick-track{
	margin: 0 0;
	display: flex;
	/* width: 90%; */
}
.slider-nav-container .slider-nav .slick-list{
	width: 90%;
	margin: 0 auto;
}



.single-r_jirei .gaiyo_title{
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 2px dotted #707070;
	margin-bottom: 2em;
	margin-top: 2em;
}

.single-r_jirei .gaiyo_title2{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 1em;
	line-height: 1em;
	margin-bottom: 1em;
}
.single-r_jirei .r_gaiyo_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.single-r_jirei .r_gaiyo{
	display: flex;
	width: 50%;
	flex-wrap: wrap;
}
.single-r_jirei .r_gaiyo ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.2em;
}
.single-r_jirei .r_gaiyo ul li{
	line-height: 1em;
	padding: 1em 0 1em 1em;
	font-size: 1.1em;
}
.single-r_jirei .r_gaiyo ul li.left{
	font-weight: bold;
	background-color: #F6F5EE;
	width: 50%;
}
.single-r_jirei .r_gaiyo ul li.right{
	width: 50%;
}

.single-r_jirei {
}
.single-r_jirei .r_box {margin-bottom: 3em;}
.single-r_jirei .r_box .titletext {font-size: 1.4em;font-weight: bold;margin: 0em 0;line-height: 1em;}
.single-r_jirei .r_box .abouttext {padding: 0;margin: 1em 0 1em 0;}
.single-r_jirei .r_box .r_pics {display: flex;flex-wrap: wrap;}
.single-r_jirei .r_box .r_pics .before {
	width: 46%;padding: 0;margin: 0 0 0 0;
	position:relative;
}
.single-r_jirei .r_box .r_pics .before:before{
	content:"before";
	background-color: #000000c2;
	color: #FFF;
	padding: 0em 0em;
	position: absolute;
	line-height: 1em;
	width: 80px;
	height: 80px;
	text-align: center;
	align-content: center;
}
.single-r_jirei .r_box .r_pics .r_center {
	width: 8%;
	text-align: center;
	align-content: center;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.single-r_jirei .r_box .r_pics .r_center:before {
	content: "";
	display:block;
	text-align:center;
	margin: 0 auto;
	background-image: url(/wp-content/themes/land_style/assets/images/top/baico.png);
	width: 1em;
	height: 2em;
	background-size: contain;
	background-repeat: no-repeat;
}
.single-r_jirei .r_box .r_pics .after {
	width: 46%;
	position: relative;
}
.single-r_jirei .r_box .r_pics .after:before{
	content:"after";
	background-color: #FF7810c2;
	color: #FFF;
	padding: 0em 0em;
	position: absolute;
	line-height: 1em;
	width: 80px;
	height: 80px;
	text-align: center;
	align-content: center;
}
.single-r_jirei .portfolio-article_title{
	background-color: unset;
	color: #FF7810;
	font-size: 1.5em;
	margin-top: 4em;
	border-bottom: 2px dotted #707070;
	margin-bottom: 2em;
	line-height: 1em;
}

@media (max-width: 768px) {
	.single-r_jirei .portfolio-article_title{
		text-align:center;
		line-height: 1.4em;
		padding-bottom: 1em;
	}
	.single-r_jirei .section_title{
		line-height: 1.1em;
	}
	.single-r_jirei .r_gaiyo ul{
		width:100%;
	}
	.single-r_jirei .r_gaiyo ul li.left{
		width:100%;
	}
	.single-r_jirei .r_gaiyo ul li.right{
		width:100%;
	}
	.single-r_jirei .r_box .r_pics .before{
		width:100%;
	}
	.single-r_jirei .r_box .r_pics .after{
		width:100%;
	}
	.single-r_jirei .r_box .r_pics .r_center {
    width: 100%;
    transform: rotate(90deg);
    padding: 1em 0;
 }
	.slider-nav-container .slider-nav .slick-thum img{
		width: calc(100px - 0.5em);
	    height: calc(100px - 0.5em);
	    object-fit: cover;
	}
}

/* archive */
.r_jirei-box-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.r_jirei-box-wrap .refomjirei_box {
	width: 30%;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
.r_jirei-box-wrap .refomjirei_box a{
	display: block;
}
.r_jirei-box-wrap .refomjirei_box a img{
	    height: 272px;
	    object-fit: contain;
	    width: auto;
	    margin: 0 auto;
	    display: block;
}

.r_jirei-box-wrap:after {
	width: 30%;
	content:"";
}
.r_jirei-box-wrap .refomjirei_box .j_boxtitle {
	font-weight: bold;
	padding: 1em 0 0em 0;
	margin: 0em 0 1em 0;
	height: 5em;
	line-height: 1.8em;
	font-size: 1.0em;
	border-bottom: 1px dashed;
}
.r_jirei-box-wrap .refomjirei_box .j_catetitle {
	font-weight: bold;
	line-height:1em;
}
.r_jirei-box-wrap .refomjirei_box .j_catetitle .cate_name {
	color: #FF7810;
	font-size: 1.2em;
}
.r_jirei-box-wrap .refomjirei_box .j_catetitle .shubetu {
	font-size: 0.7em;
	padding-left: 0.5em;
}
.r_jirei-box-wrap .j_abouttext{
	font-size: 0.7em;
	line-height: 2em;
	margin-top: 1em;
}
@media (max-width: 1200px) {
.r_jirei-box-wrap .refomjirei_box a img{
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 4/3;
	object-position: top;
}
}
@media (max-width: 768px) {
	.r_jirei-box-wrap .refomjirei_box {
		width:100%;
	}
}
.post-type-archive-r_jirei .itiran_title{
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bold;
	padding-left: 0.3em;
	border-left: 5px #FF7810 solid;
	padding-top: 0.1em;
	margin-bottom: 0.6em;
}

.r_jrei_links{
	margin: 1em 0;
	width: 100%;
	font-size: 1.05em;
	font-weight: bold;
}
.r_jrei_links ul{
	display: flex;
	padding: 0;
	margin: 0 auto;
	flex-wrap: wrap;
	width: 95%;
}
.r_jrei_links ul li{
	width: 16%;
	margin-bottom: 1em;
}
.r_jrei_links ul li a{
	display: block;
	border-left: 1px solid #000000;
	padding: 0.3em 0.3em 0.3em 1em;
	line-height: 1em;
}
.r_jrei_links ul li a:hover{
	text-decoration:underline;
	color:#e60012;
}
@media (max-width: 768px) {
	.r_jrei_links ul li{
	width: 16%;
	width: 50%;
	}
	.single-r_jirei .r_gaiyo{
		width: 100%;
	}
}
