/* ===========================
 一時的に隠すクラス
=========================== */

.favorite_mark {
	display:none !important;
}


/* ===========================
 1) Design Tokens
=========================== */
:root{

}

/* ===========================
 2) Minimal Reset
=========================== */
*,
*::before,
*::after{ box-sizing: border-box; }

html{ -webkit-text-size-adjust: 100%; }
html{scroll-behavior: smooth;}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
em{font-style:normal;}

body{
color: #444;
margin: 0 auto;
padding: 0 0 0 0;
position:relative;
text-align:justify;
font-style: normal;
font-weight: normal; /* 400 */
line-height:1.75;
font-family: "Noto Sans JP", sans-serif;
font-feature-settings: "palt";自動カーニング /**/
text-rendering: optimizeLegibility;
overflow-x: hidden;
}

img, svg, video, canvas{
max-width: 100%;
height: auto;
display: block;
border: 0;
}

a{
color: inherit;
text-decoration: none;
text-underline-offset: .18em;
}

a:hover{ text-decoration-thickness: 2px; }

:focus{ outline: none; }
:focus-visible{
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}

.palt_none{
font-feature-settings: none; /* 自動カーニング解除 */
}


/* ===========================
 3) Utilities
=========================== */

@media screen and (min-width: 768px) {
.sp{display:none !important;}
.mb_50{margin-bottom:50px!important;}
.right {text-align:right !important;}
}
@media screen and (max-width: 767px) {
.pc{display:none !important;}
.mb_50{margin-bottom:30px!important;}
}

/* ===========================
 4) Layout / Components
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
/* Layout */
#wrap{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}

#wrap_container{
margin: 60px 0 0;
padding: 0 0 0 0;
position:relative;
width:100%;
min-width:1080px;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px 0 0 0;
}
main {
	/*margin-right:10px;*/
}

.container{
width: min(960px, 100% - 120px);
margin-inline: auto;
}

.section{
margin: 0 0 50px;
padding: 0 0;
position:relative;
}

/* header */
header.site-header{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
height: 100%;
min-width: 120px;
}

.header-inner{
position: fixed;
top:60px;
left:0;
width: 120px;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}

header h1{
margin: 0 auto 20px;
padding: 0 0 0 0;
position:relative;
text-align:center;
}

.s_nav{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
}
.s_nav li{
margin: 0 auto;
padding: 0 0 0 0;
position:relative;
text-align:center;
border-bottom:2px dotted #ccc;
}
.s_nav li a{
padding: 15px 0 15px 0;
font-weight: bold;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
text-decoration: none;
display:block;
will-change: transform;
}
.s_nav li:nth-last-child(1),
.s_nav li:nth-last-child(2){
border-bottom:none;
}
.s_nav li:nth-last-child(2) a{
padding: 30px 0 30px 0;
}
.s_nav li a:hover{
transition : 0.2s;
transform: scale(1.15);
}
.s_nav li a img{
margin-bottom:3px;
display:inline-block;
}

.btn_menu{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
color: #010100;
cursor: pointer;
}
.btn_menu img{
margin-bottom:3px;
display:inline-block;
}

/* g_nav */

.g_nav{
margin: 0;
padding: 0;
position:relative;
}

/* fadeInPageアニメーション */
@keyframes fadeInPage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInPage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

#drawernav{
position: fixed;
top: 0px;
left:0;
width: 100%;
z-index: 1002;

background: transparent;
backdrop-filter: blur(15px);
--webkit-backdrop-filter: blur(15px);
background-color: rgba(255, 255, 255, 0.5);
display:none;

}

#humberger{
padding: 0 55px 0 0;
position: absolute ;
bottom: 35px ;
right: 30px ;
cursor:pointer;
background: url(../images/base/btn_close.svg) no-repeat right top 50%;
background-size:60px 60px;

font-family: "Noto Sans JP";
font-weight: bold;
font-size: 16px;
line-height: 44px;
text-align: center;
color: #fff;
z-index: 999;
filter: brightness(0%);
}

body.drawer-opened h2.btn_menu{
display:none;
}

#overlay{
z-index:-1;
opacity: 0;
background: #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
display:none;
}

/* ドロワー開放時のスタイル */

body.drawer-opened #drawernav{
animation: fadeInPage 0.5s ease 0.5s 1 normal;
-webkit-animation: fadeInPage 0.5s ease 0.1s 1 normal;
animation-fill-mode: forwards;
opacity: 0;
display:block;
}
body.drawer-opened #overlay{

}

.nav_wrap{
overflow-y: auto;
overflow-x: hidden;
margin:0 ;
padding: 0 50px;
zoom: 1;
position: relative;
-webkit-overflow-scrolling: touch;
display: flex;
align-items:center;
justify-content:center;
min-width:960px;
}
.nav_inner{
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
width:860px;
min-width:660px;
}
.nav_wrap h4{
margin: 0 0 50px;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 20px;
line-height: 20px;
text-align: left;
color: #3c3c3c;
flex-basis:100%;
}

ul.g_nav-list{
margin: 0 0 40px;
padding: 0 0px;
position:relative;
text-align:left;
width:33.333%;
}
ul.g_nav-list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.g_nav-list li a {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.9;
  text-align: left;
  color: #3c3c3c;
  text-decoration: none;
  display: inline-block; 
  position: relative; 
}

ul.g_nav-list li.li_in a {
  padding-left: 1em;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.9;
  text-align: left;
  color: #3c3c3c;
}

ul.g_nav-list li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #3c3c3c;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.3s ease;
}

ul.g_nav-list li.li_in a::after {
  left: 1em;
  width: calc(100% - 1em);
}

ul.g_nav-list li a:hover::after {
  transform: scaleX(1);
}

/* h_nav */

.h_nav{
position:fixed;
top:15px;
right:50px;
z-index:50;

}

.h_nav-list{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
.h_nav-list li{
margin: 0 0 0 20px;
}

/* Buttons */
.button{
padding: 6px 20px;
border-radius: 999px;
background: transparent;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.1em;
color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.button--header1{
background-color: #fcae42;
}
.button--header2{
background-color: #e66666;
}
.button:hover{
filter: saturate(200%);
text-decoration: none;
}

/* contact_section */
section.contact_section{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
background-image: url(../images/base/contact_section_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius:10px 10px 0 0;
z-index: 1;
}
section.contact_section:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: transparent;
backdrop-filter: blur(9px);
--webkit-backdrop-filter: blur(9px);
background-color: rgba(255, 255, 255, 0.8);
background: linear-gradient(90deg, rgba(0, 78, 161, 0.42) 0%, rgba(106, 203, 238, 0.42) 100%);
border-radius:10px 10px 0 0;
z-index: -1;
}
section.contact_section .container{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:space-between;
height:219px;
}
section.contact_section h3{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
section.contact_section h3 span{
text-decoration:underline;
text-underline-offset:11px;
font-weight: 900;
font-size: 22px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
display:block;
}
section.contact_section small{
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
ul.contact_section_list{
margin: 0 0 0px;
padding: 0 0px;
position:relative;
text-align:left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.contact_section_list li{
margin: 0 0 0 20px;
padding: 0 0px;
position:relative;
}
ul.contact_section_list li a{
width:240px;
height:90px;
background-color:#fff;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-align: center;
color: #3c3c3c;
padding: 15px 0;
border-radius: 10px;
background: transparent;
text-decoration: none;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
ul.contact_section_list li a i{
display:block;
margin-bottom:6px;
font-size: 24px;
}
ul.contact_section_list li a:hover{
transition : 0.2s;
filter: saturate(100%);
background-color:rgba(106, 203, 238, 0.7);
text-decoration: none;
color:#fff;
}
ul.contact_section_list li:nth-child(3) a{
background-color:#06C755;
color: #fff;
}
ul.contact_section_list li:nth-child(3) a:hover{
background-color:#fff;
color: #06C755;
}

/* Footer */
.site-footer{
margin: 0 auto 0;
padding: 50px 0 30px;
position:relative;
background: linear-gradient(90deg, #6CD0EF 0%, #004EA1 100%);
}
.footer-inner{
display: flex;
/*align-items:center;*/
justify-content:space-between;
flex-wrap:wrap;
}
.f_info_block{
margin: 0 0;
padding: 0 0px;
position:relative;
text-align:left;
}

.f_info_block h3{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 15px;
text-align: left;
color: #fff;
}

ul.sp_f_info_tel{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.sp_f_info_tel li{
margin: 0 0 10px 0;
padding: 0 0px;
position:relative;
}
ul.sp_f_info_tel li span{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 12px;
text-align: left;
color: #fff;
display:block;
}
ul.sp_f_info_tel li small{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 10px;
letter-spacing: 0.1em;
line-height: 10px;
text-align: left;
color: #fff;
}
ul.sp_f_info_tel li em{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 19px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: left;
color: #fff;
}

ul.f_sns-list{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
text-align:left;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
ul.f_sns-list li{
margin: 0 5px 0 0;
padding: 0 0px;
position:relative;
}
ul.f_sns-list li img{
width:32px;
height:auto;
}
ul.f_sns-list li a:hover img{
transition : 0.2s;
transform: scale(1.15);
}
ul.f_button-list{
margin: 0 0 0px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.f_button-list li{
margin: 0 0 10px 0;
padding: 0 0px;
position:relative;
}
ul.f_button-list li a.button{
width:240px;
background-color:#fff;
font-weight: bold;
font-size: 13px;
line-height: 17px;
text-align: center;
color: #3c3c3c;
padding: 15px 0;
border-radius: 10px;
background: transparent;
text-decoration: none;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
ul.f_button-list li a img{
display:inline;
margin-right:4px;
}
ul.f_button-list li a.button:hover{
transition : 0.2s;
filter: saturate(100%);
background-color:#6CD0EF;
text-decoration: none;
}

.f_nav_block{
margin: 0 0;
padding: 0 0px;
position:relative;
text-align:left;

}
.f_nav_block h4{
margin: 0 0 20px 50px;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 15px;
line-height: 15px;
text-align: left;
color: #f1f1f2;
}
nav.f_nav{
margin: 0 0;
padding: 0 0px;
position:relative;
text-align:left;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, auto);
}

ul.f_nav-list{
margin: 0 0 30px 50px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.f_nav-list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.f_nav-list li a{
font-weight: bold;
font-size: 13px;
line-height: 1.9;
text-align: left;
color: #f1f1f2;
text-decoration:none;
display:block;
}
ul.f_nav-list li.li_in a {
  padding-left: 1em;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.9;
  text-align: left;
  color: #fff;
  position: relative; 
  display: inline-block;
  text-decoration: none;
}

ul.f_nav-list li.li_in a::after {
  content: '';
  position: absolute;
  left: 1em;
  bottom: 0;
  width: calc(100% - 1em);
  height: 1px;
  background-color: #fff;
  transform: scaleX(0); /* 最初は幅を0（見えない状態）にする */
  transform-origin: left top; /* 左側を起点にする */
  transition: transform 0.3s ease; /* 0.3秒で変化させる */
}
ul.f_nav-list li a:hover::after {
  transform: scaleX(1); /* 幅を1（100%）に伸ばす */
}

.f_info_block small{
margin: 0 auto;
padding: 0 0px;
position:relative;
font-weight: normal;
font-size: 12px;
line-height: 12px;
text-align: left;
color: #f1f1f2;
}

.footer-inner .backtotop{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:right;
width:100%;
}
.footer-inner .backtotop a{
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 14px;
text-align: center;
color: #f1f1f2;
text-decoration:none;
}
.footer-inner .backtotop a:hover{
text-decoration: underline;
text-underline-offset: .4em;
text-decoration-thickness: 2px; 
}

}

/* ===========================
 4) Layout / Components
=========================== */
/* スマホ用CSS */
@media screen and (max-width: 767px) {
/* Layout */
#wrap{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
}

#wrap_container{
margin: 0 0 0;
padding: 0 0 0 0;
position:relative;
width:100%;
background-color:#fff;
}
#wrap_container main.kv_on{
padding: 54px 0 0 0;
}
.container{
width: auto;
margin-inline: auto;
}

.section{
margin: 0 0 30px;
padding: 0 0;
position:relative;
}

/* header */
header.site-header{
margin: 0 0;
padding: 0 0 0 0;
position:absolute;
text-align:center;
z-index:100;
width:100%;
}

.header-inner{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
}

header h1{
margin: 0 0;
padding: 10px 0 0 10px;
position:relative;
text-align:center;
}
header h1 img{
width:160px;
}
.s_nav{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
position: fixed;
bottom:0px;
left:0;
width: 100%;
z-index:10;
background: transparent;
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
ul.s_nav-list{
margin: 0 auto;
padding: 15px 0;
position:relative;
text-align:center;
display: flex;
align-items:flex-end;
justify-content:space-around;
}
.s_nav li{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
text-align:center;
width:20%;
}
.s_nav li:before {
position: absolute;
top: calc(50% - 18px);
right: 0px;
width: 1px;
height: 36px;
content: '';
background: #ddd;
}
.s_nav li a{
padding: 0px 0 0px 0;
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.05em;
text-align: center;
color: #010100;
text-decoration: none;
display:block;
}
.s_nav li:nth-last-child(1):before {
position: absolute;
top: calc(50% - 18px);
right: 0px;
width: 0px;
height: 36px;
content: '';
background: #ddd;
}
.s_nav li a img{
margin-bottom:4px;
display:inline-block;
width:38px;
}

.btn_menu{
margin: 0 0 0;
padding: 0px 0 0px 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.05em;
color: #010100;
cursor: pointer;
}
.btn_menu img{
margin-bottom:4px;
display:inline-block;
width:42px;
}

/* g_nav */

.g_nav{
margin: 0;
padding: 0;
position:relative;
}

/* fadeInPageアニメーション */
@keyframes fadeInPage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInPage {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

#drawernav{
position: fixed;
top: 0px;
left:0;
width: 100%;
z-index: 1002;

background: transparent;
backdrop-filter: blur(15px);
--webkit-backdrop-filter: blur(15px);
background-color: rgba(255, 255, 255, 0.5);
display:none;

}

#humberger{
padding: 0 45px 0 0;
position: absolute ;
bottom: 20px ;
right: 5px ;
cursor:pointer;
background: url(../images/base/btn_close.svg) no-repeat right top 50%;
background-size:50px 50px;

font-family: "Noto Sans JP";
font-weight: bold;
font-size: 15px;
line-height: 40px;
text-align: center;
color: #fff;
z-index: 999;
filter: brightness(20%);
}

body.drawer-opened h2.btn_menu{
display:none;
}

#overlay{
z-index:-1;
opacity: 0;
background: #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
display:none;
}

/* ドロワー開放時のスタイル */

body.drawer-opened #drawernav{
animation: fadeInPage 0.5s ease 0.5s 1 normal;
-webkit-animation: fadeInPage 0.5s ease 0.1s 1 normal;
animation-fill-mode: forwards;
opacity: 0;
display:block;
}
body.drawer-opened #overlay{

}

.nav_wrap{
overflow-y: auto;
overflow-x: hidden;
margin:0 ;
padding: 0 50px;
zoom: 1;
position: relative;
-webkit-overflow-scrolling: touch;
display: flex;
align-items:center;
justify-content:center;
}
.nav_inner{
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.nav_wrap h4{
margin: 0 0 30px;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 18px;
text-align: left;
color: #3c3c3c;
flex-basis:100%;
}

ul.g_nav-list{
margin: 0 0 40px;
padding: 0 0px;
position:relative;
text-align:left;
width:50%;
}
ul.g_nav-list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.g_nav-list li a{
font-weight: 500;
font-size: 14px;
line-height: 1.9;
text-align: left;
color: #3c3c3c;
text-decoration:none;
display:block;
}
ul.g_nav-list li.li_in a{
padding-left:0em;
font-weight: normal;
font-size: 13px;
line-height: 1.9;
text-align: left;
color: #3c3c3c;
}
ul.g_nav-list li a:hover{
transition : 0.3s;
text-decoration: underline;
text-underline-offset: .4em;
text-decoration-thickness: 2px; 
}


/* h_nav */
.h_nav{
position:fixed;
top:12px;
right:10px;
}

.h_nav-list{
margin: 0 0;
padding: 0 0 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
.h_nav-list li{
margin: 0 0 0 10px;
}

/* Buttons */
.button{
padding: 4px 15px;
border-radius: 15px;
background: transparent;
text-decoration: none;
cursor: pointer;
font-weight: 500;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.02em;
color: #fff;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
}

.button--header1{
background-color: #fcae42;
}
.button--header2{
background-color: #e66666;
}
.button:hover{
filter: saturate(200%);
text-decoration: none;
}

/* contact_section */
section.contact_section{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
background-image: url(../images/base/sp_contact_section_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius:5px 5px 0 0;
z-index: 1;
}
section.contact_section:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: transparent;
backdrop-filter: blur(9px);
--webkit-backdrop-filter: blur(9px);
background-color: rgba(255, 255, 255, 0.8);
background: linear-gradient(90deg, rgba(0, 78, 161, 0.42) 0%, rgba(106, 203, 238, 0.42) 100%);
border-radius:5px 5px 0 0;
z-index: -1;
}
section.contact_section .container{
margin: 0 auto;
padding: 30px 30px;
position:relative;
text-align:center;
}
section.contact_section h3{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: left;
}
section.contact_section h3 span{
text-decoration:underline;
text-underline-offset:11px;
font-weight: 900;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
display:block;
}
section.contact_section small{
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
ul.contact_section_list{
margin: 0 0 0px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.contact_section_list li{
margin: 0 0 15px;
padding: 0 0px;
position:relative;
}
ul.contact_section_list li a{
background-color:#fff;
font-weight: bold;
font-size: 16px;
line-height: 18px;
text-align: center;
color: #3c3c3c;
padding: 14px 0;
border-radius: 5px;
background: transparent;
text-decoration: none;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
ul.contact_section_list li a i{
margin-right:15px;
font-size: 20px;
}
ul.contact_section_list li:nth-child(3) a{
background-color:#06C755;
color: #fff;
}

/* Footer */
.site-footer{
margin: 0 auto 0;
padding: 30px 0 100px;
position:relative;
background: linear-gradient(90deg, #6CD0EF 0%, #004EA1 100%);
}
.footer-inner{
display: flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.f_info_block{
margin: 0 auto ;
padding: 0 40px;
position:relative;
text-align:center;
order:2;
width:100%;
}

.f_info_block h3{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.75;
text-align: left;
color: #fff;
}

ul.sp_f_info_tel{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.sp_f_info_tel li{
margin: 0 0 10px 0;
padding: 0 0px;
position:relative;
}
ul.sp_f_info_tel li span{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 12px;
text-align: left;
color: #fff;
display:block;
}
ul.sp_f_info_tel li small{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 10px;
letter-spacing: 0.1em;
line-height: 10px;
text-align: left;
color: #fff;
}
ul.sp_f_info_tel li em{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
font-weight: 500;
font-size: 19px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: left;
color: #fff;
}

ul.f_sns-list{
margin: 0 auto 50px;
padding: 0 0px;
position:relative;
text-align:left;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
ul.f_sns-list li{
margin: 0 5px 0 0;
padding: 0 0px;
position:relative;
}
ul.f_sns-list li img{
width:35px;
height:auto;
}

.sp_f_info{
margin: 0 auto 60px;
padding: 0 0px;
position:relative;
text-align:center;
}
.sp_f_info h3{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
text-align: center;
}
.sp_f_info h3 img{
display:inline;
width:260px;
padding-right:30px;
}
ul.sp_f_info_link{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
}
ul.sp_f_info_link li{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
line-height: 1.5;
}
ul.sp_f_info_link li a{
font-weight: bold;
font-size: 10px;
line-height: 1.5;
text-align: center;
color: #f4fbf6;
text-decoration:none;
}

ul.f_button-list{
margin: 0 0 20px;
padding: 0 0px;
position:relative;
text-align:left;
}
ul.f_button-list li{
margin: 0 0 0 0;
padding: 0 0px;
position:relative;
}
ul.f_button-list li a.button{
width:auto;
background-color:#fff;
font-weight: bold;
font-size: 15px;
line-height: 15px;
text-align: center;
color: #3c3c3c;
padding: 15px 0;
border-radius: 50px;
background: transparent;
text-decoration: none;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
ul.f_button-list li a img{
display:inline;
margin-right:4px;
}
.f_info_block small{
margin: 0 auto;
padding: 0 0px;
position:relative;
font-weight: normal;
font-size: 12px;
line-height: 12px;
text-align: center;
color: #f1f1f2;
}

.f_nav_block{
margin: 0 auto 10px;
padding: 0 40px;
position:relative;
text-align:left;
width:auto;
order:1;
}
.f_nav_block h4{
margin: 0 0 20px;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 15px;
line-height: 15px;
text-align: left;
color: #f1f1f2;
display:none;
}
nav.f_nav{
margin: 0 auto 30px;
padding: 0 0px;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
/*justify-content:space-between;*/
flex-wrap:wrap;
gap:20px;
}

ul.f_nav-list{
margin: 0;
padding: 0;
position:relative;
text-align:left;
width:calc(50% - 10px);
}
ul.f_nav-list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
line-height:1.5;
}
ul.f_nav-list li a{
font-weight: bold;
font-size: 13px;
text-align: left;
color: #f1f1f2;
text-decoration:none;
display:inline-block;
line-height:2.4;
}
ul.f_nav-list li.li_in a{
padding-left:0em;
font-weight: normal;
font-size: 12px;
text-align: left;
color: #fff;
line-height:1.5;
}

.footer-inner .backtotop{
opacity:0.5;
z-index: 101;
}
.footer-inner .backtotop a {
height: 35px;
width: 35px;
position: fixed;
right: 10px;
bottom: 90px;
background:linear-gradient(to bottom, rgba(108,208,239,1.0) 0%, rgba(0,78,161,1.0) 100%) ;
border: solid 2px rgba(255,255,255,1.0);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-indent:-9999px;
}

.footer-inner .backtotop a:after{
position: absolute;
top: 12px;
left: 12px;
content: '';
height: 6px;
width: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(20%) rotate(-45deg);

}

}

/* ===========================
 TOP_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
.kv{
margin: 0 auto 160px;
padding: 0 0px;
position:relative;
text-align:center;
}
.site-main .kv{
margin: 0 auto 210px;
}
.kv_inner{
margin: 0;
padding: 0;
position:relative;
text-align:center;
height:486px;
border-radius:30px 0 30px 0;
z-index: 1;
}

/* 背景動画 */
.kv_inner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: -2;
border-radius:30px 0 30px 0;
}

/* 黒透過レイヤー */
.kv_inner:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.1);
border-radius:30px 0 30px 0;
z-index: -1;
}

/* テキスト類を前面に */
.kv_inner .kv_tit,
.kv_inner .news_wrap{
position: relative;
z-index: 2;
}

.kv_inner .kv_tit{
margin: 0 auto 40px;
padding: 70px 0px 0px;
text-align:left;
width: 960px;
margin-inline: auto;
}

.kv_inner .kv_tit small{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 22px;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}

.kv_inner .kv_tit em{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 60px;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.kv_inner .kv_tit em.type2{
font-size: 50px;
}

.kv_inner .news_wrap{
width: 960px;
margin-inline: auto;
}

.kv_inner .news_block{
margin: 0 0 30px;
padding: 5px 14px 0;
position:relative;
margin-left: auto;
margin-right: 0px;
width: 294px;
height: 100px;
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.kv_inner .news_block h4{
margin: 0 0;
padding: 0px 0px;
position:relative;
font-weight: 500;
font-size: 16px;
text-align: center;
color: #8fc31f;
}

.kv_inner .news_block h4 span{
color: #0081CC;
}

.kv_inner ul.news-list{
margin: 0 0;
padding: 0px 0px;
position:relative;
overflow-y: auto;
height: 55px;
}

.kv_inner ul.news-list li{
margin: 0 0;
padding: 0px 0px;
position:relative;
}

.kv_inner ul.news-list li a{
font-weight: 500;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #010100;
text-decoration:none;
display: flex;
align-items:flex-start;
justify-content:flex-start;
gap:8px;
}

.kv_inner ul.news-list li a span.date {
  display: inline-block;
  border-bottom: 1px solid currentColor;
  line-height: 1.4;
font-size:10px;
}

.kv_inner ul.news-list li a span:nth-child(2) {
width:auto;
}

.kv_inner ul.news-list li a:hover{
color: #0081CC;
}

.kv_inner .kv_nav{
margin: 0 0;
padding: 5px 0 0;
position:relative;
width: min(960px, 100% - 120px);
margin-inline: auto;
border-radius: 10px;
background: transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}

ul.kv_nav-list{
margin: 0 auto ;
padding: 10px 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
}
ul.kv_nav-list li{
margin: 0 0 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
border-right:1px solid #707070;
}
ul.kv_nav-list li a{
margin: 0 25px 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
font-weight: 800;
font-size: 18px;
letter-spacing: 0.1em;
color: #3c3c3c;
text-decoration:none;
will-change: transform;
}
ul.kv_nav-list li img{
display:inline;
margin-right:15px;
width:auto;
height:46px;
}
ul.kv_nav-list li a:hover{
transition : 0.2s;
transform: scale(1.1);
}
ul.kv_nav-list li:nth-last-child(1){border:none;}
ul.kv_nav-list li:nth-last-child(1){
margin: 0 25px 0 ;
flex-wrap:wrap;
}
ul.kv_nav-list li:nth-last-child(1) a{
margin: 0 0 ;
padding: 10px 0;
position:relative;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.1em;
color: #3c3c3c;
text-decoration:none;
will-change: transform;
cursor: pointer;
}
ul.kv_nav-list li:nth-last-child(1) span{
width:100%;
position:relative;
}
ul.kv_nav-list li:nth-last-child(1) span:nth-child(1):before {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 1px;
content: '';
border-radius: 0px;
background: #707070;
}
.kv_inner .kv_nav .tab-switch {
display: none;
}
.kv_nav .tab-label {
margin: 0 0 0 ;
padding: 6px 0;
position:relative;
display:block;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background: linear-gradient(90deg, #6CD0EF 0%, #004EA1 100%);
border-radius:0 0 10px 10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* popup */
.mfp-bg {background: #000 !important;opacity: 0.5 !important;}
.white-popup-block{padding:0 0;text-align:justify;margin:0 auto;position:relative;}
.mfp-hide{display:none!important;}

.popup_block{
box-sizing: border-box;
margin: 0 auto;
padding: 70px 50px 30px;
position:relative;
text-align:center;
background-color:#fff;
border-radius:0px;
max-width:750px!important;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.popup_close{
position: absolute;
top: 10px;
right: 10px;
}
.popup_close a{
display:block;
}
.mfp-close{
display:none !important;
}
.popup_block .popup_img{
margin: 0 0 40px;
padding: 0 0 ;
width: 290px;
flex-shrink: 0;
}
.popup_block .popup_info{
margin: 0 0 ;
padding: 0 0 ;
width:50%;
flex-grow: 1;
}
.popup_block .popup_info h3{
margin: 0 auto 10px;
padding: 0 0 ;
position: relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #5690bb;
}
.popup_block .popup_info p{
margin: 0 auto 20px;
padding: 0 0 ;
position: relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: center;
color: #3c3c3c;
}
.popup_block .popup_info ul.popup_link_list{
margin: 0 auto ;
padding: 0 0 ;
position: relative;
width:260px;
}
.popup_block .popup_info ul.popup_link_list li{
margin: 0 auto 15px;
padding: 0 0 ;
position: relative;
}
.popup_block .popup_info ul.popup_link_list li a{
padding: 10px 0;
position: relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
background-color:#5690BB;
display:block;
}
.popup_block .popup_info ul.popup_link_list li a i{
position: absolute;
top:12px;
right:10px;
}

ul.kv_nav-list2{
margin: 0 auto ;
padding: 18px 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
background-color:#f4f7fb;
}
ul.kv_nav-list2 li{
margin: 0 0 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
border-left:1px solid #707070;
width:33%;
}
ul.kv_nav-list2 li:nth-child(1){border:none;}
ul.kv_nav-list2 li a{
margin: 0 0 0 ;
padding: 4px 0;
position:relative;
text-align: center;
display: block;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.1em;
color: #3c3c3c;
text-decoration:none;
width:100%;
will-change: transform;
}
ul.kv_nav-list2 li a:hover{
transition : 0.2s;
transform: scale(1.1);
}

h2.primary_tit{
margin: 0 0 20px ;
padding: 0 0;
position:relative;
font-weight: 900;
font-size: 28px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
h2.primary_tit img{
display:inline;
margin-top:-5px;
margin-right:20px;
width:auto;
height:46px;
vertical-align:middle;
}
h2.primary_tit small{
margin-left:20px;
color:#ccc;
font-size: 14px;
}

.link_btn{
margin: -55px 0 0 0;
padding: 0 0;
position:relative;
float:right;
}
.link_btn a{
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#5690BB;
}

h3.heading_tit{
margin: 0 0 15px ;
padding: 0 0 0 10px;
position:relative;
font-weight: bold;
font-size: 22px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
border-left:6px solid #5690BB;
}

section.sell{
}
section.sell .container{
padding-bottom:50px;
border-bottom:1px solid #5690BB;
}

.purchase_toyano{
margin: 0 auto 40px !important;
padding: 30px 0px 20px!important;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.purchase_toyano h4{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
line-height:1.5;
text-align: center;
color: #3c3c3c;
}
ul.purchase_toyano_point{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
}
ul.purchase_toyano_point li{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
.purchase_toyano p{
margin: 0 auto 30px !important;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px !important;
letter-spacing: 0.1em;
line-height: 21px;
text-align: center;
color: #3c3c3c;
}
.purchase_toyano em{
color:#5690BB;
}
ul.purchase_toyano_link{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
}
ul.purchase_toyano_link li{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.purchase_toyano_link li h5{
margin: 0 0 15px;
padding: 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 18px;
text-align: center;
color: #3c3c3c;
}
ul.purchase_toyano_link li a{
padding: 10px 60px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
display:block;
}

.purchase_block{
margin: 0 auto 30px;
padding: 15px 20px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
ul.purchase_form{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
}
ul.purchase_form li{
margin: 0 auto ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
white-space:nowrap;
}
ul.purchase_form li label{
display:block;
}
ul.purchase_form li input,
ul.purchase_form li select{
width:200px;
}
ul.purchase_form li .start_btn a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
}
/* Form */
form.form{
text-align:left;
}
input, textarea,select{
width:100%;
/*font-weight: bold;*/
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background-color:#fff;
border: 1px solid #ccc;
padding: 5px;
}
input::placeholder, textarea::placeholder{ color: #bebebe; }
input:focus-visible, textarea:focus-visible{
outline: 0px solid #ccc;
outline-offset: 0px;
}
select:has(option:checked[value=""]) {
color: #bebebe;
}
.purchase_block p{
margin: 0 auto ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}

ul.consultation_list{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.consultation_list li{
margin: 0 0 ;
padding: 20px 0 30px;
position:relative;
text-align:center;
width:32%;
background-color:#f4f8fb;
border-radius:10px;
}
ul.consultation_list.lend li{
width:24%;
}
ul.consultation_list li img{
display:inline;
}
ul.consultation_list li h4{
margin: 5px auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
.detail_btn a{
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#5690BB;
}

.knowhow_block{
margin: 0 auto;
padding: 20px 20px 25px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
ul.knowhow_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.knowhow_list li{
margin: 0 0;
padding: 0 0;
position:relative;
width:210px;
z-index:1;
}
ul.knowhow_list li img{
border-radius:10px;
display:inline;
vertical-align:middle;

}
ul.knowhow_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.3);
border-radius:10px;
pointer-events: none;
}
ul.knowhow_list li small{
position:absolute;
top:10px;
left:10px;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
ul.knowhow_list li span{
position:absolute;
bottom:10px;
left:10px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
ul.knowhow_list li:hover{
transition : 0.3s;
transform: scale(1.05);
}
ul.knowhow_list li a {
display:block;
}
/* 矢印やページネーションを隠す */
.knowhow_block .swiper-button-next,
.knowhow_block .swiper-button-prev,
.knowhow_block .swiper-pagination {
display: none !important;
}
.more_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.more_btn a{
padding: 6px 60px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
}
.more_btn.color_blue a{
background-color:#5690BB;
}


section.buy{
}
section.buy .container{
padding-bottom:50px;
border-bottom:1px solid #5690BB;
}

.buy_search{
margin: 0 auto;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.buy_search h3{
margin: 0 0;
padding: 10px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
z-index:1;
border-radius:6px 6px 0 0 ;
}
.buy_search h3.is-active {
margin: 0 0;
padding: 4px 0 10px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
background-color:#f4f8fb;
border-top:6px solid #5690BB;
}
.buy_search h3:not(.is-active) {
margin: 0 0;
padding: 10px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
width:49%;
background-color:#5690BB;
}
/*
.buy_search h3:nth-child(1){
margin: 0 0;
padding: 4px 0 10px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
background-color:#f4f8fb;
border-top:6px solid #5690BB;
}
.buy_search h3:nth-child(2){
margin: 0 0;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
width:49%;
background-color:#5690BB;
}
*/
.buy_search h3:nth-child(2) a{
padding: 10px 0 10px;
text-decoration:none;
display:block;
}
.buy_search h3:nth-child(2) a:hover{
background-color:#f4f8fb;
color: #010100;
}
.search_block{
margin: 0 auto 30px;
padding: 10px 0px 5px;
position:relative;
background-color:#f4f8fb;
border-radius:0 0 10px 10px;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.search_block h4{
margin: 0 auto 8px;
padding: 0 30px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
.search_block h4 img{
display:inline;
vertical-align:middle;
margin-top:-5px;
margin-right:5px;
}
.search_block h4::before {
content: "";
position: absolute;
top:16px;
right:30px;
width: 73%;
height: 2px;
background-image: url("../images/top/dotted_line.svg");
background-repeat: repeat-x;
background-position: center top;
background-size:auto;
}
ul.buy_list{
margin: 0 auto 10px;
padding: 0 0 0 30px;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap: wrap;
}
ul.buy_list li{
margin: 0 20px 15px 0;
padding: 0 0;
position:relative;
width:210px;
z-index:1;
}
ul.buy_list li a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:2px solid #5690BB;
border-radius:100px;
display:block;
background-color:#fff;
}
ul.buy_list li a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
}

ul.recommend_list{
margin: 0 auto 25px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
gap: 10px;
}
ul.recommend_list > li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.recommend_list li .favorite_mark{
position: absolute;
top:15px;
left:15px;
width: 20px;
height: 20px;
}
ul.recommend_list li .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 20px;
height: 20px;
background-image: url(../images/top/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
ul.recommend_list li .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 20px;
height: 20px;
background-image: url(../images/top/mark_blank.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}
ul.recommend_list li a{
display:block;
min-height: 350px;
text-decoration:none;
padding: 10px 10px;
}
ul.recommend_list li .recommend_cat{
margin: 0 0 5px;
padding: 0px 10px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
border-radius: 3px;
background-color: #5690bb;
display:inline-block;
}
ul.recommend_list li h4{
margin: 0 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height:1.4;
text-align: left;
color: #5690bb;
display:block;
min-height: 40px;
}
ul.recommend_list li .recommend_price{
margin: 0 0 0;
padding: 0px 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #E66666;
}
ul.recommend_list li .recommend_price small{
font-weight: 600;
font-size: 14px;
text-align: left;
color: #3c3c3c;
}
ul.recommend_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
}
ul.recommend_list li p small{
margin: 0 0;
padding: 5px 0 5px;
position:relative;
display:block;
font-weight: 500;
font-size: 10px;
line-height:1.4;
}
ul.recommend_list > li:hover{
background-color:#f4f8fb;
transition : 0.3s;
}
section.buy .more_btn{
margin-bottom: 30px;
}

.recommend_img_swiper{
margin: 0 0;
padding: 0 0 5px;
position:relative;
width:212px;
overflow: hidden;
}
ui.recommend_img_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
ul.recommend_img_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
}
ul.recommend_img_list li:nth-child(2){
width:212px;
height:145px;
text-align:center;
}
ul.recommend_img_list li img{
border-radius:8px;
display:inline;
vertical-align:middle;
aspect-ratio: 212 / 145;
}
ul.recommend_img_list li:nth-child(2) img{
height:100%;
object-fit:contain;
aspect-ratio: auto;
}
.switch_btn{
margin: 0 0;
padding: 0 0;
position:absolute;
bottom:10px;
right:5px;
display: flex;
align-items:stretch;
justify-content:space-between;
width:80px;
height: 20px;
background-color:#fff;
border-radius:999px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index: 10;
}

/* Swipewr カスタム*/
.switch_btn .swiper-button-next,
.switch_btn .swiper-button-prev {
position:relative;
top:auto;
width:40px;
height:20px;
margin-top:0;
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
white-space:nowrap;
border-radius:999px;
}
/* 前へ次への矢印カスタマイズ */
.switch_btn .swiper-button-prev::after,
.switch_btn .swiper-button-next::after {
background-repeat: no-repeat;
background-size: contain;
content: "" !important;
height: 20px;
margin: auto;
width: 40px;
}
/* 前への矢印カスタマイズ */
.switch_btn .swiper-button-prev::after {
background-image: none;
}
/* 次への矢印カスタマイズ */
.switch_btn .swiper-button-next::after {
background-image: none;

}
/* 画像サイズ調整 */
.swiper-slide img {
height: auto;
width: 100%;
}

.switch_btn .swiper-button-next.swiper-button-disabled,
.switch_btn .swiper-button-prev.swiper-button-disabled {
opacity:1.0;
cursor:pointer;
pointer-events:none;
color:#fff;
background-color: #5690bb;
}
.switch_btn .swiper-button-next.swiper-button-hidden,
.switch_btn .swiper-button-prev.swiper-button-hidden {
opacity:0;
cursor:pointer;
pointer-events:none;
}
.switch_btn .swiper-navigation-disabled .swiper-button-next,
.switch_btn .swiper-navigation-disabled .swiper-button-prev {
display:none!important;
}
.switch_btn .swiper-button-next:after,
.switch_btn .swiper-button-prev:after {
display:none!important;
}
.switch_btn .swiper-button-prev,
.switch_btn .swiper-rtl .swiper-button-next {
left:auto;
right:auto;
}
.switch_btn .swiper-button-prev:after,
.switch_btn .swiper-rtl .swiper-button-next:after {
content:'';
}
.switch_btn .swiper-button-next,
.switch_btn .swiper-rtl .swiper-button-prev {
right:auto;
left:auto;
}
.switch_btn .swiper-button-next:after,
.switch_btn .swiper-rtl .swiper-button-prev:after {
content:'';
}



section.rent{
}
section.rent .container{
padding-bottom:50px;
border-bottom:1px solid #5690BB;
}
/* Swipewr カスタム*/
section.rent .switch_btn .swiper-button-next,
section.rent .switch_btn .swiper-button-prev {
color: #56BBA7;
}
section.rent .switch_btn .swiper-button-next.swiper-button-disabled,
section.rent .switch_btn .swiper-button-prev.swiper-button-disabled {
background-color: #56BBA7;
color: #fff;
}
section.rent .link_btn a{
background-color:#56BBA7;
}
section.rent h3.heading_tit{
border-left:6px solid #56BBA7;
}
section.rent ul.recommend_list li .recommend_cat{
background-color: #56BBA7;
}
section.rent ul.recommend_list li h4{
color: #56BBA7;
min-height: auto;
}
section.rent ul.recommend_list > li:hover{
background-color:#f4fbf6;
transition : 0.3s;
}
.rent_search{
margin: 0 auto;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.rent_search h3{
margin: 0 0;
padding: 10px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
z-index:1;
border-radius:6px 6px 0 0 ;
}
.rent_search h3.is-active {
margin: 0 0;
padding: 4px 0 10px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
background-color:#f4f8fb;
border-top:6px solid #5690BB;
}
.rent_search h3:not(.is-active) {
margin: 0 0;
padding: 10px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
width:49%;
background-color:#5690BB;
}
/*
.rent_search h3:nth-child(1){
margin: 0 0;
padding: 4px 0 10px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
width:49%;
background-color:#f4f8fb;
border-top:6px solid #5690BB;
}
.rent_search h3:nth-child(2){
margin: 0 0;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
width:49%;
background-color:#5690BB;
}
*/
.rent_search h3:nth-child(2) a{
padding: 10px 0 10px;
text-decoration:none;
display:block;
}
.rent_search h3:nth-child(2) a:hover{
background-color:#f4f8fb;
color: #010100;
}
.search_block{
margin: 0 auto 30px;
padding: 10px 0px 5px;
position:relative;
background-color:#f4f8fb;
border-radius:0 0 10px 10px;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.search_block h4{
margin: 0 auto 8px;
padding: 0 30px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
.search_block h4 img{
display:inline;
vertical-align:middle;
margin-top:-5px;
margin-right:5px;
}
.search_block h4::before {
content: "";
position: absolute;
top:16px;
right:30px;
width: 73%;
height: 2px;
background-image: url("../images/top/dotted_line.svg");
background-repeat: repeat-x;
background-position: center top;
background-size:auto;
}
ul.rent_list{
margin: 0 auto 10px;
padding: 0 0 0 30px;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap: wrap;
}
ul.rent_list li{
margin: 0 20px 15px 0;
padding: 0 0;
position:relative;
width:210px;
z-index:1;
}
ul.rent_list li a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:2px solid #5690BB;
border-radius:100px;
display:block;
background-color:#fff;
}
ul.rent_list li a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
}
.rent_bnr {
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.rent_bnr_l {
	width:49%;
}
.rent_bnr_r {
	width:49%;
	display:flex;
	flex-direction: column;
    justify-content: space-between;
}
.rent_bnr_l img,
.rent_bnr_r img{
	width:100%;
}
.rent_bnr_l a:hover,
.rent_bnr_r a:hover{
	opacity:0.7;
}
section.lease{
}
section.lease .container{
padding-bottom:50px;
border-bottom:0px solid #5690BB;
}

section.lease .link_btn a{
background-color:#56BBA7;
}

.owner_bnr{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
.owner_bnr a{
position:relative;
}
.owner_bnr a small{
position:absolute;
bottom:15px;
right:15px;
color:#aaa;
font-size: 14px;
}
.owner_bnr a img{
display:inline;
}

}
/* ===========================
 TOP_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
.kv{
margin: 0 auto 30px;
padding: 0 0px;
position:relative;
text-align:center;
}

.kv_inner{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
height:680px;
border-radius:0 0 0 0;
/*overflow: hidden;*/
z-index: 1;

/* 動画が表示されない場合の保険 */
background-image: url(../images/top/kv.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

/* 背景動画 */
.kv_inner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: -2;
}

/* 黒透過レイヤー */
.kv_inner:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.1);
border-radius:0 0 0 0;
z-index: -1;
}

/* テキスト類を前面に */
.kv_inner .kv_tit,
.kv_inner .news_wrap{
position: relative;
z-index: 2;
}

.kv_inner .kv_tit{
margin: 0 auto 40px;
padding: 100px 20px 0px;
text-align:left;
margin-inline: auto;
}

.kv_inner .kv_tit small{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 12px;
line-height:1.5;
text-align: justify;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}

.kv_inner .kv_tit em{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 30px;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.kv_inner .kv_tit em.type2{
font-size: 25px;
font-feature-settings: "palt";
}

.kv_inner .news_wrap{
position:absolute;
bottom:280px;
left:0;
right:0;
width: auto;
z-index: 2;
}

.kv_inner .news_block{
margin: 0 20px 20px;
padding: 3px 5px 0 10px;
position:relative;
width: 220px;
height: 70px;
border-radius: 6px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.kv_inner .news_block h4{
margin: 0 0 0;
padding: 0px 0px;
position:relative;
font-weight: 500;
font-size: 13px;
text-align: center;
color: #8fc31f;
}

.kv_inner .news_block h4 span{
color: #0081CC;
}

.kv_inner ul.news-list{
margin: 0 0;
padding: 0px 0px;
position:relative;
overflow-y: auto;
height: 34px;
}

.kv_inner ul.news-list li{
margin: 0 0;
padding: 0px 0px;
position:relative;
}

.kv_inner ul.news-list li a{
padding: 2px 0px;
font-weight: 500;
font-size: 10px;
line-height:1.4;
text-align: left;
color: #010100;
text-decoration:none;
display: flex;
align-items:flex-start;
justify-content:flex-start;
gap:5px;
}

.kv_inner ul.news-list li a span:nth-child(1) {
font-size: 9px;
  display: inline-block;
  border-bottom: 1px solid currentColor;
  line-height: 1.4;
}

.kv_inner ul.news-list li a span:nth-child(2) {
width:auto;
}

.kv_inner ul.news-list li a:hover{
color: #0081CC;
}

.kv_inner .kv_nav{
margin: 0 20px;
padding: 0 0 0;
position:absolute;
bottom:-50px;
left:0;
right:0;
width: auto;
}
.kv_inner .kv_nav .tab-wrap {
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap: wrap;
min-width:auto;
}
.kv_inner .kv_nav .tab-switch {
display: none;
}
.kv_inner .kv_nav .tab-wrap .tab-label {
margin: 0 0 0 ;
padding: 12px 0;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;

font-weight: normal;
font-size: 13px;
line-height: 13px;
letter-spacing: 0.03em;
text-align: center;
color: #fff;
white-space: nowrap;
border-radius:5px 5px 0 0;
background: transparent;
backdrop-filter: blur(6px);
--webkit-backdrop-filter: blur(6px);
background-color: rgba(0, 0, 0, 0.4);
width:49%;
}

.kv_inner .kv_nav .tab-wrap .tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
border-radius: 0 0 10px 10px;
background: transparent;
backdrop-filter: blur(6px);
--webkit-backdrop-filter: blur(6px);
background-color: rgba(255, 255, 255, 0.8);
}
/* アクティブなタブ */
.kv_inner .kv_nav .tab-wrap .tab-switch:checked+.tab-label {
margin: 0 0 0 ;
padding: 12px 0 ;
position:relative;
display:block;
cursor: pointer;

font-weight: bold;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.03em;
text-align: center;
color: #3c3c3c;
white-space: nowrap;
border-radius:5px 5px 0 0;
background: transparent;
backdrop-filter: blur(6px);
--webkit-backdrop-filter: blur(6px);
background-color: rgba(255, 255, 255, 0.8);
}
.kv_inner .kv_nav .tab-wrap .tab-switch:checked+.tab-label:after {
content: '';
width: 100%;
height: 4px;
background: #4492EB;
display: block;
position:absolute;
top:0;
border-radius:5px 5px 0 0;
}
.kv_inner .kv_nav .tab-switch:checked+.tab-label+.tab-content {
height: 300px;
overflow: auto;
padding: 0 0;
opacity: 1;
transition: .3s opacity;
}

ul.kv_nav-list{
margin: 0 0 ;
padding: 10px 0 0;
position:relative;
}
ul.kv_nav-list li{
margin: 0 0 10px ;
padding: 0 20px;
position:relative;
}
ul.kv_nav-list li a{
margin: 0 0 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
text-decoration:none;
border-radius: 10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: rgba(255, 255, 255, 0.8);
height:48px;
}
ul.kv_nav-list li img{
display:inline;
margin-right:10px;
width:38px;
height:auto;
}
ul.kv_nav-list li:nth-last-child(1){
display: flex;
align-items:center;
justify-content:space-between;
}
ul.kv_nav-list li:nth-last-child(1) span{
width:49%;
position:relative;
}
ul.kv_nav-list li:nth-last-child(1) a{
font-size: 15px;
height:40px;
}

/* popup */
.mfp-bg {background: #000 !important;opacity: 0.5 !important;}
.white-popup-block{padding:0 0;text-align:justify;margin:0 auto;position:relative;}
.mfp-hide{display:none!important;}

.popup_block{
box-sizing: border-box;
margin: 0 auto;
padding: 60px 0px 30px;
position:relative;
text-align:center;
background-color:#fff;
border-radius:0px;
max-width:350px!important;

}
.popup_close{
position: absolute;
top: 10px;
right: 10px;
}
.popup_close a{
display:block;
}
.mfp-close{
display:none !important;
}
.popup_block .popup_img{
margin: 0 auto 20px;
padding: 0 0 ;
width: 290px;
position:relative;
text-align:center;
}
.popup_block .popup_info{
margin: 0 auto ;
padding: 0 0 ;
position:relative;
text-align:center;
}
.popup_block .popup_info h3{
margin: 0 auto 10px;
padding: 0 0 ;
position: relative;
font-weight: bold;
font-size: 17px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #5690bb;
}
.popup_block .popup_info p{
margin: 0 auto 20px;
padding: 0 0 ;
position: relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 19px;
text-align: center;
color: #3c3c3c;
}
.popup_block .popup_info ul.popup_link_list{
margin: 0 auto ;
padding: 0 0 ;
position: relative;
width:260px;
}
.popup_block .popup_info ul.popup_link_list li{
margin: 0 auto 15px;
padding: 0 0 ;
position: relative;
}
.popup_block .popup_info ul.popup_link_list li a{
padding: 10px 0;
position: relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
background-color:#5690BB;
display:block;
}
.popup_block .popup_info ul.popup_link_list li a i{
position: absolute;
top:10px;
right:10px;
}

ul.kv_nav-list2{
margin: 0 0 ;
padding: 15px 0 0;
position:relative;
}
ul.kv_nav-list2 li{
margin: 0 0 10px ;
padding: 0 20px;
position:relative;
}
ul.kv_nav-list2 li a{
margin: 0 0 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
text-decoration:none;
border-radius: 10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
background-color: rgba(255, 255, 255, 0.8);
height:65px;
}
ul.kv_nav-list2 li img{
display:inline;
margin-right:10px;
width:40px;
height:auto;
}

h2.primary_tit{
margin: 0 0 5px ;
padding: 0 20px;
position:relative;
font-weight: 900;
font-size: 23px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
h2.primary_tit img{
display:inline;
margin-top:-5px;
margin-right:15px;
width:auto;
height:36px;
vertical-align:middle;
}
h2.primary_tit small{
margin-left:20px;
color:#ccc;
font-size: 14px;
}

.link_btn{
margin: 10px 15px 10px 0;
padding: 0 0;
position:relative;
}
.link_btn a{
padding: 6px 15px;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.03em;
text-align: left;
color: #fff;
background-color:#5690BB;
float:right;
display: block;
}
.link_btn:after, .link_btn:before {
content: "";
clear: both;
display: block;
}
h3.heading_tit{
margin: 0 15px 15px ;
padding: 0 0 0 8px;
position:relative;
font-weight: bold;
font-size: 16px;
line-height:1.2;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
border-left:4px solid #5690BB;
}

section.sell{
}
section.sell .container{
padding:60px 0 30px;
border-bottom:1px solid #5690BB;
}
#top section.sell .container{
padding:40px 0 30px;
}
.purchase_toyano{
margin: 0 20px 30px !important;
padding: 20px 0px 10px!important;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.purchase_toyano h4{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 18px;
line-height:1.5;
text-align: center;
color: #3c3c3c;
}
ul.purchase_toyano_point{
margin: 0 auto 20px;
padding: 0 10px;
position:relative;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
}
ul.purchase_toyano_point li{
margin: 0 5px;
padding: 0 0;
position:relative;
text-align: center;
}
.purchase_toyano p{
margin: 0 auto 20px !important;
padding: 0 20px !important;
position:relative;
font-weight: bold;
font-size: 13px !important;
letter-spacing: 0.1em;
line-height: 20px !important;
text-align: center;
color: #3c3c3c;
}
.purchase_toyano em{
color:#5690BB;
}
ul.purchase_toyano_link{
margin: 0 auto;
padding: 0 30px;
position:relative;
text-align: center;
}
ul.purchase_toyano_link li{
margin: 0 0 20px ;
padding: 0 0;
position:relative;
text-align: center;
}
ul.purchase_toyano_link li h5{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 16px;
text-align: center;
color: #3c3c3c;
}
ul.purchase_toyano_link li a{
margin: 0 auto;
padding: 10px 30px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
display:block;
width:260px;
}

.purchase_block{
margin: 0 20px 30px;
padding: 15px 15px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
ul.purchase_form{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
}
ul.purchase_form li{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
white-space:nowrap;
}
ul.purchase_form li label{
display:block;
}
ul.purchase_form li input,
ul.purchase_form li select{
width:100%;
}
ul.purchase_form li .start_btn{
margin: 15px auto 0;
padding: 0 0;
position:relative;
text-align: center;
}
ul.purchase_form li .start_btn a{
padding: 20px 0;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#e66666;
display:block;
}
/* Form */
form.form{
text-align:left;
}
input, textarea,select{
width:100%;
/*font-weight: bold;*/
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background-color:#fff;
border: 1px solid #ccc;
padding: 10px;
}
input::placeholder, textarea::placeholder{ color: #bebebe; }
input:focus-visible, textarea:focus-visible{
outline: 0px solid #ccc;
outline-offset: 0px;
}
select:has(option:checked[value=""]) {
color: #bebebe;
}
.purchase_block p{
margin: 0 auto ;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.03em;
text-align: left;
line-height:1.4;
color: #3c3c3c;
}

ul.consultation_list{
margin: 0 auto 30px;
padding: 0 40px;
position:relative;
}
ul.consultation_list li{
margin: 0 0 10px;
padding: 20px 0 30px;
position:relative;
text-align:center;
width:100%;
background-color:#f4f8fb;
border-radius:5px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
ul.consultation_list li img{
display:inline;
}
ul.consultation_list li div{
margin-left:5px;
}
ul.consultation_list li h4{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
ul.consultation_list li p{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-align: left;
color: #3b4043;
}
.detail_btn a{
padding: 4px 30px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#5690BB;
}
ul.buy_consultation_list{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
}
ul.buy_consultation_list li{
padding: 10px 0 15px;
background-color:#fff;
}
ul.buy_consultation_list li div{
margin-left:15px;
width:240px;
}
ul.buy_consultation_list li h4{
margin: 0 auto 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #4982ac;
}
ul.buy_consultation_list li div .detail_btn{
margin-left:0;
width:auto;
text-align:left;
}
ul.buy_consultation_list li div .detail_btn a{
padding: 2px 30px;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#5690BB;
}

.knowhow_block{
margin: 0 auto;
padding: 0 0 10px;
position:relative;
border-radius:0;
overflow: hidden;
}
ul.knowhow_list{
margin: 0 auto 40px!important;
padding: 0 0;
position:relative;
}
ul.knowhow_list li{
margin: 0 0;
padding: 0 0;
position:relative;
z-index:1;
}
ul.knowhow_list li img{
border-radius:5px;
display:inline;
vertical-align:middle;
width: 100%;
height: 180px;
object-fit: cover;
}
ul.knowhow_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.3);
border-radius:5px;
}
ul.knowhow_list li small{
position:absolute;
top:10px;
left:10px;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
ul.knowhow_list li span{
position:absolute;
bottom:10px;
left:10px;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

ul.knowhow_list li a {
display:block;
}

/* Swipewr カスタム*/
.knowhow_block .swiper-slide {
width: 290px;
}
.knowhow_block .swiper-pagination-bullets.swiper-pagination-horizontal{
bottom:50px !important;
}
.knowhow_block .swiper-pagination-bullet {
background-color: #777 !important;
opacity: 1.0 !important;
width:6px !important;
height:6px !important;
}
.knowhow_block .swiper-pagination-bullet-active {
background-color: #429BD3 !important;
}

.knowhow_block .swiper-button-prev,
.knowhow_block .swiper-button-next {
height: 27px;
width: 27px;
top:40%!important;
}
.knowhow_block .swiper-button-prev{
left:50px!important;
right:auto;
}
.knowhow_block .swiper-button-next{
right:50px!important;
left:auto;
}
/* 前へ次への矢印カスタマイズ */
.knowhow_block .swiper-button-prev::after,
.knowhow_block .swiper-button-next::after {
background-repeat: no-repeat;
background-size: contain;
content: "" !important;
height: 27px;
margin: auto;
width: 27px;
}
/* 前への矢印カスタマイズ */
.knowhow_block .swiper-button-prev::after {
background-image: url(../images/top/swiper_arr.svg);
}
/* 次への矢印カスタマイズ */
.knowhow_block .swiper-button-next::after {
background-image: url(../images/top/swiper_arr.svg);
transform: rotate(180deg);
}

.more_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.more_btn a{
padding: 6px 60px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
}
.more_btn.color_blue a{
background-color:#5690BB;
}


section.buy{
}
section.buy .container{
padding-bottom:20px;
border-bottom:1px solid #5690BB;
}

.buy_search{
margin: 0 auto;
padding: 0 0;
position:relative;
}
.buy_search h3{
margin: 0 15px 15px ;
padding: 0 0 0 8px;
position:relative;
font-weight: bold;
font-size: 16px;
line-height:1.2;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
border-left:4px solid #5690BB;
}
.buy_search h3:nth-child(2){
display:none;
}

.search_block{
margin: 0 20px 30px;
padding: 5px 0px 15px;
position:relative;
background-color:#fff;
border-radius:10px;
border:1px solid #ddd;
}
.search_block h4{
margin: 0 auto 0;
padding: 10px 20px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
border-bottom:1px solid #eee;
cursor: pointer;
}
.search_block h4 img{
display:inline;
vertical-align:middle;
margin-top:-4px;
margin-right:5px;
width:20px;
}
.search_block h4::before {
content: "";
position: absolute;
top:12px;
right:20px;
width: 20px;
height: 20px;
background-image: url("../images/top/icon_plus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;
}
.search_block h4.selected::before {
content: "";
position: absolute;
top:12px;
right:20px;
width: 20px;
height: 20px;
background-image: url("../images/top/icon_minus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;
}
ul.buy_list{
margin: 0 0 0;
padding: 10px 20px 6px;
position:relative;
border-bottom:1px solid #eee;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.buy_list li{
margin: 0 0 10px 0;
padding: 0 0;
position:relative;
z-index:1;
width:49%;
}
ul.buy_list.long li{
width:100%;
}
ul.buy_list li a{
padding: 3px 0;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:1px solid #5690BB;
border-radius:100px;
display:block;
background-color:#fff;
}
ul.buy_list li a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
}

.link_btn_sp{
margin: 0 20px 30px 0;
padding: 0 0;
position:relative;
}
.link_btn_sp a{
padding:15px 20px;
font-weight: bold;
font-size: 12px;
line-height:12px;
letter-spacing: 0.03em;
text-align: left;
color: #fff;
background-color:#5690BB;
float:right;
display: flex;
align-items:stretch;
justify-content:center;
}
.link_btn_sp a i{
font-size: 20px;
line-height:12px;
margin-left:10px;
}

.recommend_swiper{
margin: 0 auto 15px;
padding: 10px 0;
position:relative;
text-align:center;
overflow: hidden;
}
.recommend_swiper .swiper-slide {
width: 232px;
}

ul.recommend_list{
margin: 0 auto 25px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.recommend_list > li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.recommend_list li .favorite_mark{
position: absolute;
top:15px;
left:15px;
width: 20px;
height: 20px;
}
ul.recommend_list li .favorite_mark_on::after {
content: "";
position: absolute;
top:0px;
right:0px;
width: 20px;
height: 20px;
background-image: url(../images/top/mark.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:11;
}
ul.recommend_list li .favorite_mark::before {
content: "";
position: absolute;
top:0px;
right:0px;
width: 20px;
height: 20px;
background-image: url(../images/top/mark_blank.svg);
background-repeat: no-repeat;
background-position: center top;
background-size:auto;
cursor: pointer;
z-index:10;
}
ul.recommend_list li a{
display:block;
min-height: 350px;
text-decoration:none;
padding: 10px 10px;
}

ul.recommend_list li .recommend_cat{
margin: 0 0 5px;
padding: 0px 10px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
border-radius: 3px;
background-color: #5690bb;
display:inline-block;
}
ul.recommend_list li h4{
margin: 0 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height:1.4;
text-align: left;
color: #5690bb;
display:block;
min-height: 40px;
}
ul.recommend_list li .recommend_price{
margin: 0 0 0;
padding: 0px 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #E66666;
}
ul.recommend_list li .recommend_price small{
font-weight: 600;
font-size: 14px;
text-align: left;
color: #3c3c3c;
}
ul.recommend_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
}
ul.recommend_list li p small{
margin: 0 0;
padding: 5px 0 5px;
position:relative;
display:block;
font-weight: 500;
font-size: 10px;
line-height:1.4;
}
ul.recommend_list > li:hover{
background-color:#f4f8fb;
transition : 0.3s;
}

section.buy .more_btn{
margin-bottom: 30px;
}

.recommend_img_swiper{
margin: 0 0;
padding: 0 0 5px;
position:relative;
width:212px;
overflow: hidden;
}
ui.recommend_img_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
ul.recommend_img_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
}
ul.recommend_img_list li:nth-child(2){
width:142px;
height:97px;
text-align:center;
}
ul.recommend_img_list li img{
border-radius:8px;
display:inline;
vertical-align:middle;
}
ul.recommend_img_list li:nth-child(2) img{
height:100%;
object-fit:contain;
aspect-ratio: auto;
}




.switch_btn{
margin: 0 0;
padding: 0 0;
position:absolute;
bottom:10px;
right:5px;
display: flex;
align-items:stretch;
justify-content:space-between;
width:80px;
height: 20px;
background-color:#fff;
border-radius:999px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index: 10;
}

/* Swipewr カスタム*/
.switch_btn .swiper-button-next,
.switch_btn .swiper-button-prev {
position:relative;
top:auto;
width:40px;
height:20px;
margin-top:0;
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
white-space:nowrap;
border-radius:999px;
}
/* 前へ次への矢印カスタマイズ */
.switch_btn .swiper-button-prev::after,
.switch_btn .swiper-button-next::after {
background-repeat: no-repeat;
background-size: contain;
content: "" !important;
height: 20px;
margin: auto;
width: 40px;
}
/* 前への矢印カスタマイズ */
.switch_btn .swiper-button-prev::after {
background-image: none;
}
/* 次への矢印カスタマイズ */
.switch_btn .swiper-button-next::after {
background-image: none;

}
/* 画像サイズ調整 */
.swiper-slide img {
height: auto;
width: 100%;
}

.switch_btn .swiper-button-next.swiper-button-disabled,
.switch_btn .swiper-button-prev.swiper-button-disabled {
opacity:1.0;
cursor:pointer;
pointer-events:none;
color:#fff;
background-color: #5690bb;
}
.switch_btn .swiper-button-next.swiper-button-hidden,
.switch_btn .swiper-button-prev.swiper-button-hidden {
opacity:0;
cursor:pointer;
pointer-events:none;
}
.switch_btn .swiper-navigation-disabled .swiper-button-next,
.switch_btn .swiper-navigation-disabled .swiper-button-prev {
display:none!important;
}
.switch_btn .swiper-button-next:after,
.switch_btn .swiper-button-prev:after {
display:none!important;
}
.switch_btn .swiper-button-prev,
.switch_btn .swiper-rtl .swiper-button-next {
left:auto;
right:auto;
}
.switch_btn .swiper-button-prev:after,
.switch_btn .swiper-rtl .swiper-button-next:after {
content:'';
}
.switch_btn .swiper-button-next,
.switch_btn .swiper-rtl .swiper-button-prev {
right:auto;
left:auto;
}
.switch_btn .swiper-button-next:after,
.switch_btn .swiper-rtl .swiper-button-prev:after {
content:'';
}



section.rent{
}
section.rent .container{
padding-bottom:20px;
border-bottom:1px solid #5690BB;
}
/* Swipewr カスタム*/
section.rent .switch_btn .swiper-button-next,
section.rent .switch_btn .swiper-button-prev {
color: #56BBA7;
}
section.rent .switch_btn .swiper-button-next.swiper-button-disabled,
section.rent .switch_btn .swiper-button-prev.swiper-button-disabled {
background-color: #56BBA7;
color: #fff;
}
section.rent .link_btn a{
background-color:#56BBA7;
}
section.rent h3.heading_tit{
border-left:6px solid #56BBA7;
}
section.rent ul.recommend_list li .recommend_cat{
background-color: #56BBA7;
}
section.rent ul.recommend_list li h4{
color: #56BBA7;
min-height: auto;
}
section.rent ul.recommend_list > li:hover{
background-color:#f4fbf6;
transition : 0.3s;
}
.rent_search{
margin: 0 auto;
padding: 0 0;
position:relative;
}
.rent_search h3{
margin: 0 15px 15px ;
padding: 0 0 0 8px;
position:relative;
font-weight: bold;
font-size: 16px;
line-height:1.2;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
border-left:4px solid #5690BB;
}
.rent_search h3:nth-child(2){
display:none;
}

.search_block{
margin: 0 20px 30px;
padding: 5px 0px 15px;
position:relative;
background-color:#fff;
border-radius:10px;
border:1px solid #ddd;
}
.search_block h4{
margin: 0 auto 0;
padding: 10px 20px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
border-bottom:1px solid #eee;
cursor: pointer;
}
.search_block h4 img{
display:inline;
vertical-align:middle;
margin-top:-4px;
margin-right:5px;
width:20px;
}
.search_block h4::before {
content: "";
position: absolute;
top:12px;
right:20px;
width: 20px;
height: 20px;
background-image: url("../images/top/icon_plus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;
}
.search_block h4.selected::before {
content: "";
position: absolute;
top:12px;
right:20px;
width: 20px;
height: 20px;
background-image: url("../images/top/icon_minus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;
}
ul.rent_list{
margin: 0 0 0;
padding: 10px 20px 6px;
position:relative;
border-bottom:1px solid #eee;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.rent_list li{
margin: 0 0 10px 0;
padding: 0 0;
position:relative;
z-index:1;
width:49%;
}
ul.rent_list.long li{
width:100%;
}
ul.rent_list li a{
padding: 3px 0;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:1px solid #5690BB;
border-radius:100px;
display:block;
background-color:#fff;
}
ul.rent_list li a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
}

.rent_bnr {
	margin:20px 15px 0;
        display: flex;
        flex-direction: column-reverse;
}
.rent_bnr_l {
	margin-bottom:10px;
}
.rent_bnr_r a img {
	margin-bottom:10px;
}
.rent_bnr_l img,
.rent_bnr_r img{
	width:90%;
	margin:0 auto;
}

section.lease{
}
section.lease .container{
padding-bottom:50px;
border-bottom:0px solid #5690BB;
}

section.lease .link_btn a{
background-color:#56BBA7;
}

.owner_bnr{
margin: 0 auto;
padding: 0 15px;
position:relative;
text-align:center;
}
.owner_bnr a{
position:relative;
}
.owner_bnr a small{
position:absolute;
bottom:15px;
right:15px;
color:#aaa;
font-size: 14px;
}
.owner_bnr a img{
display:inline;
}

}

/* ===========================
 売りたい_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.sell-page .kv{
margin: 0 auto -150px;
}
main.sell-page .kv_inner{
background-image: url(../images/sell/kv_sell_top.jpg);
background-position: center top;
background-size: 100%;
}
.kv_inner .kv_tit strong{
padding-top:80px;
padding-bottom:80px;
font-weight: bold;
font-size: 42px;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}
.kv_on .kv_inner .kv_tit strong{
font-size: 55px;
}
section.sell_section{
margin: 0 0 100px;
padding: 0 0;
position:relative;
z-index:10;
}
.assess_top_wrap{
margin: 0 auto;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-direction: row;
}
.assess_top_wrap .assess_box{
width: 468px!important;
margin-inline:0!important;
}
.assess_top_wrap .assess_box .purchase_block{
border-radius: 10px!important;
}
.assess_consultation{
margin: 0 0 0 ;
padding: 20px 0 20px;
position:relative;
text-align: center;
background-color:#fff;
border-radius:10px 10px 0 0;
}
.assess_consultation h3{
margin: 0 0 10px ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
.assess_consultation h3 em{
padding: 0 5px;
font-weight: bold;
font-size: 24px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
.assess_consultation p{
margin: 0 0  ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
.assess_top_wrap .assess_box h4{
margin: 0 0 15px ;
padding: 15px 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}

.assess_top_wrap .assess_box .purchase_block ul.purchase_form{
margin: 0 auto 20px;
padding: 20px 40px 20px;
position:relative;
background-color:#fff;
display: block!important;
align-items:flex-end;
justify-content:space-between;
}
.assess_top_wrap .assess_box .purchase_block ul.purchase_form li{
margin: 0 auto 10px;
padding: 0 0 ;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
}
.assess_top_wrap .assess_box .purchase_block ul.purchase_form li:nth-child(3){
margin: -18px auto -10px;
}
.assess_top_wrap .assess_box .purchase_block ul.purchase_form li input,
.assess_top_wrap .assess_box .purchase_block ul.purchase_form li select{
width:290px!important;
padding:10px;
}

.assess_box{
margin: 0 0;
padding: 0 0 0;
position:relative;
width: min(960px, 100% - 120px);
margin-inline: auto;
border-radius: 10px;
background: transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.assess_box .assess_tit {
margin: 0 0 0 ;
padding: 10px 0;
position:relative;
display:block;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background: linear-gradient(90deg, #6CD0EF 0%, #004EA1 100%);
border-radius:10px 10px 0 0;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.assess_box .purchase_block{
margin: 0 auto 0;
padding: 0 0 15px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.assess_box .purchase_block ul.purchase_form{
margin: 0 auto 20px;
padding: 20px 40px 20px;
position:relative;
background-color:#fff;
display: flex;
align-items:flex-end;
justify-content:space-between;
}
.assess_box .purchase_block ul.purchase_form li input,
.assess_box .purchase_block ul.purchase_form li select{
width:240px;
padding:10px;
}
.assess_box .purchase_block .start_btn{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
text-align: center;
}
.assess_box .purchase_block .start_btn a{
padding: 6px 50px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
}

section.sell_section{
}
ul.sell_flow_list{
margin: 0 0 40px;
padding: 0 0px;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.sell_flow_list li{
margin: 0 0;
padding: 0 0px;
position:relative;
text-align:center;
width:222px;
}
ul.sell_flow_list li em{
position:absolute;
top:0;
left:5px;
}
ul.sell_flow_list li em small{
font-weight: bold;
font-size: 10px;
text-align: center;
line-height:12px;
color: #5690bb;
display:block;
}
ul.sell_flow_list li b{
font-weight: bold;
font-size: 22px;
text-align: center;
line-height:24px;
color: #5690bb;
text-decoration:underline;
text-decoration-thickness:2px;
}
ul.sell_flow_list li .sell_flow_img{
margin: 0 0;
padding: 20px 0 0;
position:relative;
text-align:center;
}
ul.sell_flow_list li .sell_flow_img img{
display:inline-block;
}
ul.sell_flow_list li .sell_flow_txt{
margin: 0 0;
padding: 15px 15px;
position:relative;
text-align:center;
border-radius:8px;
background-color:#F4F7FB;
min-height:220px;
}
ul.sell_flow_list li .sell_flow_txt:before {
position: absolute;
top: 45%;
right:-21px;
font-family: "Font Awesome 6 Free";
content:'\f0da';
color:#5690bb;
font-weight: 600;
font-size: 42px;
line-height:42px;
}
ul.sell_flow_list li:nth-last-child(1) .sell_flow_txt:before {
display:none;
}
ul.sell_flow_list li .sell_flow_txt h4{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.sell_flow_list li .sell_flow_txt p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}

.trading_results_box{
margin: 0 auto 40px;
padding: 30px 15px 30px 25px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.trading_results_box_inner{
margin: 0 0 5px;
padding: 0 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.trading_results_map{
margin: 0 0 0;
padding: 0 0 0;
position:relative;
width:660px;
}
ul.trading_results_list{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
height:478px;
overflow-y: scroll;
overflow-x: hidden;
}
ul.trading_results_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.trading_results_list li:before {
position: absolute;
bottom: 15px;
right:5px;
font-family: "Font Awesome 6 Free";
content:'\f138';
color:#5690bb;
font-weight: 600;
font-size: 22px;
line-height:22px;
}
ul.trading_results_list li a{
display:block;
text-decoration:none;
padding: 10px 10px 20px;
}
ul.trading_results_list li .trading_results_list_img{
margin-bottom:5px;
}
ul.trading_results_list li .trading_results_list_img img{
border-radius:8px;
display:inline;
vertical-align:middle;
}
ul.trading_results_list li .recommend_cat{
margin: 0 0 5px;
padding: 0px 10px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
border-radius: 3px;
background-color: #5690bb;
display:inline-block;
}
ul.trading_results_list li h4{
margin: 0 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height:1.4;
text-align: left;
color: #5690bb;
display:block;
min-height: 40px;
}
ul.trading_results_list li .recommend_price{
margin: 0 0 0;
padding: 0px 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #E66666;
}
ul.trading_results_list li .recommend_price small{
font-weight: 600;
font-size: 14px;
text-align: left;
color: #3c3c3c;
}
ul.trading_results_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
}
ul.trading_results_list li p small{
margin: 0 0;
padding: 5px 0 5px;
position:relative;
display:block;
font-weight: 500;
font-size: 10px;
line-height:1.4;
}
ul.trading_results_list > li:hover{
background-color:#f4f8fb;
transition : 0.3s;
}

.trading_results_box .trading_results_note{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1em;
text-align: right;
color: #3c3c3c;
}

.consultation_purpose_box,
.consultation_purpose_box2{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
background-color:#f4f8fb;
border-radius:10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.consultation_purpose_box h4,
.consultation_purpose_box2 h4{
margin: 0 auto;
padding: 10px 30px;
position:relative;
background-color:#5690BB;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
cursor: pointer;
}
.consultation_purpose_box h4.open,
.consultation_purpose_box2 h4.open{
border-radius:10px 10px 0 0;
}
.consultation_purpose_box h4:before,
.consultation_purpose_box2 h4:before {
position: absolute;
top: 15px;
right:25px;
font-family: "Font Awesome 6 Free";
content:'\2b';
color:#fff;
font-weight: 600;
font-size: 24px;
line-height:24px;
}
.consultation_purpose_box h4.open:before,
.consultation_purpose_box2 h4.open:before {
position: absolute;
top: 15px;
right:25px;
font-family: "Font Awesome 6 Free";
content:'\f068';
color:#fff;
font-weight: 600;
font-size: 24px;
line-height:24px;
}
.consultation_purpose_box h4 small,
.consultation_purpose_box2 h4 small{
margin-left: 10px;
padding-left: 10px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #f4f7fb;
border-left:1px solid #fff;
}

ul.consultation_purpose_list{
margin: 0 auto;
padding: 20px 30px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.consultation_purpose_list:after {
content: "";
display: block;
width:210px;
height: 0;
}
ul.consultation_purpose_list:before {
content: "";
display: block;
width:210px;
height: 0;
order: 1;
}
ul.consultation_purpose_list li{
margin: 0 0;
padding: 0 0;
position:relative;
width:210px;
z-index:1;
}
ul.consultation_purpose_list li img{
border-radius:10px;
display:inline;
vertical-align:middle;

}
ul.consultation_purpose_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.3);
border-radius:10px;
pointer-events: none;
}
ul.consultation_purpose_list li span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
white-space:nowrap;
}
ul.consultation_purpose_list li:hover{
transition : 0.3s;
transform: scale(1.05);
}
ul.consultation_purpose_list li a {
display:block;
}
.consultation_purpose_btn{
margin: 0 0 30px 0;
padding: 0 0;
position:relative;
}
.consultation_purpose_btn a{
padding: 10px 40px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#FCAE42;
float:right;
}
.consultation_purpose_btn:after, .consultation_purpose_btn:before {
content: "";
clear: both;
display: block;
}

.sell_section_column_wrap{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.sell_section_column{
width:468px;
}
ul.useful_list{
margin: 0 auto;
padding: 0 0;
position:relative;
}
ul.useful_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
background: linear-gradient(90deg, #9ED68E 0%, #49B6AC 85%, #F4F7FB 85%, #F4F7FB 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}
ul.useful_list li a{
margin: 0 0;
padding: 0 0 0 30px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
text-decoration:none;
height:94px;
}
ul.useful_list li:nth-child(1) a{
background-image: url(../images/sell/useful_icon01.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.useful_list li:nth-child(2) a{
background-image: url(../images/sell/useful_icon02.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.useful_list li:nth-child(3) a{
background-image: url(../images/sell/useful_icon03.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.useful_list li:nth-child(4) a{
background-image: url(../images/sell/useful_icon04.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.useful_list li a.useful_icon5{
background-image: url(../images/sell/useful_icon05.svg)!important;
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.useful_list li a:before {
position: absolute;
top: 35%;
right:25px;
font-family: "Font Awesome 6 Free";
content:'\f105';
color:#49B6AC;
font-weight: 600;
font-size: 30px;
line-height:30px;
}
ul.useful_list li a span{
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height:1.2;
text-align: left;
color: #fff;
}
ul.useful_list li a span small{
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
ul.useful_list li a:hover:before{
right:15px;
transition : 0.3s;
}
.sales_inquiries_box{
margin: 0 0 10px;
padding: 30px 30px 20px;
position:relative;
background-color:#F4F7FB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}
.corporate_section .sales_inquiries_box{
padding: 20px 20px 20px;
}
.corporate_section .sales_inquiries_box img{
margin-bottom: 10px;
}
.sales_inquiries_box h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.sales_inquiries_box p{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: justify;
color: #3c3c3c;
}
.corporate_section .sales_inquiries_box p{
margin: 0 0 0;
line-height: 1.6;
}
.sales_inquiries_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.sales_inquiries_btn a{
margin: 0 auto;
padding: 10px 40px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#56BBA7;
display:inline-block;
}

.sell_section .assess_box{
margin: 0 0 40px;
width:960px;
}

}


/* ===========================
 売りたい_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.sell-page .kv{
margin: 0 auto -70px;
}
main.sell-page .kv_inner{
height:290px;
background-image: url(../images/sell/kv_sell_top.jpg);
background-position: center top;
}
main.sell-page .kv_inner .kv_tit{
margin: 0 auto 60px;
}
.kv_inner .kv_tit strong{
padding-top:0;
padding-bottom:0;
font-weight: bold;
font-size: 22px;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}
.kv_on .kv_inner .kv_tit strong{
font-size: 27px;
}
section.sell_section{
margin: 0 0 50px;
padding: 0 0;
position:relative;
z-index:1;
}

.assess_top_wrap{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
}
.assess_top_wrap .assess_box:nth-child(1){
margin-bottom: 20px!important;
}
.assess_consultation{
margin: 0 0 0 ;
padding: 20px 0 20px;
position:relative;
text-align: center;
background-color:#fff;
border-radius:10px 10px 0 0;
}
.assess_consultation h3{
margin: 0 0 10px ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
color: #010100;
}
.assess_consultation h3 em{
padding: 0 4px;
font-weight: bold;
font-size: 23px;
letter-spacing: 0.05em;
text-align: center;
color: #5690bb;
}
.assess_consultation p{
margin: 0 0  ;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.05em;
text-align: center;
color: #3c3c3c;
}
.assess_top_wrap .assess_box h4{
margin: 0 0 15px ;
padding: 15px 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.05em;
text-align: center;
color: #010100;
}


.assess_box{
margin: 0 20px;
padding: 0 0 0;
position:relative;
border-radius: 6px;
background: transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.assess_box .assess_tit {
margin: 0 0 0 ;
padding: 8px 0;
position:relative;
display:block;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background: linear-gradient(90deg, #6CD0EF 0%, #004EA1 100%);
border-radius:6px 6px 0 0;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.assess_box .purchase_block{
margin: 0 auto 0;
padding: 0 0 15px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.assess_box .purchase_block ul.purchase_form{
margin: 0 auto 20px;
padding: 15px 20px 10px;
position:relative;
background-color:#fff;
}
.assess_box .purchase_block ul.purchase_form li label{
display:none;
}
.assess_box .purchase_block ul.purchase_form li input,
.assess_box .purchase_block ul.purchase_form li select{
padding:10px;
margin-bottom:5px;
}
.assess_box .purchase_block .start_btn{
margin: 0 auto 15px;
padding: 0 30px;
position:relative;
text-align: center;
}
.assess_box .purchase_block .start_btn a{
padding: 18px 0;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#e66666;
border-radius:50px;
display:block;
}
.assess_box .purchase_block p{
margin: 0 20px ;
}

section.sell_section{
}
ul.sell_flow_list{
margin: 0 10px 40px;
padding: 0 0px;
position:relative;
text-align:center;
}
ul.sell_flow_list li{
margin: 0 0 20px;
padding: 0 0px;
position:relative;
text-align:center;
width:auto;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.sell_flow_list li em{
position:absolute;
top:0;
left:5px;
}
ul.sell_flow_list li em small{
font-weight: bold;
font-size: 10px;
text-align: center;
line-height:12px;
color: #5690bb;
display:block;
}
ul.sell_flow_list li b{
font-weight: bold;
font-size: 22px;
text-align: center;
line-height:24px;
color: #5690bb;
text-decoration:underline;
text-decoration-thickness:2px;
}
ul.sell_flow_list li .sell_flow_img{
margin: 0 0;
padding: 0 0 0;
position:relative;
text-align:center;
width:36%;
display: flex;
align-items:flex-end;
justify-content:center;
}
ul.sell_flow_list li .sell_flow_img img{
height:90px;
}
ul.sell_flow_list li:nth-child(1) .sell_flow_img img{
height:100px;
}
ul.sell_flow_list li .sell_flow_txt{
margin: 0 0;
padding: 15px 15px 20px;
position:relative;
text-align:center;
border-radius:8px;
background-color:#F4F7FB;
width:62%;
}
ul.sell_flow_list li .sell_flow_txt:before {
position: absolute;
bottom: -20px;
right:45%;
font-family: "Font Awesome 6 Free";
content:'\f0da';
color:#5690bb;
font-weight: 600;
font-size: 24px;
line-height:24px;
transform: rotate(90deg);
}
ul.sell_flow_list li:nth-last-child(1) .sell_flow_txt:before {
display:none;
}
ul.sell_flow_list li .sell_flow_txt h4{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.sell_flow_list li .sell_flow_txt p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.1em;
line-height: 1.4;
text-align: left;
color: #3c3c3c;
}

.trading_results_box{
margin: 0 15px 40px;
padding: 15px 15px 25px 15px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.trading_results_box_inner{
margin: 0 0 5px;
padding: 0 0 0;
position:relative;
}
.trading_results_map{
margin: 0 0 10px;
padding: 0 0 0;
position:relative;
width:auto;
}
ul.trading_results_list{
margin: 0 0 5px;
padding: 0 0 5px;
position:relative;
text-align:center;
overflow-x: scroll;
overflow-y: hidden;
white-space:nowrap;
}
ul.trading_results_list li{
margin: 0 10px 0 0;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:inline-block;
}
ul.trading_results_list li:before {
position: absolute;
bottom: 15px;
right:5px;
font-family: "Font Awesome 6 Free";
content:'\f138';
color:#5690bb;
font-weight: 600;
font-size: 22px;
line-height:22px;
}
ul.trading_results_list li a{
display:block;
text-decoration:none;
padding: 10px 10px 20px;
}
ul.trading_results_list li .trading_results_list_img{
margin-bottom:5px;
}
ul.trading_results_list li .trading_results_list_img img{
border-radius:8px;
display:inline;
vertical-align:middle;
}
ul.trading_results_list li .recommend_cat{
margin: 0 0 5px;
padding: 0px 10px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
border-radius: 3px;
background-color: #5690bb;
display:inline-block;
}
ul.trading_results_list li h4{
margin: 0 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height:1.4;
text-align: left;
color: #5690bb;
display:block;
min-height: 40px;
white-space:wrap;
}
ul.trading_results_list li .recommend_price{
margin: 0 0 0;
padding: 0px 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #E66666;
}
ul.trading_results_list li .recommend_price small{
font-weight: 600;
font-size: 14px;
text-align: left;
color: #3c3c3c;
}
ul.trading_results_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
white-space:wrap;
}
ul.trading_results_list li p small{
margin: 0 0;
padding: 5px 0 5px;
position:relative;
display:block;
font-weight: 500;
font-size: 10px;
line-height:1.4;
}
.trading_results_box .trading_results_note{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

.consultation_purpose_box,
.consultation_purpose_box2{
margin: 0 20px 15px;
padding: 0 0;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.consultation_purpose_box h4,
.consultation_purpose_box2 h4{
margin: 0 auto;
padding: 8px 30px;
position:relative;
background-color:#5690BB;
border-radius:5px 5px 5px 5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
font-weight: bold;
font-size: 16px;
line-height:18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
cursor: pointer;
height:50px;
display: flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.consultation_purpose_box h4.open,
.consultation_purpose_box2 h4.open{
border-radius:5px 5px 0 0;
}
.consultation_purpose_box h4:before.
.consultation_purpose_box2 h4:before {
position: absolute;
top: 15px;
right:15px;
font-family: "Font Awesome 6 Free";
content:'\2b';
color:#fff;
font-weight: 600;
font-size: 24px;
line-height:24px;
}
.consultation_purpose_box h4.open:before,
.consultation_purpose_box2 h4.open:before {
position: absolute;
top: 15px;
right:15px;
font-family: "Font Awesome 6 Free";
content:'\f068';
color:#fff;
font-weight: 600;
font-size: 24px;
line-height:24px;
}
.consultation_purpose_box h4 small,
.consultation_purpose_box2 h4 small{
display:block;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1em;
text-align: center;
color: #f4f7fb;
width:100%;
}

ul.consultation_purpose_list{
margin: 0 auto;
padding: 15px 20px 5px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.consultation_purpose_list:after {
content: "";
display: block;
width:48%;
height: 0;
}
ul.consultation_purpose_list:before {
content: "";
display: block;
width:48%;
height: 0;
order: 1;
}
ul.consultation_purpose_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
width:48%;
z-index:1;
}
ul.consultation_purpose_list li img{
border-radius:5px;
display:inline;
vertical-align:middle;
width:100%;
}
ul.consultation_purpose_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,0.3);
border-radius:5px;
pointer-events: none;
}
ul.consultation_purpose_list li span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 11px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
white-space:nowrap;
}
ul.consultation_purpose_list li:hover{
transition : 0.3s;
transform: scale(1.05);
}
ul.consultation_purpose_list li a {
display:block;
}
.consultation_purpose_btn{
margin: 0 20px 30px;
padding: 0 0;
position:relative;
}
.consultation_purpose_btn a{
padding: 8px 20px;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.05em;
text-align: left;
color: #fff;
background-color:#FCAE42;
float:right;
}
.consultation_purpose_btn:after, .consultation_purpose_btn:before {
content: "";
clear: both;
display: block;
}

.sell_section_column_wrap{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
}
.sell_section_column{
}
ul.useful_list{
margin: 0 20px 50px;
padding: 0 0;
position:relative;
}
ul.useful_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
background: linear-gradient(90deg, #9ED68E 0%, #49B6AC 85%, #F4F7FB 85%, #F4F7FB 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:5px;
}
ul.useful_list li a{
margin: 0 0;
padding: 0 0 0 30px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
text-decoration:none;
height:70px;
}
ul.useful_list li:nth-child(1) a{
background-image: url(../images/sell/useful_icon01.svg);
background-repeat: no-repeat;
background-position: bottom right 12vw;
background-size: auto 95%;
}
ul.useful_list li:nth-child(2) a{
background-image: url(../images/sell/useful_icon02.svg);
background-repeat: no-repeat;
background-position: bottom right 12vw;
background-size: auto 95%;
}
ul.useful_list li:nth-child(3) a{
background-image: url(../images/sell/useful_icon03.svg);
background-repeat: no-repeat;
background-position: bottom right 12vw;
background-size: auto 95%;
}
ul.useful_list li:nth-child(4) a{
background-image: url(../images/sell/useful_icon04.svg);
background-repeat: no-repeat;
background-position: bottom right 12vw;
background-size: auto 95%;
}
ul.useful_list li a.useful_icon5{
background-image: url(../images/sell/useful_icon05.svg)!important;
background-repeat: no-repeat;
background-position: bottom right 12vw;
background-size: auto 95%;
}
ul.useful_list li a:before {
position: absolute;
top: 37%;
right:5vw;
font-family: "Font Awesome 6 Free";
content:'\f105';
color:#49B6AC;
font-weight: 600;
font-size: 20px;
line-height:20px;
}
ul.useful_list li a span{
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
line-height:1.2;
text-align: left;
color: #fff;
}
ul.useful_list li a span small{
font-weight: bold;
font-size: 10px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
.sales_inquiries_box{
margin: 0 20px 15px;
padding: 20px 20px 20px;
position:relative;
background-color:#F4F7FB;
box-shadow_: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}
.sales_inquiries_box h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.sales_inquiries_box p{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
.sales_inquiries_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.sales_inquiries_btn a{
margin: 0 auto;
padding: 10px 30px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
background-color:#56BBA7;
display:inline-block;
}

.sell_section .assess_box{
margin-bottom: 50px;
}

}


/* ===========================
 買いたい_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-page .kv{
margin: 0 auto -140px;
}
main.buy-page .kv_inner{
background-image: url(../images/buy/kv_buy_top.jpg);
background-position: center center;
background-size: 100%;
}

section.buy_section{
margin: 0 0 100px;
padding: 0 0;
position:relative;
z-index:10;
}
.trading_results_box section.buy_section{
margin: 0 0 10px;
}
main.buy-page .trading_results_box{
margin: 0 auto 50px;
padding: 20px 15px 30px 25px;
position:relative;
background-color:#fff;
border-radius:5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
main.buy-page .trading_results_box h3{
margin-bottom: 15px;
}
main.buy-page .trading_results_box .link_btn{
margin: -45px 0 0 0;
padding: 0 0;
position:relative;
float:right;
}
main.buy-page .trading_results_box .link_btn a{
padding: 5px 30px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#06C755;
}

main.buy-page .consultation_purpose_box{
margin: 0 auto 50px;
padding: 15px 0 25px;
}

.recommend_wrap{
margin-bottom:40px;
}

.popular_area{
margin: 0 auto 20px;
padding: 20px 0 0;
position:relative;
background-color:#f4f8fb;
border-radius:10px;
}
ul.popular_area_list{
margin: 0 auto;
padding: 0 30px 5px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.popular_area_list:after {
content: "";
display: block;
width:282px;
height: 0;
}
ul.popular_area_list li{
margin: 0 0 20px;
padding: 0 0;
position:relative;
width:282px;
z-index:1;
}
ul.popular_area_list li img{
border-radius:10px;
display:inline;
vertical-align:middle;

}
ul.popular_area_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: transparent;
backdrop-filter: blur(1.5494500398635864px);
--webkit-backdrop-filter: blur(1.5494500398635864px);
background-color: rgba(0, 0, 0, 0.04);
border-radius:10px;
pointer-events: none;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.popular_area_list li span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
white-space:nowrap;
}
ul.popular_area_list li:nth-last-child(1) span {
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);
}
ul.popular_area_list li b{
position: absolute;
top: 0;
left: 0;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height:2.0;
text-align: center;
color: #fff;
white-space:nowrap;
width: 38px;
height: 38px;
border-radius: 10px 0px;
background: linear-gradient(#9ed68e 0%, #49b6ac 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(1) b{
background: linear-gradient(#f0da6d 0%, #d89d13 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(2) b{
background: linear-gradient(#bdbdbd 0%, #72736e 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(3) b{
background: linear-gradient(#a88851 0%, #814c0a 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-last-child(1) a:before {
background: #ebebeb;
}
ul.popular_area_list li em{
position: absolute;
bottom: 0;
right: 0;
font-weight: bold;
font-size: 14px;
text-align: center;
color: #56bba7;
white-space:nowrap;
background-color:#fff;
width: 63px;
border-radius: 10px 0px;
}
ul.popular_area_list li:hover{
transition : 0.3s;
transform: scale(1.05);
}
ul.popular_area_list li a {
display:block;
}

ul.buy_bnr_list{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.buy_bnr_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
}
ul.buy_bnr_list li a{
position:relative;
}
ul.buy_bnr_list li a small{
position:absolute;
bottom:15px;
right:15px;
color:#aaa;
font-size: 14px;
}
ul.buy_bnr_list li a img{
display:inline;
}

main.buy-page ul.useful_list li:nth-child(1) a{
background-image: url(../images/buy/useful_icon01.svg);
}
main.buy-page ul.useful_list li:nth-child(2) a{
background-image: url(../images/buy/useful_icon02.svg);
}
main.buy-page ul.useful_list li:nth-child(3) a{
background-image: url(../images/buy/useful_icon03.svg);
}
main.buy-page ul.useful_list li:nth-child(4) a{
background-image: url(../images/buy/useful_icon04.svg);
}
main.buy-page ul.useful_list li a.useful_icon5{
background-image: url(../images/buy/useful_icon05.svg)!important;
}

}


/* ===========================
 買いたい_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-page .kv{
margin: 0 auto 30px;
}
main.buy-page .kv_inner{
height:290px;
background-image: url(../images/buy/kv_buy_top.jpg);
background-position: 80% bottom;
background-size: 140%;
}

section.buy_section{
margin: 0 0 30px;
padding: 0 0;
position:relative;
z-index:1;
}

main.buy-page .trading_results_box{
margin: 0 15px 40px;
padding: 15px 15px 1px 15px;
position:relative;
background-color:#fff;
border-radius:5px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index:5;
}
main.buy-page .trading_results_box h3{
margin-bottom: 15px;
margin-left:0;
}
main.buy-page .trading_results_box .link_btn{
margin: -37px 0 0 0;
padding: 0 0;
position:relative;
float:right;
}
main.buy-page .trading_results_box .link_btn a{
padding: 7px 20px;
background-color:#06C755;
}

main.buy-page .consultation_purpose_box{
margin-bottom:40px;
padding: 10px 0 20px;
}

.recommend_wrap{
margin-bottom:40px;
}
.recommend_wrap .more_btn{
margin-bottom:25px;
}

.popular_area{
margin: 0 10px 20px;
padding: 15px 0 15px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
ul.popular_area_list{
margin: 0 auto;
padding: 0 10px 5px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.popular_area_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
width:48.5%;
z-index:1;
}
ul.popular_area_list li img{
border-radius:5px;
display:inline;
vertical-align:middle;

}
ul.popular_area_list li a:before {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
content: '';
background: transparent;
backdrop-filter: blur(1.5494500398635864px);
--webkit-backdrop-filter: blur(1.5494500398635864px);
background-color: rgba(0, 0, 0, 0.04);
border-radius:5px;
pointer-events: none;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.popular_area_list li span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.7);
white-space:nowrap;
}
ul.popular_area_list li:nth-last-child(1) {
margin: 0 0;
padding: 0 0;
position:relative;
width:100%;
z-index:1;
}
ul.popular_area_list li:nth-last-child(1) a{
height:40px;
}
ul.popular_area_list li:nth-last-child(1) span {
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);
}
ul.popular_area_list li b{
position: absolute;
top: 0;
left: 0;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height:2.0;
text-align: center;
color: #fff;
white-space:nowrap;
width: 26px;
height: 26px;
border-radius: 5px 0px;
background: linear-gradient(#9ed68e 0%, #49b6ac 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(1) b{
background: linear-gradient(#f0da6d 0%, #d89d13 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(2) b{
background: linear-gradient(#bdbdbd 0%, #72736e 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-child(3) b{
background: linear-gradient(#a88851 0%, #814c0a 100%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
ul.popular_area_list li:nth-last-child(1) a:before {
background: #ebebeb;
}
ul.popular_area_list li em{
position: absolute;
bottom: 0;
right: 0;
font-weight: bold;
font-size: 11px;
text-align: center;
color: #56bba7;
white-space:nowrap;
background-color:#fff;
width: 43px;
border-radius: 5px 0px;
}
ul.popular_area_list li a {
display:block;
}
ul.popular_area_list li img {
width: 100%;
}
ul.popular_area_list li:nth-child(4) img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 47 / 21;
}

ul.buy_bnr_list{
margin: 0 30px 30px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.buy_bnr_list li{
margin: 0 0 5px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.buy_bnr_list li a{
position:relative;
}
ul.buy_bnr_list li a small{
position:absolute;
bottom:15px;
right:15px;
color:#aaa;
font-size: 14px;
}
ul.buy_bnr_list li a img{
display:inline;
}

main.buy-page ul.useful_list li:nth-child(1) a{
background-image: url(../images/buy/useful_icon01.svg);
}
main.buy-page ul.useful_list li:nth-child(2) a{
background-image: url(../images/buy/useful_icon02.svg);
}
main.buy-page ul.useful_list li:nth-child(3) a{
background-image: url(../images/buy/useful_icon03.svg);
}
main.buy-page ul.useful_list li:nth-child(4) a{
background-image: url(../images/buy/useful_icon04.svg);
}
main.buy-page ul.useful_list li a.useful_icon5{
background-image: url(../images/buy/useful_icon05.svg)!important;
}

}


/* ===========================
 会社案内_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.corporate-page{
margin: 0 auto 100px;
}
main.corporate-page .kv{
margin: 0 auto 50px;
}
main.corporate-page .kv_inner{
background-image: url(../images/corporate/kv_corporate.jpg);
background-position: center center;
background-size: 100%;
height:405px;
}
main.corporate-page .kv_inner{
display: flex;
align-items:center;
justify-content:flex-start;
}
main.corporate-page .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.corporate-page .kv_inner .kv_tit strong{
padding-top:0;
padding-bottom:0px;
}
section.corporate_section{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
z-index:10;
}
section.corporate_section .corporate_section_wrap{
margin: 0 auto 20px;
}
section.corporate_section .sales_inquiries_box{
min-height:406px;
}
ul.corporate_useful_list1 li:nth-child(1) a{
background-image: url(../images/corporate/useful_icon01_1.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list1 li:nth-child(2) a{
background-image: url(../images/corporate/useful_icon01_2.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list1 li:nth-child(3) a{
background-image: url(../images/corporate/useful_icon01_3.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list1 li:nth-child(4) a{
background-image: url(../images/corporate/useful_icon01_4.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list2 li:nth-child(1) a{
background-image: url(../images/corporate/useful_icon02_1.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list2 li:nth-child(2) a{
background-image: url(../images/corporate/useful_icon02_2.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list2 li:nth-child(3) a{
background-image: url(../images/corporate/useful_icon02_3.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
ul.corporate_useful_list2 li:nth-child(4) a{
background-image: url(../images/corporate/useful_icon02_4.svg);
background-repeat: no-repeat;
background-position: center left;
background-size: auto;
}
section.corporate_section ul.consultation_purpose_list li{
width:440px;
}
section.corporate_section ul.consultation_purpose_list li img{
max-width:none;
width:100%;
}

section.corporate_section .office_info_box{
margin: 0 0 10px;
padding: 0 0 0;
position:relative;
background-color:#fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
border:1px solid #ccc;
}
section.corporate_section .office_info_box h4{
margin: 0 0 0;
padding: 10px 30px;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
section.corporate_section .office_info_box ul.office_info_list{
margin: 0 0;
padding: 0 0;
position:relative;
}
section.corporate_section .office_info_box ul.office_info_list li{
border-top:1px solid #ddd;
display: flex;
align-items:stretch;
justify-content:flex-start;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24px;
text-align: left;
color: #3c3c3c;

}
section.corporate_section .office_info_box ul.office_info_list li em{
padding: 13px 15px;
width:20%;
background-color:#F4F7FB;
}
section.corporate_section .office_info_box ul.office_info_list li span{
padding: 13px 15px;
width:80%;
}
section.corporate_section .office_info_box ul.office_info_list li:nth-last-child(1) em{
border-radius:0 0 0 10px;
}

section.corporate_section .office_map{
margin: 0 0 50px;
padding: 0 0 0;
position:relative;
}
section.corporate_section .office_map iframe{
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}


}
/* ===========================
 会社案内_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv_inner{
height:270px;
background-image: url(../images/corporate/kv_corporate.jpg);
background-position: 20% bottom;
}
ul.corporate_useful_list1{
margin: 0 20px 0px;
}
ul.corporate_useful_list2{
margin: 0 20px 0px;
}
ul.corporate_useful_list1 li:nth-child(1) a{
background-image: url(../images/corporate/useful_icon01_1.svg);
}
ul.corporate_useful_list1 li:nth-child(2) a{
background-image: url(../images/corporate/useful_icon01_2.svg);
}
ul.corporate_useful_list1 li:nth-child(3) a{
background-image: url(../images/corporate/useful_icon01_3.svg);
}
ul.corporate_useful_list1 li:nth-child(4) a{
background-image: url(../images/corporate/useful_icon01_4.svg);
}
ul.corporate_useful_list2 li:nth-child(1) a{
background-image: url(../images/corporate/useful_icon02_1.svg);
}
ul.corporate_useful_list2 li:nth-child(2) a{
background-image: url(../images/corporate/useful_icon02_2.svg);
}
ul.corporate_useful_list2 li:nth-child(3) a{
background-image: url(../images/corporate/useful_icon02_3.svg);
}
ul.corporate_useful_list2 li:nth-child(4) a{
background-image: url(../images/corporate/useful_icon02_4.svg);
}
main.corporate-page ul.consultation_purpose_list{
display: block;
}
main.corporate-page ul.consultation_purpose_list li{
width:auto;
}
main.corporate-page ul.consultation_purpose_list li span{
font-size: 16px;
}
section.corporate_section{
margin: 0 auto 40px;
}
section.corporate_section h4{
margin: 0 15px;
}
section.corporate_section .corporate_section_wrap{
margin: 0 15px 20px;
}
section.corporate_section .corporate_section_wrap p{
	font-size:14px;
}
section.corporate_section .sell_section_column{
margin: 0 0 20px;
}
section.corporate_section .sell_section_column img{
border-radius:5px;
padding: 0 20px;
width:100%;
display:inline-block;
}
section.corporate_section .office_info_box{
margin: 0 20px 10px;
padding: 0 0 0;
position:relative;
background-color:#fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
border-radius:5px;
border:1px solid #ccc;
}
section.corporate_section .office_info_box h4{
margin: 0 0 0;
padding: 8px 15px;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
section.corporate_section .office_info_box ul.office_info_list{
margin: 0 0;
padding: 0 0;
position:relative;
}
section.corporate_section .office_info_box ul.office_info_list li{
border-top:1px solid #ddd;
display: flex;
align-items:stretch;
justify-content:flex-start;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 20px;
text-align: left;
color: #3c3c3c;

}
section.corporate_section .office_info_box ul.office_info_list li em{
padding: 11px 15px;
width:25%;
background-color:#F4F7FB;
white-space:nowrap;
}
section.corporate_section .office_info_box ul.office_info_list li span{
padding: 11px 15px;
width:75%;
}
section.corporate_section .office_info_box ul.office_info_list li:nth-last-child(1) em{
border-radius:0 0 0 5px;
}

section.corporate_section .office_map{
margin: 0 20px 30px;
padding: 0 0 0;
position:relative;
}
section.corporate_section .office_map iframe{
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
border-radius:5px;
height:200px;
}
}


/* ===========================
 会社案内_PAGE 鳥屋野不動産について
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.corporate-page .kv_inner.corporate_about{
background-image: url(../images/corporate/kv_about.jpg);
background-position: center top;
height:405px;
}

.template_box{
margin: 0 auto;
padding: 20px 30px 30px;
position:relative;
background-color:#f4f8fb;
border-radius:10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.template_box h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
}
.template_box p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}

ul.origin_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.origin_list li{
margin: 0 0;
padding: 20px 30px;
position:relative;
text-align: left;
background-color:#CFE2FC;
border-radius:10px;
width:32%;
}
ul.origin_list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.origin_list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}

h3.h3_about{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: left;
}
h3.h3_about span{
text-decoration:underline;
text-underline-offset:11px;
font-weight: 900;
font-size: 22px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
display:block;
}
h3.h3_about small{
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
ul.about_us_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.about_us_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: center;
background-color:#CFE2FC;
border-radius:10px;
width:19%;
background-color:#f4f8fb;
border-radius:10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}
ul.about_us_list li a{
padding: 20px 0;
font-weight: bold;
font-size: 14px;
line-height: 18px;
text-align: center;
color: #3c3c3c;
text-decoration:none;
display: flex;
align-items:center;
justify-content:center;
}
ul.about_us_list li a:hover{
transition : 0.3s;
transform: scale(1.1);
}
ul.about_us_list li a img{
display:inline;
width:auto;
height:30px;
}

}
/* ===========================
 会社案内_PAGE 鳥屋野不動産について
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv_inner.corporate_about{
height:270px;
background-image: url(../images/corporate/sp_kv_about.jpg);
}
.template_box{
margin: 0 20px;
padding: 15px 15px 20px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
}

.template_box h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 22px;
text-align: left;
color: #3c3c3c;
}
.template_box p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
ul.origin_list{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align: left;
}
ul.origin_list li{
margin: 0 0 15px;
padding: 15px 20px;
position:relative;
text-align: left;
background-color:#CFE2FC;
border-radius:5px;
}
ul.origin_list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.origin_list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}

h3.h3_about{
margin: 0 20px 20px;
padding: 0 0;
position:relative;
text-align: left;
}
h3.h3_about span{
text-decoration:underline;
text-underline-offset:11px;
font-weight: 900;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
display:block;
}
h3.h3_about small{
font-weight: bold;
font-size: 11px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
ul.about_us_list{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.about_us_list li{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align: center;
background-color:#CFE2FC;
border-radius:10px;
width:48.5%;
background-color:#f4f8fb;
border-radius:10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);

}
ul.about_us_list li a{
padding: 10px 0;
font-weight: bold;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #3c3c3c;
text-decoration:none;
display: flex;
align-items:center;
justify-content:center;
}
ul.about_us_list li a img{
display:inline;
height:26px;
}

}

/* ===========================
 会社案内_PAGE 会社概要
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li:nth-child(1){
border-top:0px solid #ddd;
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li em{
width:15%;
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li span{
width:85%;
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li:nth-child(1) em{
border-radius:10px 0 0 0;
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li span img{
display:inline;
}

}
/* ===========================
 会社案内_PAGE 会社概要
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv_inner.corporate_overview{
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li:nth-child(1){
border-top:0px solid #ddd;
}

section.corporate_section .office_info_box ul.office_info_list.office_info_overview li:nth-child(1) em{
border-radius:5px 0 0 0;
}
section.corporate_section .office_info_box ul.office_info_list.office_info_overview li span img{
display:inline;
}

}

/* ===========================
 会社案内_PAGE 代表挨拶
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {

h3.heading_message{
margin: 0 auto 30px;
padding: 0 0 ;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
}
p.corporate_message_txt{
margin: 0 auto;
padding: 0 0 ;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
p.corporate_message_txt em{
margin: 2em 0 0;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: right;
color: #010100;
display:block;
}

}
/* ===========================
 会社案内_PAGE 代表挨拶
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv_inner.corporate_message{
}
h3.heading_message{
margin: 0 30px 20px;
padding: 0 0 ;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 20px;
text-align: left;
color: #3c3c3c;
}
p.corporate_message_txt{
margin: 0 30px;
padding: 0 0 ;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
p.corporate_message_txt em{
margin: 2em 0 0;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: right;
color: #010100;
display:block;
}
}

/* ===========================
 会社案内_PAGE 事業紹介
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.corporate-page .kv_inner.corporate_business{
background-image: url(../images/corporate/kv_business_top.jpg);
background-position: center 40%;
}

ul.corporate_business_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.corporate_business_list li{
margin: 0 0 50px;
padding: 0 0;
position:relative;
text-align: left;
width:468px;
}
ul.corporate_business_list li .corporate_business_list_box{
margin: 0 0;
padding: 20px 20px;
position:relative;
text-align: left;
background-color:#F4F7FB;
border-radius:10px;
min-height:420px;
}
ul.corporate_business_list li .corporate_business_p{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.corporate_business_list li .corporate_business_p img{
border-radius:10px;
}
ul.corporate_business_list li h4{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: left;
color: #3c3c3c;
}
ul.corporate_business_list li .corporate_business_link{
position:absolute;
bottom:25px;
left:0px;
right:0px;
margin: 0 auto;
text-align: center;
}
ul.corporate_business_list li .corporate_business_link a{
margin: 0 5px;
padding: 8px 0;
display:inline-block;
width:205px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}
ul.corporate_business_list li .corporate_business_link a.link_style1{
background-color: #5590BB;
}
ul.corporate_business_list li .corporate_business_link a.link_style2{
background-color: #E66666;
}
.txt_link_style a{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
text-decoration: underline;
font-size: 14px;
text-align: left;
color: #4982ac;
}
.txt_link_style a:hover{ text-decoration-thickness: 2px; }

}
/* ===========================
 会社案内_PAGE 事業紹介
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv_inner.corporate_business{
background-image: url(../images/corporate/kv_business_top.jpg);
height:270px;
}
ul.corporate_business_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.corporate_business_list li{
margin: 0 0 30px;
padding: 0 0;
position:relative;
text-align: left;
width:auto;
}
ul.corporate_business_list li .corporate_business_list_box{
margin: 0 25px;
padding: 15px 15px 20px;
position:relative;
text-align: left;
background-color:#F4F7FB;
border-radius:5px;
}
ul.corporate_business_list li .corporate_business_p{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.corporate_business_list li .corporate_business_p img{
border-radius:5px;
}
ul.corporate_business_list li h4{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
}
ul.corporate_business_list li .corporate_business_link{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
display: flex;
align-items:stretch;
justify-content:center;
}
ul.corporate_business_list li .corporate_business_link a{
margin: 0 5px;
padding: 9px 0;
display:inline-block;
width:140px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}
ul.corporate_business_list li .corporate_business_link a.link_style1{
background-color: #5590BB;
}
ul.corporate_business_list li .corporate_business_link a.link_style2{
background-color: #E66666;
}
.txt_link_style{
margin: 0 25px;
padding: 0 0;
position:relative;
text-align: left;
}
.txt_link_style a{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
text-align: left;
color: #4982ac;
}
.txt_link_style a:hover{ text-decoration-thickness: 2px; }
}

/* ===========================
 お問い合わせ_PAGE
=========================== */
/* 共通CSS */
.wpcf7-spinner {
    display: block !important;
}
.wpcf7-list-item {
    display: block !important;
    margin: 0 !important;
}
.wpcf7-spinner {
	margin:1em auto !important;
}

/* ===========================
 お問い合わせ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.corporate-page .kv_inner.contact{
background:#F5F7FB;
height:250px;
}
main.corporate-page .kv_inner.contact:before {
background: rgba(0,0,0,0.0);
}
main.corporate-page .kv_inner.contact .kv_tit strong{
color:#3C3C3C;
}

section.contact_page_section{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
z-index:10;
}
section.contact_page_section .contact_inner{
width: min(960px, 100% - 120px);
margin-inline: auto;
}
.form_column2_left section.contact_page_section .contact_inner{
width: auto;
margin-inline: auto;
}
.line_contact_box{
margin: 0 auto;
padding: 30px 50px 20px;
position:relative;
background-color:#fff;
border-radius:10px;
border:2px solid #5690BB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:space-between;
}
.line_contact_box h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
}
.line_contact_box p{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #3c3c3c;
}
.line_contact_box .line_contact_link{
display: flex;
}
.line_contact_box .line_contact_link a{
margin: 0 auto;
padding: 15px 20px;
position:relative;
background-color:#00b900;
border-radius:10px;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 32px;
text-align: center;
color: #fff;
display:inline-block;
text-decoration:none;
}
.line_contact_box .line_contact_link a:hover{
filter: saturate(150%);
text-decoration: none;
}
.line_contact_box .line_contact_link a i{
font-size: 32px;
vertical-align:bottom;
margin-right:5px;
}

.mail_contact_box{
margin: 0 auto;
padding: 30px 50px 50px;
position:relative;
background-color:#F4F7FB;
border-radius:10px;
}
.mail_contact_box.thanks {
padding: 60px 2em;
}
.mail_contact_box p{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #3c3c3c;
}
.mail_contact_box.thanks p{
margin: 0;
}
.mail_contact_box.thanks p b{
display:block;
font-size: 18px;
margin-bottom: 2em;
}
.mail_contact_box.thanks p a{
color:blue;
text-decoration:underline;
}
.mail_contact_box.thanks p a:hover{
text-decoration:none;
}
.mail_contact_box hr {
	margin-bottom:2em;
}
.contact_form_block{
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}
.contact_form_block table.table_form{
width:auto;
margin: 0 auto 20px;
padding: 0 0 0 0;
position: relative;
border-collapse:separate;
border-spacing:0;
}
.contact_form_block table.table_form tr{
}
.contact_form_block table.table_form th{
margin: 0 0 0 0;
padding: 5px 0 30px 0;
position: relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
width:230px;
display: flex;
align-items:center;
justify-content:flex-start;
}
.contact_form_block table.table_form th span.require{
margin: 0 10px 0 0;
padding: 4px 6px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#56BBA7;
border-radius:3px;
}
.contact_form_block table.table_form th span.any{
margin: 0 10px 0 0;
padding: 4px 6px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#bbb;
border-radius:3px;
}
.contact_form_block table.table_form td{
margin: 0 0 0 0;
padding: 0 0 20px 0;
position: relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
vertical-align:top;
width:auto;
}
.contact_form_block table.table_form td small{
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #e66666;
padding:0 0;
display:inline-block;
}
.contact_form_block table.table_form select {
padding:10px;
border:1px solid #aaa;
font-family: "Noto Sans CJK JP";
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
border-radius:3px;
width:50%;
}
.contact_form_block table.table_form select:has(option:checked[value=""]) {
font-weight: normal;
}
.contact_form_block table.table_form input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding:10px;
border:1px solid #aaa;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
border-radius:3px;
}
.contact_form_block table.table_form .half input {
	padding:4px;
}
.contact_form_block table.table_form input::placeholder {
color: #ccc;
}
.contact_form_block table.table_form input:focus {
outline: none;
}
.contact_form_block table.table_form textarea{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin:0 0 0 0;
padding:10px;
border:1px solid #aaa;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
width:100%;
border-radius:3px;
}
.contact_form_block table.table_form textarea:focus {
outline: none;
}
.contact_form_block .form_check,
.contact_form_block .form_check label {
margin: 0 0 40px 0;
padding: 0 0 0 0;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
display: flex;
align-items:center;
justify-content:center;
}
.contact_form_block .form_check label {
margin: 0;
}
.contact_form_block .form_check input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
visibility: hidden;
position: relative;
display: inline-block;
width:auto;
line-height:1.0;
border: 0px solid #ccc;
padding: 0px;
margin-right:10px;
}
.contact_form_block .form_check input[type=checkbox]::before {
visibility: visible;
content: "";
display: block;
width: 20px;
height: 20px;
border: 2px solid #555;
border-radius: 3px;
cursor: pointer;
padding:0px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
}
.contact_form_block .form_check input[type=checkbox]:checked::before{
background-color:#555;
}
.contact_form_block .form_check input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 7px;
top: 3px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.contact_form_block .form_check input[type=checkbox]:checked::after {
opacity: 1;
}
.contact_form_block .privacy {
	text-align:center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	margin-bottom:1.5em;
}
.contact_form_block .privacy a {
	color:blue;
	text-decoration:underline;
}
.contact_form_block .privacy a:hover {
	text-decoration:none;
}
.contact_form_block .btn_form {
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
.contact_form_block .btn_form .submit_btn{
margin: 0 auto;
padding: 10px 70px;
position:relative;
text-align:center;
background-color:#E66666;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius:50px;
display:inline-block;
text-decoration:none;
cursor: pointer;
width:auto;
transition: all 0.3s ease;
}
.contact_form_block .btn_form .submit_btn:hover {
  background-color: #f08383;
}
.contact_form_block .btn_form .submit_btn:disabled {
    background-color: #ccc;
    color: #888;
    cursor: not-allowed;
    opacity: 0.9;
}
.contact_form_block .btn_form .submit_btn,
.contact_form_block .btn_form .back_btn {
margin: 0 1em;
padding: 10px 70px;
position:relative;
text-align:center;
background-color:#E66666;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius:50px;
display:inline-block;
text-decoration:none;
cursor: pointer;
width:auto;
}
.contact_form_block .btn_form input {
border:none;
}


ul.tel_contact_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.tel_contact_list li{
margin: 0 0 25px;
padding: 30px 0;
position:relative;
text-align: center;
width:468px;
background-color:#F4F7FB;
border-radius:10px;
}
ul.tel_contact_list li h4{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #5690bb;
}
ul.tel_contact_list li .tel_contact_link{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.tel_contact_list li .tel_contact_link a{
margin: 0 auto;
padding: 20px 0;
position:relative;
font-weight: bold;
font-size: 32px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
border:#5690bb 2px solid;
background-color:#fff;
border-radius:100px;
width:390px;
display:inline-block;
}
ul.tel_contact_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: center;
color: #3c3c3c;
}

}
/* ===========================
 お問い合わせ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.corporate-page .kv.kv_contact{
margin: 0 20px 30px;
padding: 55px 0px 0;
}

main.corporate-page .kv_inner.contact{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.corporate-page .kv_inner.contact:before {
background: rgba(0,0,0,0.0);
}
main.corporate-page .kv_inner.contact .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.corporate-page .kv_inner.contact .kv_tit strong{
color:#3C3C3C;
}
section.contact_page_section{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
z-index:10;
}
.line_contact_box{
margin: 0 20px;
padding: 15px 30px 10px;
position:relative;
background-color:#fff;
border-radius:5px;
border:1px solid #5690BB;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
text-align: center;
}
.line_contact_box img{
display:inline-block;
width:90px;
margin: 0 10px;
}
.line_contact_box img.pc{
display:none;
}
.line_contact_box p{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
.line_contact_box .line_contact_link{
display: flex;
}
.line_contact_box .line_contact_link a{
margin: 0 auto 20px;
padding: 12px 20px;
position:relative;
background-color:#00b900;
border-radius:5px;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 32px;
text-align: center;
color: #fff;
display:inline-block;
text-decoration:none;
}
.line_contact_box .line_contact_link a:hover{
filter: saturate(150%);
text-decoration: none;
}
.line_contact_box .line_contact_link a i{
font-size: 32px;
vertical-align:bottom;
margin-right:5px;
}

.mail_contact_box{
margin: 0 20px 25px;
padding: 20px 20px 25px;
position:relative;
background-color:#F4F7FB;
border-radius:5px;
}
.mail_contact_box.thanks {
padding: 2em 1em;
}
.mail_contact_box p{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
.mail_contact_box.thanks p{
margin: 0;
}
.mail_contact_box.thanks p b{
display:block;
font-size: 16px;
margin-bottom: 1.5em;
}
.mail_contact_box.thanks p a{
color:blue;
text-decoration:underline;
}

.contact_form_block{
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}
.contact_form_block table.table_form{
width:auto;
margin: 0 auto 10px;
padding: 0 0 0 0;
position: relative;
border-collapse:separate;
border-spacing:0;
}
.contact_form_block table.table_form tr{
}
.contact_form_block table.table_form th{
margin: 0 0 0 0;
padding: 5px 0 10px 0;
position: relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;

display: flex;
align-items:center;
justify-content:flex-start;
}
.contact_form_block table.table_form th span.require{
margin: 0 7px 0 0;
padding: 3px 6px;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#56BBA7;
border-radius:3px;
}
.contact_form_block table.table_form th span.any{
margin: 0 7px 0 0;
padding: 3px 6px;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#bbb;
border-radius:3px;
}
.contact_form_block table.table_form td{
margin: 0 0 0 0;
padding: 0 0 15px 0;
position: relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
vertical-align:top;
width:auto;
display:block;
}
.contact_form_block table.table_form td small{
font-weight: bold;
font-size: 11px;
letter-spacing: 0.1em;
text-align: left;
color: #e66666;
padding:0 0;
display:inline-block;
}
.contact_form_block table.table_form select {
padding:8px;
border:1px solid #aaa;
font-family: "Noto Sans CJK JP";
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
border-radius:3px;
width:100%;
}
.contact_form_block table.table_form select:has(option:checked[value=""]) {
font-weight: normal;
}
.contact_form_block table.table_form input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding:8px;
border:1px solid #aaa;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
border-radius:3px;
}
.contact_form_block table.table_form input::placeholder {
color: #ccc;
}
.contact_form_block table.table_form input:focus {
outline: none;
}
.contact_form_block table.table_form textarea{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin:0 0 0 0;
padding:10px;
border:1px solid #aaa;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
width:100%;
border-radius:3px;
}
.contact_form_block table.table_form textarea:focus {
outline: none;
}
.contact_form_block .form_check,
.contact_form_block .form_check label {
margin: 0 0 20px 0;
padding: 0 0 0 0;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
display: flex;
align-items:center;
justify-content:center;
}
.contact_form_block .form_check label {
margin: 0;
}
.contact_form_block .form_check input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
visibility: hidden;
position: relative;
display: inline-block;
width:auto;
line-height:1.0;
border: 0px solid #ccc;
padding: 0px;
margin-right:10px;
}
.contact_form_block .form_check input[type=checkbox]::before {
visibility: visible;
content: "";
display: block;
width: 20px;
height: 20px;
border: 2px solid #555;
border-radius: 3px;
cursor: pointer;
padding:0px;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
background:#fff;
}
.contact_form_block .form_check input[type=checkbox]:checked::before{
background-color:#555;
}
.contact_form_block .form_check input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 7px;
top: 3px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.contact_form_block .form_check input[type=checkbox]:checked::after {
opacity: 1;
}
.contact_form_block .privacy {
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.1em;
	margin-bottom:1.5em;
}
.contact_form_block .privacy a {
	color:blue;
	text-decoration:underline;
}
.contact_form_block .privacy a:hover {
	text-decoration:none;
}
.contact_form_block .btn_form {
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
.contact_form_block .btn_form .submit_btn{
margin: 0 auto;
padding: 10px 70px;
position:relative;
text-align:center;
background-color:#E66666;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
border-radius:50px;
display:inline-block;
text-decoration:none;
cursor: pointer;
width:auto;
}
.contact_form_block .btn_form input {
border:none;
}


ul.tel_contact_list{
margin: 0 20px 10px;
padding: 0 0;
position:relative;
text-align: left;
}
ul.tel_contact_list li{
margin: 0 0 15px;
padding: 17px 0;
position:relative;
text-align: center;
width:auto;
background-color:#F4F7FB;
border-radius:5px;
}
ul.tel_contact_list li h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
line-height:1.5;
text-align: center;
color: #5690bb;
}
ul.tel_contact_list li .tel_contact_link{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.tel_contact_list li .tel_contact_link a{
margin: 0 auto;
padding: 17px 0;
position:relative;
font-weight: bold;
font-size: 25px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
border:#5690bb 2px solid;
background-color:#fff;
border-radius:25px;
width:270px;
display:inline-block;
}
ul.tel_contact_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: center;
color: #3c3c3c;
}
}

/* ===========================
 売りたいノウハウ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.sell-knowhow-page .kv{
margin: 0 auto 50px;
}
main.sell-knowhow-page .kv_inner{
background-image: url(../images/sell_knowhow/kv.jpg);
}
ul.sell_knowhow_list{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.sell_knowhow_list li{
margin: 0 0 ;
padding: 20px 0 30px;
position:relative;
text-align:center;
width:23%;
background-color:#f4f8fb;
border-radius:10px;
}
ul.sell_knowhow_list li img{
display:inline;
}
ul.sell_knowhow_list li h4{
margin: 5px auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}

main.sell-knowhow-page .recommend_swiper{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.recommend_knowhow li a{
min-height: 340px;
}
ul.recommend_knowhow li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
ul.recommend_knowhow li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
ul.recommend_knowhow li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
main.sell-knowhow-page .sell_section_column_inner{
margin: 0 0;
padding: 0 0 30px;
position:relative;
background-color:#F4F7FB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}

.sell_section_column_inner ul.recommend_knowhow{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.sell_section_column_inner ul.recommend_knowhow > li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: transparent;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.sell_section_column_inner ul.recommend_knowhow > li:hover{
background-color:#fff;
transition : 0.3s;
}


.popular_articles_box{
margin: 40px auto 40px;
padding: 20px 30px;
position:relative;
border-radius: 10px;
border:2px solid #ccc;
}
.popular_articles_box h4{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
ul.popular_articles_list{
margin: 0 0;
padding: 0 0;
position:relative;
}
ul.popular_articles_list li{
margin: 0 0 0 1em;
padding: 0 0 0 0;
position:relative;
list-style-type:disc;
}
ul.popular_articles_list a{
margin: 0 0 0 0;
padding: 0 0 0 1em;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24px;
text-align: left;
color: #3c3c3c;
}
}
/* ===========================
 売りたいノウハウ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.sell-knowhow-page .kv{
margin: 0 auto 30px;
}
main.sell-knowhow-page .kv_inner{
height:290px;
background-image: url(../images/sell_knowhow/sp_kv.jpg);
background-position: center top;
}
ul.sell_knowhow_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.sell_knowhow_list li{
margin: 0 7px 14px ;
padding: 10px 0 20px;
position:relative;
text-align:center;
width:40%;
background-color:#f4f8fb;
border-radius:8px;
}
ul.sell_knowhow_list li img{
width:55%;
display:inline;
vertical-align:top;
}
ul.sell_knowhow_list li h4{
margin: 5px auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
ul.recommend_knowhow{
margin-bottom:25px!important;
}
ul.recommend_knowhow li a{
min-height: 330px;
}
ul.recommend_knowhow li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
ul.recommend_knowhow li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
ul.recommend_knowhow li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
main.sell-knowhow-page .sell_section_column_inner{
margin: 0 0 20px;
padding: 10px 0 20px;
position:relative;
background-color:#F4F7FB;
}
.sell_section_column_inner ul.recommend_knowhow > li{
border-radius: 0px;
background: transparent;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
.sell_section_column_inner ul.recommend_knowhow > li a{
min-height: auto;
}
.popular_articles_box{
margin: 30px 20px 30px;
padding: 15px 20px;
position:relative;
border-radius: 10px;
border:2px solid #ccc;
}
.popular_articles_box h4{
margin: 0 0 10px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
ul.popular_articles_list{
margin: 0 0;
padding: 0 0;
position:relative;
}
ul.popular_articles_list li{
margin: 0 0 0 1em;
padding: 0 0 0 0;
position:relative;
list-style-type:disc;
}
ul.popular_articles_list a{
margin: 0 0 0 0;
padding: 0 0 0 0.3em;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
display:block;
}
}

/* ===========================
 買いたいノウハウ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-knowhow-page .kv{
margin: 0 auto 50px;
}
main.buy-knowhow-page .kv_inner{
background-image: url(../images/buy_knowhow/kv.jpg);
}
main.buy-knowhow-page .recommend_swiper{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
text-align:center;
}
main.buy-knowhow-page ul.recommend_knowhow li a{
min-height: 340px;
}
main.buy-knowhow-page ul.recommend_knowhow li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
main.buy-knowhow-page ul.recommend_knowhow li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
main.buy-knowhow-page ul.recommend_knowhow li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
main.buy-knowhow-page .sell_section_column_wrap{
margin-bottom:50px;
}
main.buy-knowhow-page .sell_section_column_inner{
margin: 0 0;
padding: 0 0 30px;
position:relative;
background-color:#F4F7FB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
}

main.buy-knowhow-page .sell_section_column_inner ul.recommend_knowhow{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
main.buy-knowhow-page .sell_section_column_inner ul.recommend_knowhow > li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:left;
width: 232px;
border-radius: 10px;
background: transparent;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
main.buy-knowhow-page .sell_section_column_inner ul.recommend_knowhow > li:hover{
background-color:#fff;
transition : 0.3s;
}
ul.property_cate_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.property_cate_list li{
margin: 0 10px;
padding: 0 0;
position:relative;
text-align:center;
width: 200px;
}
ul.property_cate_list li a{
margin: 0 0;
padding: 8px 0px;
position:relative;
text-align:center;
display:block;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
border:2px solid #5690bb;
}
ul.property_cate_list li a.button:hover{
filter: saturate(100%);
text-decoration: none;
background-color:#5690bb;
color:#fff;
}
ul.property_cate_list li:nth-child(1) a{
margin: 0 0;
padding: 8px 0px;
position:relative;
text-align:center;
display:block;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border:2px solid #E66666;
background-color:#E66666;
}
ul.property_cate_list li:nth-child(1) a.button:hover{
filter: saturate(200%);
text-decoration: none;
background-color:#E66666;
color:#fff;
}
.purchase_inquiry_box{
margin: 0px auto 30px;
padding: 20px 30px 30px;
position:relative;
border-radius: 10px;
border:2px solid #5690BB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.purchase_inquiry_box h4{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
.purchase_inquiry_box p{
margin: 0 0 25px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #3c3c3c;
}
}
/* ===========================
 買いたいノウハウ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-knowhow-page .kv{
margin: 0 auto 30px;
}
main.buy-knowhow-page .kv_inner{
height:290px;
background-image: url(../images/buy_knowhow/sp_kv.jpg);
background-position: center top;
}
main.buy-knowhow-page ul.sell_knowhow_list li img{
width:65%;
display:inline;
vertical-align:top;
}
main.buy-knowhow-page ul.recommend_knowhow{
margin-bottom:25px!important;
}
main.buy-knowhow-page ul.recommend_knowhow li a{
min-height: 330px;
}
main.buy-knowhow-page ul.recommend_knowhow li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
main.buy-knowhow-page ul.recommend_knowhow li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
main.buy-knowhow-page ul.recommend_knowhow li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
main.buy-knowhow-page .sell_section_column_inner{
margin: 0 0 20px;
padding: 10px 0 20px;
position:relative;
background-color:#F4F7FB;
}
main.buy-knowhow-page .sell_section_column_inner ul.recommend_knowhow > li{
border-radius: 0px;
background: transparent;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
}
main.buy-knowhow-page .sell_section_column_inner ul.recommend_knowhow > li a{
min-height: auto;
}
ul.property_cate_list{
margin: 20px auto -20px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.property_cate_list li{
margin: 0 5px 10px;
padding: 0 0;
position:relative;
text-align:center;
width: 160px;
}
ul.property_cate_list li a{
margin: 0 0;
padding: 6px 0px;
position:relative;
text-align:center;
display:block;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
border:1px solid #5690bb;
}
ul.property_cate_list li:nth-child(1) a{
margin: 0 0;
padding: 6px 0px;
position:relative;
text-align:center;
display:block;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border:1px solid #E66666;
background-color:#E66666;
}
.purchase_inquiry_box{
margin: 0px 20px 20px;
padding: 20px 30px;
position:relative;
border-radius: 10px;
border:1px solid #5690BB;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.purchase_inquiry_box h4{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
.purchase_inquiry_box p{
margin: 0 0 25px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
}

/* ===========================
 買いたいノウハウ_記事詳細_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-knowhow-page .kv_inner.knowhow_sub{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-knowhow-page .kv_inner.knowhow_sub:before {
background: rgba(0,0,0,0.0);
}
main.buy-knowhow-page .kv_inner.knowhow_sub .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.buy-knowhow-page .kv_inner.knowhow_sub .kv_tit strong{
color:#3C3C3C;
}
h4.article_tit{
margin: 30px 0 40px;
padding: 0 30px;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
line-height:1.5;
color: #3c3c3c;
}
h4.article_tit small{
margin: 10px 0 0;
padding: 0;
position:relative;
font-family: "Noto Sans JP";
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #010100;
display:block;
}
.article_overview_box{
margin: 0 0 0;
padding: 20px 30px 30px;
position:relative;
border-radius: 10px;
border:2px solid #ccc;
width:468px;
}
.article_overview_box h4{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
p.article_txt{
margin: 0 30px 40px;
padding: 0 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
.article_speech_bubble{
margin: 0 auto 40px;
padding: 0 20px 0;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
}
.article_speech_bubble p{
margin: 0 0 0;
padding: 20px 40px;
position:relative;
width:780px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
background-color:#F5F7FB;
border-radius:10px;
}
.article_speech_bubble p:after {
position: absolute;
top: calc(50% - 10px);
left: -30px;
content: '';
border-width: 10px 30px 10px 0;
border-style: solid;
border-color: transparent #F5F7FB transparent transparent;
}
.article_speech_reverse div{
order:2;
}
.article_speech_reverse p{
order:1;
}
.article_speech_reverse p:after {
position: absolute;
top: calc(50% - 10px);
left: auto;
right: -30px;
content: '';
border-width: 10px 0 10px 30px;
border-style: solid;
border-color: transparent transparent transparent #F5F7FB;
}

.article_img{
margin: 0 auto 40px;
padding: 0 0 0;
position:relative;
text-align:center;
}
.article_img img{
display:inline;
}
h5.article_line_h5{
margin: 0 auto 20px;
padding: 0 0 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
line-height: 32px;
color: #00ba01;
}
.article_line_link{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
}
.article_line_link a{
margin: 0 auto;
padding: 15px 20px;
position:relative;
text-align:center;
font-weight: bold;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 24px;
color: #fff;
background-color:#00ba01;
text-decoration:none;
border-radius:5px;
display:inline-block;
}
.article_line_link a:hover{
filter: saturate(150%);
text-decoration: none;
}
h5.article_sub_tit{
margin: 0 auto 30px;
padding: 0 30px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
h5.article_cta_h5{
margin: 0 auto 20px;
padding: 0 0 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
line-height: 32px;
color: #5690bb;
}
.article_line_link{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
text-align:center;
}
.article_line_link a{
margin: 0 auto;
padding: 15px 20px;
position:relative;
text-align:center;
font-weight: bold;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 24px;
color: #fff;
background-color:#00ba01;
text-decoration:none;
border-radius:5px;
display:inline-block;
}
ul.article_recommend_list{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
}
ul.article_recommend_list > li{
width: 470px;
}
ul.article_recommend_list li a{
min-height: 420px;
}
ul.article_recommend_list li img{
border-radius:8px;
display:inline;
margin-bottom:10px;
width:450px;
height: 240px;
object-fit: cover;
}
ul.article_recommend_list li h4{
margin: 0 0 10px;
min-height: auto;
}
ul.article_recommend_list li p{
margin: 0 0;
padding: 0px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
ul.article_recommend_list li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
}
/* ===========================
 買いたいノウハウ_記事詳細_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-knowhow-page .kv.kv_knowhow_sub{
margin: 0 20px 30px;
padding: 55px 0px 0;
}

main.buy-knowhow-page .kv_inner.knowhow_sub{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.buy-knowhow-page .kv_inner.knowhow_sub:before {
background: rgba(0,0,0,0.0);
}
main.buy-knowhow-page .kv_inner.knowhow_sub .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.buy-knowhow-page .kv_inner.knowhow_sub .kv_tit strong{
color:#3C3C3C;
}
h4.article_tit{
margin: 20px 0 30px;
padding: 0 40px;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 20px;
text-align: left;
line-height:1.5;
color: #3c3c3c;
}
h4.article_tit small{
margin: 15px 0 0;
padding: 0;
position:relative;
font-family: "Noto Sans JP";
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #010100;
display:block;
}
.article_overview_box{
margin: 0 40px 20px;
padding: 20px 20px 20px;
position:relative;
border-radius: 8px;
border:1px solid #ccc;
width:auto;
}
.article_overview_box h4{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #010100;
}
p.article_txt{
margin: 0 40px 30px;
padding: 0 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
}
.article_speech_bubble{
margin: 0 auto 20px;
padding: 0 40px 0;
position:relative;
display: flex;
flex-direction: column;
}
.article_speech_bubble div{
margin: 0 auto 0;
padding: 0 0;
position:relative;
order:2;
}
.article_speech_bubble div img{
width:120px;
margin-top:-10px;
}
.article_speech_bubble p{
margin: 0 0 0;
padding: 20px 40px;
position:relative;
width:auto;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
background-color:#F5F7FB;
border-radius:10px;
order:1;
}
.article_speech_bubble p:after {
position: absolute;
bottom: -25px;
left: calc(50% - 55px);
content: '';
border-width: 25px 0px 0 15px;
border-style: solid;
border-color: #F5F7FB transparent transparent transparent;
}
.article_speech_left div {
margin: 0 0 0 30px;
text-align:left;
}
.article_speech_left div img{
display:inline;
}
.article_speech_left p:after {
position: absolute;
bottom: -25px;
left: 30px;
content: '';
border-width: 25px 0px 0 15px;
border-style: solid;
border-color: #F5F7FB transparent transparent transparent;
}
.article_speech_reverse div {
margin: 0 0 0;
text-align:right;
}
.article_speech_reverse div img{
display:inline;
}
.article_speech_reverse p:after {
position: absolute;
bottom: -25px;
left:auto;
right: 120px;
content: '';
border-width: 25px 0px 0 15px;
border-style: solid;
border-color: #F5F7FB transparent transparent transparent;
}
.article_img{
margin: 0 auto 20px;
padding: 0 40px 0;
position:relative;
text-align:center;
}
.article_img img{
display:inline;
width:100%;
}
h5.article_line_h5{
margin: 0 auto 15px;
padding: 0 0 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 1.5;
color: #00ba01;
}
.article_line_link{
margin: 0 auto 40px;
padding: 0 0 0;
position:relative;
text-align:center;
}
.article_line_link a{
margin: 0 auto;
padding: 15px 20px;
position:relative;
text-align:center;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 18px;
color: #fff;
background-color:#00ba01;
text-decoration:none;
border-radius:5px;
display:inline-block;
}
h5.article_sub_tit{
margin: 0 auto 20px;
padding: 0 30px 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
h5.article_cta_h5{
margin: 0 auto 20px;
padding: 0 0 0;
position:relative;
text-align:center;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 1.5;
color: #5690bb;
}
ul.article_recommend_list{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
}
ul.article_recommend_list > li{
width: 320px;
}
ul.article_recommend_list li a{
min-height: auto;
}
ul.article_recommend_list li img{
border-radius:8px;
display:inline;
margin-bottom:10px;
width:300px;
height: 180px;
object-fit: cover;
}
ul.article_recommend_list li h4{
margin: 0 0 10px;
min-height: auto;
}
ul.article_recommend_list li p{
margin: 0 0;
padding: 0px 0 15px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
ul.article_recommend_list li small{
margin: 0 0;
padding: 0 5px 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: right;
color: #010100;
display:block;
}
}

/* ===========================
 街　暮らし_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.city-life-page .kv{
margin: 0 auto 50px;
}
main.city-life-page .kv_inner{
background-image: url(../images/city_life/kv.jpg);
}
main.city-life-page .recommend_swiper{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.city_life_news_list{
margin: 0 auto 30px;
padding: 0 0px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.city_life_news_list li{
margin: 0 0 20px;
padding: 0 0px;
position:relative;
width:48%;
}
ul.city_life_news_list li a{
display: flex;
align-items:stretch;
justify-content:space-between;
text-decoration:none;
}
ul.city_life_news_list li a p{
width:170px;
flex-shrink: 0;
margin-right:20px;
}
ul.city_life_news_list li a p img{
border-radius:10px;
}
ul.city_life_news_list li a div{
padding: 10px 0px;
flex-grow: 1;
}
ul.city_life_news_list li a div small{
display:block;
margin-bottom:10px;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-align: left;
color: #010100;
}
ul.city_life_news_list li a div h4{
font-weight: bold;
font-size: 16px;
line-height:1.5;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
ul.city_life_news_list li a:hover{
transition : 0.3s;
transform: scale(1.03);
}
main.city-life-page .kv_inner.city-life_sub{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.city-life-page .kv_inner.city-life_sub:before {
background: rgba(0,0,0,0.0);
}
main.city-life-page .kv_inner.city-life_sub .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.city-life-page .kv_inner.city-life_sub .kv_tit strong{
color:#3C3C3C;
}
}
/* ===========================
 街　暮らし_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.city-life-page .kv{
margin: 0 auto 30px;
}
main.city-life-page .kv_inner{
height:290px;
background-image: url(../images/city_life/sp_kv.jpg);
background-position: center top;
}
main.city-life-page .recommend_swiper{
margin: 0 auto 15px;
padding: 0 0 10px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.city_life_news_list{
margin: 0 20px 30px;
padding: 0 0px;
position:relative;
}
ul.city_life_news_list li{
margin: 0 0 15px;
padding: 0 0px;
position:relative;
}
ul.city_life_news_list li a{
display: flex;
align-items:stretch;
justify-content:space-between;
text-decoration:none;
}
ul.city_life_news_list li a p{
width:145px;
flex-shrink: 0;
margin-right:15px;
}
ul.city_life_news_list li a p img{
border-radius:6px;
}
ul.city_life_news_list li a div{
padding: 10px 0px;
flex-grow: 1;
}
ul.city_life_news_list li a div small{
display:block;
margin-bottom:10px;
font-weight: 500;
font-size: 11px;
line-height: 11px;
text-align: left;
color: #010100;
}
ul.city_life_news_list li a div h4{
font-weight: bold;
font-size: 12px;
line-height:1.5;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
main.city-life-page .kv.kv_city-life_sub{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.city-life-page .kv_inner.city-life_sub{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.city-life-page .kv_inner.city-life_sub:before {
background: rgba(0,0,0,0.0);
}
main.city-life-page .kv_inner.city-life_sub .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.city-life-page .kv_inner.city-life_sub .kv_tit strong{
color:#3C3C3C;
}
}

/* ===========================
 買いたい 目的別フォーム_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {

section.section_sell_form p{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}

.form_column2 .container{
display: flex;
align-items:stretch;
justify-content:space-between;
}

.form_column2 .container .form_column2_left,
.form_column2 .container .form_column2_right{
width:468px;
}

section.contact_page_section .sell_form_img{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
}
section.contact_page_section .sell_form_img img{
display:inline-block;
}

/* イラスト吹き出し
=========================*/

.sell_form_illust {
margin: 0 auto 20px;
  position: relative;
  width: 455px;
  max-width: 100%;
}

.sell_form_illust_img {
  display: block;
  width: 100%;
  height: auto;
	margin-top:50px;
}
.sell_form_illust.two_line .sell_form_illust_img {
	margin-top:70px;
}
/* 吹き出し共通 */
.sell_form_balloon {
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #111;
  border-radius: 999px;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  padding: 12px 14px;
  min-width: 110px;
  /*max-width: 150px;*/
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 吹き出しのしっぽ */
.sell_form_balloon::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-right: 2px solid #111;
  border-bottom: 2px solid #111;
}

/* 左の吹き出し */
.sell_form_balloon_left {
  left: -25px;
  top: -42px;
}
.sell_form_balloon_left.two_line {
  top: -58px;
}
.sell_form_balloon_left::before {
  right: 12px;
  bottom: -4px;
  transform: rotate(38deg);
}
.sell_form_balloon_left::before {
  right: 24px;
  bottom: -4px;
  transform: rotate(38deg);
}
/* 右の吹き出し */
.sell_form_balloon_right {
  left: 225px;
  top: -36px;
}
.sell_form_balloon_right.two_line {
  top: -52px;
}
.sell_form_balloon_right::before {
  left: 24px;
  bottom: -4px;
  transform: rotate(38deg);
}
.sell_form_balloon_right.two_line::before {
  left: 28px;
}

.form_column2 .line_contact_box{
justify-content:center;
}

.form_column2 .contact_form_block table.table_form th{
display:block;
padding: 5px 0 20px 0;
}
.form_column2 .contact_form_block table.table_form td{
display:block;
}
.form_column2 .contact_form_block table.table_form td .form_check {
margin: 5px 0 0px 0;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.00em;
text-align: left;
justify-content:flex-start;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]::before {
width: 15px;
height: 15px;
border: 1px solid #555;
border-radius: 2px;
cursor: pointer;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 4px;
top: 0px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]:checked::after {
opacity: 1;
}
}
/* ===========================
 買いたい 目的別フォーム_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {

section.section_sell_form{
padding: 0 15px;
}
section.section_sell_form p{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
}
section.contact_page_section .sell_form_img{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
}
section.contact_page_section .sell_form_img img{
display:inline-block;
}


/* イラスト吹き出し
=========================*/

.sell_form_illust {
margin: 0 auto 20px;
  position: relative;
  width: 455px;
  max-width: 100%;
}

.sell_form_illust_img {
  display: block;
  width: 100%;
  height: auto;
	margin-top:50px;
}

/* 吹き出し共通 */
.sell_form_balloon {
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #111;
  border-radius: 999px;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  padding: 8px 12px;
  min-width: 110px;
  /*max-width: 150px;*/
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: nowrap;
}
.sell_form_balloon.two_line {
  text-align: left;
}
/* 吹き出しのしっぽ */
.sell_form_balloon::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
}

/* 左の吹き出し */
.sell_form_balloon_left {
  left: -10px;
  top: -38px;
}

.sell_form_balloon_left::before {
  right: 20px;
  bottom: -7px;
  transform: rotate(45deg);
}

/* 右の吹き出し */
.sell_form_balloon_right {
  left: 186px;
  top: -38px;
}

.sell_form_balloon_right::before {
  left: 24px;
  bottom: -7px;
  transform: rotate(45deg);
}



.form_column2 .contact_form_block table.table_form td .form_check {
margin: 5px 0 0px 0;
font-weight: normal;
font-size: 10px;
letter-spacing: 0.05em;
text-align: left;
justify-content:flex-start;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]::before {
width: 15px;
height: 15px;
border: 1px solid #555;
border-radius: 2px;
cursor: pointer;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 4px;
top: 0px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.form_column2 .contact_form_block table.table_form td .form_check input[type=checkbox]:checked::after {
opacity: 1;
}
}

/* ===========================
 売りたいオンライン予約・来場予約_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {

.line_appo_box{
margin: 0 auto;
padding: 40px 50px 40px;
position:relative;
background-color:#F4F7FB;
border-radius:10px;
}
ul.line_appo{
margin: 0 auto 40px;
padding: 0 0 0;
position:relative;
}
ul.line_appo > li{
width: 273px;
}
ul.line_appo li a{
min-height: 320px;
}
ul.line_appo li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
ul.line_appo li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
.line_appo_box .column_box{
margin: 0 auto;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
}
.line_appo_box .column_box p{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
.line_appo_box .column_box h4.h4_line_appo{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
line-height: 22px;
text-align: center;
color: #00ba01;
}

.line_appo_box .column_box .line_contact_link{
display: flex;
}
.line_appo_box .column_box .line_contact_link a{
margin: 0 auto;
padding: 15px 20px;
position:relative;
background-color:#00b900;
border-radius:10px;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 32px;
text-align: center;
color: #fff;
display:inline-block;
text-decoration:none;
}
.line_appo_box .column_box .line_contact_link a:hover{
filter: saturate(150%);
text-decoration: none;
}
.line_appo_box .column_box .line_contact_link a i{
font-size: 32px;
vertical-align:bottom;
margin-right:5px;
}

ul.form_current_list{
margin: 0 50px ;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:center;
}
ul.form_current_list li{
margin: 0 0 0 -35px;
padding: 10px 40px;
position:relative;
width:auto;
font-weight: bold;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #bebebe;
background-color:#fff;
border:2px solid #bebebe;
border-radius:50px;
}
ul.form_current_list li:nth-child(1){
margin: 0 0 0 0;
z-index:9;
}
ul.form_current_list li:nth-child(2){
z-index:8;
}
ul.form_current_list li:nth-child(3){
z-index:7;
}
ul.form_current_list li:nth-child(4){
z-index:6;
}
ul.form_current_list li.stay{
color: #5690bb;
border:2px solid #5690bb;
z-index:10;
}

h3.h3_form{
margin: 0 0 10px ;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 22px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
h3.h3_form em{
margin: 0 0 0 0;
padding: 0 5px 0 0;
position:relative;
font-family: Helvetica;
font-weight: bold;
font-size: 40px;
line-height:1.2;
text-align: left;
color: #5690bb;
display:inline-block;
vertical-align:middle;
}
.form_box{
margin: 0 auto 40px ;
padding: 0 0 40px;
position:relative;
border-bottom:1px solid #ccc;
}
.form_box p{
margin: 0 auto 20px ;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: center;
color: #3c3c3c;
}
h4.h4_form{
margin: 0 0 15px ;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: center;
color: #010100;
}
ul.desired_time_list{
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap: wrap;
gap: 20px;
}
ul.desired_time_list li{
margin: 0 0 ;
padding: 20px 0;
position:relative;
width:23%;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: center;
color: #010100;
background-color:#F4F7FB;
border-radius:10px;
}
ul.desired_time_list li:after {
position: absolute;
top:50%;
transform: translateY(-50%);
right: 15px;
width: 0;
height: 0;
content: '';
border-width: 10px 0 10px 10px;
border-style: solid;
border-color: transparent transparent transparent #5691BC;
}

.reserv_date_time{
margin: 0 auto ;
padding: 25px 0;
position:relative;
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
background-color:#CFE2FC;
border-radius:10px;
}
.reserv_date_time button{
margin: 0 0 0 20px ;
padding: 5px 0;
position:relative;
width: 100px;
border-radius: 18.5px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
display:inline-block;
cursor: pointer;
}

.contact_form_block table.table_form td.td_address div{
display: flex;
align-items:center;
justify-content:flex-start;
}
.contact_form_block table.table_form td.td_address div:nth-child(1){
margin-bottom:20px;
}
.contact_form_block table.table_form td.td_address.half div:nth-child(1){
margin-bottom:8px;
}
.contact_form_block table.table_form td.td_address.half div:nth-child(2){
margin-bottom:8px;
}

.contact_form_block table.table_form td.td_address div em{
width:80px;
flex-shrink: 0;
}
.contact_form_block table.table_form td.td_address span.any{
margin: 0 10px 0 0;
padding: 4px 6px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#bbb;
border-radius:3px;
width:45px;
flex-shrink: 0;
}
.contact_form_block table.table_form td.td_address div .input_zip{
width:120px;
}
.contact_form_block table.table_form td.td_address div .input_address{
flex-grow: 1;
}
.contact_form_block table.table_form td.td_address div b{
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
margin-left:10px;
}

.contact_form_block table.table_form th small{
position: absolute;
top:40px;
left:50px;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.form-field {
}
.form-field.half {
	padding-top:16px;
}
.form-field label{
display: flex;
align-items:center;
justify-content:flex-start;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
line-height:1.0;
cursor: pointer;
}
.form-field.half label{
	font-size: 14px;
	letter-spacing: 0;
}
.form-field input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
visibility: hidden;
position: relative;
display: inline-block;
width:auto;
border: 0px solid #ccc;
padding: 0px;
margin-right:5px;
}
.form-field input[type=checkbox]::before {
visibility: visible;
content: "";
display: block;
width: 20px;
height: 20px;
border: 2px solid #555;
border-radius: 3px;
cursor: pointer;
padding:0px;
background:#fff;
}
.form-field input[type=checkbox]:checked::before {
background-color:#555;
}
.form-field input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 16px;
top: 13px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.form_column2_right .form-field input[type=checkbox]::after {
left: 11px;
top: 7px;
}


.form-field input[type=checkbox]:checked::after {
opacity: 1;
}


}

/* ===========================
 売りたい オンライン予約・来場予約_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {

.line_appo_box{
margin: 0 auto;
padding: 20px 0px 20px;
position:relative;
background-color:#F4F7FB;
border-radius:0px;
}
ul.line_appo{
margin: 0 auto 40px;
padding: 0 0 0;
position:relative;
}
ul.line_appo > li{
width: 273px;
}
ul.line_appo li a{
min-height: 320px;
}
ul.line_appo li img{
border-radius:8px;
display:inline;
margin-bottom:5px;
}
ul.line_appo li p{
margin: 0 0;
padding: 10px 0 15px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
.line_appo_box .column_box{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.line_appo_box .column_box p{
margin: 0 auto 25px;
padding: 0 30px;
position:relative;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
display:inline-block;
}
.line_appo_box .column_box h4.h4_line_appo{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 18px;
text-align: center;
color: #00ba01;
}

.line_appo_box .column_box .line_contact_link{
display: flex;
}
.line_appo_box .column_box .line_contact_link a{
margin: 0 auto 20px;
padding: 12px 20px;
position:relative;
background-color:#00b900;
border-radius:5px;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 32px;
text-align: center;
color: #fff;
display:inline-block;
text-decoration:none;
}
.line_appo_box .column_box .line_contact_link a:hover{
filter: saturate(150%);
text-decoration: none;
}
.line_appo_box .column_box .line_contact_link a i{
font-size: 32px;
vertical-align:bottom;
margin-right:5px;
}

ul.form_current_list{
margin: 0 5px ;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:center;
}
ul.form_current_list li{
margin: 0 0 0 -25px;
padding: 6px 25px;
position:relative;
width:auto;
font-weight: bold;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.05em;
text-align: center;
color: #bebebe;
background-color:#fff;
border:2px solid #bebebe;
border-radius:0 50px 50px 0;
display: flex;
align-items:center;
justify-content:center;
}
ul.form_current_list li:nth-child(1){
margin: 0 0 0 0;
z-index:9;
border-radius:50px;
}
ul.form_current_list li:nth-child(2){
z-index:8;
}
ul.form_current_list li:nth-child(3){
z-index:7;
}
ul.form_current_list li:nth-child(4){
z-index:6;
}
ul.form_current_list li.stay{
color: #5690bb;
border:2px solid #5690bb;
z-index:10;
border-radius:50px;
}

h3.h3_form{
margin: 0 0 10px ;
padding: 0 20px 0;
position:relative;
font-weight: bold;
font-size: 16px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
h3.h3_form em{
margin: 0 0 0 0;
padding: 0 5px 0 0;
position:relative;
font-family: Helvetica;
font-weight: bold;
font-size: 24px;
line-height:1.2;
text-align: left;
color: #5690bb;
display:inline-block;
vertical-align:middle;
}
.form_box{
margin: 0 auto 20px ;
padding: 0 0 20px;
position:relative;
border-bottom:1px solid #ccc;
}
.form_box p{
margin: 0 auto 20px ;
padding: 0 10px 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: center;
color: #3c3c3c;
}
h4.h4_form{
margin: 0 0 15px ;
padding: 0 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: center;
color: #010100;
}
.calendar_block{
margin: 0 auto ;
padding: 0 10px 0;
position:relative;
text-align: center;
}

ul.desired_time_list{
margin: 0 auto ;
padding: 0 10px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap: wrap;
}
ul.desired_time_list li{
margin: 0 0 10px;
padding: 10px 0;
position:relative;
width:23%;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height:1.5;
text-align: center;
color: #010100;
background-color:#F4F7FB;
border-radius:10px;
}
ul.desired_time_list li:after {
position: absolute;
top:50%;
transform: translateY(-50%);
right: 6px;
width: 0;
height: 0;
content: '';
border-width: 6px 0 6px 6px;
border-style: solid;
border-color: transparent transparent transparent #5691BC;
}

.reserv_date_time{
margin: 0 10px ;
padding: 20px 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.01em;
text-align: center;
color: #010100;
background-color:#CFE2FC;
border-radius:10px;
}
.reserv_date_time button{
margin: 0;
padding: 5px 0;
position:relative;
width: 100px;
border-radius: 18.5px;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
display:inline-block;
cursor: pointer;
}

.contact_form_block table.table_form td.td_address div{
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
position:relative;
}
.contact_form_block table.table_form td.td_address div:nth-child(1){
margin-bottom:10px;
}
.contact_form_block table.table_form td.td_address.half div:nth-child(1){
margin-bottom:2px;
}
.contact_form_block table.table_form td.td_address.half div:nth-child(2){
margin-bottom:4px;
}
.contact_form_block table.table_form td.td_address div em{
width:80px;
flex-shrink: 0;
}
.contact_form_block table.table_form td.td_address span.any{
margin: 0 10px 0 0;
padding: 3px 6px;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
line-height:16px;
text-align: left;
color: #fff;
background-color:#bbb;
border-radius:3px;
width:40px;
flex-shrink: 0;
}
.contact_form_block table.table_form td.td_address div .input_zip{
width:100px;
}
.contact_form_block table.table_form td.td_address div .input_address{
flex-grow: 1;
margin-top:5px;
}
.contact_form_block table.table_form td.td_address div b{
position:relative;
font-weight: normal;
font-size: 10px;
letter-spacing: 0.00em;
text-align: left;
color: #3c3c3c;
margin-left:0px;
}

.contact_form_block table.table_form th small{
margin-left:10px;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.form-field {
}
.contact_form_block table.table_form .form-field label{
display: flex;
align-items:center;
justify-content:flex-start;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
line-height:1.3;
cursor: pointer;
margin-bottom:10px;
}
.contact_form_block table.table_form .form-field input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
visibility: hidden;
position: relative;
display: inline-block;
width:auto;
border: 0px solid #ccc;
padding: 0px;
margin-right:5px;
}
.contact_form_block table.table_form .form-field input[type=checkbox]::before {
visibility: visible;
content: "";
display: block;
width: 15px;
height: 15px;
border: 1px solid #555;
border-radius: 2px;
cursor: pointer;
padding:0px;
background:#fff;
}
.contact_form_block table.table_form .form-field input[type=checkbox]:checked::before {
background-color:#555;
}
.contact_form_block table.table_form .form-field input[type=checkbox]::after {
visibility: visible;
content: "";
display: block;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
position: absolute;
left: 4px;
top: 0px;
opacity: 0;
transform: rotate(45deg);
width: 8px;
height: 12px;
z-index:100;
}
.contact_form_block table.table_form .form-field input[type=checkbox]:checked::after {
opacity: 1;
}

}



/* ===========================
 買いたい-物件詳細_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-property .kv{
margin: 0 auto 60px;
}
main.buy-property .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-property .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-property .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property{
margin: 0 auto 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property b{
margin-right:30px;
font-weight: bold;
font-size: 20px;
line-height:1.3;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
min-width:90px;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property b img{
width:80px;
display:inline-block;
}
main.buy-property .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.property_info_wrap{
margin-bottom:40px;
}

.property_column{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}

.property_slide_wrap {
width: 468px;
margin: 0 0;
overflow: hidden;
}
.property_slider{
margin-bottom:20px;
}
.property_slide_wrap .swiper-slide img {
width: 100%;
height: 348px;
object-fit: cover;
border-radius:10px;
}
.property_slide_wrap .property_thumbnail {
margin: 0 auto;
padding: 25px 35px;
position:relative;
background-color:#5690BB;
border-radius:10px;
}
.property_slide_wrap .property_thumbnail .swiper-wrapper{

}
.property_slide_wrap .property_thumbnail .swiper-slide {
cursor: pointer;
}
.property_slide_wrap .property_thumbnail .swiper-slide img {
width: 100%;
height: 125px;
object-fit: cover;
border-radius:10px;
}
.property_slide_wrap .property_thumbnail .swiper-slide img {
filter: brightness(50%);
}
.property_slide_wrap .property_thumbnail .swiper-slide-thumb-active img {
filter: brightness(100%);
}
.property_btn{
position: absolute;
top: 48%;
left: 0;
right: 0;
text-align:center;
margin:auto;
z-index:10;
}
.property_btn .property-button-prev{
position: absolute;
left:10px;
z-index:10;
cursor: pointer;
}
.property_btn .property-button-next{
position: absolute;
right:10px;
z-index:10;
cursor: pointer;
}
.property_btn .property-button-prev:after {
position: absolute;
top: 0px;
left: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 15px 10px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
.property_btn .property-button-next:after {
position: absolute;
top: 0px;
right: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 0 10px 15px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}

.property_right{
width: 468px;
margin: 0 0;

}
.property_right .property_map{
	width:100%;
	text-align:center;
margin: 0 auto 20px;
padding: 0 0 0;
position:relative;
border:1px solid #777;
border-radius:10px;
height: 348px;
}
.property_right .property_map img{
    display: inline-block;
height: calc(100% - 8px);
max-height:100%;
object-fit: contain;
}
.property_right h3.property_catch {
font-size:1.17em;
margin-bottom:1em;
}
.property_right .property_price{
margin: 0 auto 20px;
padding: 0 0 20px;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
border-bottom:1px solid #777;
flex-direction: column;
align-items: flex-end;
}
.property_right .property_price div strong{
padding: 0 10px;
font-weight: bold;
font-size: 36px;
text-align: left;
color: #e66666;
}
.property_right .property_price .link_btn{
margin: 0 10px 0 0;
padding: 0 0;
position:relative;
float:none;
}
.property_right .property_txt{
margin: 0 auto;
padding: 0 0 ;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
.property_right .property_txt em{
width: 50px;
flex-shrink: 0;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.property_right .property_txt p{
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
flex-grow: 1; 
}


.buy-property .property_box{
margin: 0 0 10px;
padding: 0 0 0;
position:relative;
background-color:transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:10px;
border:1px solid #ccc;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.buy-property .property_box ul.property_info_list{
margin: 0 0;
padding: 0 0;
position:relative;
width:45%;
}
.buy-property .property_box ul.property_info_list:nth-child(2){
width:55%;
}
.buy-property .property_box ul.property_info_list:nth-child(2):before {
position: absolute;
top: 0px;
left: 0;
width: 27%;
height: 100%;
content: '';
border-radius: 0 0 0 0;
background-color:#F4F7FB;
z-index:-1;
}
.buy-property .property_box ul.property_info_list li{
border-top:1px solid #ddd;
display: flex;
align-items:stretch;
justify-content:flex-start;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24px;
text-align: left;
color: #3c3c3c;
z-index:1;
}
.buy-property .property_box ul.property_info_list li:nth-child(1){
border-top:0px solid #ddd;
}
.buy-property .property_box ul.property_info_list li em{
padding: 13px 15px;
background-color:transparent;
white-space:nowrap;
z-index:1;
background-color:#F4F7FB;
flex-shrink: 0;
}
.buy-property .property_box ul.property_info_list:nth-child(1) li em{
width:25%;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li em{
width:27%;
}
.buy-property .property_box ul.property_info_list li:nth-child(1) em{
border-radius:10px 0 0 0;
}
.buy-property .property_box ul.property_info_list li:nth-last-child(1) em{
border-radius:0 0 0 10px;
}
.buy-property .property_box ul.property_info_list li span{
padding: 13px 15px;
background-color:#fff;
z-index:1;
flex-grow: 1;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-child(1) em{
border-radius:0 0 0 0;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-child(1) span{
border-radius:0 10px 0 0;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-last-child(1) em{
border-radius:0 0 0 0px;
}
.property_access_wrap{
margin-bottom:40px;
}
.property_access_wrap .property_access{
}
.property_access_wrap .property_access iframe{
border-radius: 10px 10px 0px 0px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
vertical-align:top;
}

}

/* ===========================
 買いたい-物件詳細_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-property .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.buy-property .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.buy-property .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-property .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property{
margin: 0 0 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property b{
margin-right:20px;
font-weight: bold;
font-size: 13px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
flex-shrink: 0;
width:60px;
}
main.buy-property .kv_inner .kv_tit .kv_tit_property b img{
width:50px;
display:inline-block;
}
main.buy-property .kv_inner .kv_tit strong{
color:#3C3C3C;
line-height:1.3;
}

.property_info_wrap{
margin-bottom:30px;
}
.property_column{
margin: 0 auto 30px;
padding: 0 0 0;
position:relative;
}
.property_slide_wrap {
width: auto;
margin: 0 20px 20px;
overflow: hidden;
}
.property_slider{
margin-bottom:10px;
}
.property_slide_wrap .swiper-slide img {
width: 100%;
height: 248px;
object-fit: cover;
border-radius:8px;
}
.property_slide_wrap .property_thumbnail {
margin: 0 auto;
padding: 15px 25px;
position:relative;
background-color:#5690BB;
border-radius:8px;
}
.property_slide_wrap .property_thumbnail .swiper-wrapper{

}
.property_slide_wrap .property_thumbnail .swiper-slide {
cursor: pointer;
}
.property_slide_wrap .property_thumbnail .swiper-slide img {
width: 100%;
height: 95px;
object-fit: cover;
border-radius:8px;
}
.property_slide_wrap .property_thumbnail .swiper-slide img {
filter: brightness(50%);
}
.property_slide_wrap .property_thumbnail .swiper-slide-thumb-active img {
filter: brightness(100%);
}
.property_btn{
position: absolute;
top: 43%;
left: 0;
right: 0;
text-align:center;
margin:auto;
z-index:10;
}
.property_btn .property-button-prev{
position: absolute;
left:3px;
z-index:10;
cursor: pointer;
}
.property_btn .property-button-next{
position: absolute;
right:3px;
z-index:10;
cursor: pointer;
}
.property_btn .property-button-prev:after {
position: absolute;
top: 0px;
left: 0;
width: 15px;
height: 10px;
content: '';
border-width: 7px 8px 7px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
.property_btn .property-button-next:after {
position: absolute;
top: 0px;
right: 0;
width: 15px;
height: 10px;
content: '';
border-width: 7px 0 7px 8px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}

.property_right{
width: auto;
margin: 0 20px;
}
.property_right .property_map{
margin: 0 auto 10px;
padding: 0 0 0;
position:relative;
border:1px solid #777;
border-radius:8px;
text-align: center;
}
.property_right .property_map img{
display:inline-block;
height: 320px;
object-fit: contain;
}
.property_right h3.property_catch {
font-size:16px;
margin-bottom:1em;
}
.property_right .property_price{
margin: 0 auto 10px;
padding: 0 0 10px;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
font-weight: bold;
font-size: 17px;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
border-bottom:1px solid #777;
flex-direction: column;
align-content: flex-end;
flex-wrap: wrap;
}
.property_right .property_price div strong{
padding: 0 10px;
font-weight: bold;
font-size: 26px;
text-align: left;
color: #e66666;
}
.property_right .property_price .link_btn{
margin: 5px 0 0 0;
padding: 0 0;
position:relative;
float:none;
}
.property_right .property_txt{
margin: 0 auto;
padding: 0 0 ;
position:relative;
display: flex;
align-items:stretch;
justify-content:flex-start;
}
.property_right .property_txt em{
width: 45px;
flex-shrink: 0;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
}
.property_right .property_txt p{
font-weight: 500;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: left;
color: #3c3c3c;
flex-grow: 1; 
}

.link_btn.download_btn{
margin: -35px 20px 15px 0;
padding: 0 0;
position:relative;
}

.buy-property .property_box{
margin: 0 15px 10px;
padding: 0 0 0;
position:relative;
background-color:transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius:8px;
border:1px solid #ccc;
}
.buy-property .property_box ul.property_info_list{
margin: 0 0;
padding: 0 0;
position:relative;
}

.buy-property .property_box ul.property_info_list li{
border-bottom:1px solid #ddd;
display: flex;
align-items:stretch;
justify-content:flex-start;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
z-index:1;
}
.buy-property .property_box ul.property_info_list li:nth-child(1){

}
.buy-property .property_box ul.property_info_list li em{
padding: 10px 10px;
background-color:transparent;
white-space:nowrap;
z-index:1;
background-color:#F4F7FB;
flex-shrink: 0;
}
.buy-property .property_box ul.property_info_list:nth-child(1) li em{
width:25%;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li em{
width:25%;
}
.buy-property .property_box ul.property_info_list li:nth-child(1) em{
border-radius:8px 0 0 0;
}
.buy-property .property_box ul.property_info_list li:nth-last-child(1) em{
border-radius:0 0 0 0;
}
.buy-property .property_box ul.property_info_list li span{
padding: 10px 10px;
z-index:1;
flex-grow: 1;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-child(1) em{
border-radius:0 0 0 0;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-child(1) span{
border-radius:0 8px 0 0;
}
.buy-property .property_box ul.property_info_list:nth-child(2) li:nth-last-child(1) em{
border-radius:0 0 0 8px;
}
.property_access_wrap{
margin-bottom:30px;
}
.property_access_wrap .property_access{
width: auto;
margin: 0 20px;
}
.property_access_wrap .property_access iframe{
border-radius: 8px 8px 0px 0px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
vertical-align:top;
}

}

/* ===========================
 買いたい-物件検索_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-search .kv{
margin: 0 auto 60px;
}
main.buy-search .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-search .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-search .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property{
margin: 0 auto 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property b{
margin-right:30px;
font-weight: bold;
font-size: 20px;
line-height:1.3;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property b img{
width:80px;
display:inline-block;
}
main.buy-search .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.search_wrap{
margin: 0 auto 50px;
padding: 0 0px;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
.search_results{
margin: 0 0 30px;
padding: 0 0 30px;
position:relative;
width:225px;
border-radius: 10px 10px 0px 0px;
background-color:#F4F7FB;
}
.search_results h3{
margin: 0 0 1em;
padding: 10px 0px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 10px 10px 0px 0px;
background: linear-gradient(90deg,#69cced 0%, #0150a2 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.search_results .search_results_txt{
margin: 0 20px 1em;
padding: 0;
position:relative;
font-size: 15px;
text-align: justify;
line-height:1.6;
}
.search_head {
	display:flex;
	margin: 10px 0.4em 10px 0;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.search_conditions{
padding: 0;
position:relative;
text-align: left;
font-weight: normal;
font-size: 14px;
color: #3c3c3c;
width:630px;
}
.search_number{
width:80px;
padding: 0;
position:relative;
font-weight: bold;
font-size: 20px;
text-align: right;
color: #3c3c3c;
/*text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);*/
}
.property_map_head .search_number{
width:auto;
}
.search_number small{
padding-left:6px;
}
.search_results .search_btn{
margin: 30px 0 0;
padding: 0 20px;
position:relative;
text-align: center;
}
.search_results .search_btn a,
.search_results .search_btn button{
display:block;
text-align: center;
background-color:#E66666;
padding: 8px 20px;
border-radius: 999px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.1em;
color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width: 100%;
border: none;
}
.search_results .search_items{
margin: 0x;
padding: 0 20px;
position:relative;
text-align: left;
}
.search_results .search_items h4{
margin: 0;
padding: 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
.search_results .selectbox_search select{
	margin-bottom:0.8em;
}
.search_results .selectbox_search select:has(option:checked[value=""]) {
    color: #444;
	font-weight:normal;
}
.search_results .search_items_checkbox{
	margin-bottom:0.8em;
}
.search_results .search_items_checkbox label{
	display:block;
	font-size:15px;
}
.search_results .search_items_checkbox label input[type="checkbox"]{
	width:auto;
}
#search_requirements {
  scroll-margin-top: 100px;
}
.search_items_radio {
margin: 0 auto 10px;
padding: 0 0;
position:relative;
border: none;
}
.search_items_radio label {
display: flex;
align-items: center;
gap: 0 .5em;
margin-bottom:15px;
position: relative;
cursor: pointer;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 14px;
text-align: left;
color: #3c3c3c;
}
.search_items_radio label::before,
.search_items_radio label::after {
border-radius: 50%;
content: '';
}
.search_items_radio label::before {
width: 22px;
height: 22px;
border: 1px solid #2589d0;
box-sizing: border-box;
}
.search_items_radio label::after {
position: absolute;
top: 50%;
left: 11px;
transform: translate(-50%, -50%);
width: 15px;
height: 15px;
background-color: transparent;
}
.search_items_radio label:has(:checked)::after {
background-color: #2589d0;
}
.search_items_radio input {
display: none;
}
.search_results .search_items input.input_search_price{
width:138px;
padding: 10px;
}
.search_results .search_items small{
margin-left: 5px;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 14px;
text-align: left;
color: #3c3c3c;
}
.search_results .search_items span.input_search_price_txt{
margin: 8px 0;
padding: 0px;
text-align: center;
width:138px;
display:block;
}
.search_results .search_items span.input_search_price_txt b{
transform: rotate(90deg);
display:block;
font-weight: 500;
font-size: 22px;
line-height: 22px;
color: #3c3c3c;
}
.search_requirements{
margin: 0 0 30px;
padding: 0 0px;
position:relative;
width:717px;
}
.search_requirements h3{
margin: 0 0;
padding: 10px 0px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 10px 10px 0px 0px;
background: linear-gradient(90deg,#69cced 0%, #0150a2 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index:1;
}
.search_requirements_block{
margin: 0 0 0;
padding: 15px 15px ;
position:relative;
background-color:#F4F7FB;
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
}

input.input_search_requirements{
margin-bottom:20px;
padding: 10px;
}
.switch_display_block {
margin-right:30px;
position: relative;
display: flex;
align-items:center;
justify-content:flex-start;
}
.switch_display_block h4{
margin-left:5px;
}
label.switch_display {
position: relative;
margin: 0 0;
width: 68px;
height: 32px;
border-radius: 50px;
background-color:#5690BB;

cursor: pointer;
transition: border-color .4s;
}
label.switch_display span{
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
label.switch_display:has(:checked) {
border-color: #4bd865;
}
label.switch_display::after {
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #000;
content: '';
transition: left .4s, background-color .4s;
}
label.switch_display:has(:checked)::after {
left: 38px;
background-color: #fff;
}
label.switch_display input {
display: none;
}

.search_requirements_block h4{
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

.selectbox_sort {
margin-left:10px;
position: relative;
}
.selectbox_sort::after {
position: absolute;
top: 45%;
right: 25px;
transform: translate(50%, -50%) rotate(45deg);
width: 12px;
height: 12px;
border-bottom: 2px solid #568FBC;
border-right: 2px solid #568FBC;
content: '';
pointer-events: none;
}
.selectbox_sort select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 205px;
padding: 8px 0 8px 1em;
border: 2px solid #568FBB;
border-radius: 25px;
font-weight: bold;
font-size: 16px;
line-height:16px;
letter-spacing: 0.1em;
color: #5690bb;
cursor: pointer;
}
.selectbox_sort select:focus {
outline: 1px solid #568FBB;
}

.buy-search ul.recommend_list{
margin-bottom: 0px;
flex-wrap:wrap;
}
.buy-search ul.recommend_list > li{
margin-top: 30px;
}
.buy-search ul.recommend_list:after {
content: "";
display: block;
width: 232px;
height: 0;
}

.search_pagination{
margin: 0 0;
padding: 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:center;
background-color:#f4f7fb;
border-radius:5px;
width:100%;
}
.search_pagination h4{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
padding-right:1em;
}

.selectbox_items {
margin: 0 25px;
padding: 0 0px;
position:relative;
}
.selectbox_items::before,
.selectbox_items::after {
position: absolute;
right: 15px;
width: 9px;
height: 6px;
background-color: #535353;
content: '';
pointer-events: none;
}
.selectbox_items::before {
top: calc(50% - 9px);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.selectbox_items::after {
bottom: calc(50% - 9px);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.selectbox_items select {
appearance: none;
width: 100px;
padding: 10px calc(.8em + 20px) 10px .8em;
border: 1px solid #d0d0d0;
border-radius: 3px;
background-color: #fff;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
cursor: pointer;
}

.Pagination {
display: flex;
align-items: center;
}
.Pagination li a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #bebebe;
text-decoration:none;
transition: all 0.15s linear;
}
.Pagination li a:hover{
color: #000;
}
.Pagination li a.isActive {
color: #000;
pointer-events: none;
}
.Pagination-Item-Link {
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
border: solid 2px #707070;
transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
width: 7px;
}
.Pagination-Item-Link-Icon path{
stroke:#707070;
stroke-width:2;
stroke-linecap:square;
}
.Pagination-Item-Link:hover {
background: #707070;
color: #fff;
}
.Pagination-Item-Link:not(.isActive):hover path{
stroke:#fff;
}
.Pagination > * + * {
margin-left: 16px;
}


main.buy-search .consultation_purpose_box{
margin: 0 auto 50px;
padding: 15px 0 25px;
}

}

/* ===========================
 買いたい-物件検索_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-search .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.buy-search .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.buy-search .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-search .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property{
margin: 0 0 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property b{
margin-right:20px;
font-weight: bold;
font-size: 13px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
flex-shrink: 0;
width:60px;
}
main.buy-search .kv_inner .kv_tit .kv_tit_property b img{
width:50px;
display:inline-block;
}
main.buy-search .kv_inner .kv_tit strong{
color:#3C3C3C;
}

.search_wrap{
margin: 0 20px 30px;
padding: 0 0px;
position:relative;

}
.search_results{
margin: 0 0 20px;
padding: 0 0 10px;
position:relative;
width:auto;
border-radius: 10px 10px 0px 0px;
background-color:#F4F7FB;
}
.search_results h3{
margin: 0 0 15px;
padding: 5px 0px;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 10px 10px 0px 0px;
background: linear-gradient(90deg,#69cced 0%, #0150a2 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.search_results .search_results_txt{
margin: 0 20px 1em;
padding: 0;
position:relative;
font-size: 14px;
text-align: justify;
line-height:1.6;
}
.search_number{
margin: 5px 0 5px;
padding: 0 0.5em 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 16px;
text-align: right;
color: #3c3c3c;
}
.search_number small{
display:inline-block;
padding-left:5px;
}
.search_btn{
margin: 30px 0 20px;
padding: 0 20px;
position:relative;
text-align: center;
}
.search_btn a,
.search_btn button{
/*display:block;*/
text-align: center;
background-color:#E66666;
padding: 8px 20px;
border-radius: 999px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.1em;
color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width: 60%;
border: none;
}
.search_results .search_items{
margin: 0 auto 10px;
padding: 0 20px;
position:relative;
text-align: left;
}
.search_results .search_items select:has(option:checked[value=""]) {
    color: #444;
	font-weight: normal;
}
#search_requirements {
  scroll-margin-top: 20px;
}
.search_results .search_items_checkbox{
	margin-bottom:0.8em;
}
.search_results .search_items_checkbox label{
	display:block;
	font-size:14px;
}
.search_results .search_items_checkbox label input[type="checkbox"]{
	width:auto;
}
.search_results .search_items h4{
margin: 0 auto 4px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

.search_items_radio {
margin: 0 auto 10px;
padding: 0 0;
position:relative;
border: none;
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
}
.search_items_radio label {
margin-right:8px;
display: flex;
align-items: center;
gap: 0 .5em;
margin-bottom:10px;
position: relative;
cursor: pointer;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 12px;
text-align: left;
color: #3c3c3c;
}
.search_items_radio label::before,
.search_items_radio label::after {
border-radius: 50%;
content: '';
}
.search_items_radio label::before {
width: 18px;
height: 18px;
border: 1px solid #2589d0;
box-sizing: border-box;
}
.search_items_radio label::after {
position: absolute;
top: 50%;
left: 9px;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: transparent;
}
.search_items_radio label:has(:checked)::after {
background-color: #2589d0;
}
.search_items_radio input {
display: none;
}
.search_results .search_items input.input_search_price{
width:90px;
padding: 5px;
}
.search_results .search_items small{
margin-left: 5px;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 13px;
text-align: left;
color: #3c3c3c;
}
.search_results .search_items .input_search_price_box{
display: flex;
align-items:center;
justify-content:flex-start;
}
.search_results .search_items span.input_search_price_txt{
margin: 0px 10px;
padding: 0px;
text-align: center;
}
.search_results .search_items span.input_search_price_txt b{

font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #3c3c3c;
}
.search_requirements{
margin: 0 0 30px;
padding: 0 0px;
position:relative;
}
.search_requirements h3{
margin: 0 0;
padding: 5px 0px;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 10px 10px 0px 0px;
background: linear-gradient(90deg,#69cced 0%, #0150a2 100%);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
z-index:1;
}

.search_requirements .search_conditions {
padding:5px 5px 0;
font-size: 12px;
line-height: 1.5;
}
.search_requirements_block{
margin: 0 0 0;
padding: 10px 10px ;
position:relative;
background-color:#F4F7FB;
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
}
input.input_search_requirements{
margin-bottom:10px;
padding: 10px;
}
.switch_display_block {
margin-right:15px;
position: relative;
display: flex;
align-items:center;
justify-content:flex-start;
width:100%;
}
.switch_display_block h4{
margin-left:5px;
}
label.switch_display {
position: relative;
margin: 0 0;
width: 45px;
height: 26px;
border-radius: 50px;
background-color:#5690BB;

cursor: pointer;
transition: border-color .4s;
}
label.switch_display span{
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
label.switch_display:has(:checked) {
border-color: #4bd865;
}
label.switch_display::after {
position: absolute;
top: 50%;
left: 5px;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #000;
content: '';
transition: left .4s, background-color .4s;
}
label.switch_display:has(:checked)::after {
left: 20px;
background-color: #fff;
}
label.switch_display input {
display: none;
}

.search_requirements_block h4{
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

.selectbox_sort {
margin-left:10px;
position: relative;
}
.selectbox_sort::after {
position: absolute;
top: 50%;
right: 12px;
transform: translate(50%, -50%) rotate(45deg);
width: 8px;
height: 8px;
border-bottom: 1px solid #568FBC;
border-right: 1px solid #568FBC;
content: '';
pointer-events: none;
}
.selectbox_sort select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
min-width: 150px;
padding: 5px 0 4px 0.8em;
border: 1px solid #568FBB;
border-radius: 25px;
font-weight: bold;
font-size: 12px;
line-height:12px;
letter-spacing: 0.1em;
color: #5690bb;
cursor: pointer;
}
.selectbox_sort select:focus {
outline: 1px solid #568FBB;
}

.buy-search ul.recommend_list{
margin-bottom: 0px;
flex-wrap:wrap;
}
.buy-search ul.recommend_list > li{
margin-top: 15px;
width: 48.5%;
}
.buy-search ul.recommend_list > li a{
min-height: auto;
}
.buy-search .recommend_img_swiper{
margin: 0 0;
padding: 0 0 5px;
position:relative;
width:100%;
overflow: hidden;
}
.buy-search ul.recommend_img_list{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
.buy-search ul.recommend_img_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
}
.buy-search ul.recommend_img_list li img{
border-radius:8px;
display:inline;
vertical-align:middle;
aspect-ratio: 212 / 145;
}
.buy-search ul.recommend_list:after {
content: "";
display: block;
width: 48.5%;
height: 0;
}

.search_pagination{
margin: 0 0;
padding: 10px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:center;
background-color:#f4f7fb;
border-radius:5px;
width:100%;
}
.search_pagination h4{
font-weight: bold;
font-size: 12px;
letter-spacing: 0.02em;
text-align: left;
color: #3c3c3c;
padding-right:1em;
}

.selectbox_items {
margin: 0 0 0 30px;
padding: 0 0px;
position:relative;
}
.selectbox_items::before,
.selectbox_items::after {
position: absolute;
right: 6px;
width: 7px;
height: 5px;
background-color: #535353;
content: '';
pointer-events: none;
}
.selectbox_items::before {
top: calc(50% - 6px);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.selectbox_items::after {
bottom: calc(50% - 7px);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.selectbox_items select {
appearance: none;
width: 60px;
padding: 5px;
border: 1px solid #d0d0d0;
border-radius: 3px;
background-color: #fff;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.0em;
text-align: left;
color: #3c3c3c;
cursor: pointer;
}
.Pagination {
display: flex;
align-items: center;

}
.Pagination li a{
font-weight: bold;
font-size: 12px;
line-height:3.0;
letter-spacing: 0.1em;
text-align: left;
color: #bebebe;
text-decoration:none;
transition: all 0.15s linear;
}
.Pagination li a:hover{

}
.Pagination li a.isActive {
color: #000;
pointer-events: none;
}
.Pagination-Item-Link {
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
overflow: hidden;
border: solid 1px #707070;
transition: all 0.15s linear;
}
.Pagination-Item-Link-Icon {
width: 6px;
}
.Pagination-Item-Link-Icon path{
stroke:#707070;
stroke-width:1;
stroke-linecap:square;
}
.Pagination-Item-Link:hover {

}
.Pagination-Item-Link:not(.isActive):hover path{

}
.Pagination > * + * {
margin-left: 12px;
}

main.buy-search .consultation_purpose_box{
margin-bottom:40px;
padding: 10px 0 20px;
}
}


/* ===========================
 買いたい-土地探し_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.buy-search-land .kv{
margin: 0 auto 60px;
}
main.buy-search-land .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
background-image: url(../images/buy_search_land/kv.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

main.buy-search-land .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-search-land .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property{
margin: 0 auto 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property b{
margin-right:30px;
font-weight: bold;
font-size: 20px;
line-height:1.3;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property b img{
width:80px;
display:inline-block;
filter: brightness(300%) saturate(0%);
}
main.buy-search-land .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

main.buy-search-land ul.consultation_list li{
margin: 0 0 ;
padding: 25px 0 35px;
position:relative;
text-align:center;
width:49%;
background-color:#CFE2FC;
border-radius:10px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:center;
}
main.buy-search-land ul.consultation_list li div{
margin-left:10px;
}
main.buy-search-land ul.consultation_list li h4{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 23px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
main.buy-search-land ul.consultation_list li .detail_btn a{
font-weight: bold;
font-size: 20px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#5690BB;
padding: 12px 0;
width:290px;
display:inline-block;
}

main.buy-search-land ul.buy_list{
margin: 0 auto 20px;
padding: 0 30px 0 30px;
position:relative;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
main.buy-search-land ul.buy_list li{
margin: 0 10px 10px 10px;
padding: 0 0;
position:relative;
width:210px;
z-index:1;
}
main.buy-search-land ul.buy_list li.break {
flex-basis: 100%;
height: 0;
}
main.buy-search-land ul.buy_list li a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:2px solid #5690BB;
border-radius:100px;
display:block;
background-color:#fff;
}
main.buy-search-land ul.buy_list li a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
}
main.buy-search-land ul.buy_list li.buy_search_link{
margin: 0 20px 20px 20px;
padding: 0 0;
position:relative;
width:auto;
z-index:1;
}
main.buy-search-land ul.buy_list li.buy_search_link a{
padding: 0 10px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:0px solid #5690BB;
border-bottom:2px solid #5690BB;
border-radius:0px;
display:block;
background-color:transparent;
}
main.buy-search-land ul.buy_list li.buy_search_link a:hover{
transition : 0.3s;
color: #fff;
background-color:#5690BB;
border-bottom:0px solid #fff;
}
main.buy-search-land .consultation_purpose_box{
margin: 0 auto 50px;
padding: 15px 0 25px;
}

}

/* ===========================
 買いたい-土地探し_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.buy-search-land .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.buy-search-land .kv_inner{

height:auto;
border-radius:15px 0 15px 0;
background-image: url(../images/buy_search_land/kv.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
main.buy-search-land .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-search-land .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property{
margin: 0 0 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property b{
margin-right:20px;
font-weight: bold;
font-size: 13px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
flex-shrink: 0;
width:60px;
}
main.buy-search-land .kv_inner .kv_tit .kv_tit_property b img{
width:50px;
display:inline-block;
filter: brightness(300%) saturate(0%);
}
main.buy-search-land .kv_inner .kv_tit strong{
color:#fff;
}

main.buy-search-land ul.consultation_list li{
background-color:#CFE2FC;
}
main.buy-search-land ul.consultation_list li img{
width:60px;
}

main.buy-search-land ul.buy_list{
margin: 15px auto 0;
padding: 0 0 10px 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
border-bottom:0px solid #eee;
}
main.buy-search-land ul.buy_list li{
margin: 0 10px 10px 10px;
padding: 0 0;
position:relative;
width:150px;
z-index:1;
}
main.buy-search-land ul.buy_list li.break {
flex-basis: 100%;
height: 0;
}
main.buy-search-land ul.buy_list li.buy_search_link{
margin: 0 10px 10px 10px;
padding: 0 0;
position:relative;
width:auto;
z-index:1;
}
main.buy-search-land ul.buy_list li.buy_search_link a{
padding: 0 5px;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-decoration:none;
text-align: center;
color: #5690bb;
border:0px solid #5690BB;
border-bottom:2px solid #5690BB;
border-radius:0px;
display:block;
background-color:transparent;
}

main.buy-search-land .consultation_purpose_box{
margin-bottom:40px;
padding: 10px 0 20px;
}

}


/* ===========================
 イベント・お知らせ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.event-page .kv{
margin: 0 auto 60px;
}
main.event-page .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.event-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.event-page .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.event-page .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.event_wrap{
margin: 0 auto 50px;
padding: 0 0px;
position:relative;
text-align: left;
}
.event_wrap ul.event_list{
margin: 0 auto 40px;
padding: 0 0px;
position:relative;
text-align: left;
}
.event_wrap ul.event_list li{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align: left;
border-bottom:1px solid #BEBEBE;
}
.event_wrap ul.event_list li div{
margin: 0 auto;
padding: 18px 0px;
position:relative;
text-align: left;
display: flex;
align-items:center;
justify-content:flex-start;
cursor: pointer;
}
.event_wrap ul.event_list li div.open{
border-bottom:1px solid #EAEDF0;
}
.event_wrap ul.event_list li div:before {
content: "";
position: absolute;
top: calc(50% - 15px);
right:0px;
width: 30px;
height: 30px;
background-image: url("../images/event/plus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;
}
.event_wrap ul.event_list li div.open:before {
content: "";
position: absolute;
top: calc(50% - 15px);
right:0px;
width: 30px;
height: 30px;
background-image: url("../images/event/minus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:auto;

}
.event_wrap ul.event_list li div small{
margin: 0 0;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
width: 120px;
flex-shrink: 0;
}
.event_wrap ul.event_list li div span.event_cat{
margin: 0 0;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
width: 74px;
border-radius: 3px;
background: #5690bb;
flex-shrink: 0;
}
.event_wrap ul.event_list li div span.event_cat.event{
color: #fff;
background: #d9823b;
}
.event_wrap ul.event_list li div em{
margin: 0 0 0 20px;
padding: 0 2em 0 0;
position:relative;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
flex-grow: 1;
}
.event_wrap ul.event_list li p{
margin: 0 0 0 220px;
padding: 20px 0px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: justify;
color: #3c3c3c;
}

}

/* ===========================
 イベント・お知らせ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.event-page .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.event-page .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.event-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.event-page .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.event-page .kv_inner .kv_tit strong{
color:#3C3C3C;
}

.event_wrap{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
text-align: left;
}
.event_wrap ul.event_list{
margin: 0 auto 20px;
padding: 0 0px;
position:relative;
text-align: left;
}
.event_wrap ul.event_list li{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align: left;
border-bottom:1px solid #BEBEBE;
}
.event_wrap ul.event_list li div{
margin: 0 auto;
padding: 12px 0px;
position:relative;
text-align: left;
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
cursor: pointer;
}
.event_wrap ul.event_list li div.open{
border-bottom:1px solid #EAEDF0;
}
.event_wrap ul.event_list li div:before {
content: "";
position: absolute;
top: 39px;
right:0px;
width: 20px;
height: 20px;
background-image: url("../images/event/plus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:20px auto;
}
.event_wrap ul.event_list li div.open:before {
content: "";
position: absolute;
top: calc(50% - 10px);
right:0px;
width: 20px;
height: 20px;
background-image: url("../images/event/minus.svg");
background-repeat: no-repeat;
background-position: center center;
background-size:20px auto;
}
.event_wrap ul.event_list li div small{
margin: 0 0;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
width: 85px;
flex-shrink: 0;
}
.event_wrap ul.event_list li div span.event_cat{
margin: 0 0;
padding: 0 0px;
position:relative;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
width: 60px;
border-radius: 3px;
background: #5690bb;
flex-shrink: 0;
}
.event_wrap ul.event_list li div span.event_cat.event{
color: #fff;
background: #d9823b;
}
.event_wrap ul.event_list li div em{
margin: 0 0 0 0px;
padding: 5px 2em 0 0;
position:relative;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
flex-grow: 1;
width: 100%;
}
.event_wrap ul.event_list li p{
margin: 0 0 0;
padding: 15px 0px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
}

}


/* ===========================
 貸したい_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.lend-page .kv{
margin: 0 auto -190px;
}
main.lend-page .kv_inner{
background-image: url(../images/lend/kv_lend_top.jpg?2);
background-position:70% 60%;
background-size: 100%;
}
main.lend-page .kv_inner .kv_tit strong{
padding-top:40px;

font-weight: bold;
font-size: 55px;
line-height: 70px;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}
section.lend_section{
margin: 0 0 100px;
padding: 0 0;
position:relative;
z-index:10;
}
.lend_top_nav{
margin: 0 auto 20px;
padding: 20px 0 0;
position:relative;
border-radius: 10px;
background: transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.lend_top_nav h3{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
.lend_top_nav h3 em{
color: #5690BB;
}
.lend_top_nav p{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
.lend_top_nav .lend_top_btn{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_top_nav .lend_top_btn a{
padding: 10px 20px;
position:relative;
font-weight: bold;
font-size: 16px;
line-height: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
display:inline-block;
}
.lend_top_nav ul.kv_nav-list2{
border-radius: 0 0 10px 10px;
}
.lend_top_link_btn{
margin: 0 0 50px;
padding: 0 0;
position:relative;
text-align: right;
}
.lend_top_link_btn a{
margin-left:15px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#5690BB;
}

section.lend_counterplan{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align: left;
}
section.lend_counterplan h3{
margin: 0 auto 50px;
padding: 0 20px;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
}
section.lend_counterplan h3 em{
color: #5690BB;
}
section.lend_counterplan h4{
margin: 0 auto 10px;
padding: 0 20px;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
section.lend_counterplan p{
margin: 0 auto 20px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
section.lend_counterplan p em{
color: #5690BB;
}
ul.measures_list{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:flex-start;
justify-content:space-between;
}
ul.measures_list li{
margin: 0 0;
padding: 0 0 60px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
width:306px;
}
ul.measures_list li h5{
margin: 0 0 25px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.measures_list li h6{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
height:50px;
display: flex;
align-items:center;
justify-content:center;
}
ul.measures_list li .measures_img{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
ul.measures_list li .measures_img img{
display:inline;
}
ul.measures_list li p{
margin: 0 auto 10px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align:justify;
color: #3c3c3c;
}
ul.measures_list li p a{
margin: 0 ;
padding: 0 0;
position:relative;
font-weight: bold;
text-decoration: underline;
font-size: 14px;
letter-spacing: 0.00em;
text-align: left;
color: #4982ac;
}
ul.measures_list li p a:hover{ text-decoration-thickness: 2px; }
ul.measures_list li .measures_btn{
position:absolute;
text-align: center;
bottom:0;
left:0;
right:0;
margin: auto;
height:50px;
border-top:1px solid #ccc;
width:100%;
cursor: pointer;
}
ul.measures_list li .measures_btn:before {
position: absolute;
top: 9px;
left:0;
right:0;
font-family: "Font Awesome 6 Free";
content:'\2b';
color:#ccc;
font-weight: 400;
font-size: 28px;
line-height: 28px;
}
ul.measures_list li .measures_btn.open:before {
position: absolute;
top: 9px;
left:0;
right:0;
font-family: "Font Awesome 6 Free";
content:'\f068';
color:#ccc;
font-weight: 600;
font-size: 28px;
line-height: 28px;
}

section.lend_difference{
margin: 0 auto 50px;
padding: 0 0 ;
position:relative;
text-align: left;
}
.lend_difference_top{
margin: 0 0;
padding: 25px 0 30px;
position:relative;
text-align: center;
border-radius: 10px 10px 0 0;
background-color:#F4F7FB;
}
.lend_difference_top h3{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: center;
color: #3c3c3c;
}
.lend_difference_top h3 em{
color: #5690BB;
}
.lend_difference_img{
margin: 0 auto 40px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_difference_top img{
display:inline;
}
.lend_difference_top h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
.lend_difference_box{
margin: 30px 30px 50px;
padding: 10px 0 50px;
position:relative;
text-align: center;
background-color:#fff;
}
.lend_difference_box:after {
position: absolute;
top: -20px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 0 25px 20px 25px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}

ul.lend_difference_list{
margin: 0 50px 30px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.lend_difference_list li{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
width:45%;
}
ul.lend_difference_list li h5{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
ul.lend_difference_list li em{
color: #56bba7;
}
ul.lend_difference_list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
}
ul.lend_difference_list li p span{
margin: 0 0 0 1.3em;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
display:block;
text-indent:-1.3em;
}
.six_years_later{
margin: 0 50px 50px;
padding: 20px 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
background-color:#CFE2FC;
}
.six_years_later p{
margin: 0 0;
padding: 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: center;
color: #3c3c3c;
}
.lend_difference_box .start_btn a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
}
.package_box{
margin: 80px 30px 0;
padding: 0 0 30px;
position:relative;
text-align: center;
border-radius: 10px;
background-color:#fff;
}
.package_box:after {
position: absolute;
bottom: -25px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 25px 30px 0 30px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.package_box h4{
margin: 0 0 25px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.package_box p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
line-height:1.4;
text-align: center;
color: #3c3c3c;
}
.package_box p em{
font-size: 36px;
color: #5690BB;
display:block;
}

.package_t_box{
margin: 0 auto;
padding: 30px 30px;
position:relative;
text-align: center;
border-radius: 0 0 10px 10px;
background-color:#CFE2FC;
}
.package_t_box h3{
margin: 0 auto 20px;
padding: 0;
position:relative;
text-align: center;
}
.package_t_box h3 span{
padding: 5px 30px;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 16.5px;
background: #5690bb;
}
.package_t_box h3 em{
margin: 15px auto 15px;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: center;
color: #3c3c3c;
display:block;
}
.package_t_box h3 strong{
margin: 0 auto 0;
font-weight: bold;
font-size: 70px;
line-height: 48px;
text-align: left;
color: #3b4043;
}
.package_t_box p{
margin: 0 auto 20px;
padding: 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: center;
color: #3c3c3c;
}

.package_t_box .t-box-wrap {
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap: wrap;
min-width:auto;
}
.package_t_box .t-box-switch {
display: none;
}
.package_t_box .t-box-wrap .t-box-label {
margin: 0 0 0 ;
padding: 15px 0 5px;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
opacity: 0.7;

border-radius:5px 5px 0 0;
background: transparent;
backdrop-filter: blur(6px);
--webkit-backdrop-filter: blur(6px);
background-color: rgba(255, 255, 255, 0.5);
width:218px;
}
.package_t_box .t-box-wrap .t-box-label img{
display:inline;
margin-top:5px;
}
.package_t_box .t-box-wrap .t-box-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
border-radius: 0 0 10px 10px;
background-color: rgba(255, 255, 255, 1.0);
}
/* アクティブなタブ */
.package_t_box .t-box-wrap .t-box-switch:checked+.t-box-label {
margin: 0 0 0 ;
padding: 15px 0 5px;
position:relative;
display:block;
cursor: pointer;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
opacity: 1.0;
border-radius:5px 5px 0 0;
background-color: rgba(255, 255, 255, 1.0);
}

.package_t_box .t-box-switch:checked+.t-box-label+.t-box-content {
height: auto;
padding: 30px 30px 40px;
opacity: 1;
transition: .3s opacity;

}
.t-box-column{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}
.t-box-column h4{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 24px;
line-height: 30px;
text-align: left;
color: #5690bb;
}
.t-box-column_l{
margin: 0 0 ;
padding: 0 0;
position:relative;
width:354px;
}
.t-box-column_l .t_box_before_img{
margin: 0 auto 80px;
padding: 0 0;
position:relative;
}
ul.t-box_before_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: left;
}
ul.t-box_before_list li{
margin: 0 auto 5px;
padding: 10px 30px 10px 10px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
background-color:#F5F7FB;
font-weight: bold;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3C3C3C;
}
ul.t-box_before_list li em{
margin: 0 10px 0 0;
padding: 0 0;
position:relative;
font-family: Helvetica;
font-weight: bold;
font-size: 24px;
line-height: 24px;
text-align: left;
color: #5690bb;
letter-spacing: 0.0em;
}
ul.t-box_before_list li b{
color: #5690bb;
}
ul.t-box_before_list li img{
position:absolute;
top:calc(50% - 10px);
right:10px;
}
.t-box-column_l p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
.t-box-column_r{
margin: 0 0 ;
padding: 0 0;
position:relative;
width:436px;
}
.t-box_slide_wrap {
width: 436px;
margin: 0 0;
overflow: hidden;
}
.t-box_slider{
margin-bottom:20px;
}
.t-box_slide_wrap .swiper-slide img {
width: 100%;
/*height: 327px;*/
object-fit: cover;
border-radius:0;
}
.t-box_slide_wrap .t-box_thumbnail {
margin: 0 auto;
padding: 0 0;
position:relative;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-wrapper{

}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide {
cursor: pointer;
margin: 0 0;
padding: 10px 0;
position:relative;
border:1px solid #ccc;
border-radius:10px;
min-height:205px;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide-thumb-active {
border:3px solid #5690bb;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide-thumb-active:after {
position: absolute;
top: -20px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 0 15px 20px 15px;
border-style: solid;
border-color: transparent transparent #5690bb transparent;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide h5{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide p{
margin: 0 10px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.03em;
line-height: 16px;
text-align: center;
color: #3c3c3c;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide img {
width: auto;
height: 75px;
display:inline;
}
.t-box_slide_wrap .t-box_btn{
position: absolute;
top: 48%;
left: 0;
right: 0;
text-align:center;
margin:auto;
z-index:10;
display:none;
}
.t-box_slide_wrap .t-box_btn .t-box-button-prev{
position: absolute;
left:10px;
z-index:10;
cursor: pointer;
}
.t-box_slide_wrap .t-box_btn .t-box-button-next{
position: absolute;
right:10px;
z-index:10;
cursor: pointer;
}
.t-box_slide_wrap .t-box_btn .t-box-button-prev:after {
position: absolute;
top: 0px;
left: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 15px 10px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
.t-box_slide_wrap .t-box_btn .t-box-button-next:after {
position: absolute;
top: 0px;
right: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 0 10px 15px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}

.lend_links_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_links_btn a{
margin-left:15px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#5690BB;
}
.lend_links_btn a:nth-child(2){
background-color:#e66666;
}

section.lend_flow{
margin: 0 auto 50px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_flow h4{
margin: 30px auto 10px;
padding: 0 30px ;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
}
section.lend_flow p{
margin: 0 auto;
padding: 0 30px ;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
section.lend_flow .lend_flow_img{
margin: -150px 0 0;
padding: 0 0 ;
position:relative;
text-align: left;
}

section.lend_service{
margin: 0 auto 50px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_service p{
margin: 0 auto 30px;
padding: 0 30px ;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
section.lend_service ul.about_us_list{
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
section.lend_service ul.about_us_list li:nth-child(1){
margin-left: 50px;
}
section.lend_service ul.about_us_list li:nth-child(2){
margin-right: 50px;
}
section.lend_service ul.about_us_list li{
margin: 0 10px 20px;
width:30%;
}

section.lend_sumotto{
margin: 0 auto 50px;
padding: 30px 30px 10px;
position:relative;
text-align: left;
border-radius: 10px 10px 0px 0px;
background: #f4f7fb;
}
section.lend_sumotto h3{
margin: 0 auto 20px;
padding: 0;
position:relative;
text-align: center;
}
section.lend_sumotto h3 span{
padding: 5px 30px;
font-weight: bold;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 16.5px;
background: #5690bb;
}
section.lend_sumotto h3 em{
margin: 15px auto 0;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: center;
color: #3c3c3c;
display:block;
}
section.lend_sumotto ul.sumotto_list{
margin: 0 auto;
padding: 0;
position:relative;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
section.lend_sumotto ul.sumotto_list li{
margin: 0 0 20px;
padding: 30px 30px;
position:relative;
text-align: left;
width:436px;
border-radius: 10px;
background: #fff;
}
section.lend_sumotto ul.sumotto_list li h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
section.lend_sumotto ul.sumotto_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}


.lend_line_btn{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_line_btn a{
margin: 0 auto 50px;
padding: 30px 0;
position:relative;
width: 684px;
border-radius: 10px;
background: #00ba01;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
font-weight: 700;
font-size: 28px;
line-height: 28px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-decoration:none;
display:block;
}
.lend_line_btn a small{
padding-right:20px;
font-weight: 500;
font-size: 22px;
line-height: 22px;
}
.lend_line_btn a:hover{
filter: saturate(150%);
text-decoration: none;
}

ul.lend_consultation_list li h4{
margin: 5px auto 15px;

font-size: 18px;
line-height: 24px;
display: flex;
align-items:center;
justify-content:center;
height:40px;
}

section.lend_request_property_info{
margin: 0 auto 40px;
padding: 0;
position:relative;
text-align: center;
}
section.lend_request_property_info ul.purchase_form li input,
section.lend_request_property_info ul.purchase_form li select{
width:240px;
padding: 10px;
}
section.lend_request_property_info ul.purchase_form li .start_btn a{
padding:5px 50px;
}
section.lend_request_property_info ul.purchase_form li  p{
margin: 0 auto ;
padding: 0 0 10px;
position:relative;
font-weight: bold;
font-size: 13px;
text-align: center;
color: #3c3c3c;
letter-spacing: 0.0em;

}
/*　ボタン開閉　*/
.open_btn {
width:82%;
margin:0 auto;
  position: relative;
  cursor: pointer;
  padding: 18px 60px 18px 24px;
  background: #e66666;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 6px;
  transition: opacity 0.3s ease;
}

.open_btn:hover {
  opacity: 0.8;
}

.open_btn::after {
  content: "\2b";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

.open_btn.is-open::after {
  content: "\f068";
}

.hidden_block {
  display: none;
  margin-top: 24px;
}

.lend_difference_box {
  padding: 32px;
  background: #f7f7f7;
  border-radius: 8px;
}

.six_years_later p {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
}

}

/* ===========================
 貸したい_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.lend-page .kv{
margin: 0 auto -80px;
}
main.lend-page .kv_inner{
background-image: url(../images/lend/kv_lend_top.jpg);
	height:270px;
	background-position:75% 70%;
background-size: 170%;
}
main.lend-page .kv_inner .kv_tit{
padding: 80px 20px 0px;
}
section.lend_section{
margin: 0 0 50px;
padding: 0 0;
position:relative;
z-index:10;
}
.lend_top_nav{
margin: 0 15px 15px;
padding: 20px 0px 0px;
position:relative;
border-radius: 10px;
background: transparent;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(8px);
--webkit-backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.8);
}
.lend_top_nav h3{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.00em;
text-align: center;
color: #010100;
}
.lend_top_nav h3 em{
color: #5690BB;
}
.lend_top_nav p{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.05em;
text-align: center;
color: #3c3c3c;
}
.lend_top_nav .lend_top_btn{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_top_nav .lend_top_btn a{
padding: 10px 20px;
position:relative;
font-weight: bold;
font-size: 14px;
line-height: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
display:inline-block;
}
.lend_top_nav ul.kv_nav-list2{
margin: 0 auto ;
padding: 12px 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
background-color:#f4f7fb;
border-radius: 0 0 10px 10px;
}
.lend_top_nav ul.kv_nav-list2 li{
margin: 0 0 0 ;
padding: 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:center;
border-left:1px solid #707070;
width:33%;
}
.lend_top_nav ul.kv_nav-list2 li:nth-child(1){border:none;}
.lend_top_nav ul.kv_nav-list2 li a{
margin: 0 0 0 ;
padding: 4px 0;
position:relative;
text-align: center;
display: block;
font-weight: 700;
font-size: 14px;
line-height:18px;
letter-spacing: 0.00em;
color: #3c3c3c;
text-decoration:none;
width:100%;
will-change: transform;
border-radius: 0px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0);
background-color: rgba(255, 255, 255, 0.0);
height:auto;
}
.lend_top_nav ul.kv_nav-list2 li a i{display:block;}
.lend_top_link_btn{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_top_link_btn a{
margin:0 5px;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.00em;
text-align: center;
color: #fff;
background-color:#5690BB;
}

section.lend_counterplan{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align: left;
}
section.lend_counterplan h3{
margin: 0 auto 20px;
padding: 0 0 0 20px;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 18px;
text-align: left;
color: #3c3c3c;
}
section.lend_counterplan h3 em{
color: #5690BB;
}
section.lend_counterplan h4{
margin: 0 auto 10px;
padding: 0 20px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: left;
color: #5690bb;
}
section.lend_counterplan p{
margin: 0 auto 20px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
section.lend_counterplan p em{
color: #5690BB;
}

ul.measures_list{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
text-align: center;
}
ul.measures_list li{
margin: 0 0 20px;
padding: 0 0 40px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
width:auto;
}
ul.measures_list li h5{
margin: 0 0 15px;
padding: 6px 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.measures_list li h6{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;

}
ul.measures_list li .measures_img{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
ul.measures_list li .measures_img img{
display:inline;
width:auto;
}
ul.measures_list li:nth-child(2) .measures_img img{
margin:-20px 0;
}
ul.measures_list li p{
margin: 0 auto 10px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 20px;
text-align:justify;
color: #3c3c3c;
}
ul.measures_list li p a{
margin: 0 ;
padding: 0 0;
position:relative;
font-weight: bold;
text-decoration: underline;
font-size: 13px;
letter-spacing: 0.00em;
text-align: left;
color: #4982ac;
}
ul.measures_list li p a:hover{ text-decoration-thickness: 2px; }
ul.measures_list li .measures_btn{
position:absolute;
text-align: center;
bottom:0;
left:0;
right:0;
margin: auto;
height:34px;
border-top:1px solid #ccc;
width:100%;
cursor: pointer;
}
ul.measures_list li .measures_btn:before {
position: absolute;
top: 4px;
left:0;
right:0;
font-family: "Font Awesome 6 Free";
content:'\2b';
color:#ccc;
font-weight: 400;
font-size: 24px;
line-height: 24px;
}
ul.measures_list li .measures_btn.open:before {
position: absolute;
top: 4px;
left:0;
right:0;
font-family: "Font Awesome 6 Free";
content:'\f068';
color:#ccc;
font-weight: 600;
font-size: 24px;
line-height: 24px;
}

section.lend_difference{
margin: 0 auto 30px;
padding: 0 0 ;
position:relative;
text-align: left;
}
.lend_difference_top{
margin: 0 0;
padding: 20px 0 20px;
position:relative;
text-align: center;
border-radius: 10px 10px 0 0;
background-color:#F4F7FB;
}
.lend_difference_top h3{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 19px;
text-align: center;
color: #3c3c3c;
}
.lend_difference_top h3 em{
color: #5690BB;
}
.lend_difference_img{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_difference_top img{
display:inline;
width:95%;
}
.lend_difference_top h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #010100;
}
.lend_difference_box{
margin: 30px 15px 25px;
padding: 10px 0 30px;
position:relative;
text-align: center;
background-color:#fff;
}
.lend_difference_box:after {
position: absolute;
top: -20px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 0 25px 20px 25px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}

ul.lend_difference_list{
margin: 0 15px 20px;
padding: 0 0;
position:relative;
}
ul.lend_difference_list li{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: left;
}
ul.lend_difference_list li h5{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
color: #3c3c3c;
}
ul.lend_difference_list li em{
color: #56bba7;
}
ul.lend_difference_list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: left;
}
ul.lend_difference_list li p span{
margin: 0 0 0 1.3em;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
display:block;
text-indent:-1.3em;
}
.six_years_later{
margin: 0 15px 25px;
padding: 15px 0 15px;
position:relative;
text-align: center;
border-radius: 10px;
background-color:#CFE2FC;
}
.six_years_later p{
margin: 0 0;
padding: 0 15px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
.lend_difference_box .start_btn a{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#e66666;
}

.package_box{
margin: 0 15px;
padding: 0 0 15px;
position:relative;
text-align: center;
border-radius: 10px;
background-color:#fff;
}
.package_box:after {
position: absolute;
bottom: -18px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 25px 30px 0 30px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.package_box h4{
margin: 0 0 15px;
padding: 6px 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.package_box p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 16px;
line-height:1.6;
text-align: center;
color: #3c3c3c;
}
.package_box p em{
font-size: 20px;
color: #5690BB;
display:block;
}

.package_t_box{
margin: 0 auto;
padding: 20px 10px;
position:relative;
text-align: center;
border-radius: 0 0 10px 10px;
background-color:#CFE2FC;
}
.package_t_box h3{
margin: 0 auto 20px;
padding: 0;
position:relative;
text-align: center;
}
.package_t_box h3 span{
padding: 5px 20px;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #fff;
border-radius: 20px;
background: #5690bb;
}
.package_t_box h3 em{
margin: 15px auto 15px;
font-family: "Zen Antique";
font-weight: normal;
font-size: 22px;
text-align: center;
color: #3c3c3c;
display:block;
}
.package_t_box h3 strong{
margin: 0 auto 0;
font-weight: bold;
font-size: 55px;
line-height: 25px;
text-align: left;
color: #3b4043;
}
.package_t_box p{
margin: 0 auto 25px;
padding: 0 10px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}

.package_t_box .t-box-wrap {
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap: wrap;
min-width:auto;
}
.package_t_box .t-box-switch {
display: none;
}
.package_t_box .t-box-wrap .t-box-label {
margin: 0 0 0 ;
padding: 5px 0 5px;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;
font-weight: bold;
font-size: 14px;
line-height:1.5;
letter-spacing: 0.00em;
text-align: center;
color: #3c3c3c;
opacity: 0.7;

border-radius:5px 5px 0 0;
background: transparent;
backdrop-filter: blur(6px);
--webkit-backdrop-filter: blur(6px);
background-color: rgba(255, 255, 255, 0.5);
width:24%;
}
.package_t_box .t-box-wrap .t-box-label img{
display:inline;
margin-top:5px;
display:none;
}
.package_t_box .t-box-wrap .t-box-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
border-radius: 0 0 10px 10px;
background-color: rgba(255, 255, 255, 1.0);
}
/* アクティブなタブ */
.package_t_box .t-box-wrap .t-box-switch:checked+.t-box-label {
margin: 0 0 0 ;
padding: 5px 0 5px;
position:relative;
display:block;
cursor: pointer;
font-weight: bold;
font-size: 14px;
line-height:1.5;
letter-spacing: 0.00em;
text-align: center;
color: #3c3c3c;
opacity: 1.0;
border-radius:5px 5px 0 0;
background-color: rgba(255, 255, 255, 1.0);
}

.package_t_box .t-box-switch:checked+.t-box-label+.t-box-content {
height: auto;
padding: 15px 15px 20px;
opacity: 1;
transition: .3s opacity;

}
.t-box-column{
margin: 0 auto 30px;
padding: 0 0;
position:relative;

}
.t-box-column h4{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 20px;
line-height: 30px;
text-align: left;
color: #5690bb;
}
.t-box-column_l{
margin: 0 0 10px;
padding: 0 0;
position:relative;
}
.t-box-column_l .t_box_before_img{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
}
.t-box-column_l .t_box_before_img img{
width:100%;
max-width:none;
}
.t-box-column_l .t_box_before_img.v2 img{
margin:0 auto;
width:auto;
max-width:90%;
height:320px;
object-fit: contain;
}
ul.t-box_before_list{
margin: 20px auto 10px;
padding: 0 0;
position:relative;
text-align: left;
}
ul.t-box_before_list li{
margin: 0 auto 5px;
padding: 10px 30px 10px 10px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
background-color:#F5F7FB;
font-weight: bold;
font-size: 13px;
line-height: 13px;
letter-spacing: 0.1em;
text-align: left;
color: #3C3C3C;
}
ul.t-box_before_list li em{
margin: 0 8px 0 0;
padding: 0 0;
position:relative;
font-family: Helvetica;
font-weight: bold;
font-size: 20px;
line-height: 20px;
text-align: left;
color: #5690bb;
letter-spacing: 0.0em;
}
ul.t-box_before_list li b{
color: #5690bb;
}
ul.t-box_before_list li img{
position:absolute;
top:calc(50% - 10px);
right:10px;
}
.t-box-column_l p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
}
.t-box-column_r{
margin: 0 0 ;
padding: 0 0;
position:relative;
width:auto;
}
.t-box_slide_wrap {
width: auto;
margin: 0 0;
overflow: hidden;
}
.t-box_slider{
margin-bottom:20px;
}
.t-box_slide_wrap .swiper-slide img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius:0;
}
.t-box_slide_wrap.v2 .swiper-slide img {
margin:0 auto;
width: auto;
height: 320px;
object-fit: contain;
border-radius:0;
}
.t-box_slide_wrap .t-box_thumbnail {
margin: 0 auto;
padding: 0 0;
position:relative;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-wrapper{

}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide {
cursor: pointer;
margin: 0 0;
padding: 10px 0;
position:relative;
border:1px solid #ccc;
border-radius:10px;
min-height:205px;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide-thumb-active {
border:3px solid #5690bb;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide-thumb-active:after {
position: absolute;
top: -20px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 0 15px 20px 15px;
border-style: solid;
border-color: transparent transparent #5690bb transparent;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide h5{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide p{
margin: 0 10px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.01em;
line-height: 16px;
text-align: center;
color: #3c3c3c;
}
.t-box_slide_wrap .t-box_thumbnail .swiper-slide img {
width: 60%;
height: auto;
display:inline;
}
.t-box_slide_wrap .t-box_btn{
position: absolute;
top: 48%;
left: 0;
right: 0;
text-align:center;
margin:auto;
z-index:10;
display:none;
}
.t-box_slide_wrap .t-box_btn .t-box-button-prev{
position: absolute;
left:10px;
z-index:10;
cursor: pointer;
}
.t-box_slide_wrap .t-box_btn .t-box-button-next{
position: absolute;
right:10px;
z-index:10;
cursor: pointer;
}
.t-box_slide_wrap .t-box_btn .t-box-button-prev:after {
position: absolute;
top: 0px;
left: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 15px 10px 0;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
.t-box_slide_wrap .t-box_btn .t-box-button-next:after {
position: absolute;
top: 0px;
right: 0;
width: 15px;
height: 10px;
content: '';
border-width: 10px 0 10px 15px;
border-style: solid;
border-color: transparent transparent transparent #fff;
}

.lend_links_btn{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_links_btn a{
margin:0 30px 10px;
padding: 8px 20px;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
text-align: left;
color: #fff;
background-color:#5690BB;
white-space:nowrap;
display:inline-block;
}
.lend_links_btn a:nth-child(2){
background-color:#e66666;
}

section.lend_flow{
margin: 0 auto 40px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_flow h4{
margin: 20px auto 5px;
padding: 0 30px ;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 22px;
text-align: left;
color: #3c3c3c;
}
section.lend_flow p{
margin: 0 auto 15px;
padding: 0 30px ;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
section.lend_flow .lend_flow_img{
margin: 0 auto 0;
padding: 0 30px ;
position:relative;
text-align: left;
}

section.lend_service{
margin: 0 auto 30px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_service p{
margin: 0 auto 30px;
padding: 0 30px ;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
section.lend_service ul.about_us_list{
margin: 0 0;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
section.lend_service ul.about_us_list li:nth-child(1){
width:46%;
}
section.lend_service ul.about_us_list li:nth-child(2){
width:46%;
}
section.lend_service ul.about_us_list li{
margin: 0 4px 10px;
width:30%;
}

section.lend_sumotto{
margin: 0 auto 40px;
padding: 30px 30px 15px;
position:relative;
text-align: left;
border-radius: 10px 10px 0px 0px;
background: #f4f7fb;
}
section.lend_sumotto h3{
margin: 0 auto 20px;
padding: 0;
position:relative;
text-align: center;
}
section.lend_sumotto h3 span{
padding: 5px 20px;
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 16.5px;
background: #5690bb;
}
section.lend_sumotto h3 em{
margin: 15px auto 0;
font-family: "Zen Antique";
font-weight: normal;
font-size: 24px;
text-align: center;
color: #3c3c3c;
display:block;
}
section.lend_sumotto ul.sumotto_list{
margin: 0 auto;
padding: 0;
position:relative;
}
section.lend_sumotto ul.sumotto_list li{
margin: 0 0 15px;
padding: 20px 20px;
position:relative;
text-align: left;
width:auto;
border-radius: 10px;
background: #fff;
}
section.lend_sumotto ul.sumotto_list li h4{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
section.lend_sumotto ul.sumotto_list li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}

.lend_line_btn{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align: center;
}
.lend_line_btn a{
margin: 0 auto;
padding: 20px 0;
position:relative;
width: 300px;
border-radius: 10px;
background: #00ba01;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
font-weight: 700;
font-size: 22px;
line-height: 22px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
text-decoration:none;
display:block;
}
.lend_line_btn a small{
margin-bottom:10px;
font-weight: 500;
font-size: 15px;
line-height: 15px;
display:block;
}
/*　ボタン開閉　*/
.open_btn {
margin: 0 15px 20px;
  position: relative;
  padding: 12px 42px 12px 12px;
  background: #e66666;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 5px;
}

.open_btn::after {
  content: "\2b";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}

.open_btn.is-open::after {
  content: "\f068";
}

.hidden_block {
  display: none;
  margin-top: 18px;
}

.lend_difference_box {
  padding: 20px;
  background: #f7f7f7;
  border-radius: 6px;
}

.six_years_later p {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

}

/* ===========================
 管理委託の流れ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.lend-process .kv{
margin: 0 auto 60px;
}
main.lend-process .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.lend-process .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.lend-process .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property{
margin: 0 auto 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property b{
margin-right:30px;
font-weight: bold;
font-size: 20px;
line-height:1.3;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property b img{
width:90px;
}
main.lend-process .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 55px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

section.lend-process_section{
margin: 0 0 100px;
padding: 0 0;
position:relative;
z-index:10;
}
section.lend-process_section p{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}

.lend-process_flow{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
width: auto;
}
.lend-process_flow .tab-wrap {
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap: wrap;
min-width:auto;
}
.lend-process_flow .tab-switch {
display: none;
}
.lend-process_flow .tab-wrap .tab-label {
margin: 0 0 0 ;
padding: 12px 0;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;

font-weight: bold;
font-size: 18px;
line-height:1.4;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
white-space: nowrap;
border-radius:5px 5px 0 0;
background-color: #5690BB;
width:49%;
}

.lend-process_flow .tab-wrap .tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
border-radius: 0 0 10px 10px;
background-color: #f4f7fb;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
/* アクティブなタブ */
.lend-process_flow .tab-wrap .tab-switch:checked+.tab-label {
margin: 0 0 0 ;
padding: 12px 0 ;
position:relative;
display:block;
cursor: pointer;

font-weight: bold;
font-size: 18px;
line-height:1.4;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
white-space: nowrap;
border-radius:5px 5px 0 0;
background-color: #F4F7FB;
}
.lend-process_flow .tab-wrap .tab-switch:checked+.tab-label:after {
content: '';
width: 100%;
height: 6px;
background: #5690BB;
display: block;
position:absolute;
top:0;
border-radius:5px 5px 0 0;
}
.lend-process_flow .tab-switch:checked+.tab-label+.tab-content {
height: auto;
padding: 30px 30px 40px;
opacity: 1;
transition: .3s opacity;
}

ul.lend-process_flow-list{
margin: 0 auto 50px;
padding: 0 0 0;
position:relative;
width: auto;
}
ul.lend-process_flow-list li {
margin: 0 0 42px 50px;
padding: 25px 40px;
position:relative;
width: auto;
border-radius:10px;
background-color:#fff;
}
ul.lend-process_flow-list li:after {
position: absolute;
bottom: -31px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 20px 25px 0 25px;
border-style: solid;
border-color: #5690BB transparent transparent transparent;
}
ul.lend-process_flow-list li:nth-last-child(1):after {
content: none;
}
ul.lend-process_flow-list li .circle{
position: absolute;
top:-10px;
left:-50px;
display: inline-block;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #5690BB;
}
ul.lend-process_flow-list li .circle em{
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :70px;
font-family: Helvetica;
font-weight: bold;
font-size: 24px;
line-height: 26px;
text-align: center;
color: #fff;
}
ul.lend-process_flow-list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
ul.lend-process_flow-list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}

ul.lend-process_flow-list li .circle em:before {
position: absolute;
bottom: -1px;
left: calc(50% - 15px);
width: 30px;
height: 2px;
content: '';
background: #fff;
}
ul.lend-process_flow-list li .circle em small{
text-align: center;
font-weight: 600;
font-size: 10px;
line-height: 15px;
color:#fff;
display:block;
}
ul.lend-process_link{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
}
ul.lend-process_link li{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.lend-process_link li h5{
margin: 0 0 15px;
padding: 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 14px;
text-align: center;
color: #3c3c3c;
}
ul.lend-process_link li a{
padding: 10px 60px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
display:block;
}
ul.lend-process_link li:nth-child(2) a{
background-color:#00BA01;
}


}

/* ===========================
 管理委託の流れ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.lend-process .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.lend-process .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.lend-process .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.lend-process .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property{
margin: 0 0 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property b{
margin-right:10px;
line-height:1.0;
flex-shrink: 0;
width:50px;
}
main.lend-process .kv_inner .kv_tit .kv_tit_property b img{
width:50px;
display:inline-block;
}
main.lend-process .kv_inner .kv_tit strong{
color:#3C3C3C;
line-height:1.3;
}

section.lend-process_section{
margin: 0 0 50px;
padding: 0 0;
position:relative;
z-index:10;
}
section.lend-process_section p{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}

.lend-process_flow{
margin: 0 10px 40px;
padding: 0 0 0;
position:relative;
width: auto;
}
.lend-process_flow .tab-wrap {
margin: 0 auto ;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap: wrap;
min-width:auto;
}
.lend-process_flow .tab-switch {
display: none;
}
.lend-process_flow .tab-wrap .tab-label {
margin: 0 0 0 ;
padding: 12px 0;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;

font-weight: 500;
font-size: 13px;
line-height:1.4;
letter-spacing: 0.00em;
text-align: center;
color: #fff;
white-space: nowrap;
border-radius:5px 5px 0 0;
background-color: #5690BB;
width:49%;
}

.lend-process_flow .tab-wrap .tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
border-radius: 0 0 10px 10px;
background-color: #f4f7fb;
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
/* アクティブなタブ */
.lend-process_flow .tab-wrap .tab-switch:checked+.tab-label {
margin: 0 0 0 ;
padding: 12px 0 ;
position:relative;
display:block;
cursor: pointer;

font-weight: 500;
font-size: 13px;
line-height:1.4;
letter-spacing: 0.00em;
text-align: center;
color: #010100;
white-space: nowrap;
border-radius:5px 5px 0 0;
background-color: #F4F7FB;
}
.lend-process_flow .tab-wrap .tab-switch:checked+.tab-label:after {
content: '';
width: 100%;
height: 5px;
background: #5690BB;
display: block;
position:absolute;
top:0;
border-radius:5px 5px 0 0;
}
.lend-process_flow .tab-switch:checked+.tab-label+.tab-content {
height: auto;
padding: 25px 15px 20px;
opacity: 1;
transition: .3s opacity;
}

ul.lend-process_flow-list{
margin: 0 auto 20px;
padding: 0 0 0;
position:relative;
width: auto;
}
ul.lend-process_flow-list li {
margin: 0 0 30px 40px;
padding: 20px 20px;
position:relative;
width: auto;
border-radius:10px;
background-color:#fff;
}
ul.lend-process_flow-list li:after {
position: absolute;
bottom: -25px;
left: 0;
right:0;
margin:auto;
width: 0;
height: 0;
content: '';
border-width: 15px 20px 0 20px;
border-style: solid;
border-color: #5690BB transparent transparent transparent;
}
ul.lend-process_flow-list li:nth-last-child(1):after {
content: none;
}
ul.lend-process_flow-list li .circle{
position: absolute;
top:-10px;
left:-50px;
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #5690BB;
}
ul.lend-process_flow-list li .circle em{
position: absolute;
display: inline-block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width :60px;
font-family: Helvetica;
font-weight: bold;
font-size: 20px;
line-height: 22px;
text-align: center;
color: #fff;
}
ul.lend-process_flow-list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
line-height: 1.4;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
ul.lend-process_flow-list li p{
margin: 0 auto;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}

ul.lend-process_flow-list li .circle em:before {
position: absolute;
bottom: -1px;
left: calc(50% - 12px);
width: 24px;
height: 1px;
content: '';
background: #fff;
}
ul.lend-process_flow-list li .circle em small{
text-align: center;
font-weight: 600;
font-size: 9px;
line-height: 13px;
color:#fff;
display:block;
}
ul.lend-process_link{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
ul.lend-process_link li{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.lend-process_link li h5{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.01em;
line-height: 13px;
text-align: center;
color: #3c3c3c;
}
ul.lend-process_link li a{
padding: 10px 40px;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
background-color:#E66666;
display:inline-block;
}
ul.lend-process_link li:nth-child(2) a{
background-color:#00BA01;
}

}


/* ===========================
 管理サービス_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
section.lend_services_block{
margin: 0 30px 50px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_services_block p{
margin: 0 auto 35px;
padding: 0 0 ;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
section.lend_services_block h4{
margin: 0 auto 15px;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
section.lend_services_block .article_speech_bubble{
margin: -20px auto 35px;
padding: 0 20px 0 0;
position:relative;
display: flex;
align-items:center;
justify-content:space-between;
}
section.lend_services_block .article_speech_bubble p{
margin: 0 0 0;
padding: 25px 30px;
position:relative;
width:757px;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
background-color:#F5F7FB;
border-radius:10px;
}

section.lend_services_section .purchase_block{
margin: 0 auto 50px;
padding: 50px 20px 30px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}

}

/* ===========================
 管理サービス_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
section.lend_services_block{
margin: 0 30px 40px;
padding: 0 0 ;
position:relative;
text-align: left;
}
section.lend_services_block p{
margin: 0 auto 25px;
padding: 0 0 ;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
section.lend_services_block h4{
margin: 0 auto 10px;
padding: 0 0 ;
position:relative;
font-weight: bold;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.05em;
text-align: left;
color: #5690bb;
}
section.lend_services_block .article_speech_bubble{
margin: -10px auto 20px;
padding: 0 0px 0;
position:relative;
display: flex;
flex-direction: column;
}
section.lend_services_block .article_speech_bubble div{
margin: 0 0 0 60px;
padding: 0 0;
position:relative;
order:2;
}
section.lend_services_block .article_speech_bubble div img{
width:90px;
margin-top:-10px;
}
section.lend_services_block .article_speech_bubble p{
margin: 0 0 0;
padding: 20px 20px;
position:relative;
width:auto;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 20px;
text-align: left;
color: #3c3c3c;
background-color:#F5F7FB;
border-radius:10px;
order:1;
}

section.lend_services_section .purchase_block{
margin: 0 20px 40px;
padding: 40px 20px 20px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}


}




/* ===========================
 鳥屋野のリフォームパッケージT-BOX_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
.lend-renovation .kv{
margin: 0 auto 60px;
}
main.lend-renovation .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.lend-renovation .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.lend-renovation .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.lend-renovation .kv_inner .kv_tit small{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 22px;
line-height:1.8;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:block;
}
main.lend-renovation .kv_inner .kv_tit em{
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 60px;
line-height:1.5;
text-align: left;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
main.lend-renovation .kv_inner .kv_tit b{
font-weight: bold;
font-size: 28px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}
main.lend-renovation .kv_inner .kv_tit strong{
padding-top:0px;
padding-bottom:0px;
font-weight: bold;
font-size: 65px;
line-height:65px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display:inline-block;
}

section.lend-renovation_section p.leda_txt{
margin: 0 0 50px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

ul.lend-renovation_list{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.lend-renovation_list li{
margin: 0 0;
padding: 0 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
width:220px;
}
ul.lend-renovation_list li h5{
margin: 0 0 15px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.01em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.lend-renovation_list li h6{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
ul.lend-renovation_list li .renovation_t_box_img{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.lend-renovation_list li .renovation_t_box_img img{
display:inline;
}
ul.lend-renovation_list li p{
margin: 0 auto 20px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 21px;
text-align:justify;
color: #3c3c3c;
}
ul.lend-renovation_list li a{
margin: 0 20px;
background-color:#5690bb;
display:block;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
padding:10px;
}

.t_box_box{
margin: 0 auto 50px;
padding: 0 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
}
.t_box_box h3{
margin: 0 0 15px;
padding: 8px 20px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:flex-start;
}
.t_box_box h3 span{
margin-left:20px;
font-weight: bold;
font-size: 28px;
line-height: 38px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
.t_box_box h3 span small{
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24px;
text-align: left;
color: #fff;
display:block;
}
.t_box_owner_box{
margin: 0 15px 30px;
padding: 30px 60px 40px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #F4F7FB;
}
.t_box_owner_box h4{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: center;
color: #3c3c3c;
}
ul.owner_osusume_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
display:inline-block;
}
ul.owner_osusume_list li{
margin: 0 auto;
padding: 0 0 0 28px;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 30px;
text-align: left;
color: #3c3c3c;
background-image: url(../images/lend/icon_check.svg);
background-repeat: no-repeat;
background-position: left top 50%;
background-size: auto;
}
ul.owner_osusume_list2{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.owner_osusume_list2 li{
margin: 0 0;
padding: 0 0;
position:relative;
width:390px;
}
ul.owner_osusume_list2 li h5{
margin: 20px 0 15px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: left;
color: #56bba7;
}
ul.owner_osusume_list2 li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
}
ul.owner_osusume_list2 li p em{
color: #56bba7;
font-weight: bold;
}
ul.owner_osusume_list2 li p b{
color: #E66666;
font-weight: bold;
}

.t_box_table_wrap{
margin: 0 20px 30px;
padding: 0 0;
position:relative;
text-align: center;
}
table.t_box_table{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: center;
border:1px solid #ccc;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
overflow: hidden;
}
table.t_box_table th img,
table.t_box_table td img{
display:inline;
vertical-align:top;
}
table.t_box_table th{
margin: 0 0;
padding: 15px 0;
position:relative;
background-color:#F5F7FB;
font-weight: 500;
font-size: 14px;
line-height: 14px;
text-align: center;
color: #5690bb;
border-top:1px solid #ccc;
width:190px;
vertical-align:top;
}
table.t_box_table tr:nth-child(1) th{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
border-top:0px solid #ccc;
vertical-align:middle;
}
table.t_box_table td{
margin: 0 0;
padding: 15px 0;
position:relative;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
color: #3c3c3c;
border-top:1px solid #ccc;
vertical-align:top;
width:245px;
}
table.t_box_table td b{
color:#E66666;
}
table.t_box_table td em{
color:#56BBA7;
}
table.t_box_table tr:nth-child(1) td{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
border-top:0px solid #ccc;
vertical-align:middle;
}
table.t_box_table tr:nth-child(1) td small{
margin-bottom:5px;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
color: #3c3c3c;
display:block;
}
table.t_box_table tr:nth-child(1) td span{
margin-bottom:5px;
padding: 2px 0;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 21px;
text-align: center;
color: #fff;
display:block;
background-color:#E66666;
display: flex;
align-items:center;
justify-content:center;
}
table.t_box_table tr:nth-child(1) td span img{
margin-right:5px;
}
.t_box_icon{
margin: 10px 0 0 15px;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
}
.t_box_icon img{
margin-right:2px;
margin-bottom:2px;
}
table.t_box_table tr td:nth-child(3){
border-left:4px solid #aaddb8;
border-right:4px solid #aaddb8;
background-color:#ffffcc;
}
table.t_box_table tr:nth-last-child(1) td:nth-child(3){
border-bottom:4px solid #aaddb8;
}
table.t_box_table tr:nth-child(1) td:nth-child(3),
table.t_box_table tr:nth-child(2) td:nth-child(3){
background-color:#fff;
}
.t_box_box p.center_txt_style{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: center;
color: #3c3c3c;
}
.t_box_box p.center_txt_style b{
font-weight: bold;
color:#E66666;
}
.t_box_box p.center_txt_style em{
font-weight: bold;
color:#56BBA7;
}
.t_box_box ul.purchase_toyano_link li a{
padding: 10px 30px;
display:inline-block;
}

#t_box2 ul.owner_osusume_list2{
justify-content:center;
}
#t_box2 ul.owner_osusume_list2 li{
margin: 0 0;
padding: 0 0;
position:relative;
width:553px;
}

#t_box3 ul.owner_osusume_list2{
justify-content:center;
}
#t_box3 ul.owner_osusume_list2 li{
margin: 0 auto;
padding: 0 0;
position:relative;
width:553px;
}
#t_box3 ul.owner_osusume_list2 li div img{
display:inline;
}
#t_box3 table.t_box_table tr:nth-child(2) th,
#t_box4 table.t_box_table tr:nth-child(2) th{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: right;
color: #3c3c3c;
padding-right:10px;
}
#t_box3 table.t_box_table tr:nth-child(3) th,
#t_box4 table.t_box_table tr:nth-child(3) th{
font-weight: bold;
font-size: 22px;
letter-spacing: 0.1em;
text-align: right;
color: #5690bb;
padding-right:10px;
}
#t_box3 table.t_box_table tr:nth-child(3) td:nth-child(3){
background-color:#fff;
}

#t_box4 ul.owner_osusume_list2{
justify-content:center;
}
#t_box4 ul.owner_osusume_list2 li{
margin: 0 auto;
padding: 0 0;
position:relative;
width:614px;
}
#t_box4 table.t_box_table tr:nth-child(2) td{
padding: 15px 0 5px;
}
#t_box4 table.t_box_table tr:nth-child(2) td img{
margin-bottom:10px;
}
#t_box4 table.t_box_table tr:nth-child(1) td{
padding: 15px 0;
}
#t_box4 table.t_box_table tr td:nth-child(3){
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}
#t_box4 table.t_box_table tr:nth-last-child(1) td:nth-child(3){
border-bottom:0px solid #ccc;
}

.voice_wrap{
margin: 0 auto 50px;
padding: 30px 30px 30px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
display: flex;
align-items:flex-start;
justify-content:space-between;
}
.voice_wrap .voice_box{
margin: 0 0;
padding: 30px 0 0;
position:relative;
background-color:#fff;
border-radius:5px;
width:436px;
}
.voice_wrap .voice_box h4{
margin: 0 0 20px;
padding: 0 25px;
position:relative;
font-weight: bold;
font-size: 18px;
line-height:1.5;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
}
.voice_wrap .voice_box p{
margin: 0 0 25px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
.voice_wrap .voice_box small{
margin: 0 0;
padding: 20px 25px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.1em;
text-align: right;
color: #3c3c3c;
display:block;
border-top:1px solid #ccc;
}

section.lend-renovation_section .purchase_block{
margin: 0 auto 50px;
padding: 50px 20px 30px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}

}

/* ===========================
 鳥屋野のリフォームパッケージT-BOX_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.lend-renovation {
overflow: hidden;
}
main.lend-renovation .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.lend-renovation .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.lend-renovation .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.lend-renovation .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 0 0 15px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
height:130px;
}
main.lend-renovation .kv_inner .kv_tit small{
margin: 20px 0 0;
padding: 0 0 0;
position:relative;
font-family: "Zen Antique", serif;
font-weight: 400;
font-size: 12px;
line-height:1.5;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
width:100%;
}
main.lend-renovation .kv_inner .kv_tit b{
margin: 0 0 20px;
padding: 0 0 0;
font-weight: bold;
font-size: 15px;
line-height:1.4;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
}
main.lend-renovation .kv_inner .kv_tit strong{
margin: 0 0 20px 10px;
padding: 0 0 0;
font-weight: bold;
font-size: 40px;
line-height:40px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

section.lend-renovation_section p.leda_txt{
margin: 0 20px 30px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #3c3c3c;
}

ul.lend-renovation_list{
margin: 0 15px 20px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.lend-renovation_list li{
margin: 0 0 20px;
padding: 0 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
width:48.5%;
}
ul.lend-renovation_list li h5{
margin: 0 0 12px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.00em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.lend-renovation_list li:nth-child(4) h5{
font-size: 12px;
}
ul.lend-renovation_list li h6{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: center;
color: #3c3c3c;
}
ul.lend-renovation_list li .renovation_t_box_img{
margin: 0 auto 5px;
padding: 0 0;
position:relative;
text-align: center;
}
ul.lend-renovation_list li .renovation_t_box_img img{
display:inline;
width:50%;
}
ul.lend-renovation_list li p{
margin: 0 auto 15px;
padding: 0 15px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align:justify;
color: #3c3c3c;
}
ul.lend-renovation_list li a{
margin: 0 15px;
background-color:#5690bb;
display:block;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
padding:10px;
}

.t_box_box{
margin: 0 15px 30px;
padding: 0 0 10px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
}
.t_box_box h3{
margin: 0 0 10px;
padding: 5px 15px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:flex-start;
}
.t_box_box h3 img{
width:60px;
}
.t_box_box h3 span{
margin-left:15px;
font-weight: bold;
font-size: 18px;
line-height: 1.8;
letter-spacing: 0.05em;
text-align: left;
color: #fff;
}
.t_box_box h3 span small{
font-weight: normal;
font-size: 11px;
letter-spacing: 0.01em;
line-height: 1.3;
text-align: left;
color: #fff;
display:block;
}

.t_box_owner_box{
margin: 0 10px 20px;
padding: 20px 20px 5px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #F4F7FB;
}
.t_box_owner_box h4{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 20px;
text-align: center;
color: #3c3c3c;
}
ul.owner_osusume_list{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align: center;
display:inline-block;
}
ul.owner_osusume_list li{
margin: 0 auto 10px;
padding: 0 0 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
background-image: url(../images/lend/icon_check.svg);
background-repeat: no-repeat;
background-position: left top 2px;
background-size: 15px auto;
}
ul.owner_osusume_list2{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align: center;
}
ul.owner_osusume_list2 li{
margin: 0 0 30px;
padding: 0 0;
position:relative;
width:auto;
}
ul.owner_osusume_list2 li h5{
margin: 15px 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.05em;
text-align: left;
color: #56bba7;
}
ul.owner_osusume_list2 li p{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
ul.owner_osusume_list2 li p em{
color: #56bba7;
font-weight: bold;
}
ul.owner_osusume_list2 li p b{
color: #E66666;
font-weight: bold;
}
ul.owner_osusume_list2 li div img{
max-width:none;
width:100%;
}

.t_box_table_wrap{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align:center;
overflow-x: scroll;
overflow-y: hidden;
white-space:nowrap;
-webkit-overflow-scrolling: touch;
}
table.t_box_table{
margin: 0 20px 0 20px;
padding: 0 0;
position:relative;
text-align: center;
border:1px solid #ccc;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
overflow: hidden;
width:645px;
}
table.t_box_table th img,
table.t_box_table td img{
display:inline;
vertical-align:top;
}
table.t_box_table th{
margin: 0 0;
padding: 8px 8px;
position:relative;
background-color:#F5F7FB;
font-weight: 500;
font-size: 11px;
line-height: 1.4;
text-align: center;
color: #5690bb;
border-top:1px solid #ccc;
width:22%;
vertical-align:middle;
}
table.t_box_table tr:nth-child(1) th{
margin: 0 0;
padding: 8px 8px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #3c3c3c;
border-top:0px solid #ccc;
vertical-align:middle;
}
table.t_box_table tr:nth-child(2) th{
vertical-align:top;
}
table.t_box_table td{
margin: 0 0;
padding: 8px 8px;
position:relative;
font-weight: 500;
font-size: 11px;
line-height: 1.5;
text-align: center;
color: #3c3c3c;
border-top:1px solid #ccc;
vertical-align:top;
width:26%;
}
table.t_box_table td b{
color:#E66666;
}
table.t_box_table td em{
color:#56BBA7;
}
table.t_box_table tr:nth-child(1) td{
margin: 0 0;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.05em;
text-align: center;
color: #3c3c3c;
border-top:0px solid #ccc;
vertical-align:middle;
}
table.t_box_table tr:nth-child(1) td small{
margin-bottom:5px;
font-weight: 500;
font-size: 11px;
line-height: 1.4;
text-align: center;
color: #3c3c3c;
display:block;
}
table.t_box_table tr:nth-child(1) td span{
margin-bottom:5px;
padding: 2px 0;
font-weight: bold;
font-size: 10px;
letter-spacing: 0.05em;
line-height: 14px;
text-align: center;
color: #fff;
display:block;
background-color:#E66666;
display: flex;
align-items:center;
justify-content:center;
}
table.t_box_table tr:nth-child(1) td span img{
margin-right:4px;
width:11px;
}
.t_box_icon{
margin: 5px 0 0 0;
padding: 0 0;
position:relative;
display: flex;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
}
.t_box_icon img{
margin-right:2px;
margin-bottom:2px;
width:46px;
}
table.t_box_table tr td:nth-child(3){
border-left:3px solid #aaddb8;
border-right:3px solid #aaddb8;
background-color:#ffffcc;
}
table.t_box_table tr:nth-last-child(1) td:nth-child(3){
border-bottom:3px solid #aaddb8;
}
table.t_box_table tr:nth-child(1) td:nth-child(3),
table.t_box_table tr:nth-child(2) td:nth-child(3){
background-color:#fff;
}
.t_box_box p.center_txt_style{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.01em;
line-height: 1.5;
text-align: left;
color: #3c3c3c;
}
.t_box_box p.center_txt_style b{
font-weight: bold;
color:#E66666;
}
.t_box_box p.center_txt_style em{
font-weight: bold;
color:#56BBA7;
}
.t_box_box ul.purchase_toyano_link li a{
padding: 10px 10px;
display:inline-block;
}

#t_box3 table.t_box_table tr:nth-child(2) th,
#t_box4 table.t_box_table tr:nth-child(2) th{
font-weight: bold;
font-size: 13px;
letter-spacing: 0.1em;
text-align: right;
color: #3c3c3c;
padding-right:10px;
vertical-align:top;
}
#t_box3 table.t_box_table tr:nth-child(3) th,
#t_box4 table.t_box_table tr:nth-child(3) th{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: right;
color: #5690bb;
padding-right:10px;
vertical-align:top;
}
#t_box3 table.t_box_table tr:nth-child(3) td:nth-child(3){
background-color:#fff;
}

#t_box4 table.t_box_table tr:nth-child(2) td{
padding: 8px 8px 0;
}
#t_box4 table.t_box_table tr:nth-child(2) td img{
margin-bottom:10px;
display:block;
}
#t_box4 table.t_box_table tr:nth-child(1) td{
padding: 10px 0;
}
#t_box4 table.t_box_table tr td:nth-child(3){
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}
#t_box4 table.t_box_table tr:nth-last-child(1) td:nth-child(3){
border-bottom:0px solid #ccc;
}

.voice_wrap{
margin: 0 15px 40px;
padding: 15px 15px 1px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
.voice_wrap .voice_box{
margin: 0 auto 20px;
padding: 30px 0 0;
position:relative;
background-color:#fff;
border-radius:5px;
width:auto;
}
.voice_wrap .voice_box h4{
margin: 0 0 15px;
padding: 0 20px;
position:relative;
font-weight: bold;
font-size: 15px;
line-height:1.5;
letter-spacing: 0.05em;
text-align: left;
color: #3c3c3c;
}
.voice_wrap .voice_box p{
margin: 0 0 20px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
.voice_wrap .voice_box small{
margin: 0 0;
padding: 15px 15px;
position:relative;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.05em;
text-align: right;
color: #3c3c3c;
display:block;
border-top:1px solid #ccc;
}
section.lend-renovation_section .purchase_block{
margin: 0 20px 40px;
padding: 40px 20px 20px;
position:relative;
background-color:#f4f8fb;
border-radius:5px;
}
section.lend-renovation_section ul.purchase_toyano_link{
padding: 0 0px;
}
section.lend-renovation_section ul.purchase_toyano_link li h5{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align: center;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 16px;
text-align: center;
color: #3c3c3c;
}

}


/* ===========================
 事業紹介_売買事業（土地・建物）_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.business-page{
margin: 0 auto 100px;
}
main.business-page .kv{
margin: 0 auto 50px;
}
main.business-page .kv_inner.buying_selling{
background-image: url(../images/business/kv_buying_selling.jpg);
background-position: right top;
height:405px;
}
main.business-page .kv_inner.rental_agency{
background-image: url(../images/business/kv_rental_agency.jpg);
background-position: right 35%;
height:405px;
}
.business_about{
margin: 0 15px 50px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
.business_about h3{
margin: 0 0 30px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: left;
color: #3c3c3c;
width:100%;
}
.business_about .business_about_l{
/*width:430px;*/
}
.business_about .business_about_p{
display:none;
}
.business_about h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
.business_about p{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: justify;
color: #3c3c3c;
}
p.ld{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: justify;
color: #3c3c3c;
}
.business_about_btn{
margin: 40px auto 0;
padding: 0 0;
position:relative;
text-align: center;
}
.business_about_btn a{
padding:8px 60px;
margin-left:0;
margin-right:15px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#5690BB;
}

.support_features_box{
margin: 0 15px 50px;
padding: 30px 60px 30px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #F4F7FB;
}
.support_features_box h4{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 28px;
text-align: center;
color: #3c3c3c;
}
ul.support_features_list{
margin: 0 auto 0;
padding: 0 0;
position:relative;
text-align: center;
display:inline-block;
}
ul.support_features_list li{
margin: 0 auto 20px;
padding: 0 0 0 28px;
position:relative;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #3c3c3c;
background-image: url(../images/lend/icon_check.svg);
background-repeat: no-repeat;
background-position: left top 8px;
background-size: auto;
}
ul.support_features_list li b{
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 36px;
}

.business_point_box{
margin: 0 auto 50px;
padding: 0 0 30px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
}
.business_point_box h3{
margin: 0 0 15px;
padding: 8px 20px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:flex-start;
}
.business_point_box h3.center{
justify-content: center;
}
.business_point_box h3 em{
display: inline-block;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #fff;
text-align:center;
font-weight: bold;
font-size: 22px;
line-height: 80px;
text-align: center;
color: #5690bb;
}
.business_point_box h3 em.ra{
line-height: 1.2;
padding-top: 12px;
}
.business_point_box h3 span{
margin-left:20px;
font-weight: bold;
font-size: 28px;
line-height: 38px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
.business_point_box h3.center span{
text-align: center;
}
.business_point_box h3 span small{
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: left;
color: #fff;
display:block;
}
ul.operating_method_list{
margin: 0 30px 0;
padding: 25px 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.operating_method_list li{
margin: 0 0 0;
padding: 0 0;
position:relative;
width:290px;
text-align: center;
}
ul.operating_method_list li img{
display:inline;
}
ul.operating_method_list li div{
margin: 5px auto;
padding: 15px 0;
position:relative;
border-radius:10px;
background-color: #f5f7fb;
}
ul.operating_method_list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.operating_method_list li p{
margin: 0 auto 10px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: justify;
color: #3c3c3c;
min-height:160px;
border-bottom:1px solid #ccc;
}
ul.operating_method_list li p.ra{
border-bottom:0px solid #ccc;
}
ul.operating_method_list li h5{
margin: 0 auto;
padding: 0 25px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: justify;
color: #5690bb;
min-height:70px;
}

ul.consulting_support_list{
margin: 0 30px 0;
padding: 25px 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.consulting_support_list li{
margin: 0 0 0;
padding: 0 0;
position:relative;
width:290px;
text-align: center;
background-color: #f5f7fb;
border-radius:0 0 10px 10px;
}
ul.consulting_support_list li img{
display:inline;
}
ul.consulting_support_list li h4{
margin: 10px auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #5690bb;
}
ul.consulting_support_list li p{
margin: 0 auto 10px;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: justify;
color: #3c3c3c;
min-height:140px;
border-bottom:1px solid #ccc;
}
ul.consulting_support_list li p.ra{
border-bottom:0px solid #ccc;
}
ul.consulting_support_list li h5{
margin: 0 auto;
padding: 0 25px;
position:relative;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: justify;
color: #5690bb;
min-height:70px;
}

.business_section ul.about_us_list{
margin-bottom:50px;
}

}
/* ===========================
 事業紹介_売買事業（土地・建物）_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {

main.business-page{
margin: 0 auto 50px;
}
main.business-page .kv_inner.buying_selling{
background-image: url(../images/business/kv_buying_selling.jpg);
background-position: 95% top;
height:270px;
}
main.business-page .kv_inner.rental_agency{
background-image: url(../images/business/kv_rental_agency.jpg);
background-position: 80% top;
height:270px;
}
main.business-page .kv_inner .kv_tit{
padding: 100px 20px 0px;
}

.business_about{
margin: 0 20px 30px;
padding: 0 0;
position:relative;
text-align: left;
}
.business_about h3{
margin: 0 0 20px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 19px;
text-align: left;
color: #3c3c3c;
white-space:nowrap;
}
.business_about .business_about_l{
margin-bottom:25px;
}
.business_about .business_about_p{
display:none;
}
.business_about h4{
margin: 0 0 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: left;
color: #5690bb;
}
.business_about p{
margin: 0 0 15px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
}
p.ld{
margin: 0 20px 15px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
}
.business_about_btn{
margin: 20px auto 0;
padding: 0 0;
position:relative;
text-align: center;
}
.business_about_btn a{
padding:6px 30px;
margin-left:0;
margin-right:13px;
font-weight: bold;
font-size: 14px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
background-color:#5690BB;
}
.business_about_p img{
width:100%;
}

.support_features_box{
margin: 0 20px 40px;
padding: 20px 25px 20px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #F4F7FB;
}
.support_features_box h4{
margin: 0 auto 15px;
padding: 0 0;
position:relative;
font-family: "Zen Antique";
font-weight: normal;
font-size: 18px;
text-align: center;
color: #3c3c3c;
white-space:nowrap;
}
ul.support_features_list{
margin: 0 auto 0;
padding: 0 0;
position:relative;
text-align: center;
display:inline-block;
}
ul.support_features_list li{
margin: 0 auto 15px;
padding: 0 0 0 20px;
position:relative;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: justify;
color: #3c3c3c;
background-image: url(../images/lend/icon_check.svg);
background-repeat: no-repeat;
background-position: left top 4px;
background-size: 15px auto;
}
ul.support_features_list li b{
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 24px;
}

.business_point_box{
margin: 0 15px 40px;
padding: 0 0 25px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
}
.business_point_box h3{
margin: 0 0 10px;
padding: 5px 10px 10px;
position:relative;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
display: flex;
align-items:center;
justify-content:flex-start;
}
.business_point_box h3 em{
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
text-align:center;
font-weight: bold;
font-size: 15px;
line-height: 60px;
text-align: center;
color: #5690bb;
flex-shrink: 0;
}
.business_point_box h3 em.ra{
line-height: 1.2;
padding-top: 12px;
}
.business_point_box h3 span{
margin-left:10px;
font-weight: bold;
font-size: 17px;
line-height: 1.5;
letter-spacing: 0.00em;
text-align: left;
color: #fff;
}
.business_point_box h3 span small{
font-weight: normal;
font-size: 11px;
letter-spacing: 0.01em;
line-height: 1.3;
text-align: left;
color: #fff;
display:block;
}

ul.operating_method_list{
margin: 0 auto 0;
padding: 15px 15px 0;
position:relative;
text-align: center;
}
ul.operating_method_list li{
margin: 0 0 30px;
padding: 0 0;
position:relative;
width:auto;
text-align: center;
}
ul.operating_method_list li img{
display:inline;
}
ul.operating_method_list li div{
margin: 5px auto;
padding: 15px 0;
position:relative;
border-radius:10px;
background-color: #f5f7fb;
}
ul.operating_method_list li h4{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
color: #5690bb;
}
ul.operating_method_list li p{
margin: 0 auto 10px;
padding: 0 20px 10px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: justify;
color: #3c3c3c;
border-bottom:1px solid #ccc;
}
ul.operating_method_list li p.ra{
border-bottom:0 solid #ccc;
}
ul.operating_method_list li h5{
margin: 0 auto;
padding: 0 20px;
position:relative;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #5690bb;
}

ul.consulting_support_list{
margin: 0 auto 0;
padding: 15px 15px 0;
position:relative;
text-align: center;
}
ul.consulting_support_list li{
margin: 0 0 30px;
padding: 0 0 20px;
position:relative;
width:auto;
text-align: center;
background-color: #f5f7fb;
border-radius:0 0 10px 10px;
}
ul.consulting_support_list li img{
display:inline;
width:100%;
}
ul.consulting_support_list li h4{
margin: 10px auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
color: #5690bb;
}
ul.consulting_support_list li p{
margin: 0 auto 10px;
padding: 0 20px 10px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: justify;
color: #3c3c3c;
border-bottom:1px solid #ccc;
}
ul.consulting_support_list li p.ra{
border-bottom:0 solid #ccc;
}
ul.consulting_support_list li h5{
margin: 0 auto;
padding: 0 20px;
position:relative;
font-weight: bold;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: justify;
color: #5690bb;
}

.business_section ul.about_us_list{
margin-bottom:30px;
}

}


/* ===========================
 事業紹介_事業用地開発_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.business-page{
margin: 0 auto 100px;
}
main.business-page .kv{
margin: 0 auto 50px;
}
main.business-page .kv_inner.development{
background-image: url(../images/business/kv_development.jpg);
background-position: right top;
height:405px;
}
main.business-page .kv_inner.land_development{
background-image: url(../images/business/kv_land_development.jpg);
background-position: right top;
height:405px;
}
.business_point_box h3 em b{
display: block;
font-weight: bold;
font-size: 18px;
line-height: 20px !important;
text-align: center;
color: #5690bb;
margin-top:10px;
}

ul.business_point_list{
margin: 0 30px 0;
padding: 25px 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap: wrap;
gap:40px;
}
ul.business_point_list li{
margin: 0 0 0;
padding: 0 0 20px;
position:relative;
width:428px;
text-align: center;
background-color: #f5f7fb;
border-radius:0 0 10px 10px;
}
ul.business_point_list li img{
display:inline;
}
ul.business_point_list li h4{
margin: 10px auto 15px;
padding: 0 1em;
position:relative;
font-weight: bold;
font-size: 18px;
line-height:1.5;
letter-spacing: 0.1em;
color: #5690bb;
}
ul.business_point_list li p{
margin: 0 auto;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align: justify;
color: #3c3c3c;
}

ul.business_solution_list{
margin: 30px auto 50px;
padding: 0 0;
position:relative;
text-align: left;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.business_solution_list li{
margin: 0 0;
padding: 0 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
width:306px;
}
ul.business_solution_list li.ld{
width:calc(50% - 10px);
}
ul.business_solution_list li h5{
margin: 0 0 20px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.business_solution_list li p{
margin: 0 auto;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 21px;
text-align:justify;
color: #3c3c3c;
}

}
/* ===========================
 事業紹介_事業用地開発_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {

main.business-page .kv_inner.development{
background-image: url(../images/business/kv_development.jpg);
background-position: right top;
height:270px;
}
main.business-page .kv_inner.land_development{
background-image: url(../images/business/kv_land_development.jpg);
background-position: right top;
height:270px;
}
.business_point_box h3 em b{
display: block;
font-weight: bold;
font-size: 15px;
line-height: 16px !important;
text-align: center;
color: #5690bb;
margin-top:8px;
}

ul.business_point_list{
margin: 0 auto 0;
padding: 15px 15px 0;
position:relative;
text-align: center;
}
ul.business_point_list li{
margin: 0 0 20px;
padding: 0 0 20px;
position:relative;
width:auto;
text-align: center;
background-color: #f5f7fb;
border-radius:0 0 10px 10px;
}
ul.business_point_list li img{
display:inline;
width:100%;
}
ul.business_point_list li h4{
margin: 10px auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.05em;
text-align: center;
color: #5690bb;
}
ul.business_point_list li p{
margin: 0 auto;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: justify;
color: #3c3c3c;
}

ul.business_solution_list{
margin: 20px auto 40px;
padding: 0 20px;
position:relative;
text-align: left;
}
ul.business_solution_list li{
margin: 0 0 20px;
padding: 0 0 20px;
position:relative;
text-align: center;
border-radius: 10px;
border:1px solid #707070;
}
ul.business_solution_list li h5{
margin: 0 0 15px;
padding: 8px 0;
position:relative;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
border-radius: 9px 9px 0px 0px;
background: #5690bb;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
ul.business_solution_list li p{
margin: 0 auto;
padding: 0 25px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align:justify;
color: #3c3c3c;
}

}


/* ===========================
 個人情報保護方針_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.privacy-page{
margin: 0 auto 100px;
}
main.privacy-page .kv{
margin: 0 auto 60px;
}
main.privacy-page .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.privacy-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.privacy-page .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.privacy-page .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
dl.privacy_list{
margin: 0 auto 50px;
padding: 0 0px;
position:relative;
text-align: left;
}
dl.privacy_list dt {
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
}
dl.privacy_list dd {
margin: 0 auto 35px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
}


}
/* ===========================
 個人情報保護方針_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.privacy-page{
margin: 0 auto 50px;
}
main.privacy-page .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.privacy-page .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.privacy-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.privacy-page .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.privacy-page .kv_inner .kv_tit strong{
color:#3C3C3C;
}
dl.privacy_list{
margin: 0 25px 0px;
padding: 0 0px;
position:relative;
text-align: left;
}
dl.privacy_list dt {
margin: 0 auto 10px;
padding: 0 0;
position:relative;
font-weight: bold;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.05em;
text-align: left;
color: #5690bb;
}
dl.privacy_list dd {
margin: 0 auto 35px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
}

}


/* ===========================
 勧誘方針に関するガイドライン_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
main.solicitation-page{
margin: 0 auto 100px;
}
main.solicitation-page .kv{
margin: 0 auto 60px;
}
main.solicitation-page .kv_inner{
background:#F5F7FB;
height:250px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.solicitation-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.solicitation-page .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.solicitation-page .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
main.solicitation-page p{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 32px;
text-align: left;
color: #3c3c3c;
}
ol.solicitation_list{
margin: 20px auto 50px;
padding: 0 0px;
position:relative;
text-align: left;
}
ol.solicitation_list li{
margin: 0 40px 25px 40px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
list-style-type: decimal;
}
}
/* ===========================
 勧誘方針に関するガイドライン_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
main.solicitation-page{
margin: 0 auto 50px;
}
main.solicitation-page .kv{
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.solicitation-page .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.solicitation-page .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.solicitation-page .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.solicitation-page .kv_inner .kv_tit strong{
color:#3C3C3C;
line-height:1.4;
}
main.solicitation-page p{
margin: 0 auto 30px;
padding: 0 20px;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #3c3c3c;
}
ol.solicitation_list{
margin: 20px auto 50px;
padding: 0 0px;
position:relative;
text-align: left;
}
ol.solicitation_list li{
margin: 0 40px 20px 40px;
padding: 0 0;
position:relative;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
color: #3c3c3c;
list-style-type: decimal;
}
}


/* ===========================
 サイトマップ_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
section.sitemap_section{
margin: 0 0;
padding: 0 0px;
position:relative;
text-align:left;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, auto);
}
section.sitemap_section ul.sitemap_list{
margin: 0 0 50px 0;
padding: 0 0px;
position:relative;
text-align:left;
}
section.sitemap_section ul.sitemap_list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
}
section.sitemap_section ul.sitemap_list li a{
font-weight: bold;
font-size: 18px;
line-height: 2.0;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
text-decoration:none;
display:block;
}
section.sitemap_section ul.sitemap_list li.li_in a{
padding-left:1em;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.1em;
line-height: 2.2;
text-align: left;
color: #3c3c3c;
}
/*
section.sitemap_section ul.sitemap_list li a:hover{
transition : 0.3s;
text-decoration: underline;
text-underline-offset: .4em;
text-decoration-thickness: 2px; 
}
*/

}
/* ===========================
 サイトマップ_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
section.sitemap_section{
margin: 0 0;
padding: 0 30px;
position:relative;
text-align:left;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(3, auto);
}
section.sitemap_section ul.sitemap_list{
margin: 0 0 30px 0;
padding: 0 0px;
position:relative;
text-align:left;
}
section.sitemap_section ul.sitemap_list li{
margin: 0 0 ;
padding: 0 0px;
position:relative;
text-align:left;
}
section.sitemap_section ul.sitemap_list li a{
font-weight: bold;
font-size: 15px;
line-height: 2.0;
letter-spacing: 0.1em;
text-align: left;
color: #5690bb;
text-decoration:none;
display:block;
}
section.sitemap_section ul.sitemap_list li.li_in a{
padding-left:1em;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 2.2;
text-align: left;
color: #3c3c3c;
}
section.sitemap_section ul.sitemap_list li a:hover{
transition : 0.3s;
text-decoration: underline;
text-underline-offset: .4em;
text-decoration-thickness: 2px; 
}
}

/* ===========================
 地図で探す_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
#property_map_canvas {
  width: 100%;
  height: 725px;
}
#property_map_canvas.buy  {
  height: 520px;
  margin-bottom:30px;
}
main.buy-map .kv {
  margin: 0 auto 60px;
}
main.buy-map .kv_inner {
  background: #F5F7FB;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
main.buy-map .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-map .kv_inner .kv_tit{
margin: 0 auto 0;
padding: 0 0px 0px;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property{
margin: 0 auto 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property b{
margin-right:30px;
font-weight: bold;
font-size: 20px;
line-height:1.3;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property b img{
width:80px;
display:inline-block;
}
main.buy-map .kv_inner .kv_tit strong{
font-weight: bold;
font-size: 45px;
text-align: left;
color: #3c3c3c;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.property_map_head {
	display:flex;
	justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
/* 地図ページ：物件レイヤー */
.property_map_layer {
  position: fixed;
  top: 80px;
  right: 0;
  z-index: 10010;
  /*width: min(420px, 90vw);*/
  /*height: calc(100vh - 150px);*/
  background: #fff;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.18);
  transform: translateX(105%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0.35s ease;
}

.property_map_layer.is-open {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.property_map_layer_inner {
  height: 100%;
  overflow-y: auto;
  padding: 30px;
}

.property_map_layer_close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.property_map_layer_img {
  margin: -30px -30px 24px;
}

.property_map_layer_body .recommend_cat {
  display: inline-block;
  margin-bottom: 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #f2f2f2;
  font-size: 13px;
  line-height: 1.6;
}

.property_map_layer_body h3 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}

.property_map_layer_body .recommend_price {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
}

.property_map_layer_body .recommend_price small {
  font-size: 0.65em;
}

.property_map_layer_address,
.property_map_layer_summary,
.property_map_layer_built {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.8;
}

.property_map_layer_body .detail_btn {
  margin-top: 24px;
}

.property_map_layer_body .detail_btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 180px;
  padding: 13px 24px;
  border-radius: 999px;
  text-decoration: none;
}

/* 初期メッセージ */
.property_map_layer_empty {
  margin: 80px 0 0;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
}

/* 背景オーバーレイ */
.property_map_overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
  display: none;
}

.property_map_overlay.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: none;
}


/* レイヤー表示中も外側コンテンツを操作できるよう、オーバーレイは使わない */
.property_map_overlay,
.property_map_overlay.is-open {
  display: none;
}

/* レイヤー内カードを recommend_list のカード形式に寄せる */
.property_map_layer .property_map_layer_inner {
  padding: 30px;
}

.property_map_layer ul.recommend_list.property_map_layer_card {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.property_map_layer ul.recommend_list.property_map_layer_card li a {
  min-height: 0;
  padding: 10px;
}

.property_map_layer ul.recommend_list.property_map_layer_card .property_map_layer_img {
  margin: 0 0 10px;
  border-radius: 8px;
  overflow: hidden;
}

.property_map_layer ul.recommend_list.property_map_layer_card .recommend_img_list {
  display: block;
  margin: 0;
  padding: 0;
}

.property_map_layer ul.recommend_list.property_map_layer_card .recommend_img_list > li {
  width: 100% !important;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.property_map_layer ul.recommend_list.property_map_layer_card .property_map_layer_img img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.property_map_layer ul.recommend_list.property_map_layer_card li h4 {
  min-height: 0;
}



}

/* ===========================
 地図で探す_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
#property_map_canvas {
  width: 100%;
  height: 50vh;
margin-bottom: 30px;
}
main.buy-map .kv {
margin: 0 20px 30px;
padding: 55px 0px 0;
}
main.buy-map .kv_inner{
background:#F5F7FB;
height:auto;
border-radius:15px 0 15px 0;
}
main.buy-map .kv_inner:before {
background: rgba(0,0,0,0.0);
}
main.buy-map .kv_inner .kv_tit{
margin: 0 0 0;
padding: 0 20px 0px;
position:relative;
display: flex;
align-items:center;
justify-content:flex-start;
height:130px;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property{
margin: 0 0 0;
padding: 0 0px 0px;
display: flex;
align-items:center;
justify-content:flex-start;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property b{
margin-right:20px;
font-weight: bold;
font-size: 13px;
line-height:1.2;
letter-spacing: 0.1em;
text-align: center;
color: #010100;
flex-shrink: 0;
width:60px;
}
main.buy-map .kv_inner .kv_tit .kv_tit_property b img{
width:50px;
display:inline-block;
}
main.buy-map .kv_inner .kv_tit strong{
color:#3C3C3C;
}

/* スマホ：物件レイヤーは下からせり上がる */
.property_map_layer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10010;
  width: 70%;
  height: auto;
  max-height: 82vh;
  min-height: 320px;
  background: #fff;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18);
  transform: translateY(105%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease,
    visibility 0.35s ease;
	margin:0 auto 50px;
}

.property_map_layer.is-open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.property_map_layer_close {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.property_map_layer_inner {
  height: auto;
  max-height: 82vh;
  overflow-y: auto;
  padding: 20px;
}

.property_map_layer_img {
  margin: 0 0 18px;
}

.property_map_layer_body .recommend_cat {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #f2f2f2;
  font-size: 12px;
  line-height: 1.6;
}

.property_map_layer_body h3 {
  margin: 0 0 12px;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 700;
}

.property_map_layer_body .recommend_price {
  margin-bottom: 14px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
}

.property_map_layer_body .recommend_price small {
  font-size: 0.65em;
}

.property_map_layer_address,
.property_map_layer_summary,
.property_map_layer_built {
  margin: 0 0 9px;
  font-size: 14px;
  line-height: 1.75;
}

.property_map_layer_body .detail_btn {
  margin-top: 22px;
}

.property_map_layer_body .detail_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 20px;
  border-radius: 999px;
  text-decoration: none;
}

/* 初期メッセージ */
.property_map_layer_empty {
  margin: 40px 0;
  color: #666;
  font-size: 14px;
  line-height: 1.8;
}

/* SPでも背景オーバーレイは使わない */
.property_map_overlay,
.property_map_overlay.is-open {
  display: none;
}

/* 物件レイヤー内カードを recommend_list のカード形式に寄せる */
.property_map_layer ul.recommend_list.property_map_layer_card {
  display: block;
  margin: 0 auto 25px;
  padding: 0;
  text-align: left;
}

.property_map_layer ul.recommend_list.property_map_layer_card li a {
  min-height: 0;
  padding: 10px;
}

.property_map_layer ul.recommend_list.property_map_layer_card .property_map_layer_img {
  margin: 0 0 10px;
  border-radius: 8px;
  overflow: hidden;
}

.property_map_layer ul.recommend_list.property_map_layer_card .recommend_img_list {
  display: block;
  margin: 0;
  padding: 0;
}

.property_map_layer ul.recommend_list.property_map_layer_card .recommend_img_list > li {
  width: 100% !important;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

.property_map_layer ul.recommend_list.property_map_layer_card .property_map_layer_img img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
aspect-ratio: 212 / 145;
}

.property_map_layer ul.recommend_list.property_map_layer_card li h4 {
  min-height: 0;
}

}

/* ===========================
 おすすめ物件：画像背景カード PC
=========================== */
@media screen and (min-width: 768px) {
ul.recommend_list.recommend_overlay_list {
  margin: 0 auto 25px;
  padding: 0 0;
  position: relative;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  gap: 1px;
}
.search_requirements_block + ul.recommend_list.recommend_overlay_list{
margin-top: 20px;
}
ul.recommend_list.recommend_overlay_list > li {
  margin: 0 0;
  padding: 0 0;
  position: relative;
  text-align: left;
  width: auto;
  /*aspect-ratio: 4 / 3;*/
  aspect-ratio: 3 / 4;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

ul.recommend_list.recommend_overlay_list > li:hover {
  background-color: #f4f8fb;
  transition: 0.3s;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
  z-index: 5;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark_on::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background-image: url(../images/top/mark.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  cursor: pointer;
  z-index: 11;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background-image: url(../images/top/mark_blank.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  cursor: pointer;
  z-index: 10;
}

ul.recommend_list.recommend_overlay_list li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}

ul.recommend_list.recommend_overlay_list li .recommend_overlay_bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul.recommend_list.recommend_overlay_list li .recommend_overlay_shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  background: rgba(0, 0, 0, 0.38);
}

ul.recommend_list.recommend_overlay_list li .recommend_cat {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  margin: 0;
  padding: 0px 10px;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #fff;
  border-radius: 3px;
  background-color: #5690bb;
  display: inline-block;
}

ul.recommend_list.recommend_overlay_list li h4 {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 42%;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  display: block;
  min-height: 0;
}
.buy-page ul.recommend_list.recommend_overlay_list li h4,
.site-main ul.recommend_list.recommend_overlay_list li h4 {
  top: 36%;
  font-size: 21px;
}

ul.recommend_list.recommend_overlay_list li .recommend_price {
  position: absolute;
  dinsplay:inline-block;
  right: 18px;
  bottom: 14px;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.0;
  text-align: center;
  color: #fff;
}
.buy-page ul.recommend_list.recommend_overlay_list li .recommend_price,
.site-main ul.recommend_list.recommend_overlay_list li .recommend_price {
  font-size: 30px;
}
ul.recommend_list.recommend_overlay_list li .recommend_price small {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}
.buy-page ul.recommend_list.recommend_overlay_list li .recommend_price small,
.site-main ul.recommend_list.recommend_overlay_list li .recommend_price small {
  font-size: 14px;
}
ul.recommend_list.recommend_overlay_list li .recommend_area {
  position: absolute;
  display:inline-block;
  left: 14px;
  bottom: 14px;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.0;
  color: #fff;
}
.buy-page ul.recommend_list.recommend_overlay_list li .recommend_area,
.site-main ul.recommend_list.recommend_overlay_list li .recommend_area {
  font-size: 14px;
}

}

/* ===========================
 おすすめ物件：画像背景カード SP
=========================== */
@media screen and (max-width: 767px) {
ul.recommend_list.recommend_overlay_list {
  margin: 0 0 25px;
  padding: 0 0;
  position: relative;
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1px;
flex-wrap: wrap;
justify-content: center;
}
.search_requirements_block + ul.recommend_list.recommend_overlay_list{
	margin: 15px 0 25px;
}
ul.recommend_list.recommend_overlay_list > li {
  margin: 0 0;
  padding: 0 0;
  position: relative;
  text-align: left;
  width:33%;
  /*aspect-ratio: 4 / 3;*/
  aspect-ratio: 3 / 4;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
ul.recommend_list.recommend_overlay_list > li:nth-child(10),
ul.recommend_list.recommend_overlay_list > li:nth-child(11),
ul.recommend_list.recommend_overlay_list > li:nth-child(12) {
  display:none;
}

ul.recommend_list.recommend_overlay_list > li:hover {
  background-color: #f4f8fb;
  transition: 0.3s;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  z-index: 5;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark_on::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background-image: url(../images/top/mark.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  cursor: pointer;
  z-index: 11;
}

ul.recommend_list.recommend_overlay_list li .favorite_mark::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background-image: url(../images/top/mark_blank.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  cursor: pointer;
  z-index: 10;
}

ul.recommend_list.recommend_overlay_list li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}

ul.recommend_list.recommend_overlay_list li .recommend_overlay_bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul.recommend_list.recommend_overlay_list li .recommend_overlay_shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  background: rgba(0, 0, 0, 0.38);
}

ul.recommend_list.recommend_overlay_list li .recommend_cat {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
  margin: 0;
  padding: 4px 6px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #5690bb;
  display: inline-block;
  line-height: 1.0;
}

ul.recommend_list.recommend_overlay_list li h4 {
  position: absolute;
  left: 6px;
  right: 6px;
  top: 33%;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  display: block;
  min-height: 0;
}

ul.recommend_list.recommend_overlay_list li .recommend_price {
  position: absolute;
  right: 8px;
  bottom: 30px;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.0;
  text-align: center;
  color: #fff;
}

ul.recommend_list.recommend_overlay_list li .recommend_price small {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}

ul.recommend_list.recommend_overlay_list li .recommend_area {
  position: absolute;
  left: 6px;
  bottom: 7px;
  z-index: 3;
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.0;
  text-align: center;
  color: #fff;
}
}


/* ===========================
 分譲地・街づくり事業：実績
=========================== */
.info-table {
  width: 100%;
  max-width: 464px;
  border-top: 1px solid #dcdcdc;
  font-size: 14px;
  color: #111;
	line-height:1.4;
}

.info-table dl {
  display: flex;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dcdcdc;
}

.info-table dt {
  width: 100px;
  padding: 16px 0 16px;
  font-weight: 700;
  box-sizing: border-box;
}

.info-table dd {
  flex: 1;
  margin: 0;
  padding: 16px 1em 16px 0;
  box-sizing: border-box;
  text-align:justify;
}
.info-table dd a{
  color: blue;
  text-decoration:underline;
}
.info-table dd a:hover{
  text-decoration:none;
}
@media screen and (max-width: 767px) {
  .info-table {
    font-size: 13px;
  }

  .info-table dt {
    width: 86px;
    padding: 14px 0;
  }

  .info-table dd {
    padding: 14px 1em 14px 0;
  }
}


/* ==============================
   売りたいTOP：選ばれる理由
============================== */
.sell-reason-section {
  padding: 34px 0 44px;
  background: #fff;
}

.sell-reason-section .section-title {
  position: relative;
  margin: 0 0 24px;
  padding-left: 16px;
  color: #333;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.sell-reason-section .section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.22em;
  width: 5px;
  height: 1.15em;
  background: #4f8fbd;
  border-radius: 2px;
}

.sell-reason-list {
  display: grid;
  /*grid-template-columns: repeat(2, 1fr);*/
  gap: 18px 20px;
}

.sell-reason-card {
  display: grid;
  grid-template-columns: 170px 1fr;
  align-items: center;
  gap: 18px;
  /*min-height: 190px;*/
  padding: 22px 24px;
  background: #f3f7fb;
  border-radius: 8px;
  /*box-shadow: 0 4px 10px rgba(40, 80, 120, 0.08);*/
}

.sell-reason-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sell-reason-img img {
  display: block;
  width: 100%;
  /*max-width: 140px;*/
  height: auto;
}

.sell-reason-body {
  min-width: 0;
}

.sell-reason-num {
  margin-bottom: 8px;
  color: #4f8fbd;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.sell-reason-num span {
  display: inline-block;
  margin-left: 4px;
  color: #2f6f9f;
  font-size: 20px;
  /*font-family: Arial, sans-serif;*/
  letter-spacing: 0;
  vertical-align: -2px;
}

.sell-reason-card h3 {
  margin: 0 0 10px;
  color: #2f5f82;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.04em;
}

.sell-reason-card p {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.04em;
}


/*スマホ*/
@media screen and (max-width: 767px) {

  .sell-reason-section {
    padding: 28px 0 36px;
  }
  .sell-reason-section .section-title {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 1.5;
  }
  .sell-reason-card {
	display:block;
    /*grid-template-columns: 92px 1fr;*/
    /*gap: 14px;*/
    min-height: auto;
    padding: 18px 16px;
    border-radius: 7px;
	margin-right:10px;
	margin-left:10px;
  }

  .sell-reason-img img {
    max-width: 50%;
	margin-bottom:15px;
  }

  .sell-reason-num {
    margin-bottom: 6px;
    font-size: 10px;
	text-align:center;
  }

  .sell-reason-num span {
    font-size: 17px;
  }

  .sell-reason-card h3 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.55;
	text-align:center;
  }

  .sell-reason-card p {
    font-size: 13px;
    line-height: 1.75;
  }

}

/* ==============================
   TOP：「借りたい」タブ
============================== */
/* PC */
@media screen and (min-width: 768px) {

.rent_search_panel {
  padding: 10px 12px 16px;
}

.rent_life_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-bottom: 20px;
}

a.rent_life_item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
}
a.rent_life_item:hover {
  background: #5690BB;
}
a.rent_life_item span {
  display:block;
  padding:8px 0;
  color: #4f7899;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.0;
  text-align: center;
  letter-spacing: 0.04em;
}
a.rent_life_item:hover span {
  color: #fff;
}
.rent_life_item img {
  display: block;
  width: 100%;
  aspect-ratio: 40 / 32;
  object-fit: cover;
}
.rent_search_btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.rent_search_btn {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 110px;
  padding: 24px 118px 24px 48px;
  border-radius: 20px;
  background: #fff;
  color: #4f7899;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.04em;
  border: 1px solid #5690BB;
}
.rent_search_btn:hover {
  background: #5690BB;
  color: #fff;
}
.rent_search_btn span {
  position: relative;
  z-index: 2;
}

.rent_search_btn em {
  margin-left: 16px;
  font-style: normal;
  font-weight: 700;
}

.rent_search_btn img {
  position: absolute;
  right: 50px;
  top: 10px;
  height: 90px;
  width: auto;
}



.business_search_panel {
  padding: 30px 34px;
}
.rent_search_btns.business,
.business_search_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 22px;
}

.business_search_item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 126px;
  padding: 24px 170px 24px 72px;
  border-radius: 7px;
  background: #fff;
  color: #4f7899;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  letter-spacing: 0.08em;
}

.business_search_item span {
  position: relative;
  z-index: 2;
}

.business_search_item img {
  position: absolute;
  right: 38px;
  bottom: 14px;
  width: 120px;
  max-height: 96px;
  object-fit: contain;
}
}
/* スマホ */
@media screen and (max-width: 767px) {

.rent_search_panel {
  padding: 12px 10px 8px;
}
.rent .search_block{
  border: 0;
background-color: #f4f8fb;
margin: 0 15px 30px;
}
.rent_life_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

.rent_life_item {
  position: relative;
  display: block;
  /*height: 95px;*/
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  border: 1px solid #0055a8;
}

.rent_life_item span {
  display: block;
	padding:8px 0;
  width: 100%;
  color: #4f7899;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.0;
  text-align: center;
  letter-spacing: 0.04em;
}

.rent_life_item img {
  display: block;
  width: 100%;
  aspect-ratio: 40 / 26;
  object-fit: cover;
}

.rent_search_btns {
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  gap: 8px;
}

.rent_search_btn {
  position: relative;
  display: flex;
  align-items: center;
flex-direction: column-reverse;
  min-height: 82px;
  padding: 12px 0;
  border-radius: 10px;
  background: #fff;
  color: #0055a8;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.04em;
  border: 1px solid #0055a8;
}


.rent_search_btn em {
  display:none;
}

.rent_search_btn img {
  width: 62px;
  height: auto;
}

.business_search_panel {
  padding: 12px 12px 4px;
}

.business_search_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.business_search_item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 92px;
  padding: 20px 110px 20px 32px;
  border-radius: 7px;
  background: #fff;
  color: #4f7899;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  letter-spacing: 0.08em;
}

.business_search_item img {
  position: absolute;
  right: 24px;
  bottom: 12px;
  width: 76px;
  max-height: 64px;
  object-fit: contain;
}

}

/* ==============================
   TOP：切替タブ共通
============================== */
.buy_search h3,
.rent_search h3 {
  cursor: pointer;
}
.search_block {
  display: none;
}
.search_block.is-active {
  display: block;
}
/*スマホ*/
@media screen and (max-width: 767px) {
.search_block {
  display: block;
}
}

/* ==============================
   LINEで来店予約：共通
============================== */
.line-reserve {
  margin: 20px 0 100px;
  background: #fff;
  color: #111;
}

.line-reserve__inner {
  width: min(100%, 1080px);
  margin: 0 auto;
}

.line-reserve__title {
  text-align: center;
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  color: #2877a8;
  font-weight: 800;
  margin: 0 0 28px;
}

.line-reserve__title span {
  position: relative;
  display: inline-block;
  padding: 0 42px;
}

.line-reserve__title span::before,
.line-reserve__title span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 28px;
  height: 3px;
  background: #2877a8;
}

.line-reserve__title span::before {
  left: 0;
  transform: translateY(-50%) rotate(48deg);
}

.line-reserve__title span::after {
  right: 0;
  transform: translateY(-50%) rotate(-48deg);
}

.line-reserve__lead {
  display: none;
}

/* STEP全体 */
.line-step {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.line-step__item {
  position: relative;
  padding: 0 32px;
}
.line-step__item:nth-child(1) {
  padding: 0 0 0 64px;
}
.line-step__item:nth-child(3) {
  padding: 0 0 0 32px;
}
.line-step__item + .line-step__item {
  border-left: 1px solid #d5dde3;
}

.line-step__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 45%;
  width: 22px;
  height: 22px;
  border-top: 5px solid #2877a8;
  border-right: 5px solid #2877a8;
  transform: rotate(45deg);
  z-index: 2;
background: #fff;
}

/* STEP見出し */
.line-step__head {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 64px;
  margin-bottom: 18px;
}

.line-step__badge {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2d8bc2 0%, #1e6797 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(31, 111, 163, 0.25);
}

.line-step__badge small {
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.line-step__badge strong {
  display: block;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;
}

.line-step__head h3 {
  font-size: 18px;
  line-height: 1.55;
  font-weight: 800;
  margin: 0;
}

.line-step__sub {
  font-size: 15px;
  line-height: 1.65;
  font-weight: 700;
  margin: -10px 0 14px 1em;
}

/* イラスト */
.line-step__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  margin: 0 0 10px;
}

.line-step__image img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.line-step__item:nth-child(1) .line-step__image,
.line-step__item:nth-child(2) .line-step__image {
  margin: 28px 0;
}

/* STEP本文 */
.line-step__text {
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: 0.03em;
  margin: 0;
text-align:center;
}

.line-step__text em {
  color: #00b982;
  font-style: normal;
  font-weight: 800;
}

/* 下部案内＋ボタン */
.line-reserve__note {
  display: grid;
  grid-template-columns: 145px 1fr 380px;
  align-items: center;
  gap: 24px;
  margin: 0 48px;
  padding: 10px 32px;
  border-radius: 4px;
  background: linear-gradient(90deg, #eef9fb 0%, #f7fdfe 100%);
}

.line-reserve__note-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.line-reserve__note-img img {
  max-width: 95px;
  display: block;
}

.line-reserve__note p {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin: 0;
}

.line-reserve__btn-wrap {
  display: block;
}

.line-reserve__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 54px 0 28px;
  border-radius: 30px;
  background: linear-gradient(90deg, #00b846 0%, #00c85a 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 184, 70, 0.25);
}

.line-reserve__btn-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: block;
}

.line-reserve__btn-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.line-reserve__btn-text {
  font-size: 17px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.line-reserve__btn-arrow {
  position: absolute;
  right: 26px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

/* スマホ */
@media screen and (max-width: 767px) {

  .line-reserve {
	margin-bottom:0;
    padding: 42px 0 36px;
    background: #fff;
    color: #111;
    font-family: "Noto Sans JP", sans-serif;
  }

  .line-reserve__inner {
    width: calc(100% - 32px);
    margin: 0 auto;
  }

  .line-reserve__title {
    text-align: center;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.12em;
    color: #2877a8;
    font-weight: 800;
    margin: 0 0 10px;
  }

  .line-reserve__title span {
    position: relative;
    display: inline-block;
    padding: 0 28px;
  }

  .line-reserve__title span::before,
  .line-reserve__title span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 24px;
    height: 3px;
    background: #2877a8;
  }

  .line-reserve__title span::before {
    left: 0;
    transform: translateY(-50%) rotate(48deg);
  }

  .line-reserve__title span::after {
    right: 0;
    transform: translateY(-50%) rotate(-48deg);
  }

  .line-reserve__lead {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.08em;
    font-weight: 700;
    margin: 0 0 22px;
  }

  .line-reserve__lead span {
    color: #00b982;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.14em;
  }

  .line-step {
    display: block;
  }

  .line-step__item {
    position: relative;
    padding: 16px 12px !important;
    border: 1px solid #dfe7ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 18px rgba(30, 75, 100, 0.04);
  }

  .line-step__item + .line-step__item {
    margin-top: 30px;
  }

  .line-step__item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
	top:unset;
    bottom: -8px;
    width: 26px;
    height: 26px;
    border-top: none;
    border-right: 5px solid #2877a8;
    border-bottom: 5px solid #2877a8;
    transform: translateX(-50%) rotate(45deg);
  }

  .line-step__head {
    display: flex;
  }

  .line-step__badge {
    grid-column: 1;
    grid-row: 1;
    border-radius: 50%;
    background: linear-gradient(135deg, #2d8bc2 0%, #1e6797 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(31, 111, 163, 0.25);
  }

  .line-step__badge small {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.05em;
  }

  .line-step__badge strong {
    display: block;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
  }

  .line-step__head h3 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 800;
    margin: 0;
  }

  .line-step__sub {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 700;
    margin: -22px 0 0 45px;
	z-index:10;
	position: relative;
  }

  .line-step__image {
    grid-column: 2;
    grid-row: 2 / span 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    margin: 0 !important;
  }

  .line-step__item:nth-child(2) .line-step__image {
    grid-row: 2 / span 2;
  }
  .line-step__image img {
    max-width: 100%;
    max-height: 130px;
    display: block;
  }

  .line-step__item:nth-child(1) .line-step__image img {
    max-height: 120px;
	margin:-25px 0 5px;
  }

  .line-step__item:nth-child(2) .line-step__image img {
    max-height: 120px;
	margin:-20px 0 10px;
  }

  .line-step__item:nth-child(3) .line-step__image img {
    max-height: 120px;
	margin:0 0 -4px;
  }

  .line-step__text {
	position:absolute;
	top:80px;
	left:10px;
	font-size:14px;
    line-height: 1.8;
    letter-spacing: 0;
    margin: 10px 0 0;
	text-align:left;
  }

  .line-step__item:nth-child(1) .line-step__text,
  .line-step__item:nth-child(2) .line-step__text {
    grid-column: 1 / -1;
  }

  .line-step__item:nth-child(3) .line-step__text {
    margin-top: 30px;
  }

  .line-step__text em {
    color: #00b982;
    font-style: normal;
    font-weight: 800;
  }

  .line-reserve__note {
    display: grid;
    grid-template-columns: 38% 1fr;
    align-items: center;
    gap: 14px;
    margin: 32px 0 24px;
    padding: 18px 20px;
    border-radius: 10px;
    background: linear-gradient(90deg, #eef9fb 0%, #f7fdfe 100%);
  }

  .line-reserve__note-img img {
    width: 100%;
    display: block;
  }

  .line-reserve__note p {
    font-size: 17px;
    line-height: 1.75;
    letter-spacing: 0.04em;
    font-weight: 500;
    margin: 0;
  }

  .line-reserve__btn-wrap {
	grid-column: 1 / -1;
  }

  .line-reserve__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 70px;
    padding: 0 54px 0 26px;
    border-radius: 12px;
    background: linear-gradient(90deg, #00b846 0%, #00c85a 100%);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 184, 70, 0.28);
  }

  .line-reserve__btn-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: block;
  }

  .line-reserve__btn-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .line-reserve__btn-text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800;
    letter-spacing: 0.06em;
  }

  .line-reserve__btn-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }

}

/* ==============================
   来場予約：共通追加
============================== */
.wpcf7 form .wpcf7-response-output{
	border:0 !important;
}
.customer_input_section.reservation {
  display: none;
}
.customer_input_section.is-show {
  display: block;
}
.customer_input_section.reservation.is-show {
  display: block;
}

.desired_time_list li {
  cursor: pointer;
}

.desired_time_list li.is-selected {
  background: #5fa3d3;
  color: #fff;
}

.reserv_date_time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.reserv_date_time_text {
  font-weight: 700;
	color:red;
}

.btn_delete,
.btn_reserv_confirm {
  border: none;
  cursor: pointer;
  line-height: 1;
}

.btn_delete {
  background: #fff;
  color: #5f9dcc;
}

.btn_reserv_confirm {
  background: #5f9dcc;
  color: #fff;
}
.reserv_date_time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.reserv_date_time_list {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
}
.reserv_date_text,
.reserv_time_text {
	color:red;
}
.reserv_date_time_list > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reserv_date_time_list dt {
  font-weight: 700;
}

.reserv_date_time_list dd {
  margin: 0;
  font-weight: 700;
}

/* =========================================
   予約カレンダー Datepicker
========================================= */

.calendar_block {
max-width: 800px;
  margin: 0 auto;
}

/* jQuery UI 標準テーマを上書き */
#reservation-calendar .ui-datepicker {
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font-family: "Noto Sans JP", sans-serif;
}

/* ヘッダー：2026年 一月 */
#reservation-calendar .ui-datepicker-header {
  position: relative;
  padding: 0 0 10px;
  border: none;
  background: transparent;
  color: #5a9ccc;
  text-align: center;
  font-weight: 700;
}

#reservation-calendar .ui-datepicker-title {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: #5a9ccc;
}

/* 前月・次月ボタン */
#reservation-calendar .ui-datepicker-prev,
#reservation-calendar .ui-datepicker-next {
  position: absolute;
  top: 1px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

#reservation-calendar .ui-datepicker-prev {
  left: calc(50% - 75px);
}

#reservation-calendar .ui-datepicker-next {
  right: calc(50% - 75px);
}

#reservation-calendar .ui-datepicker-prev span,
#reservation-calendar .ui-datepicker-next span {
  display: none;
}

#reservation-calendar .ui-datepicker-prev::before,
#reservation-calendar .ui-datepicker-next::before {
  content: "";
  position: absolute;
  top: 4px;
  width: 0;
  height: 0;
  border-style: solid;
}

#reservation-calendar .ui-datepicker-prev::before {
  left: 4px;
  border-width: 6px 8px 6px 0;
  border-color: transparent #5a9ccc transparent transparent;
}

#reservation-calendar .ui-datepicker-next::before {
  right: 4px;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #5a9ccc;
}

/* カレンダー本体 */
#reservation-calendar .ui-datepicker-calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #cfd4dc;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
}

/* 曜日 */
#reservation-calendar .ui-datepicker-calendar thead th {
  height: 38px;
  padding: 0;
  border-right: 1px solid #cfd4dc;
  border-bottom: 1px solid #cfd4dc;
  background: #f4f6fa;
  color: #4f96c5;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

#reservation-calendar .ui-datepicker-calendar thead th:last-child {
  border-right: none;
}

/* 日付セル */
#reservation-calendar .ui-datepicker-calendar tbody td {
  height: 58px;
  padding: 0;
  border-right: 1px solid #dfe3e8;
  border-bottom: 1px solid #dfe3e8;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}

#reservation-calendar .ui-datepicker-calendar tbody tr:last-child td {
  border-bottom: none;
}

#reservation-calendar .ui-datepicker-calendar tbody td:last-child {
  border-right: none;
}

/* 日付リンク */
#reservation-calendar .ui-datepicker-calendar td a,
#reservation-calendar .ui-datepicker-calendar td span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  padding: 0;
  border: none;
  background: transparent;
  color: #111;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

/* 前月・翌月の日付 */
#reservation-calendar .ui-datepicker-other-month span,
#reservation-calendar .ui-datepicker-other-month a {
  color: #b8b8b8;
  font-weight: 500;
}

/* hover */
#reservation-calendar .ui-datepicker-calendar td a:hover {
  background: #eef7ff;
  color: #2877a8;
}

/* 選択中の日付 */
#reservation-calendar .ui-datepicker-calendar .ui-datepicker-current-day a {
  background: #5a9ccc;
  color: #fff !important;
}

/* 今日 */
#reservation-calendar .ui-datepicker-calendar .ui-datepicker-today a {
  position: relative;
  color: #2877a8;
}

/* 今日かつ選択中 */
#reservation-calendar .ui-datepicker-calendar .ui-datepicker-today.ui-datepicker-current-day a {
  color: #fff;
}

/* 選択不可日 */
#reservation-calendar .ui-datepicker-calendar .ui-state-disabled span {
  color: #c8c8c8;
  background: #fafafa;
  font-weight: 500;
}

/* 土日色を変えたい場合 */
#reservation-calendar .ui-datepicker-calendar th.ui-datepicker-week-end:first-child,
#reservation-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:first-child a {
  color: #4f96c5;
}

#reservation-calendar .ui-datepicker-calendar th.ui-datepicker-week-end:last-child,
#reservation-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:last-child a {
  color: #4f96c5;
}
@media screen and (max-width: 767px) {
  .calendar_block {
    max-width: 100%;
  }

  #reservation-calendar .ui-datepicker-title {
    font-size: 15px;
  }

  #reservation-calendar .ui-datepicker-calendar thead th {
    height: 34px;
    font-size: 13px;
  }

  #reservation-calendar .ui-datepicker-calendar tbody td {
    height: 48px;
  }

  #reservation-calendar .ui-datepicker-calendar td a,
  #reservation-calendar .ui-datepicker-calendar td span {
    height: 48px;
    font-size: 13px;
  }
}

/* =========================================
   スマホのみ：検索条件フォームを開閉
========================================= */
@media screen and (max-width: 767px) {
    .search_results h3 {
        position: relative;
        cursor: pointer;
    }
    .search_results h3::after {
        content: "\2b";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translateY(-50%);
        line-height: 1;
    }
    .search_results.is-open h3::after {
        content: "\f068";
    }
    /* 初期状態は h3 以外を非表示 */
    .search_results:not(.is-open) > *:not(h3) {
        display: none;
    }
}