@charset "UTF-8";
/************************
リセット
************************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%; /* 10px */
}

body {
  width: 100%;
  color: #333;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  word-break: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 992px) {
  body {
    letter-spacing: 0.1em;
  }
}
/*----------------------------------------
	HTML5
----------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*----------------------------------------
	Text
----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

pre {
  margin: 1.5em 25px;
  padding: 1em;
  overflow: scroll;
  line-height: 1.9;
}

blockquote {
  margin: 1.5em 1px;
  border: 5px solid #9f998f;
  color: #77471c;
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  background-position: left bottom;
}

blockquote[title]::before {
  padding: 0.2em 10px 0.4em 10px;
  content: attr(title);
  display: block;
  color: #fff;
  background-color: #9f998f;
  font-weight: bold;
}

blockquote[cite]::after {
  margin: 0.5em 10px;
  content: attr(cite);
  display: block;
  text-align: right;
  font-size: 85%;
}

blockquote * {
  color: #333 !important;
}

em {
  color: #000;
}

pre {
  background: #eee;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

pre em {
  font-weight: bold;
  background-image: none;
}

q {
  text-decoration: underline;
}

b,
strong {
  font-weight: bold;
}

cite {
  display: block;
  text-align: right;
}

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

kbd {
  background-color: #f5f5f5;
  text-transform: uppercase;
  padding: 0 0.4em;
  border: 1px solid #6a8eaa;
}

del {
  text-decoration: line-through;
}

ins {
  border-top: 10px solid #3cadd6;
  border-bottom: 10px solid #3cadd6;
  border: 7px solid #3cadd6;
  margin: 2em 1px;
  padding: 1px 0;
  display: block;
  text-decoration: none;
}

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

ins * {
  color: #666 !important;
  background: #fff9c0;
  text-decoration: none;
}

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

address {
  margin: 0 0 1.5em;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

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

/*----------------------------------------
	List
----------------------------------------*/
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}

/*----------------------------------------
	Image
----------------------------------------*/
figure {
  margin: 0;
  line-height: 1;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%;
  border: none;
  vertical-align: baseline;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

/*----------------------------------------
	Anchor
----------------------------------------*/
a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

a:hover,
a:focus,
a:active {
  outline: none;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}
/*----------------------------------------
	P
----------------------------------------*/
p {
  margin: 0;
  padding: 0;
}

/*----------------------------------------
	Table
----------------------------------------*/
table {
  margin: 0;
  width: 100%;
  border-collapse: collapse;
}

/*----------------------------------------
	Form
----------------------------------------*/
fieldset,
legend {
  border: none;
}

input[type=text],
textarea {
  padding: 0.2em;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

input {
  line-height: 1.2;
}

select,
input,
textarea,
button {
  vertical-align: middle;
  position: relative;
  margin-right: 3px;
  top: 0;
}

input[type=checkbox],
input[type=radio] {
  border: none;
  top: -1px;
  margin-right: 6px;
}

input[type=text]:focus,
textarea:focus {
  border: 0;
  background: none;
}

input.button {
  padding: 0;
  border: none;
  background-image: none;
  vertical-align: top;
}

button {
  cursor: pointer;
  transition: all 0.3s ease;
}
button:hover {
  opacity: 0.8;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus {
  outline-offset: -2px;
}

/************************
共通　ヘッダー
************************/
.site-header {
  padding: 0;
  width: 100%;
  background-color: #e6e6e6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

@media screen and (max-width: 767px) {
  .header__logo {
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    height: 60px;
  }
  .header__logo img {
    display: block;
    width: 186px;
    height: auto;
  }
  .header__gnavi {
    display: none;
    background-color: rgba(65, 47, 74, 0.9);
    background-color: rgba(84, 68, 92, 0.9);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
  }
  .header__gnavi nav {
    width: 100vw;
    padding: 20px;
  }
  .header__gnavi ul.menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 270px;
  }
  .header__gnavi ul.menu li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 0;
  }
  .header__gnavi ul.menu li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  .header__gnavi ul.menu a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.15em;
  }
  .header__gnavi ul.links {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 270px;
    border-top: 1px solid #fff;
  }
  .header__gnavi ul.links li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 0;
  }
  .header__gnavi ul.links li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  .header__gnavi ul.links a {
    display: block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.15em;
  }
}
@media screen and (min-width: 768px) {
  .header__logo {
    padding: 0 0 0 50px;
    height: 70px;
  }
  .header__logo a {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .header__logo img {
    display: block;
    width: 200px;
    height: auto;
  }
  .header__gnavi {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    padding: 0;
    height: 70px;
    background-color: #e6e6e6;
    position: relative;
  }
  .header__gnavi nav {
    padding: 0;
    position: relative;
  }
  .header__gnavi ul.menu {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  .header__gnavi ul.menu li {
    margin: 0;
    padding: 0;
    width: 170px;
    border-left: 1px solid #e6e6e6;
  }
  .header__gnavi ul.menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-decoration: none;
    background-color: #67596d;
  }
  .header__gnavi ul.menu a:hover {
    background-color: #412f4a;
    opacity: 1;
  }
  .header__gnavi ul.menu li.current a {
    background-color: #412f4a;
  }
  .header__gnavi ul.links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
  .header__gnavi ul.links li {
    padding: 0 20px;
  }
  .header__gnavi ul.links a {
    display: block;
    width: 6em;
    font-weight: 700;
  }
}
@media screen and (min-width: 1250px) {
  .header__logo {
    padding: 0 0 0 50px;
    height: 70px;
  }
  .header__logo img {
    display: block;
    width: 260px;
    height: auto;
  }
  .header__gnavi ul.menu li {
    width: 250px;
  }
  .header__gnavi ul.menu a {
    width: 100%;
    height: 70px;
    padding: 0 10px;
    font-size: 16px;
  }
}
/************************
共通　フッター
************************/
.site-footer {
  padding: 40px 25px 30px;
  position: relative;
}
.site-footer__inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1077px;
}

.footerlogo {
  margin-bottom: 30px;
}
.footerlogo img {
  display: block;
  margin: 0 auto;
  width: 134px;
}

.footerNavi {
  margin-bottom: 15px;
}
.footerNavi li {
  margin: 0 0 14px;
  padding: 0;
}
.footerNavi a {
  display: block;
  font-size: 12px;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .footerNavi {
    margin-bottom: 4px;
  }
  .footerNavi li:not(:last-child) {
    position: relative;
  }
  .footerNavi li:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #333;
    position: absolute;
    left: 100%;
    top: 0;
  }
  .footerNavi a {
    padding: 0 20px;
  }
}
.copyright {
  margin: 0;
  font-size: 10px;
}

.footerFixedSp {
  display: flex;
  margin: 0;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  transition: all 0.3s ease;
  transform: translateY(100%);
}
.footerFixedSp.view {
  transform: translateY(0);
}
.footerFixedSp li {
  margin: 0;
  width: 100%;
}
.footerFixedSp li:not(:last-child) {
  border-right: 1px solid #7b6f82;
}
.footerFixedSp a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.46;
  text-decoration: none;
  background-color: rgba(65, 47, 74, 0.8);
}
.footerFixedSp li.current a {
  background-color: #412f4a;
}

/************************
共通　ページトップ
************************/
#pagetop {
  width: 30px;
  position: fixed;
  right: 0;
  bottom: 40px;
  z-index: 100;
}
#pagetop a {
  display: block;
  width: 30px;
  height: 30px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.8s ease;
  position: relative;
}
#pagetop a::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-135deg);
}
#pagetop a.view {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 768px) {
  #pagetop {
    right: 30px;
  }
}
/************************
共通　ハンバーガーメニュー（スマホ）
************************/
#hamburger_button {
  display: block;
  margin: 0;
  padding: 0;
  width: 74px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  cursor: pointer;
}
#hamburger_button span {
  display: block;
  width: 36px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
#hamburger_button span::before, #hamburger_button span::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  transition: 0.6s;
}
#hamburger_button span::before {
  top: -8px;
}
#hamburger_button span::after {
  top: 8px;
}

.menu-open #hamburger_button span {
  background-color: transparent;
}
.menu-open #hamburger_button span::before {
  top: 0;
  transform: rotate(45deg);
}
.menu-open #hamburger_button span::after {
  top: 0;
  transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
  #hamburger_button {
    display: none;
  }
}
/************************
wrapper
************************/
.wrapper {
  margin: 0;
  padding: 60px 0 70px;
  width: 100%;
  background-image: url(../images/common/bg.jpg);
  background-repeat: repeat;
  background-position: 50% 0;
  background-size: auto;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 768px) {
  .wrapper {
    padding: 70px 0 0;
  }
}
/************************
固定ページ
************************/
.page-header {
  padding: 50px;
  background-color: #666;
}

.page-content__inner {
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  max-width: 1312px;
}

@media screen and (min-width: 768px) {
  .page-content {
    padding: 0;
  }
}
#twoColumn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px 0 0;
}
#twoColumn .sidebar {
  flex: 0 0 100%;
  max-width: 100%;
}
#twoColumn #leftSide {
  display: none;
  transition: all 0.3s ease;
}
#twoColumn #leftSide .leftSide__inner {
  padding-bottom: 135px;
  position: relative;
}
@media screen and (min-width: 992px) {
  #twoColumn #leftSide .leftSide__inner {
    padding-bottom: 170px;
    width: 280px;
  }
  #twoColumn #leftSide .leftSide__inner.fixed {
    width: 280px;
    position: fixed;
    bottom: 0;
  }
}
#twoColumn #main {
  flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #twoColumn #leftSide {
    display: block !important;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 992px) {
  #twoColumn {
    padding: 45px 0 0;
  }
  #twoColumn .sidebar {
    display: block !important;
    flex: 0 0 280px;
    max-width: 280px;
    position: relative;
  }
  #twoColumn #leftSide {
    margin-bottom: 0;
  }
  #twoColumn #main {
    flex: 0 0 calc(100% - 365px);
    max-width: calc(100% - 365px);
  }
}
@media screen and (min-width: 992px) {
  .js-sticky .leftSide__inner {
    z-index: 88;
  }
  .js-sticky .leftSide__inner.relative_top {
    position: relative !important;
    top: 0 !important;
  }
  .js-sticky .leftSide__inner.absolute_top {
    position: absolute !important;
    top: 0 !important;
  }
  .js-sticky .leftSide__inner.absolute_bottom {
    position: absolute !important;
    bottom: 0 !important;
  }
  .js-sticky .leftSide__inner.fixed_bottom {
    position: fixed !important;
    bottom: 0 !important;
  }
}
/*

BUTTON

*/
/* btn-gray */
.btn-gray {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  max-width: 720px;
  width: 100%;
  color: #333;
  height: 90px;
  font-size: 36px;
  letter-spacing: 0.15em;
  background: #b3b3b3;
  background: linear-gradient(45deg, #b3b3b3 0%, #e6e6e6 28%, #e6e6e6 28%, #e6e6e6 32%, #e6e6e6 52%, #e6e6e6 68%, #e6e6e6 77%, #e6e6e6 77%, #b3b3b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3b3b3", endColorstr="#b3b3b3",GradientType=1 );
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 10px #666;
}
.btn-gray#js-execute-search {
  margin: 0 !important;
}
.btn-gray.arw2 {
  position: relative;
}
.btn-gray.arw2::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/common/icon_arw2.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 768px) {
  .btn-gray {
    height: 60px;
    font-size: 20px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
  .btn-gray_l {
    font-size: 22px;
    line-height: 1;
  }
  .btn-gray.arw2::after {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}
/* btn-satei */
.btn-satei {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
  height: 80px;
  font-size: 22px;
  margin-top: 20px;
  color: #fff;
  letter-spacing: 0.15em;
  background: #2d1938;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 10px #666;
}

.btn-satei:hover {
  color: #fff;
}

.btn-satei_l {
  font-size: 26px;
}
.btn-satei_l sup {
  font-size: 60%;
}

.btn-satei.arw2 {
  position: relative;
}

.btn-satei.arw2::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/common/icon_arw2.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (max-width: 768px) {
  .btn-satei {
    height: 80px;
    font-size: 18px;
    margin-top: 20px;
    letter-spacing: 0.1em;
  }
  .btn-satei_l {
    font-size: 22px;
    line-height: 1;
  }
  .btn-satei.arw2::after {
    width: 30px;
    height: 30px;
    right: 10px;
  }
}
/*

ICON

*/
.icon {
  display: block;
  margin: 0 10px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
}

@media only screen and (max-width: 1250px) {
  .icon {
    margin: 0 4px;
  }
}
.icon_01 {
  width: 14px;
  height: 14px;
  background-image: url(../images/common/icon_01.svg);
}

.icon_02 {
  width: 18px;
  height: 22px;
  background-image: url(../images/common/icon_02.svg);
}

.icon_03 {
  width: 14px;
  height: 18px;
  background-image: url(../images/common/icon_03.svg);
}

/*

FONT COLOR

*/
.fc-gold {
  color: #ae8c42;
}

/*

P STYLE

*/
.bg-purple {
  color: #fff;
  background-color: #67596d;
}

/*

タブセレクト

*/
.tab-group {
  display: flex;
  justify-content: center;
}

.tab {
  flex-grow: 1;
  padding: 5px;
  list-style: none;
  text-align: center;
  cursor: pointer;
}

.tab_top {
  flex-grow: 1;
  padding: 5px;
  list-style: none;
  text-align: center;
  cursor: pointer;
}

.panel-group {
  border-top: none;
}

.panel {
  display: none;
}

.panel_top {
  display: none;
}

.tab.is-active {
  color: #f00;
  transition: all 0.2s ease-out;
}

.tab_top.is-active_top {
  color: #f00;
  transition: all 0.2s ease-out;
}

.panel.is-show {
  display: block;
}

.panel_top.is-show_top {
  display: block;
}

@-webkit-keyframes return {
  50% {
    margin-left: -70px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes return {
  50% {
    margin-left: -70px;
  }
  100% {
    margin-left: 0;
  }
}
/*

FORM STYLE

*/
label.select {
  display: block;
  margin: 0;
  width: auto;
  border: 2px solid #e6eaed;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
label.select::before {
  content: "";
  display: block;
  width: 18px;
  height: 100%;
  background-color: #d5d5d5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
label.select::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  transform: translateY(-50%);
  position: absolute;
  right: 5px;
  top: 50%;
  z-index: 2;
  pointer-events: none;
}

select {
  -webkit-appearance: none;
  appearance: none;
  padding: 3px 25px 3px 10px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 0;
  cursor: pointer;
}
select:focus, select:hover {
  outline: 0;
}

/* エラー対応 */
.inputError {
  margin-top: 20px;
  width: 170px;
  font-size: 12px;
  line-height: 1em;
  background: #fff;
  border: solid 2px #db6363;
  border-radius: 4px;
}

.inputError h3 {
  background: #db6363;
  color: #fff;
  padding: 3px 5px;
  font-size: 12px;
  margin-bottom: 0;
}

.inputError p {
  color: #000;
  padding: 5px;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0;
  margin: 0;
}

/************************
アーカイブ用　ページなーション
************************/
.pagenation {
  margin: 0;
  padding: 100px 0;
  text-align: center;
}
.pagenation__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagenation .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagenation a,
.pagenation span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 4px;
  width: 30px;
  height: 30px;
  color: #412f4a;
  font-size: 14px;
  text-decoration: none;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #412f4a;
  box-sizing: border-box;
}
.pagenation a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #412f4a;
  border: 1px solid #412f4a;
}
.pagenation span.dots {
  background: none;
  border: 0;
}
.pagenation span.current {
  color: #fff;
  background-color: #412f4a;
  border: 1px solid #412f4a;
}
.pagenation .prev-link a,
.pagenation .next-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 50px;
  height: 30px;
}

@media screen and (min-width: 768px) {
  .pagenation {
    padding: 100px 0 150px;
  }
  .pagenation__in {
    justify-content: center;
  }
  .pagenation .prev-link {
    margin-right: 16px;
  }
  .pagenation .next-link {
    margin-left: 16px;
  }
}
/************************
物件をお探しの方
************************/
.mainVisual .slider-mv {
  width: 100%;
  white-space: nowrap;
}
.mainVisual .slider-mv.slick-initialized .slider-item {
  display: block !important;
  opacity: 1;
}
.mainVisual .slider-item {
  display: inline;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.mainVisual .slider-item:not(:first-child) {
  display: none;
}
.mainVisual .slider-item figure {
  position: relative;
}
.mainVisual .slider-item figure figcaption {
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.search_btn_wrap {
  margin: 0 auto;
  width: 100%;
}

.search_accordion_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-right: 30px;
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.15em;
  background: #67596d;
  border: 0;
  position: relative;
}
.search_accordion_btn:focus, .search_accordion_btn:hover {
  opacity: 1;
  outline: 0;
}
.search_accordion_btn::before {
  content: "";
  display: block;
  width: 50px;
  height: 60px;
  background: #3a2b41;
  background: -moz-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to bottom, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=0 );
  position: absolute;
  right: 0;
  top: 0;
}
.search_accordion_btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 17px;
  background-image: url(../images/common/icon_arw_dwn.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  position: absolute;
  right: 18px;
  top: 20px;
}
.search_accordion_btn.view::after {
  content: "×";
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 60px;
  line-height: 1;
  right: 0;
  top: 0;
}

.fixed_searchBtnBox {
  padding: 0;
  width: calc(100% - 32px);
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 16px;
  bottom: 0;
  z-index: 98;
  transition: opacity 0.3s ease;
}
.fixed_searchBtnBox.view {
  opacity: 1;
}
.fixed_searchBtnBox.absolute {
  width: 100%;
  background-color: #412f4a;
  position: absolute;
  left: 0;
  bottom: 0;
}
.fixed_searchBtnBox.absolute button.btn-clear {
  color: #fff;
  background-color: #412f4a;
}
.fixed_searchBtnBox .btn_submit_wrap {
  padding: 20px;
}
.fixed_searchBtnBox .btn_submit_wrap button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.fixed_searchBtnBox .btn_submit_wrap button:hover {
  background: linear-gradient(45deg, #c8c8c8 0%, #fafafa 28%, #fafafa 28%, #fafafa 32%, #fafafa 52%, #fafafa 68%, #fafafa 77%, #fafafa 77%, #c8c8c8 100%);
  text-decoration: underline;
  opacity: 1;
}
.fixed_searchBtnBox .btn_clear_wrap {
  padding: 0;
}
.fixed_searchBtnBox button.btn-clear {
  margin: 0;
  padding: 10px;
  width: 100%;
  color: #3A2B41;
  font-size: 15px;
  font-weight: 700;
  background: #CCCCCC;
  border: 0;
  border-radius: 0%;
}
.fixed_searchBtnBox button.btn-clear:hover {
  text-decoration: underline;
  opacity: 1;
}

@media screen and (min-width: 992px) {
  .mainVisual .slider-item figure figcaption {
    font-size: 12px;
    text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
  }
  .fixed_searchBtnBox {
    width: 280px;
    left: auto;
    bottom: 0;
    opacity: 0;
  }
  .fixed_searchBtnBox .btn_submit_wrap {
    padding: 30px;
  }
  .fixed_searchBtnBox .btn_submit_wrap button {
    width: 100%;
    height: 60px;
    font-size: 20px;
  }
  .fixed_searchBtnBox button.btn-clear {
    font-size: 18px;
  }
}
.leftSideTtl {
  margin: 0;
  padding: 0;
  font-size: 22px;
  text-align: center;
  border: 1px solid #412F4A;
}
.leftSideTtl span {
  display: inline-block;
  padding: 0 10px;
  background-image: url(../images/common/bg.jpg);
  background-repeat: repeat;
  background-position: 50% 0;
  background-size: auto;
  position: relative;
  z-index: 1;
}

.leftSideBlock {
  margin: 0;
  padding: 10px;
  background-color: #412f4a;
}

@media screen and (min-width: 768px) {
  .leftSideBlock {
    margin: 0;
  }
}
.leftSide__inner.absolute_bottom .fixed_searchBtnBox {
  background-color: #412f4a;
}
.leftSide__inner.absolute_bottom .fixed_searchBtnBox button.btn-clear {
  color: #fff;
  background-color: #412f4a;
}

/* bl01 */
.leftSideBlock.bl01 {
  margin: 0;
  padding: 15px;
}
.leftSideBlock.bl01 .bl01__inner {
  padding: 20px 30px;
  background-color: #54445c;
}
.leftSideBlock.bl01 .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 1.36;
  background: #b3b3b3;
  background: linear-gradient(45deg, #b3b3b3 0%, #e6e6e6 28%, #e6e6e6 28%, #e6e6e6 32%, #e6e6e6 52%, #e6e6e6 68%, #e6e6e6 77%, #e6e6e6 77%, #b3b3b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3b3b3", endColorstr="#b3b3b3",GradientType=1 );
  border: 0;
}
.leftSideBlock.bl01 label {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.leftSideBlock.bl01 label input[type=checkbox] {
  margin-top: 6px;
}
.leftSideBlock.bl01 label span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-align: center;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .leftSideBlock.bl01 {
    padding: 30px 20px 25px;
  }
  .leftSideBlock.bl01 .bl01__inner {
    padding: 0;
    background: none;
  }
  .leftSideBlock.bl01 .ttl {
    margin-bottom: 14px;
    height: 40px;
    font-size: 20px;
  }
  .leftSideBlock.bl01 label input[type=checkbox] {
    margin-top: 11px;
  }
  .leftSideBlock.bl01 label span {
    font-size: 22px;
  }
}
/* bl02 */
.leftSideBlock.bl02 {
  padding: 10px 15px 0;
}
.leftSideBlock.bl02 .row {
  margin: 0;
}
.leftSideBlock.bl02 .selectItem01, .leftSideBlock.bl02 .selectItem02, .leftSideBlock.bl02 .selectItem04, .leftSideBlock.bl02 .selectItem05 {
  margin-bottom: 20px;
}
.leftSideBlock.bl02 .sideTtl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px;
  width: 65px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1.36;
  background-color: #54445c;
}
.leftSideBlock.bl02 .sideTtl + div {
  padding-left: 15px;
  width: calc(100% - 65px);
}
.leftSideBlock.bl02 a {
  margin: 0 auto;
}
.leftSideBlock.bl02 label {
  color: #fff;
}
.leftSideBlock.bl02 label.w100p {
  width: 100% !important;
}
.leftSideBlock.bl02 .selectWrap {
  display: flex;
  align-items: center;
  margin: 5px 0;
  width: 100%;
  color: #fff;
}
.leftSideBlock.bl02 label.select {
  margin-right: 10px;
  padding: 0;
  border-radius: 5px;
}
.leftSideBlock.bl02 select {
  margin: 0;
  padding: 5px;
  color: #333;
}
.leftSideBlock.bl02 .selectItem01 label {
  margin: 0 5px 5px 0;
}
.leftSideBlock.bl02 .selectItem02 label.select {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem03 label.select {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem04 .cont {
  display: flex;
  align-items: center;
}
.leftSideBlock.bl02 .selectItem04 label.select {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem05 label.select {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem05 label.select {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem05 label {
  width: 100%;
}
.leftSideBlock.bl02 .selectItem06 .cont {
  display: flex;
  flex-wrap: wrap;
}
.leftSideBlock.bl02 .selectItem06 label {
  width: 50%;
}
.leftSideBlock.bl02 .btn_open_wrap {
  padding: 20px 0;
}
.leftSideBlock.bl02 .btn_open {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 30px 0 0;
  width: 170px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.015em;
  border: 1px solid #624c6c;
  outline: none;
  background: #3a2b41;
  background: -moz-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to right, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=1 );
  position: relative;
}
.leftSideBlock.bl02 .btn_open::before {
  content: "";
  display: block;
  width: 30px;
  height: 38px;
  background: #3a2b41;
  background: -moz-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to bottom, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=0 );
  position: absolute;
  right: 0;
  top: 0;
}
.leftSideBlock.bl02 .btn_open::after {
  content: "";
  display: block;
  width: 14px;
  height: 24px;
  background-image: url(../images/common/icon_arw_dwn.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  position: absolute;
  right: 8px;
  top: 8px;
}
.leftSideBlock.bl02 .btn_open.view::after {
  content: "×";
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  right: 0;
  top: 0;
}
.leftSideBlock.bl02 .otherItem {
  display: none;
  margin: 0 -15px;
  padding: 20px 15px;
  background-color: #54445c;
}
.leftSideBlock.bl02 .otherItem .sideTtl {
  background-color: #7a6d80;
}
.leftSideBlock.bl02 .otherItem.open {
  display: block;
}
.leftSideBlock.bl02 .btn_close_wrap {
  margin: 0 -15px;
}
.leftSideBlock.bl02 .btn_close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5em;
  background: #3a2b41;
  background: -moz-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to right, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=1 );
  border: 0;
  outline: none;
  position: relative;
}
.leftSideBlock.bl02 .btn_close::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50px, 0) rotate(-135deg);
}
.leftSideBlock.bl02 .btn_submit_wrap {
  padding: 20px 0 0;
}

@media screen and (min-width: 768px) {
  .leftSideBlock.bl02 {
    padding: 0;
  }
  .leftSideBlock.bl02 .sideTtl {
    padding: 8px;
    width: 100%;
    font-size: 18px;
  }
  .leftSideBlock.bl02 .sideTtl + div {
    padding: 20px 30px;
    width: 100%;
    font-size: 15px;
  }
  .leftSideBlock.bl02 .selectItem01 .cont {
    display: flex;
    flex-wrap: wrap;
  }
  .leftSideBlock.bl02 .selectItem01 label {
    margin: 0;
    padding: 0;
    width: 50%;
  }
  .leftSideBlock.bl02 .selectItem04 select {
    margin: 0;
    width: 100%;
  }
  .leftSideBlock.bl02 .selectItem06 label {
    width: 100%;
  }
  .leftSideBlock.bl02 .btn_open_wrap {
    padding: 20px 0;
  }
  .leftSideBlock.bl02 .btn_open {
    padding: 0 40px 0 0;
    width: 220px;
    font-size: 16px;
    letter-spacing: 0.15em;
  }
  .leftSideBlock.bl02 .btn_open::before {
    width: 40px;
  }
  .leftSideBlock.bl02 .btn_open::after {
    right: 10px;
  }
  .leftSideBlock.bl02 .otherItem {
    margin: 0;
    padding: 0;
  }
  .leftSideBlock.bl02 .btn_close_wrap {
    margin: 0;
  }
  .leftSideBlock.bl02 .btn_submit_wrap {
    padding: 20px 0 0;
  }
  .leftSideBlock.bl02 .btn_submit_wrap button {
    width: 220px;
    height: 60px;
  }
}
/*

FILTER

*/
.filterBlock .sort {
  margin-bottom: 25px;
}
.filterBlock .sort .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
}
.filterBlock .sort .filter_accordion_body {
  display: none;
}
.filterBlock .sort a,
.filterBlock .sort button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  color: #fff;
  border: 0.5px solid #fff;
  background-color: #7a6d80;
}
.filterBlock .sort a.current,
.filterBlock .sort button.current {
  background-color: #412f4a;
}
.filterBlock .results_per {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filterBlock .results_per .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
  padding-left: 5px;
  width: 80px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #9b95a0;
  position: relative;
}
.filterBlock .results_per .ttl::before, .filterBlock .results_per .ttl::after {
  content: "";
  display: block;
  position: absolute;
}
.filterBlock .results_per .ttl::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 13px;
  border-color: transparent transparent transparent #9b95a0;
  top: -1px;
  right: -14px;
}
.filterBlock .results_per .ttl::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 13px;
  border-color: transparent transparent transparent #fff;
  top: 0;
  right: -13px;
}
.filterBlock .results_per label {
  margin: 0;
}
.filterBlock .results_per select {
  padding: 3px 20px 3px 10px;
}

@media screen and (max-width: 767px) {
  .filterBlock {
    margin: 20px 0;
    position: relative;
  }
  .filterBlock .sort {
    width: 100%;
  }
  .filterBlock .sort .ttl {
    padding-right: 30px;
    width: 45%;
    height: 32px;
    position: relative;
    border: 1px solid #3a2b41;
  }
  .filterBlock .sort .ttl::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #3a2b41;
    background: -moz-linear-gradient(top, #3a2b41 0%, #584b75 100%);
    background: -webkit-linear-gradient(top, #3a2b41 0%, #584b75 100%);
    background: linear-gradient(to bottom, #3a2b41 0%, #584b75 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=0 );
    position: absolute;
    right: 0;
    top: 0;
  }
  .filterBlock .sort .ttl::after {
    content: "";
    display: block;
    width: 9px;
    height: 12px;
    background-image: url(../images/common/icon_arw_dwn.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 9px;
  }
  .filterBlock .sort .ttl.view::after {
    content: "×";
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    right: 0;
    top: 0;
  }
  .filterBlock .sort .filter_accordion_body {
    margin-top: 5px;
  }
  .filterBlock .results_per {
    position: absolute;
    right: 0;
    top: 0;
  }
  .filterBlock .results_per .ttl {
    margin-right: 16px;
  }
  .filterBlock .results_per label {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .filterBlock {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 25px;
    padding: 0;
  }
  .filterBlock .sort {
    display: flex;
    margin: 0 20px 5px 0;
    border: 0;
  }
  .filterBlock .sort .filter_accordion_body {
    display: block !important;
  }
  .filterBlock .sort .ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    padding-left: 5px;
    width: 60px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #9b95a0;
    position: relative;
  }
  .filterBlock .sort .ttl::before, .filterBlock .sort .ttl::after {
    content: "";
    display: block;
    position: absolute;
  }
  .filterBlock .sort .ttl::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 13px;
    border-color: transparent transparent transparent #9b95a0;
    top: -1px;
    right: -14px;
  }
  .filterBlock .sort .ttl::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 13px;
    border-color: transparent transparent transparent #fff;
    top: 0;
    right: -13px;
  }
  .filterBlock .sort a,
  .filterBlock .sort button {
    padding: 0 10px;
    height: 30px;
    border: 0;
    border-right: 1px solid #a097a4;
  }
  .filterBlock .results_per {
    margin: 0 0 5px;
  }
  .filterBlock .results_per .ttl {
    margin-right: 20px;
    width: 70px;
  }
}
/*

PRODUCT

*/
.product__item {
  margin: 0 0 20px;
  padding: 20px 20px 35px;
  background-image: url(../images/common/bg.jpg);
  background-repeat: repeat;
  background-position: 50% 0;
  background-size: auto;
  border: 1px solid #333;
  position: relative;
  z-index: 1;
}
.product__item::after {
  content: "";
  display: block;
  width: calc(100% + 30px);
  height: 400px;
  background-image: url(../images/toppage/article_bg_sp.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% auto;
  position: absolute;
  left: -15px;
  bottom: -20px;
  z-index: -1;
}
.product__meta {
  display: flex;
  margin: 0 -5px 5px;
}
.product__cate {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 50px;
  height: 22px;
  font-size: 12px;
  background: #b3b3b3;
  background: linear-gradient(45deg, #b3b3b3 0%, #e6e6e6 28%, #e6e6e6 28%, #e6e6e6 32%, #e6e6e6 52%, #e6e6e6 68%, #e6e6e6 77%, #e6e6e6 77%, #b3b3b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3b3b3", endColorstr="#b3b3b3",GradientType=1 );
}
.product__new {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 50px;
  height: 22px;
  color: #fff;
  font-size: 12px;
  background-color: #990000;
}
.product__name {
  color: #412F4A;
  font-size: 20px;
}
.product__desc {
  margin-bottom: 10px;
}
.product__info figure {
  margin: 10px -20px;
  text-align: center;
  background-color: #fff;
}
.product__info figure.no-image {
  height: 90%;
  min-height: 256px;
}
.product__info figure.no-image span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #67596d;
  font-size: 12px;
  font-weight: 700;
  background-color: #fff;
}
.product__info dl {
  display: flex;
  padding: 2px 0;
}
.product__info dl:not(:last-child) {
  border-bottom: 1px dashed #cccccc;
}
.product__info dt {
  width: 68px;
  font-size: 12px;
}
.product__info dd {
  width: calc(100% - 68px);
}
.product__info ul {
  padding: 0 0 0 1.5em;
}
.product__info li {
  list-style-type: disc;
}
.product__info .price {
  padding-top: 5px;
}
.product__info .price dt {
  display: flex;
  align-items: center;
}
.product__info .price dd {
  color: #990000;
}
.product__info .price dd span {
  font-size: 20px;
}
.product__buttons {
  margin: 20px 0;
}
.product__buttons .row {
  margin: 0 -5px;
}
.product__buttons .row > div {
  padding: 0 5px;
}
.product__buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  color: #fff;
  font-size: 16px;
}
.product__buttons .btn-product-detail {
  background-color: #412f4a;
}
.product__buttons .btn-product-request {
  background-color: #67596d;
}

@media screen and (min-width: 768px) {
  .product__item {
    margin: 0 0 35px;
    padding: 24px 30px;
    position: relative;
  }
  .product__item::after {
    width: calc(100% + 80px);
    height: 400px;
    background-image: url(../images/toppage/article_bg.png);
    left: -40px;
    bottom: -40px;
  }
  .product__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .product__meta {
    margin: 0;
  }
  .product__cate {
    margin: 0 3px;
    width: 60px;
    height: 26px;
    font-size: 14px;
  }
  .product__new {
    margin: 0 3px;
    width: 60px;
    height: 26px;
    font-size: 14px;
  }
  .product__name {
    margin-left: 10px;
    font-size: 26px;
    letter-spacing: 0.1em;
  }
  .product__desc {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 6px 0 10px;
    font-size: 16px;
  }
  .product__info .row {
    position: static;
  }
  .product__info .col-md-5 {
    flex: 0 0 42.1%;
    max-width: 42.1%;
  }
  .product__info .col-md-7 {
    flex: 0 0 57.9%;
    max-width: 57.9%;
    position: static;
    padding-bottom: 20px;
  }
  .product__info figure {
    margin: 10px 0 0;
  }
  .product__info dl {
    display: flex;
    padding: 3px 0;
  }
  .product__info dl:not(:last-child) {
    border: 0;
  }
  .product__info dt {
    width: 88px;
    font-size: 14px;
  }
  .product__info dd {
    width: calc(100% - 88px);
    font-size: 14px;
  }
  .product__info li {
    font-size: 14px;
  }
  .product__buttons {
    margin: 0 0 0 auto;
    width: 280px;
  }
  .product__buttons a {
    height: 40px;
  }
}
@media screen and (min-width: 1300px) {
  .product__info .col-md-7 {
    padding-bottom: 70px;
  }
  .product__info .price {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 15px;
    padding: 0;
    position: absolute;
    left: 43.5%;
    bottom: 30px;
  }
  .product__info .price dt {
    width: 100%;
    font-size: 14px;
  }
  .product__info .price dd {
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0.1em;
  }
  .product__info .price dd span {
    font-size: 25px;
    font-weight: 700;
  }
  .product__info .price dd small {
    letter-spacing: 0.03em;
  }
  .product__buttons {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
}
/*

大京穴吹不動産の住み替えサポート

*/
.banner__support {
  padding: 40px 6px 0;
  text-align: center;
  background-color: #67596d;
}
.banner__support a {
  display: block;
}

@media screen and (min-width: 768px) {
  .banner__support {
    padding: 80px 30px 10px;
  }
}
/*

都心プレミアムマンションの売却なら
まずは無料査定

*/
.cta__wrap {
  padding: 36px 10px;
  background-color: #412f4a;
}
.cta__wrap .cta {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
.cta__wrap .cta__lead {
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}
.cta__wrap .cta__lead h3 {
  margin-bottom: 10px;
  font-size: 22px;
  letter-spacing: 0.05em;
}
.cta__wrap .cta__lead h3 sup {
  font-size: 60%;
}
.cta__wrap .cta__lead .cap {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.5em;
}
.cta__wrap .cta__link a.btn-gray {
  width: 280px;
  height: 56px;
}

@media screen and (min-width: 768px) {
  .cta__wrap {
    padding: 60px 20px;
  }
  .cta__wrap .cta__lead h3 {
    font-size: 32px;
  }
  .cta__wrap .cta__lead p {
    font-size: 18px;
  }
  .cta__wrap .cta__link a.btn-gray {
    width: 350px;
    height: 70px;
    font-size: 24px;
    letter-spacing: 0.15em;
  }
  .cta__wrap .cta__link a.btn-gray::after {
    right: 26px;
  }
}
@media screen and (min-width: 992px) {
  .cta__wrap .cta {
    display: flex;
    justify-content: space-between;
  }
  .cta__wrap .cta__lead {
    margin: 0;
    width: calc(100% - 350px);
    text-align: left;
  }
  .cta__wrap .cta__link {
    display: flex;
    align-items: center;
    width: 350px;
  }
}
/*

SHOP

*/
.shop__wrap {
  padding: 40px 0;
}
.shop__wrap__inner {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 1310px;
}
.shop__blockTitle {
  margin: 0 0 20px;
  color: #412f4a;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.shop__item {
  margin-bottom: 40px;
}
.shop__item .head {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 14px;
  padding: 0 0 14px;
  position: relative;
}
.shop__item .head::after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #584b75;
  position: absolute;
  left: 0;
  bottom: 0;
}
.shop__meta {
  display: flex;
}
.shop__meta .cate {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  width: 48px;
  height: 24px;
  color: #fff;
  font-size: 12px;
  background-color: #990000;
}
.shop__meta .kids {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  width: 98px;
  height: 24px;
  color: #990000;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #990000;
}
.shop__info {
  font-size: 13px;
  letter-spacing: -0.07em;
}
.shop__link {
  margin-top: 20px;
}
.shop__link .row {
  margin: 0 -5px;
}
.shop__link .row > div {
  padding: 0 5px;
}
.shop__link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  color: #fff;
  font-size: 14px;
}
.shop__link .btn-shop-detail {
  background-color: #412f4a;
}
.shop__link .btn-shop-contact {
  background-color: #67596d;
}
.shop__link .btn-shop-site {
  background-color: #8D7C68;
}

.btn_site {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .shop__wrap {
    margin-bottom: -12px;
    padding: 0;
  }
  .shop__wrap__inner {
    padding-top: 60px;
  }
  .shop__wrap__inner > .row {
    margin: 0 -25px;
  }
  .shop__wrap__inner > .row > div {
    padding: 0 25px;
  }
  .shop__blockTitle {
    margin: 0;
    font-size: 32px;
  }
  .shop__item {
    margin: 40px 0;
  }
  .shop__item .head {
    margin-bottom: 22px;
    padding: 0 0 16px;
  }
  .shop__item .head::after {
    width: 70px;
  }
  .shop__name {
    font-size: 22px;
  }
  .shop__info {
    font-size: 13px;
    letter-spacing: 0.05em;
  }
  .shop__link a {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  .shop__wrap__inner > .row > div {
    padding: 0 1%;
  }
}
@media screen and (min-width: 1040px) {
  .shop__link a {
    font-size: 10px;
  }
}
.researchBlloon {
  width: 100px;
  height: 75px;
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 99;
  visibility: hidden;
}
.researchBlloon.view {
  visibility: visible;
}

@media screen and (min-width: 992px) {
  .researchBlloon {
    display: none !important;
  }
}
.research_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0 0;
  width: 100px;
  height: 75px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.15em;
  background-color: #666;
}
.research_btn::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(../images/common/icon_01.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 13px;
  transform: translateX(-50%);
}
.research_btn:focus, .research_btn:hover {
  color: #fff;
  opacity: 1;
}

.no-result {
  margin-bottom: 30px;
}
.no-result p {
  color: #412F4A;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  .no-result p {
    font-size: 22px;
    letter-spacing: 0;
  }
}
/************************
売却をご検討の方
************************/
.selling__mv {
  border-top: 1px solid #333333;
}
.selling__mv .slider-mv {
  width: 100%;
  white-space: nowrap;
}
.selling__mv .slider-mv.slick-initialized .slider-item {
  display: block !important;
  opacity: 1;
}
.selling__mv .slider-item {
  display: inline;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.selling__mv .slider-item:not(:first-child) {
  display: none;
}
.selling__mv figure {
  position: relative;
}
.selling__mv figcaption {
  color: #999;
  font-size: 12px;
  position: absolute;
}
.selling__mv figcaption.right {
  right: 10px;
}
.selling__mv figcaption.bottom {
  bottom: 10px;
}
.selling__block__inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1000px;
}

.irai__wrap {
  padding: 7px 20px 30px;
  background: #3a2b41;
  background: -moz-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(top, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to bottom, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=0 );
  box-shadow: 0 0 12px 3px #666;
}
.irai__wrap__inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1180px;
}
.irai__wrap h2.irai__title {
  margin: 22px -20px 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.irai__wrap h2.irai__title .large {
  font-size: 35px;
  color: #ae8c42;
  background: -webkit-linear-gradient(0deg, #b07515, #f5d77f, #f5d77f, #b07515, #f5d77f, #f5d77f, #b07515);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.irai__wrap .submitBtn {
  margin-top: 18px;
  color: #412F4A;
  font-weight: 500;
  text-shadow: 0 0 3px rgba(51, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
}
.irai__wrap .submitBtn:hover {
  opacity: 0.8;
}
.irai__wrap .bottomTxt {
  margin-top: 10px;
  color: #fff1c8;
  font-size: 11px;
  font-weight: 500;
}
.irai__wrap .cap {
  text-align: center;
  font-size: 10px;
  color: #fff;
  margin-top: 10px;
}
.irai__head {
  display: flex;
  margin: 20px 0 5px;
  color: #fff;
  letter-spacing: 0;
}
.irai__head .stepIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 17px;
  padding-left: 5px;
  width: 40px;
  height: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  background-color: #67596d;
  position: relative;
}
.irai__head .stepIcon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #67596d;
  position: absolute;
  left: 100%;
  top: 0;
}
.irai__selector {
  display: flex;
  flex-wrap: wrap;
}
.irai__selector.categories {
  border: 2px solid #e6eaed;
  border-radius: 5px;
  overflow: hidden;
}
.irai__selector.categories label {
  display: block;
  margin: 0;
  width: 25%;
  height: 50px;
}
.irai__selector.categories label > span {
  display: block;
  padding-top: 33px;
  width: 100%;
  height: 50px;
  color: #412f4a;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  border-right: 1px solid #e6eaed;
  cursor: pointer;
  position: relative;
}
.irai__selector.categories label > span::after {
  content: "";
  display: block;
  width: 36px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
}
.irai__selector.categories label > span small {
  display: inline-block;
  font-size: 8px;
}
.irai__selector.categories label > span.icon_1::after {
  background-image: url(../images/selling/icon_1.svg);
}
.irai__selector.categories label > span.icon_2::after {
  background-image: url(../images/selling/icon_2.svg);
}
.irai__selector.categories label > span.icon_3::after {
  background-image: url(../images/selling/icon_3.svg);
}
.irai__selector.categories label > span.icon_4::after {
  background-image: url(../images/selling/icon_4.svg);
  border: 0;
}
.irai__selector.categories label input[type=checkbox] {
  margin: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.irai__selector.categories label input[type=checkbox]:checked + span {
  background-color: #c0c0c0;
}
.irai__selector.address {
  margin: 0;
  justify-content: space-between;
}
.irai__selector.address label.select {
  width: 32%;
  border: 2px solid #e6eaed;
  border-radius: 10px;
}
.irai__selector.address label.select::before {
  width: 20px;
}
.irai__selector.address label.select::after {
  right: 6px;
}
.irai__selector.address select {
  padding: 5px 25px 5px 10px;
  width: 100%;
  height: 50px;
  min-width: 75px;
}

@media screen and (min-width: 768px) {
  .irai__selector.categories {
    margin: 5px 0;
  }
  .irai__selector.address {
    display: flex;
    margin: 5px 0;
  }
}
@media screen and (min-width: 992px) {
  .irai__wrap {
    padding: 50px 20px;
  }
  .irai__wrap h2.irai__title {
    margin: 0 0 40px;
    font-size: 30px;
  }
  .irai__wrap h2.irai__title .large {
    font-size: 50px;
  }
  .irai__wrap .submitBtn {
    width: 720px;
    height: 90px;
    font-size: 36px;
  }
  .irai__wrap .bottomTxt {
    margin-top: 15px;
    font-size: 18px;
  }
  .irai__head {
    align-items: center;
    margin: 0;
    font-size: 20px;
  }
  .irai__head .stepIcon {
    margin-right: 30px;
    width: 60px;
    height: 50px;
    font-size: 17px;
  }
  .irai__head .stepIcon::after {
    border-width: 25px 0 25px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .irai__wrap {
    padding: 50px 20px 40px;
  }
  .irai__wrap__inner > .row {
    margin: 0 -30px;
  }
  .irai__wrap__inner > .row > .col-xl-6 {
    padding: 0 30px;
  }
  .irai__wrap .col-xl-6:nth-of-type(1) {
    flex: 0 0 54%;
    max-width: 54%;
  }
  .irai__wrap .col-xl-6:nth-of-type(1) .row {
    margin: 0 -5px;
  }
  .irai__wrap .col-xl-6:nth-of-type(1) .col-md-4 {
    padding: 0 5px;
    flex: 0 0 250px;
    max-width: 250px;
  }
  .irai__wrap .col-xl-6:nth-of-type(1) .col-md-8 {
    padding: 0 5px;
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
  }
  .irai__wrap .col-xl-6:nth-of-type(2) {
    flex: 0 0 46%;
    max-width: 46%;
  }
  .irai__wrap .col-xl-6:nth-of-type(2) .row {
    margin: 0 -5px;
  }
  .irai__wrap .col-xl-6:nth-of-type(2) .col-md-4 {
    padding: 0 5px;
    flex: 0 0 200px;
    max-width: 200px;
  }
  .irai__wrap .col-xl-6:nth-of-type(2) .col-md-8 {
    padding: 0 5px;
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
  }
  .irai__wrap .submitBtn {
    margin-top: 30px;
  }
  .irai__wrap .bottomTxt {
    margin-top: 22px;
  }
  .irai__selector.categories label {
    display: block;
    margin: 0;
    width: 25%;
    height: 62px;
  }
  .irai__selector.categories label > span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    height: 62px;
  }
  .irai__selector.categories label > span::after {
    width: 50px;
    height: 30px;
  }
  .irai__selector.address {
    padding-left: 10px;
  }
  .irai__selector.address select {
    padding: 5px 25px 5px 20px;
    height: 60px;
  }
}
/*

首都圏中古マンション成約価格と新規登録件数

*/
.selling__block.bl01 {
  padding: 60px 0 30px;
}
.selling__block.bl01 p.t1 {
  font-size: 18px;
  font-weight: 600;
}
.selling__block.bl01 p.t2 {
  margin-bottom: 20px;
  font-size: 37px;
  font-weight: 600;
  line-height: 1;
}
.selling__block.bl01 p.t2 .large {
  font-size: 70px;
  font-weight: 500;
  line-height: 1;
}
.selling__block.bl01 .graph h3.ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  background-color: #333333;
  border-radius: 15px;
}
.selling__block.bl01 .graph figure.img_glaph {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
.selling__block.bl01 .graph figure.img_glaph::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  width: 76px;
  height: 70px;
  background: url(../images/common/swipe_icon.png) no-repeat center center/contain;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  animation: return 3s 0s infinite ease;
  z-index: 2;
}
.selling__block.bl01 .graph figure.img_glaph img {
  display: block;
  width: 636px;
  max-width: 636px;
}
.selling__block.bl01 .graph figure.img_glaph.icoOff::after {
  opacity: 0;
}
.selling__block.bl01 .graph figcaption {
  padding: 5px 0;
  font-size: 10px;
}
.selling__block.bl01 .graph .graph_caption {
  margin-bottom: 30px;
  font-size: 10px;
}
.selling__block.bl01 p.t3 {
  margin-bottom: 12px;
  line-height: 2;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 992px) {
  .selling__block.bl01 {
    padding: 80px 0 90px;
  }
  .selling__block.bl01 p.t1 {
    margin-bottom: 65px;
    font-size: 27px;
  }
  .selling__block.bl01 p.t2 {
    margin-left: 20px;
    margin-bottom: 65px;
    font-size: 50px;
  }
  .selling__block.bl01 p.t2 .large {
    font-size: 92px;
  }
  .selling__block.bl01 .graph h3.ttl {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .selling__block.bl01 .graph figure.img_glaph {
    overflow: visible;
  }
  .selling__block.bl01 .graph figure.img_glaph::after {
    opacity: 0;
  }
  .selling__block.bl01 .graph figure.img_glaph img {
    max-width: 100%;
  }
  .selling__block.bl01 p.t3 {
    margin: 0 0 18px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .selling__block.bl01 {
    padding: 80px 0 60px;
  }
  .selling__block.bl01 .graph h3.ttl {
    margin-bottom: 40px;
  }
  .selling__block.bl01 .graph figcaption {
    padding: 10px 0;
  }
  .selling__block.bl01 p.t3 {
    margin: 0 0 18px;
    padding-left: 40px;
    line-height: 2.14;
  }
}
/*

大京穴吹不動産が選ばれる理由

*/
.selling__block.bl02 {
  padding: 60px 0 0;
}
.selling__block.bl02.mb {
  margin-bottom: 60px;
}
.selling__block.bl02 .blockTtl {
  margin-bottom: 14px;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.3;
}
.selling__block.bl02 .blockTtl small {
  font-size: 25px;
  font-weight: 500;
}
.selling__block.bl02 .blockLeadTxt {
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
}
.selling__block.bl02 .blockLeadTxt .large1 {
  font-size: 25px;
  font-weight: 600;
}
.selling__block.bl02 .blockLeadTxt .large2-img {
  width: 106px;
}
.selling__block.bl02 .graph2 {
  max-width: 830px;
  margin: 40px auto;
}
.selling__block.bl02 .graph2 .img_glaph02 {
  width: 830px;
}
.selling__block.bl02 .graph2_title {
  font-size: 13px;
  padding-bottom: 6px;
}
.selling__block.bl02 .graph2_cap {
  font-size: 10px;
  margin-top: 6px;
}
.selling__block.bl02 .graph {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.selling__block.bl02 .t3 a {
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .selling__block.bl02 .blockTtl {
    margin-bottom: 0;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.3;
  }
  .selling__block.bl02 .blockTtl small {
    font-size: 36px;
    font-weight: 500;
  }
  .selling__block.bl02 .graph2_title {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .selling__block.bl02 .blockLeadTxt {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
  }
  .selling__block.bl02 .blockLeadTxt .large1 {
    font-size: 36px;
    font-weight: 600;
  }
  .selling__block.bl02 .blockLeadTxt .large2 {
    font-size: 60px;
  }
  .selling__block.bl02 .blockLeadTxt .large2-img {
    width: 155px;
    transform: translateY(5px);
  }
}
@media screen and (min-width: 1200px) {
  .selling__block.bl02 {
    padding: 85px 0 0;
  }
  .selling__block.bl02 .blockLeadTxt {
    margin-bottom: 46px;
    line-height: 1;
  }
}
/*

tabselect

*/
.tabselect .tab-group {
  display: flex;
}
.tabselect .tab-group .tab {
  margin: 0;
  padding: 0;
  width: 50%;
  background-color: #fff;
}
.tabselect .tab-group .tab_top {
  margin: 0;
  padding: 0;
  width: 50%;
  background-color: #fff;
}
.tabselect .tab-group .tab_top.is-active_top {
  position: relative;
}
.tabselect .tab-group .tab_top.is-active_top::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12.5px 0 12.5px;
  border-color: #4d3d60 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
.tabselect .tab-group .tab_top.is-active_top .tab_text_1,
.tabselect .tab-group .tab_top.is-active_top .tab_text_2 {
  opacity: 1;
}
.tabselect .tab-group .tab_top:hover .tab_text_1,
.tabselect .tab-group .tab_top:hover .tab_text_2 {
  opacity: 1;
}
.tabselect .tab-group .tab_top.bottom_btn {
  max-width: 412px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.tabselect .tab-group .tab_top.bottom_btn img {
  margin: 0 auto;
  text-align: center;
}
.tabselect .tab-group .tab_top.with_0 {
  width: 0;
  flex: 0 0 0px;
  pointer-events: none;
}
.tabselect .tab-group .tab.is-active {
  position: relative;
}
.tabselect .tab-group .tab.is-active::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12.5px 0 12.5px;
  border-color: #4d3d60 transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
.tabselect .tab-group .tab.is-active .tab_text_1,
.tabselect .tab-group .tab.is-active .tab_text_2 {
  opacity: 1;
}
.tabselect .tab-group .tab:hover .tab_text_1,
.tabselect .tab-group .tab:hover .tab_text_2 {
  opacity: 1;
}
.tabselect .tab-group .tab_text_1,
.tabselect .tab-group .tab_text_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 110px;
  color: #fff;
  background: #3a2b41;
  background: -moz-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: -webkit-linear-gradient(left, #3a2b41 0%, #584b75 100%);
  background: linear-gradient(to right, #3a2b41 0%, #584b75 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3a2b41", endColorstr="#584b75",GradientType=1 );
  opacity: 0.4;
  transition: all 0.3s ease;
}
.tabselect .tab-group .tab_text_1 {
  font-size: 14px;
  line-height: 1.75;
}
.tabselect .tab-group .tab_text_2 {
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
}
.tabselect .tab-group .tab_text_2::after {
  content: "";
  display: block;
  width: 115px;
  height: 57px;
  background-image: url(../images/selling/tab2_icon.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.tabselect .tab-group .tab_text_2.p2::after {
  background-image: url(../images/selling/tab2_icon2.png);
}
.tabselect.bottom {
  margin-top: 30px;
}

@media screen and (min-width: 992px) {
  .tabselect {
    margin: 0 auto;
    width: 100%;
    max-width: 1070px;
  }
  .tabselect .tab-group {
    display: flex;
    justify-content: space-between;
  }
  .tabselect .tab-group .tab {
    flex: 0 0 49%;
  }
  .tabselect .tab-group .tab_top {
    flex: 0 0 32%;
  }
  .tabselect .tab-group .tab_top.bottom_btn {
    flex: 0 0 412px;
  }
  .tabselect .tab-group .tab_text_1,
  .tabselect .tab-group .tab_text_2 {
    padding: 0;
    height: 90px;
    font-size: 20px;
    position: relative;
  }
  .tabselect .tab-group .tab_text_1::before,
  .tabselect .tab-group .tab_text_2::before {
    content: "";
    display: block;
    width: 70px;
    height: 90px;
    background-image: url(../images/selling/tab_arw.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .tabselect .tab-group .tab_text_1 {
    padding-right: 70px;
  }
  .tabselect .tab-group .tab_text_2 {
    justify-content: flex-start;
    padding-left: 20px;
    text-align: left;
  }
  .tabselect .tab-group .tab_text_2::after {
    width: 160px;
    height: 90px;
    left: auto;
    right: 80px;
    bottom: 0;
    transform: inherit;
  }
  .tabselect.bottom {
    margin-top: 80px;
  }
}
/*

tabContents

*/
.tabContents {
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #3e2e44;
}

.panel__head {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  max-width: 1000px;
}
.panel__head h2.ttl {
  margin-bottom: 40px;
  padding: 0 10px 30px;
  color: #412F4A;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #412f4a;
  position: relative;
}
.panel__head h2.ttl::after {
  content: "";
  display: block;
  width: 90%;
  height: 3px;
  background-color: #412f4a;
  position: absolute;
  left: 5%;
  bottom: 0;
  transform: translateY(2px);
}
.panel__head h2.ttl sup {
  font-size: 60%;
}
.panel__head h2.ttl small {
  display: block;
  font-size: 10px;
  line-height: 1.5em;
  margin-top: 10px;
}
.panel__head .leadTxt {
  margin-bottom: 20px;
  line-height: 2;
}
.panel__body {
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
}
.panel__body .inner1000 {
  margin: 0 auto;
  max-width: 1000px;
}

@media screen and (min-width: 992px) {
  .panel__head h2.ttl {
    margin-bottom: 40px;
    padding: 0 10px 30px;
    font-size: 40px;
  }
  .panel__head h2.ttl sup {
    display: inline-block;
    font-size: 45%;
    vertical-align: middle;
    padding-bottom: 10px;
  }
  .panel__head .leadTxt {
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 2;
  }
}
.content-1 {
  padding: 50px 0 20px;
  background-color: #fff;
  background-image: url(../images/selling/contnt-1_bg_sp.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}
.content-1 .service__item {
  margin: 10px auto;
  max-width: 280px;
}
.content-1 .service__item figure {
  position: relative;
  cursor: pointer;
}
.content-1 .service__item figure::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/selling/icon_plus.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
.content-1 .service__item figure img {
  display: block;
  width: 100%;
}
.content-1 .service__item figure .imgCap {
  padding: 0px 8px;
  color: #fff;
  font-size: 10px;
  text-align: right;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: 0;
}
.content-1 .service__item figcaption {
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .content-1 {
    padding: 50px 0 40px;
    background-image: url(../images/selling/contnt-1_bg.png);
  }
  .content-1 .panel__body > .row {
    margin: 0 -10px;
  }
  .content-1 .panel__body > .row > .col-md-6 {
    padding: 0 10px;
  }
  .content-1 .service__item figcaption {
    padding: 16px 0;
  }
}
.content-2 {
  padding: 50px 0 20px;
  background-color: #fff;
  background-image: url(../images/selling/contnt-2_bg_sp.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}
.content-2 p.t1 {
  padding: 10px;
  font-weight: 500;
  line-height: 2;
}
.content-2 p.t1 .large {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
.content-2 p.t2 {
  margin-top: 40px;
  margin-bottom: 30px;
  padding-top: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  border-top: 1px dashed #cccccc;
}
.content-2 p.t2 .large {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.content-2 p.t3 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.5;
}
.content-2 p.t4 {
  padding: 10px;
  font-weight: 500;
  line-height: 2;
}
.content-2 p.t4 .large {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
.content-2 .serviceAbout {
  padding: 20px;
}
.content-2 .serviceAbout h4 {
  margin-bottom: 10px;
}
.content-2 .serviceAbout ul {
  margin: 0;
  padding: 0;
}
.content-2 .serviceAbout li {
  margin: 0;
  margin-left: 1em;
  padding: 0;
  text-indent: -1em;
}
.content-2 .serviceAbout p.cap {
  margin-top: 5px;
}
.content-2 figure.tab2_bnr img {
  display: block;
}
.content-2 figure.tab2_bnr2 {
  padding: 0 0 20px;
  overflow-x: scroll;
}
.content-2 figure.tab2_bnr2 img {
  display: block;
  margin: 0;
  width: 860px;
  max-width: 860px;
}
.content-2 figure.img_arw {
  padding: 20px 0 25px;
}
.content-2 figure.img_arw img {
  display: block;
  margin: 0 auto;
  width: 278px;
  max-width: 278px;
}
.content-2 figure.img_plus {
  padding: 20px 0;
}
.content-2 figure.img_plus img {
  display: block;
  margin: 0 auto;
  width: 28px;
  max-width: 28px;
}
.content-2 .care p.t5 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
  height: 42px;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #ae8c42;
}
.content-2 .care ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.content-2 .care li {
  margin: 0;
  padding: 0;
  position: relative;
}
.content-2 .care li::before {
  content: "□";
  display: block;
  position: absolute;
  left: -20px;
  top: 0;
}
.content-2 .care p.cap {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  .content-2 figure.tab2_bnr2 {
    padding: 0 0 20px;
    overflow-x: auto;
  }
  .content-2 figure.tab2_bnr2 img {
    display: block;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  .content-2 .care p.t5 {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  .content-2 {
    padding: 50px 0 30px;
    background-image: url(../images/selling/contnt-2_bg.png);
  }
  .content-2 p.t1 {
    font-size: 24px;
  }
  .content-2 p.t1 .large {
    font-size: 30px;
  }
  .content-2 p.t2 {
    margin-top: 70px;
    margin-bottom: 20px;
    padding-top: 70px;
    font-size: 28px;
  }
  .content-2 p.t2 .large {
    font-size: 40px;
  }
  .content-2 p.t3 {
    font-size: 32px;
  }
  .content-2 p.t4 {
    font-size: 24px;
  }
  .content-2 p.t4 .large {
    font-size: 30px;
  }
  .content-2 figure.img_arw {
    padding: 20px 0;
  }
  .content-2 figure.img_arw img {
    display: block;
    margin: 0 auto;
    width: 464px;
    max-width: 464px;
  }
  .content-2 figure.img_plus {
    padding: 30px 0;
  }
  .content-2 figure.img_plus img {
    display: block;
    margin: 0 auto;
    width: 40px;
    max-width: 40px;
  }
  .content-2 .care {
    margin: 0 auto;
    width: 100%;
    max-width: 780px;
  }
  .content-2 .care .col-md-3 {
    flex: 0 0 160px;
    max-width: 160px;
  }
  .content-2 .care .col-md-9 {
    flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
  }
  .content-2 .care p.t5 {
    margin: 0;
    width: 150px;
    height: 70px;
    font-size: 24px;
  }
  .content-2 .care ul {
    margin: 0;
    padding: 0 0 0 40px;
  }
  .content-2 .care li {
    font-size: 20px;
  }
  .content-2 .care li::before {
    left: -30px;
  }
}
.top_text {
  font-size: 14px;
  padding: 10px 10px 30px;
}

.content-3 {
  padding: 50px 0 20px;
  background-color: #fff;
}

.content-3 .panel__head h2.ttl {
  font-size: 21px;
}

.content-3 .panel__body > .row {
  margin: 0 -10px;
  flex-direction: row-reverse;
}

.content-3 .row.row-reverse {
  flex-direction: row-reverse;
  margin-top: 0px;
  margin-bottom: 40px;
}

.content-3 p.t3 {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 14px;
  padding: 0 20px;
  /* text-align: justify; */
  font-weight: 500;
  line-height: 2;
}

.content-3 p.t3_cap {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 10px;
  padding: 0 20px;
  /* text-align: justify; */
  font-weight: 500;
  line-height: 2;
}

.content-3 .panel__body > .row > .col-md-6 {
  padding: 0 10px;
}

.content-3 .service__item figcaption {
  padding: 16px 0;
}

.content-3 .img_topics {
  margin: 30px auto;
}

.content-3 .matome {
  margin: 20px 0;
  padding: 10px 0;
  position: relative;
  background: rgb(255, 255, 255);
  background: linear-gradient(54deg, rgb(255, 255, 255) 0%, rgb(247, 246, 248) 50%, rgb(255, 255, 255) 100%);
}

.content-3 .matome::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  transform: translateX(-50%);
  background: #9f7e5e;
  background: linear-gradient(90deg, #ffffff 0%, #9f7e5e 25%, #9f7e5e 50%, #9f7e5e 75%, #ffffff 100%);
}

.content-3 .matome::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  transform: translateX(-50%);
  background: #9f7e5e;
  background: linear-gradient(90deg, #ffffff 0%, #9f7e5e 25%, #9f7e5e 50%, #9f7e5e 75%, #ffffff 100%);
}

.content-3 .matome_text {
  font-size: 32px;
  color: #9f7e5e;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .content-3 {
    padding: 50px 20px 60px;
    max-width: 1300px;
    margin: 0 auto;
  }
  .content-3 .panel__body > .row {
    margin: 0 -10px;
    flex-direction: row-reverse;
  }
  .content-3 .panel__head h2.ttl {
    font-size: 40px;
  }
  .content-3 .row.row-reverse {
    flex-direction: row-reverse;
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .content-3 p.t3 {
    margin-bottom: 20px;
    font-size: 14px;
    /* text-align: justify; */
    font-weight: 500;
    line-height: 2;
  }
  .content-3 .panel__body > .row > .col-md-6 {
    padding: 0 10px;
  }
  .content-3 .service__item figcaption {
    padding: 16px 0;
  }
  .content-3 .img_topics {
    margin: 60px auto;
  }
  .content-3 .matome {
    margin: 40px 0 20px;
  }
  .content-3 .matomeTxtBox {
    overflow: hidden;
  }
  .content-3 .matomeTxtBox .space {
    float: right; /*画像の位置を右下にしたい場合はright*/
    height: 9.5em;
  }
  .content-3 .matomeTxtBox .flimg {
    float: right; /*画像の位置を右下にしたい場合はright*/
    clear: both;
    margin: 2em 20px 0 2em; /*画像の周りの余白*/
  }
}
@media screen and (max-width: 991px) {
  .content-3 .matomeTxtBox {
    display: flex;
    flex-direction: column-reverse;
  }
  .content-3 .matomeTxtBox .space {
    height: 0;
  }
  .content-3 .matomeTxtBox .flimg {
    float: none;
    margin: 2em 20px 0;
  }
}
.marketNewList {
  width: 90%;
  max-width: 1070px;
  margin: 30px auto 0;
}
.marketNewList li {
  display: flex;
  column-gap: 5%;
}
@media screen and (max-width: 767px) {
  .marketNewList li {
    flex-direction: column;
    row-gap: 20px;
  }
}
.marketNewList li .imgArea {
  width: 32.7102803738%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .marketNewList li .imgArea {
    width: 100%;
  }
}
.marketNewList li .imgArea .day {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 5px;
  left: 5px;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff;
}
.marketNewList li .imgArea .day.wh {
  color: #fff;
  text-shadow: 0 0 5px #000, 0 0 5px #000;
}
.marketNewList li .imgArea figure {
  position: relative;
}
@media screen and (max-width: 767px) {
  .marketNewList li .imgArea figure {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }
}
.marketNewList li .imgArea figure figcaption {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 6px #000, 0 0 6px #000, 0 0 6px #000;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.marketNewList li .imgArea figure figcaption.bk {
  color: #000;
  text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
}
.marketNewList li .txtArea {
  flex: 1;
}
.marketNewList li .txtArea p.date {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .marketNewList li .txtArea p.date {
    font-size: 13px;
  }
}
.marketNewList li .txtArea p.date::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #412F4A;
}
.marketNewList li .txtArea p.ttl {
  color: #412F4A;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .marketNewList li .txtArea p.ttl {
    font-size: 18px;
  }
}
.marketNewList li .txtArea p.txt {
  font-size: 16px;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) {
  .marketNewList li .txtArea p.txt {
    font-size: 13px;
  }
}
.marketNewList li .txtArea p.link {
  margin-top: 30px;
}
.marketNewList li .txtArea p.link a {
  display: block;
  position: relative;
  border: solid 1px #412F4A;
  border-radius: 10px;
  padding: 15px 60px 15px 15px;
  font-size: 18px;
  transition: opacity 0.4s ease 0s, background 0.4s ease 0s;
}
@media screen and (max-width: 767px) {
  .marketNewList li .txtArea p.link a {
    font-size: 15px;
  }
}
@media screen and (min-width: 992px) {
  .marketNewList li .txtArea p.link a:hover {
    background: rgba(65, 47, 74, 0.3);
  }
}
.marketNewList li .txtArea p.link a::before {
  content: "";
  width: 20px;
  height: 22px;
  background: url(../../archive/assets/images/toppage/icon_pdf.svg) no-repeat center center/cover;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
}
.marketNewList li .txtArea p.link.blank a::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../../archive/assets/images/toppage/icon_blank.svg) no-repeat center center/cover;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
}

.linkArchive {
  width: 90%;
  max-width: 1070px;
  margin: 30px auto 0;
}
.linkArchive a {
  display: block;
  background: #412F4A;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.linkArchive a span {
  display: inline-block;
  color: #fff;
  font-size: 26px;
  padding-right: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .linkArchive a span {
    font-size: 18px;
  }
}
.linkArchive a span::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
.linkArchive a span::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: solid 1px #412F4A;
  border-top: solid 1px #412F4A;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

/*
大京穴吹不動産買い取り・仲介実績一覧
*/
.slider_works .slider-item {
  width: 300px;
}

.works__wrap {
  margin: 40px 0;
  padding-top: 30px;
  border-top: 1px dashed #cccccc;
}
.works__ttl {
  margin-bottom: 34px;
  font-size: 24px;
  text-align: center;
  line-height: 1.7;
}
.works__item {
  text-align: center;
}
.works__item figure {
  margin: 0 auto;
  width: 280px;
}
.works__item img {
  display: block;
}
.works__item h3 {
  padding: 10px 5px;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .slider_works .slider-item {
    width: 350px;
  }
  .works__ttl {
    margin-bottom: 26px;
    font-size: 30px;
  }
  .works__item {
    text-align: center;
  }
  .works__item h3 {
    padding: 15px 5px;
  }
  .works__item figure {
    margin: 0 auto;
    width: 350px;
    height: 245px;
  }
}
@media screen and (min-width: 1260px) {
  .works__wrap {
    margin: 70px -20px;
    padding-top: 60px;
  }
}
/*
大京穴吹不動産買い取り・仲介実績一覧
*/
.slider_voice .slider-item {
  width: 300px;
}

.voice__wrap {
  margin: 20px 0;
  padding: 20px 0;
  border-top: 1px dashed #cccccc;
}
.voice__wrap .slider_voice .slick-prev,
.voice__wrap .slider_voice .slick-next {
  width: 30px;
  height: 30px;
  background-color: #ae8c42;
}
.voice__wrap .slider_voice .slick-prev::after,
.voice__wrap .slider_voice .slick-next::after {
  width: 12px;
  height: 12px;
}
.voice__ttl {
  margin-bottom: 25px;
  text-align: center;
}
.voice__item {
  margin: 0 15px;
  padding: 30px 25px;
  background-color: #fbf9f6;
  position: relative;
}
.voice__item::after {
  content: "";
  display: block;
  width: 76px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  position: absolute;
  right: 10px;
  bottom: 0;
}
.voice__item h3.ttl {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  position: relative;
  z-index: 1;
}
.voice__item p.desc {
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  position: relative;
  z-index: 1;
}
.voice__item.voice01::after {
  background-image: url(../images/selling/voice_shadow_1.png);
}
.voice__item.voice02::after {
  background-image: url(../images/selling/voice_shadow_2.png);
}
.voice__item.voice03::after {
  background-image: url(../images/selling/voice_shadow_3.png);
}
.voice__item.voice04::after {
  background-image: url(../images/selling/voice_shadow_4.png);
}

@media screen and (min-width: 992px) {
  .slider_voice {
    margin: 0 auto;
    max-width: 960px;
  }
  .slider_voice .slider-item {
    width: 436px;
  }
  .voice__wrap .slider_voice .slick-prev {
    left: -55px;
  }
  .voice__wrap .slider_voice .slick-next {
    right: -55px;
  }
  .voice__ttl {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .voice__item {
    margin: 0 auto;
    width: 416px;
    height: 190px;
  }
  .voice__item h3.ttl {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.5;
  }
  .voice__item p.desc {
    font-size: 12px;
  }
}
@media screen and (min-width: 1260px) {
  .voice__wrap {
    margin: 70px -150px;
    padding: 50px 0 0;
  }
}
/*

MODAL LAYOUT

*/
.modal-backdrop {
  background-color: #3a2b41;
}

.modal-dialog {
  max-width: 1120px;
}

.modal-content {
  padding: 10px;
}

.modal-header {
  border: 0;
}
.modal-header .categories {
  margin: 0 -5px;
}
.modal-header .categories > li {
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 12px;
}
.modal-header .categories span {
  display: block;
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  background-color: #412f4a;
}
.modal-header .categories span.price {
  background-color: #8d8292;
}
.modal-header .close {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  background-color: #333;
}

@media screen and (min-width: 1120px) {
  .modal-dialog {
    margin: 6.6rem auto;
  }
  .modal-content {
    padding: 70px 70px 50px;
  }
}
.modal-body figure.imgMain figcaption {
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
}
.modal-body .ttl {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 10px 0;
  color: #412f4a;
  font-size: 18px;
  font-weight: 500;
  border-top: 1px solid #a097a4;
  border-bottom: 1px solid #a097a4;
}
.modal-body .desc {
  margin-bottom: 20px;
  line-height: 2.285;
}
.modal-body .gallery {
  margin-top: 20px;
}
.modal-body .gallery .row {
  margin: 0 -10px;
}
.modal-body .gallery .row > div {
  padding: 0 10px;
}
.modal-body .gallery .row.threeCont {
  margin: 0 -3.5px;
}
.modal-body .gallery .row.threeCont > div {
  padding: 0 3.5px;
}
.modal-body .gallery h4 {
  font-size: 12px;
}
.modal-body .gallery figure {
  margin: 10px 0;
  text-align: center;
}
.modal-body .gallery figure img {
  display: block;
  margin: 0 auto;
}
.modal-body .gallery figure figcaption {
  margin-top: 5px;
}
.modal-body .hosho h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
  height: 50px;
  color: #fff;
  text-align: center;
  background-color: #ae8c42;
}
.modal-body .hosho h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100%;
  height: 46px;
  border: 1px solid #999999;
}
.modal-body .hosho ul {
  margin: 0 -5px;
  padding: 0;
}
.modal-body .hosho li {
  margin: 0;
  padding: 0 5px;
}

@media screen and (min-width: 1120px) {
  .modal-body {
    padding: 40px 10px;
  }
  .modal-body .ttl {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.modal-foot {
  padding: 15px;
}
.modal-foot a {
  color: #412f4a;
  font-weight: 700;
  text-decoration: underline;
}

.modal-content {
  position: relative;
}
.modal-content button.close {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 60px;
  right: 70px;
  color: #fff;
  background: #666;
  opacity: 1;
  cursor: pointer;
  z-index: 50;
  transition: opacity 0.2s ease-in-out;
  text-indent: -80px;
  margin: 0;
}
@media screen and (max-width: 1119px) {
  .modal-content button.close {
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
  }
}
.modal-content button.close::before, .modal-content button.close::after {
  content: "";
  width: 4px;
  height: 26px;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -2px;
  display: block;
  position: absolute;
  background: #ddd;
}
@media screen and (min-width: 992px) {
  .modal-content button.close:hover {
    opacity: 0.7;
  }
}
.modal-content button.close::before {
  transform: rotate(-45deg);
}
.modal-content button.close::after {
  transform: rotate(45deg);
}
.modal-content .tagArea {
  padding-right: 60px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content .tagArea {
    padding-right: 40px;
  }
}
.modal-content .tagArea p.tag {
  line-height: 1;
  color: #fff;
  font-size: 14px;
  padding: 10px;
}
.modal-content .tagArea p.tag.tag01 {
  background: #4F4856;
}
.modal-content .tagArea p.tag.tag02 {
  background: #96868B;
}
.modal-content .tagArea p.capTxt {
  color: #666666;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.modal-content figure {
  position: relative;
}
.modal-content figure figcaption {
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
  position: absolute;
  bottom: 8px;
  right: 5px;
}
.modal-content figure figcaption.btm {
  position: static;
  text-align: right;
  color: #000;
  text-shadow: none;
  margin-top: 5px;
}
.modal-content .note {
  margin-top: 20px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 11px;
  line-height: 1.8em;
}
.modal-content .note + .note {
  margin-top: 0;
}
.modal-content .columnWrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1119px) {
  .modal-content .columnWrap {
    flex-direction: column-reverse;
    row-gap: 30px;
  }
}
.modal-content .columnWrap .txtArea {
  width: 45.8333333333%;
}
@media screen and (max-width: 1119px) {
  .modal-content .columnWrap .txtArea {
    width: 100%;
  }
}
.modal-content .columnWrap .imgArea {
  width: 47.9166666667%;
  position: relative;
}
@media screen and (max-width: 1119px) {
  .modal-content .columnWrap .imgArea {
    width: 100%;
  }
}
.modal-content .columnWrap .imgArea .imgCap {
  font-size: 12px;
  line-height: 1.5em;
  position: absolute;
  top: -24px;
  left: 0;
}
@media screen and (max-width: 1119px) {
  .modal-content .columnWrap .imgArea .imgCap {
    position: static;
    margin-bottom: 5px;
  }
}
.modal-content .columnWrap .imgArea .img01 {
  margin-bottom: 10px;
}
.modal-content .ulBox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1119px) {
  .modal-content .ulBox {
    flex-direction: column;
    row-gap: 15px;
  }
}
.modal-content .ulBox .ttlArea {
  width: 30%;
}
@media screen and (max-width: 1119px) {
  .modal-content .ulBox .ttlArea {
    width: 100%;
  }
}
.modal-content .ulBox .ttlArea .moBox02 {
  margin-bottom: 0;
}
.modal-content .ulBox .ulArea {
  width: 67%;
}
@media screen and (max-width: 1119px) {
  .modal-content .ulBox .ulArea {
    width: 100%;
  }
}
.modal-content h2.modalttl {
  text-align: center;
  color: #4F4856;
  font-size: 26px;
  font-weight: normal;
  line-height: 1.5em;
  padding: 15px 0;
  border-top: solid 1px #A7999C;
  border-bottom: solid 1px #A7999C;
  margin-bottom: 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content h2.modalttl {
    font-size: 18px;
    padding: 10px 0;
  }
}
.modal-content h2.modalttl span {
  display: block;
  font-size: 16px;
  line-height: 1.5em;
}
@media screen and (max-width: 1119px) {
  .modal-content h2.modalttl span {
    font-size: 12px;
  }
}
.modal-content .kikan {
  font-size: 16px;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content .kikan {
    font-size: 12px;
  }
}
.modal-content .moTxt01 {
  font-size: 14px;
  line-height: 2.28em;
  color: #333;
  margin-bottom: 20px;
}
.modal-content .moTxt01.mb0 {
  margin-bottom: 0;
}
.modal-content .moBox01 {
  background: #73646D;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.5em;
  padding: 12px 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content .moBox01 {
    font-size: 15px;
    padding: 10px 8px;
  }
}
.modal-content .moBox02 {
  text-align: center;
  border: solid 1px #73646D;
  font-size: 14px;
  padding: 12px 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content .moBox02 {
    font-size: 13px;
    padding: 8px 8px;
  }
}
.modal-content ul.list01 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 3.5%;
}
.modal-content ul.list01 li {
  width: 31%;
  font-size: 14px;
  line-height: 1.2em;
  text-indent: -1em;
  padding-left: 1em;
}
.modal-content .list02 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 3.5%;
}
.modal-content .list02 li {
  font-size: 14px;
  line-height: 1.2em;
  text-indent: -1em;
  padding-left: 1em;
}
.modal-content .imgList01 {
  display: flex;
  gap: 10px;
}
.modal-content .imgList01 figure {
  width: 100%;
  max-width: 120px;
}
.modal-content .imgList02 {
  display: flex;
  gap: 10px 20px;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList02 {
    flex-direction: column;
    align-items: center;
  }
}
.modal-content .imgList02 figure {
  width: 100%;
  max-width: 210px;
}
.modal-content .imgList03 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList03 {
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;
  }
}
.modal-content .imgList03 .inBox01 {
  width: 12.5%;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList03 .inBox01 {
    width: 50%;
  }
}
.modal-content .imgList03 .inBox02 {
  width: 30%;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList03 .inBox02 {
    width: 80%;
  }
}
.modal-content .imgList03 .inBox02 .moTxt01 {
  line-height: 1.8em;
}
.modal-content .imgList03 .inBox02 figure {
  margin-bottom: 10px;
}
.modal-content .imgCap02 {
  margin: 30px 0 10px;
  font-size: 12px;
  line-height: 1.5em;
}
.modal-content .imgList04 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 {
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
}
.modal-content .imgList04.btm {
  margin-bottom: 40px;
}
.modal-content .imgList04 figure.col02 {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 figure.col02 {
    width: 80%;
  }
}
.modal-content .imgList04 figure.col03 {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 figure.col03 {
    width: 80%;
  }
}
.modal-content .imgList04 figure:not(:last-child) {
  position: relative;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 figure:not(:last-child).btm {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 figure:not(:last-child).btm::before {
    bottom: -40px;
  }
}
.modal-content .imgList04 figure:not(:last-child)::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .modal-content .imgList04 figure:not(:last-child)::before {
    border-top: solid 8px transparent;
    border-bottom: solid 8px transparent;
    border-left: solid 10px #928187;
    top: 50%;
    right: -16px;
    margin-top: -8px;
  }
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList04 figure:not(:last-child)::before {
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    border-top: solid 10px #928187;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
  }
}
.modal-content .imgList05 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 2%;
}
.modal-content .imgList05 figure {
  width: 32%;
}
@media screen and (max-width: 1119px) {
  .modal-content .imgList05 figure {
    width: 45%;
  }
}
.modal-content small {
  font-size: 80%;
}
.modal-content .txtLink {
  text-align: right;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.2em;
}
.modal-content .txtLink a {
  color: #4F4856;
  text-decoration: underline;
  padding-right: 1em;
  position: relative;
}
.modal-content .txtLink a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #4F4856;
  border-right: solid 1px #4F4856;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -3px;
}

/*
大京穴吹不動産買い取り・仲介実績一覧
*/
.kaishou__wrap {
  padding: 50px 0 10px;
}
.kaishou__ttl {
  margin-bottom: 20px;
  color: #412F4A;
  text-align: center;
}
.kaishou__desc {
  margin-bottom: 35px;
  text-align: center;
  line-height: 2;
}
.kaishou__list {
  display: flex;
  margin-bottom: 0 !important;
  background-color: #fff;
  position: relative;
}
.kaishou__list::before, .kaishou__list::after {
  content: "";
  display: block;
  width: 50vw;
  height: 197px;
  background-color: rgba(65, 47, 74, 0.5);
  position: absolute;
  top: 0;
  z-index: 1;
}
.kaishou__list::before {
  right: 50%;
  margin-right: 155px;
}
.kaishou__list::after {
  left: 50%;
  margin-left: 155px;
}
.kaishou__list .slick-prev,
.kaishou__list .slick-next {
  top: 20%;
  z-index: 2;
}
.kaishou__list .slick-prev {
  left: 50%;
  margin-left: -185px;
}
.kaishou__list .slick-next {
  left: 50%;
  margin-left: 155px;
}
.kaishou__list .slick-dots {
  text-align: left;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-150px);
}
.kaishou__list .slick-dots li {
  margin: 0 3px;
  width: 15px;
  height: 15px;
}
.kaishou__list .slick-dots li button {
  width: 15px;
  height: 15px;
}
.kaishou__list .slick-dots li button:before {
  content: "■";
  font-size: 12px;
}
.kaishou__list .slick-dots li.slick-active button:before {
  color: #412f4a;
}
.kaishou__item {
  padding-bottom: 50px;
  width: 310px;
  position: relative;
}
.kaishou__item::after {
  display: block;
  color: #cacaca;
  font-family: "Amiri", serif;
  font-size: 48px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.kaishou__item .cont {
  padding: 26px 20px 20px;
  height: 100%;
}
.kaishou__item .cont__head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  height: 50px;
}
.kaishou__item figure {
  width: 100%;
}
.kaishou__item h3 {
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 700;
}
.kaishou__item p {
  font-size: 12px;
  text-align: justify;
  line-height: 2;
}
.kaishou__item small {
  font-size: 14px;
}
.kaishou__item p.link {
  padding: 1em 0;
  text-align: right;
}
.kaishou__item p.link a {
  color: #412f4a;
  font-weight: 700;
  text-decoration: underline;
}
.kaishou__item p.cap small {
  display: inline-block;
  font-size: 12px;
  line-height: 1.75;
}
.kaishou__item.item01::after {
  content: "1";
}
.kaishou__item.item02::after {
  content: "2";
}
.kaishou__item.item03::after {
  content: "3";
}
.kaishou__item.item04::after {
  content: "4";
}
.kaishou__item.item05::after {
  content: "5";
}
.kaishou__item.item06::after {
  content: "6";
}
.kaishou__item.item07::after {
  content: "7";
}

@media screen and (min-width: 768px) {
  .kaishou__list::before, .kaishou__list::after {
    height: 194px;
  }
  .kaishou__list::before {
    margin-right: 305px;
  }
  .kaishou__list::after {
    margin-left: 305px;
  }
  .kaishou__list .slick-prev,
  .kaishou__list .slick-next {
    top: 32%;
    z-index: 2;
  }
  .kaishou__list .slick-prev {
    left: 50%;
    margin-left: -335px;
  }
  .kaishou__list .slick-next {
    left: 50%;
    margin-left: 305px;
  }
  .kaishou__list .slick-dots {
    padding-right: 20px;
    width: 305px;
    text-align: right;
    bottom: 10px;
    left: 50%;
    transform: inherit;
  }
  .kaishou__item {
    padding: 0;
    width: 610px;
  }
  .kaishou__item::after {
    right: 10px;
    bottom: auto;
    top: 0;
  }
  .kaishou__item .col-md-6 {
    display: flex;
    align-items: center;
  }
  .kaishou__item .cont {
    padding: 10px 50px 10px 10px;
    height: auto;
  }
  .kaishou__item h3 {
    margin: 0;
    font-size: 21px;
  }
  .kaishou__item p {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  .kaishou__wrap {
    padding: 90px 0 10px;
  }
  .kaishou__ttl {
    margin-bottom: 24px;
    font-size: 30px;
  }
  .kaishou__desc {
    margin-bottom: 55px;
  }
  .kaishou__list::before, .kaishou__list::after {
    height: 254px;
  }
  .kaishou__list::before {
    margin-right: 400px;
  }
  .kaishou__list::after {
    margin-left: 400px;
  }
  .kaishou__list .slick-prev,
  .kaishou__list .slick-next {
    top: 40%;
    z-index: 2;
  }
  .kaishou__list .slick-prev {
    left: 50%;
    margin-left: -450px;
  }
  .kaishou__list .slick-next {
    left: 50%;
    margin-left: 400px;
  }
  .kaishou__list .slick-dots {
    padding-right: 20px;
    width: 400px;
  }
  .kaishou__item {
    width: 800px;
  }
  .kaishou__item::after {
    font-size: 68px;
    right: 30px;
  }
  .kaishou__item .cont {
    padding: 10px 60px 10px 20px;
  }
  .kaishou__item h3 {
    font-size: 24px;
  }
  .kaishou__item p {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .kaishou__list::before, .kaishou__list::after {
    height: 318px;
  }
  .kaishou__list::before {
    margin-right: 500px;
  }
  .kaishou__list::after {
    margin-left: 500px;
  }
  .kaishou__list .slick-prev,
  .kaishou__list .slick-next {
    top: 50%;
  }
  .kaishou__list .slick-prev {
    left: 50%;
    margin-left: -550px;
  }
  .kaishou__list .slick-next {
    right: 50%;
    margin-left: 500px;
  }
  .kaishou__list .slick-dots {
    width: 500px;
  }
  .kaishou__item {
    width: 1000px;
  }
  .kaishou__item .cont {
    padding: 10px 90px 10px 70px;
  }
}
/*
大京穴吹不動産の住み替えサポート
*/
.support__wrap {
  padding: 50px 35px 25px;
}
.support__ttl {
  margin-bottom: 20px;
  color: #412F4A;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
}
.support__desc {
  margin-bottom: 10px;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.15em;
  margin-left: -10px;
  margin-right: -10px;
}
.support__contents {
  margin: 0 auto;
  max-width: 1120px;
}
.support__item {
  margin: 20px 0;
}
.support__item h3 {
  margin-bottom: 30px;
  padding: 0 2%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.support__item h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  border: 1px solid #ae8c42;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}
.support__item h3::after {
  content: "";
  display: block;
  width: 96%;
  height: 104%;
  background-image: url(../images/common/bg.jpg);
  background-repeat: repeat;
  background-position: 50% 0;
  background-size: auto;
  position: absolute;
  left: 2%;
  top: -2%;
  z-index: -1;
}
.support__item figure img {
  display: block;
}
.support__item figcaption {
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #412f4a;
}
.support__item .desc {
  margin-top: 17px;
  line-height: 2;
}

@media screen and (min-width: 992px) {
  .support__wrap {
    padding: 70px 35px 95px;
  }
  .support__ttl {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .support__desc {
    margin-bottom: 47px;
    font-size: 14px;
    margin-left: 0;
    margin-right: 0;
  }
  .support__contents > .row {
    margin: 0 -25px;
  }
  .support__contents > .row > .col-md-6 {
    padding: 0 25px;
  }
  .support__item {
    margin: 0;
  }
  .support__item h3 {
    font-size: 20px;
  }
  .support__item figcaption {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .support__item {
    margin: 0;
  }
  .support__item h3 {
    font-size: 22px;
  }
  .support__item figcaption {
    font-size: 16px;
  }
  .support__item .desc {
    margin-top: 25px;
  }
}
/* views */
.spView,
.spViewInb,
.tbView {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .tbView {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  .spView {
    display: block !important;
  }
  .spViewInb {
    display: inline-block !important;
  }
  .pcView {
    display: none !important;
  }
}
.link_area {
  margin-top: 20px;
}

.link_area_title {
  font-size: 26px;
  text-align: center;
  color: #412f4a;
  font-weight: bold;
}

.link_btn {
  text-align: center;
  display: block;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .link_area {
    margin-top: 10px;
  }
  .link_area_title {
    font-size: 16px;
  }
  .link_btn {
    text-align: center;
    display: block;
    margin: 20px auto 0;
  }
}/*# sourceMappingURL=style.css.map */