/*====================================
	
	----------------------------------
		Color
	----------------------------------
	
	Main     : #222222
  	Accent   : #fed900
 
	----------------------------------
  		font
	----------------------------------

    Jp / A-OTF Gothic BBB Pr6N
    En / Noto Sans Display
 
	----------------------------------
  		Structure
  	----------------------------------
 
  	0. General
  	1. Header
  		1.1	General Header
  		1.2 Mobile Header
  	2. Main
  	3. Footer
  	4. Page
  		4.1 Top
  		4.2 Article List
  		4.3 Article Detail
  		4.4 Archive List
  		4.5 CONDITION SEARCH
  		4.6 Favorite
  		4.7 Google Full Map
  		4.8 About
  		4.9 Privacy Policy 
  	5. Contact Form
  	6. 404
  	7. Media Query
  		7.1 1080px
  		7.2 768px
  		7.3 480px
 
  	----------------------------------
  		Change Log
  	----------------------------------
	
	-20XX/XX/XX	 Fixed header problem
 
 
====================================*/
 
/*====================================
 
	0. General
 
====================================*/

html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    color: #222222;
    line-height: 1.6;
    font-size: 62.5%;
    letter-spacing: 0.2em;
    font-family: aktiv-grotesk, a-otf-gothic-bbb-pr6n, sans-serif;
}

body {
    font-size: 1.6rem; /* 16px */
    margin: 0;
    padding: 0;
}

/* typekit */
.wf-loading {
    visibility: hidden;
}

.wf-active {
    visibility: visible;
}

.wf-inactive {
    visibility: visible;
}

ul {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style: none;
}

ul.row {
    display: flex;
    align-items: center;
}

img {
    vertical-align: top;
}

a,button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);    
}

a {
    color: #222222;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    opacity: 0.8;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}

button, input, select, textarea {
    font-family : inherit;
    letter-spacing: inherit;
    font-size: 100%;
}

.fa-thumbtack {
    transform: rotate(45deg);
    position: relative;
    top: 1px;
}

:focus {
    outline: 0;
}

/* ie10～ arrow delete */
select::-ms-expand {
    display: none;
}

/* Reset input[type="search"] */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  border-radius: 0;
  -webkit-appearance: none;
}
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}

a.page_top {
    display: none;
    position: fixed;
    right: 2%;
    bottom: 5%;
    font-size: 2rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    /*display: block;*/
    background: #fed900;
    z-index: 2;
    text-align: center;
    border-radius: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.itc {
    font-family: itc-avant-garde-gothic-pro, sans-serif !important;
    letter-spacing: 0.2em;
}

.view_timer {
    opacity: 0;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

/*====================================
 
	1. Header
 
====================================*/
 
/*
 	1.1 General Header
====================================*/

header {
    width: 100%;
    position: fixed;
    z-index: 999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .header_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 0 20px;
}

#h_main {
    position: relative;
}

.logo {
    box-sizing: border-box;
}

.logo img {
    position: absolute;
    top: 0.5px;
    padding: 11px 0;
    width: 190px;
}

header .nav ul {
    box-sizing: border-box;
}

header .nav ul li {
    margin: 0 20px;
}

header .nav ul li:last-child {
    margin: 0 0 0 20px;
    ;
}

header .nav ul li a {
    color: #fff;
    font-size: 1.2rem;
    height: 70px;
    display: block;
    line-height: 70px;
    box-sizing: border-box;
}

header .nav ul li a:hover {
    border-bottom: 4px solid #fed900;
}

header .nav ul li a .fas {
    margin: 0 5px 0 0;
}

header img.logo_blk {
    display: none;
}

header img.logo_wht {
    display: block;
}

/* add class */
.h_change {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .h_change {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

header .h_change .nav ul li a {
    color: #333;
}

header #h_sub {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    box-sizing: border-box;
}

header #h_sub .nav ul li a {
    color: #333;
}

header .h_change img.logo_blk {
    display: block;
}

header .h_change img.logo_wht {
    display: none;
}

/*====================================
 
	2. Main
 
====================================*/

/* preloader */

#preloader {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#preloader .preloader_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

img#loader_logo_ie {
    display: none;
    width: 200px;
    height: 200px;    
}

path {
    fill: none; /*線の塗りつぶし*/
    stroke: #000; /*線の色を指定する*/
    stroke-dasharray: 0;/*線の間隔を指定する*/
    stroke-dashoffset: 0;/*線の位置を指定する(IEは効かない属性)*/
    stroke-width: 0;/*線の太さを指定する*/
}

polyline {
    fill: none;
    stroke: #000;
    stroke-width: 5px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

#loader_logo {
    width: 200px;
    height: 200px;
    -webkit-animation: slide_down 0.5s linear forwards;
    animation: slide_down 0.5s linear forwards;
    animation-delay: 3.5s;
}

#logo_anim_01 polyline {
    -webkit-animation: draw 1.5s linear forwards;
    animation: draw 1.5s linear forwards;
    animation-delay: 1.5s;
}

#logo_anim_02 path {
    -webkit-animation: alpha 1s ease-in forwards;
    animation: alpha 1s ease-in forwards;
    animation-delay: 2s;
}

#logo_anim_03 path {
    -webkit-animation: slide_left 1s ease-in forwards;
    animation: slide_left 1s ease-in forwards;
}
 @-webkit-keyframes slide_left {
 0% {
 transform: matrix(1, 0.00, 0.00, 1, 80, 0);
 -webkit-transform: matrix(1, 0.00, 0.00, 1, 80, 0);
 fill:transparent; /*透過*/
}
 50% {
 fill:transparent; /*透過*/
}
 100% {
 fill:#000;
}
}
@keyframes slide_left {
 0% {
 transform: matrix(1, 0.00, 0.00, 1, 80, 0);
-webkit-transform: matrix(1, 0.00, 0.00, 1, 80, 0);
 fill:transparent; /*透過*/
}
 50% {
 fill:transparent; /*透過*/
}
 100% {
 fill:#000;
}
}
 @-webkit-keyframes alpha {
 0% {
 fill:transparent; /*透過*/
}
 50% {
 fill:transparent; /*透過*/
}
 100% {
 fill:#000;
}
}
@keyframes alpha {
 0% {
 fill:transparent; /*透過*/
}
 50% {
 fill:transparent; /*透過*/
}
 100% {
 fill:#000;
}
}
 @-webkit-keyframes draw {
 to {
 stroke-dashoffset: 0;
}
}
@keyframes draw {
 to {
 stroke-dashoffset: 0;
}
}
 @-webkit-keyframes slide_down {
 to {
 transform: matrix(1, 0.00, 0.00, 1, 0, 20);
-webkit-transform: matrix(1, 0.00, 0.00, 1, 0, 20);
 opacity:0;
}
}
@keyframes slide_down {
 to {
 transform: matrix(1, 0.00, 0.00, 1, 0, 20);
-webkit-transform: matrix(1, 0.00, 0.00, 1, 0, 20);
 opacity:0;
}
}

/* ie11 css hack */
_:-ms-lang(x)::-ms-backdrop, #loader_logo {
        display: none;
}

_:-ms-lang(x)::-ms-backdrop, img#loader_logo_ie {
        display: block;
}

#page, #content, #primary {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

.content_1200 {
    padding: 80px 0;
    margin: 0 auto;
    width: 1200px;
    box-sizing: border-box;
}

#page .article_detail_headline {
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    position: relative;
    border-left: 6px solid #FED900;
    background: #f2f2f2;
}

#page .page_content_header {
    display: block;
    width: 100%;
    height: 500px;
    padding: 70px 0 0;
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: center center;
}

#page .page_content_header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}

#page .page_content_header .page_content_header_inner {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

#page .page_content_header .page_content_header_inner h2 {
    margin: 70px 0 0;
    font-weight: 500;
    font-size: 4rem;
    color: #fff;
}

#page .page_content_header .page_content_header_inner h3 {
    font-size: 1.4rem;
    color: #fff;
}

#page .page_content_header .page_content_header_inner h3::after {
    content: '';
    width: 40px;
    height: 2px;
    background: #FED900;
    margin: 40px auto;
    display: block;
}

p.no_match_txt {
    text-align: center;
    margin: 0 auto;
}

p.no_match_txt span {
    margin: 10px 0 0;
    display: block;
    font-size: 1.2rem;
}

#breadcrumb {
    width: 1200px;
    margin: 20px auto;
    box-sizing: border-box;
}

#breadcrumb ul {
    display: flex;
    align-items: center;
}

#breadcrumb ul li {
    margin: 0 10px 0 0;
    font-size: 1.2rem;
}

#breadcrumb ul li.arrow {
    font-size: 1rem;
}

/*====================================
 
	3. Footer
 
====================================*/

footer {
    background: #333;
    color: #fff;
}

footer .footer_content {
    padding: 80px 0 20px;
}

footer .footer_content h2.widgettitle {
    display: none;
}

footer .footer_content nav {
    display: flex;
    justify-content: space-between;
}

footer .footer_content nav ul.col_4 {
    width: 23%;
}

footer .footer_content nav ul.col_4.wide {
    width: 46%;
}

footer .footer_content nav ul.col_4.wide > .accordion_contents > #fudo_b_r-2 > ul {
    display: flex;
    flex-flow: column wrap;
    height: 640px;
}

footer .footer_content nav ul.col_4.wide ul li {
    width: 50%;
}

footer .footer_content nav ul.col_4 .widget {
    margin: 0 0 0 14px;
}

footer .footer_content nav ul.col_4 a.prefectures, footer .footer_content nav ul.col_4 a.route {
    position: relative;
}

footer .footer_content nav ul.col_4 a.prefectures::before, footer .footer_content nav ul.col_4 a.route::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    left: -14px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
}

footer .footer_content nav ul.col_4 ul.children {
    padding: 0 0 0 35px;
    margin: 10px 0 25px 0;
}

footer .footer_content nav ul.col_4 ul.children li {
    position: relative;
}

footer .footer_content nav ul.col_4 ul.children li a {
    color: #999;
}

footer .footer_content nav ul.col_4 ul.children li a:hover {
    color: #fff;
}

footer .footer_content nav ul.col_4 ul li {
    margin: 0 0 10px 0;
}

footer .footer_content nav ul.col_4 ul.children li::before {
    content: '';
    width: 10px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: -20px;
    background: #666;
}

footer .footer_content nav ul li {
    margin: 0 0 25px 0;
    font-size: 1.2rem;
}

footer .footer_content nav ul li:last-child {
    margin: 0;
}

footer .footer_content nav ul li a {
    display: block;
}

footer .footer_content nav ul li.f_headline {
    border-left: 2.5px solid #fed900;
    padding: 0 0 0 10px;
    font-weight: bold;
}

footer .sns_links {
    margin: 20px 0;
    border: 1px solid #666;
    padding: 35px;
}

footer .sns_links p {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 15px;
}

footer .sns_links ul {
    display: flex;
    justify-content: center;
}

footer .sns_links ul li:first-child {
    margin: 0 10px 0 0 !important;
}

footer .sns_links ul li:last-child {
    margin: 0 !important;
}

footer .sns_links ul li a {
    padding: 10px;
    display: block;
    font-size: 1.6rem;
    text-align: center;
    width: 25px;
    height: 25px;
    border: 1px solid #CBCCCC;
    border-radius: 100%;
}

footer .sns_links ul li a i {
    line-height: 25px;
    position: relative;
    right: -2px;
}

footer .footer_content a {
    color: #fff;
    font-size: 1.2rem;
}

footer .corp_wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

footer .corp_wrap ul li {
    margin: 0 30px 0 0;
}

footer .corp_wrap .corp_link a {
    font-size: 1rem;
    color: #999;
    position: relative;
}

footer .corp_wrap .corp_link a.itc::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: -10px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    margin: -1px 0 0 0;
}

footer .corp_wrap .corp_link img {
    width: 140px;
    height: auto;
}

footer .copyright p {
    text-align: right;
    font-size: 1rem;
    color: #999;
}

/*====================================
 
	4. Page
 
====================================*/
 
/*
 	4.1 Top
====================================*/

#hero {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#hero .hero_image::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.3);
}

#hero .hero_image video.only_pc {
    min-width: 100%;
    min-height: 100vh;
    position: relative;
}

#hero .hero_image .only_sp {
    width: 100%;
    height: 100vh;
    background: url("img/hero_bg_sp.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

#hero .hero_txt {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1200px;
}

#target_hero {
    margin: 0 0 60px 0;
}

#hero .hero_txt p.headline_en {
    color: #fff;
    font-size: 7rem;
    letter-spacing: 0.15em;
    font-weight: bold;
    margin: 0 0 20px 0;
}

/* edge css hack */
_:-ms-lang(x)::backdrop, #hero .hero_txt p.headline_en {
    font-size: 6.9rem;
}

#hero .hero_txt p.headline_jp {
    font-size: 2rem;
    letter-spacing: 0.2em;
    font-weight: normal;
    color: #fff;
}

span.char {
    position: relative;
}

#hero .hero_txt a.hero_link {
    color: #fff;
    border: 2px solid #fed900;
    box-sizing: border-box;
    border-radius: 30px;
    width: 250px;
    padding: 10px;
    display: block;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
}

#hero .hero_txt a.hero_link:hover {
    opacity: 1;
}

#hero .hero_txt a.hero_link::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#hero .hero_txt a.hero_link:hover::after {
    right: 15px;
}

#hero .scroll_txt {
    height: 166px;
    width: 20px;
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 2;
}

#hero .scroll_txt a {
    display: block;
    width: 100%;
    height: 100%;
}

#hero .scroll_txt a span {
    color: #fff;
    transform: rotate(90deg);
    position: relative;
    top: 16px;
    right: 18px;
    font-weight: 100;
    font-size: 1.2rem;
    display: inline-block;
}

#hero .c_scrolldown {
    width: 1px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 11px;
    overflow: hidden;
}

#hero .c_scrolldown .c_line {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
    background-position: 0 -100px;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
 @keyframes scrolldown {
 0% {
 background-position: 0 -100px;
}
 75% {
 background-position: 0 0;
}
 100% {
 background-position: 0 100px;
}
}

#main h2.section_title {
    font-size: 3.6rem;
    text-align: center;
    font-weight: 500;
    margin: 0 0 60px 0;
}

#main h2.section_title span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    color: #333;
    margin: 10px 0 0 0;
    letter-spacing: 0.2em;
}

#main h2.section_title span::after {
    content: '';
    width: 40px;
    height: 2px;
    background: #FED900;
    margin: 20px auto;
    display: block;
}

#main h2.section_title_tab {
    font-size: 3.4rem;
    text-align: center;
    font-weight: 500;
}

#main h2.section_title_tab span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    color: #333;
    margin: 0;
    letter-spacing: 0.2em;
}

#new_property .new_property_content {
    position: relative;
}

#new_property ul li {
    border: 1px solid #eeeeee;
    margin: 5px;
}

#new_property .new_property_content ul li a .property_thumnail {
    overflow: hidden;
}

#new_property .new_property_content ul li a .property_thumnail img {
    width: 100%;
    height: auto;
}

#new_property .new_property_content ul li a .property_detail {
    padding: 20px;
}

#new_property .new_property_content ul li a .property_detail h3.property_name {
    font-weight: bold;
    /*text-decoration: underline;*/
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#new_property .new_property_content ul li a .property_detail p {
    font-size: 1.4rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#new_property .new_property_content ul li a .property_detail p.property_price {
    font-weight: 500;
    font-size: 2.4rem;
    /*color: #f90;*/
    margin: 0 0 10px 0;
}

#new_property .new_property_content ul li a .property_detail p.property_price span.yen {
    font-size: 1.2rem;
    color: #222222;
    margin: 0 0 0 5px;
}

#new_property .new_property_content ul li a .property_detail p.property_price span.kakakuzei {
    display: none;
}

#new_property .swiper_container {
    overflow: hidden;
}

#new_property .swiper-button-prev {
    background-image: url("img/slider_arrow_left.svg");
    left: 20px;
    right: auto;
    margin-top: 52px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

#new_property .swiper-button-next {
    background-image: url("img/slider_arrow_right.svg");
    right: 20px;
    left: auto;
    margin-top: 52px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

.swiper-pagination {
    width: 100%;
    bottom: -35px;
    position: relative !important;
}

.swiper-pagination-bullet {
    border-radius: 0 !important;
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fed900 !important;
}

/* tab */

.tabnav {
    display: flex;
}

.tabnav li {
    width: 50%;
}

.tabnav li a {
    display: block;
    background: #f2f2f2;
    padding: 20px;
    border-radius: 5px 5px 0 0;
}

.tabnav li a:hover, .tabnav li a.active {
    background: #fed900;
    color: #333;
    opacity: 1;
}

.tabcontent {
    padding: 40px 20px;
    box-sizing: border-box;
    border-top: 10px solid #fed900;
    background: #f2f2f2;
}

#trade_area_property ul li a.prefectures {
    width: 100%;
    padding: 20px;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    position: relative;
    border-left: 6px solid #FED900;
    background: #fff;
}

#trade_area_property ul li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#trade_area_property ul.children {
    display: flex;
}

#trade_area_property ul.children li {
    width: 33.3%;
    margin: 0.5% 0;
    position: relative;
}

#trade_area_property ul.children li:nth-child(2n) {
    margin: 0.5%;
}

#trade_area_property ul.children li a {
    text-align: left;
    font-size: 1.4rem;
    display: block;
    padding: 15px 20px;
    background: #fff;
}

#trade_area_property ul.children li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#trade_route_property ul li a.route {
    width: 100%;
    padding: 20px;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    position: relative;
    border-left: 6px solid #FED900;
    background: #fff;
}

#trade_route_property ul li {
    margin: 0 0 20px 0;
}

#trade_route_property ul li:last-child {
    margin: 0;
}

#trade_route_property ul li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#trade_route_property ul.children li {
    width: 100%;
    position: relative;
    margin: 0.5% 0;
}

#trade_route_property ul.children li a {
    text-align: left;
    font-size: 1.4rem;
    display: block;
    padding: 15px 20px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    background: #fff;
}

#trade_route_property ul.children li a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#keyword_search_property {
    position: relative;
    background: #f2f2f2;
}

#keyword_search_property .keyword_search_property_inner {
    text-align: center;
    position: relative;
    z-index: 2;
}

#keyword_search_property .keyword_search_property_inner h2.headline {
    color: #fff;
    font-size: 2.6rem;
    text-align: center;
    font-weight: 700;
    margin: 0 0 60px 0;
}

#keyword_search_property .keyword_search_property_inner h2.headline span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
    margin: 10px 0 0 0;
}

#keyword_search_property span.screen-reader-text {
    display: none;
}

#keyword_search_property .keyword_search_property_inner > #fudo_search-3 {
    position: relative;
}

#keyword_search_property input[type="search"] {
    margin: 0 10px 0 0;
    border: 0;
    background-color: #fff;
    outline: 0;
    width: 50%;
    height: 50px;
    padding: 0 15px;
    font-size: 1.4rem;
    display: inline-block;
}

#keyword_search_property button.search_submit_btn {
    position: absolute;
    width: 50px;
    height: 50px;
    border: none;
    background: #fed900;
    z-index: 2;
    cursor: pointer;
}

/*====================================
 
	4.2 Article List
 
====================================*/

/*====================================
 
	4.3 Article Detail
 
====================================*/

#article_detail_content .article_detail_thumnail {
    width: 100%;
    height: 60vh;
    padding: 70px 0 0;
    overflow: hidden;
    position: relative;
}

#article_detail_content .article_detail_thumnail_bg {
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    position: relative;
}

#article_detail_content .article_detail_thumnail_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.4);
}

#article_detail_content h2.article_detail_estate_name {
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#article_detail_content h2.article_detail_estate_name p {
    font-size: 1.2rem;
    margin: 10px 0 0 0;
}

#article_detail_content h2.article_detail_estate_name p .fa-map-marker-alt {
    margin: 0 5px 0 0;
    color: #fed900;
}

#article_detail_content h3.article_detail_headline {
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    font-weight: bold;
    display: block;
    box-sizing: border-box;
    position: relative;
    border-left: 6px solid #FED900;
    background: #f2f2f2;
}

#article_detail_content .swiper_wrap {
    border: 1px solid #dadada;
    box-sizing: border-box;
    padding: 60px;
    overflow: hidden;
}

#article_detail_content .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#article_detail_content .swiper-container img {
    width: 100%;
    height: auto;
}

#article_detail_content .swiper-slide {
    background-size: cover;
    background-position: center;
}

#article_detail_content .gallery-top {
    height: 80%;
    width: 100%;
}

#article_detail_content .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

#article_detail_content .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    cursor: pointer;
}

#article_detail_content .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 4px solid #FED900;
    box-sizing: border-box;
    position: relative;
}

#article_detail_content .gallery-thumbs .swiper-slide-thumb-active::before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid #FED900;
}

#article_detail_content .swiper-button-prev {
    background-image: url("img/slider_arrow_left.svg");
    left: 20px;
    right: auto;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

#article_detail_content .swiper-button-next {
    background-image: url("img/slider_arrow_right.svg");
    right: 20px;
    left: auto;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

#article_detail_content .entry_content p {
    border: 1px solid #dadada;
    padding: 20px;
    font-size: 1.4rem;
}

#article_detail_content span.kakakuzei {
    display: none;
}

#article_detail_content .list_all_wrap {
    border-bottom: 1px solid #dadada;
}

#article_detail_content .list_price_wrap,
#article_detail_content .list_other_wrap {
    border: 1px solid #dadada;
    border-bottom: none;
    font-size: 1.4rem;
}

#article_detail_content .list_item {
    display: flex;
    border-bottom: 1px solid #dadada;
}

#article_detail_content .list_item .list_item_half {
    width: 50%;
    display: flex;
}

#article_detail_content .list_item .list_item_half:nth-of-type(2) .list_title {
    border-left: 1px solid #dadada;
}

#article_detail_content .list_item:last-of-type {
    border-bottom: none;
}

#article_detail_content .list_item .list_title {
    width: 200px;
    padding: 10px;
    box-sizing: border-box;
    background: #f2f2f2;
    border-right: 1px solid #dadada;
}

#article_detail_content .list_item .list_detail {
    width: calc(100% - 204px);
    padding: 10px;
    box-sizing: border-box;
}

#article_detail_content table {
    border-collapse: collapse;
    font-size: 1.4rem;
    width: 100%;
}

#article_detail_content table tr th, #article_detail_content table tr td {
    padding: 10px;
    box-sizing: border-box;
}

#article_detail_content table tr th {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    background: #f2f2f2;
}

#article_detail_content table tr td {
    border-bottom: 1px solid #dadada;
}

#article_detail_content #list_add_table table#list_add {
    border: 1px solid #dadada;
    border-bottom: none;
}

#article_detail_content #list_add_table table#list_add tr {
    display: flex;
}

#article_detail_content #list_add_table table#list_add tr th {
    width: 200px;
    font-weight: normal;
    text-align: left;
}

#article_detail_content #list_add_table table#list_add tr td {
    width: calc(100% - 200px);
    text-align: left;
}

#article_detail_content #list_other_table table#list_other {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}

#article_detail_content #list_other_table table#list_other tr {
    text-align: left;
}

#article_detail_content #list_other_table table#list_other tr th {
    width: 200px;
    font-weight: normal;
    text-align: left;
}

#article_detail_content #list_other_table table#list_other tr th.th2 {
    border-left: 1px solid #dadada;
}

#article_detail_content #list_other_table table#list_other tr td {
    width: calc(100% - 200px);
    text-align: left;
}

#article_detail_content #google_map {
    min-height: 150px;
    min-width: 150px;
    height: 500px;
    width: 100%;
}

#article_detail_content .article_contact_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#article_detail_content .article_contact_wrap .article_contact_item {
    width: 33.3%;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(2) {
    border-right: 1px solid #eeeeee;
}

#article_detail_content .article_contact_wrap .article_contact_item:last-of-type {
    padding: 0 0 0 40px;
}

#article_detail_content .article_contact_wrap .article_contact_item .post_thumnail img {
    width: 100%;
    height: auto;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item {
    display: flex;
    align-items: center;
    margin: 10px 20px;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .title {
    width: 60px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #FED900;
    margin: 0 10px 0 0;
    font-size: 1.4rem;
    font-weight: bold;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .detail {
    font-size: 1.4rem;
    font-weight: normal;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .detail .dpoint4 {
    font-size: 2.4rem;
    font-weight: bold;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .detail .yen {
    font-size: 1.4rem;
    font-weight: normal;
    margin: 0 0 0 2px;
}

#article_detail_content .article_contact_wrap .article_contact_item p.contact_link_txt {
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0 10px;
}

#article_detail_content .article_contact_wrap .article_contact_item .contact_link_btn a {
    display: block;
    background: #FED900;
    padding: 20px;
    position: relative;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

#article_detail_content .article_contact_wrap .article_contact_item .contact_link_btn a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    pointer-events: none;
}

#article_detail_content .article_contact_wrap .article_contact_item .contact_link_btn a .fa-wpforms {
    margin: 0 10px 0 0;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn {
    margin: 0 0 40px 0;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn a {
    display: block;
    padding: 20px;
    position: relative;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn a .fa-thumbtack {
    margin: 0 10px 0 0;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn a.simplefavorite-button {
    background: #f2f2f2;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn a.simplefavorite-button.active {
    background: #EB9766;
    opacity: 1;
}

#article_detail_content p.takken_number {
    text-align: right;
    font-size: 1.2rem;
    margin: 20px 0;
    color: #666;
}

#article_detail_content .article_other_property {
    position: relative;
}

#article_detail_content .article_other_property .swiper_container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#article_detail_content .article_other_property ul li {
    border: 1px solid #eeeeee;
    margin: 5px;
}

#article_detail_content .article_other_property ul li a .property_thumnail {
    overflow: hidden;
}

#article_detail_content .article_other_property ul li a .property_thumnail img {
    width: 100%;
    height: auto;
}

#article_detail_content .article_other_property ul li a .property_detail {
    padding: 20px;
}

#article_detail_content .article_other_property ul li a .property_detail h3.property_name {
    font-weight: bold;
    /*text-decoration: underline;*/
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#article_detail_content .article_other_property ul li a .property_detail p {
    font-size: 1.4rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#article_detail_content .article_other_property ul li a .property_detail p.property_price {
    font-weight: 500;
    font-size: 2.4rem;
    /*color: #f90;*/
    margin: 0 0 10px 0;
}

#article_detail_content .article_other_property ul li a .property_detail p.property_price span.yen {
    font-size: 1.2rem;
    color: #222222;
    margin: 0 0 0 5px;
}

/*====================================
 
	4.4 Archive List
 
====================================*/

.archive_bg {
    background-image: url("img/archive_bg.jpg");
}

#archive_list h4.page_title {
    width: 1200px;
    margin: 10px auto;
    font-size: 1.2rem;
}

#archive_list .nav_previous, #archive_list .nav_next {
    display: flex;
    align-items: center;
    margin: 20px 0;
    background: #f2f2f2;
    border-radius: 5px;
}

#archive_list .nav_previous p, #archive_list .nav_previous a, #archive_list .nav_next p {
    padding: 10px 20px;
    font-size: 1.4rem;
}

#archive_list .nav_previous p, #archive_list .nav_next p.y_box {
    font-weight: bold;
    background: #FED900;
    border-radius: 5px 0 0 5px;
}

#archive_list .nav_previous img {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

#archive_list .nav_previous a.sho {
    display: none;
}

#list_simplepage {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0;
}

#list_simplepage .list_simple_box {
    width: 32%;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    display: block;
    margin: 0 2% 2% 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#list_simplepage .list_simple_box:nth-child(3n) {
    margin: 0 0 2% 0;
}

#list_simplepage .list_simple_box:hover {
    opacity: 0.8;
}

#list_simplepage .list_simple_box a {
    display: block;
}

#list_simplepage .list_simple_box .list_picsam_img {
    overflow: hidden;
}

#list_simplepage .list_simple_box .list_picsam_img img {
    width: 100%;
    height: auto;
}

#list_simplepage .list_simple_box .list_simple_detail {
    padding: 20px;
}

#list_simplepage .list_simple_box .list_simple_detail h4.property_name a {
    font-weight: bold;
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list_simplepage .list_simple_box .list_simple_detail p {
    font-size: 1.4rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 5px 0;
}

#list_simplepage .list_simple_box .list_simple_detail p.property_price {
    font-weight: 500;
    font-size: 2.4rem;
    /*color: #f90;*/
    margin: 0 0 10px 0;
}

#list_simplepage .list_simple_box .list_simple_detail p.property_price span.yen {
    font-size: 1.2rem;
    color: #222222;
    margin: 0 0 0 5px;
}

#list_simplepage .list_simple_box .list_simple_detail p .fa-map-marker-alt {
    margin: 0 5px 0 0;
}

#pagination_hide .archive_pagination {
    display: none;
}

#pagination_show .record_count,
#pagination_show .nav_previous,
#pagination_show .y_box {
    display: none;
}

#pagination_show .nav_next {
    background: #fff;
}

#pagination_show .nav_next {
    background: #fff;
    display: block;
    text-align: center;
}

#pagination_show .archive_pagination {
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 2px;
}

#pagination_show .archive_pagination .fa-chevron-left,
#pagination_show .archive_pagination .fa-chevron-right {
    font-size: 1.2rem;
}

#pagination_show b.archive_pagination {
    background: #fed900;
}

#pagination_show a.archive_pagination {
    background: #f2f2f2;
    box-sizing: border-box;
}


/*====================================
 
	4.5 CONDITION SEARCH
 
====================================*/

.condition_search_bg {
    background-image: url("img/condition_search_bg.jpg");
}

#condition_search_property #fudo_b_k-2 {
    box-sizing: border-box;
}

#condition_search_property .widgettitle, #trade_area_property .widgettitle, #trade_route_property .widgettitle {
    display: none;
}

#condition_search_property h3, #condition_search_property .jsearch_caution2, #condition_search_property #setsubi_cb, #condition_search_property #kakaku_c, #condition_search_property #madori_cb {
    display: none;
}

#condition_search_property #shubetsu {
    margin: 0 0 0.5% 0;
}

#condition_search_property .jsearch_caution1 {
    padding: 20px;
    box-sizing: border-box;
    background: #f2f2f2;
    border-left: 6px solid #FED900;
    font-weight: bold;
}

#condition_search_property .jsearch_caution1, #condition_search_property #shubetsu select#shu {
    width: 50%;
}

#condition_search_property #shubetsu {
    background: #f2f2f2;
    margin: 0 0 0.5% 0;
    height: 65px;
}

#condition_search_property #shubetsu select#shu {
    font-size: 1.4rem;
    width: 580px;
    margin: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    display: inline-block;
    padding: 10px 20px;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-appearance : none;
    appearance : none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#condition_search_property #shubetsu, #condition_search_property #chiiki, #condition_search_property #kakaku_b, #condition_search_property #hofun, #condition_search_property #chikunen, #condition_search_property #memseki {
    display: flex !important;
    align-items: center;
    background: #f2f2f2;
    margin: 0 0 0.5% 0;
}

#condition_search_property #shubetsu span, #condition_search_property #chiiki span, #condition_search_property #kakaku_b span, #condition_search_property #hofun span, #condition_search_property #chikunen span, #condition_search_property #memseki span {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    background: #f2f2f2;
    border-left: 6px solid #FED900;
    font-weight: bold;
}

#condition_search_property #chiiki select, #condition_search_property #kakaku_b select, #condition_search_property #hofun select, #condition_search_property #chikunen select, #condition_search_property #memseki select {
    font-size: 1.4rem;
    width: 240px;
    margin: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    display: inline-block;
    padding: 10px 20px;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-appearance : none;
    appearance : none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#condition_search_property select {
    background: #fff;
}

#condition_search_property select:after {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
    pointer-events: none;
}

#condition_search_property input[type="submit"][disabled] {
    position: relative;
    display: block;
    height: 65px;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 40px auto;
    border: none;
    background: #f2f2f2;
    font-weight: bold;
    letter-spacing: 0.2rem;
}

#condition_search_property input[type="submit"] {
    position: relative;
    display: block;
    height: 65px;
    font-size: 1.6rem;
    border-radius: 5px;
    -webkit-appearance: none; /* safari */
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 40px auto;
    border: none;
    background: #FED900;
    color: #222222;
    font-weight: bold;
    letter-spacing: 0.2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#condition_search_property label.btn_wrap {
    position: relative;
    display: block;
    height: 65px;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 40px auto;
}

#condition_search_property label.btn_wrap::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#condition_search_property label.select_wrap {
    position: relative;
    height: 65px;
    display: block;
    text-align: center;
}

#condition_search_property label.select_wrap::after {
    top: 50%;
    right: 25px;
    margin-top: -7px;
    pointer-events: none;
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    content: '';
    transform: rotate(45deg);
}

/*====================================
 
	4.6 Favorite
 
====================================*/

.favorite_bg {
    background-image: url("img/favorite_bg.jpg");
}

#favorite .favorite_count {
    display: flex;
    align-items: center;
    margin: 20px 0;
    background: #f2f2f2;
    border-radius: 5px;
}

#favorite .favorite_count p {
    padding: 10px 20px;
    font-size: 1.4rem;
}

#favorite .favorite_count p.y_box {
    font-weight: bold;
    background: #FED900;
    border-radius: 5px 0 0 5px;
}

#favorite .favorite_count p.y_box {
    font-weight: bold;
    background: #FED900;
    border-radius: 5px 0 0 5px;
}

div.row {
    display: flex;
    flex-wrap: wrap;
    margin: 60px 0;
}

div.row .col_3 {
    width: 32%;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    display: block;
    margin: 0 2% 2% 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.row .col_3:nth-child(3n) {
    margin: 0 0 2% 0;
}

div.row .col_3 a {
    display: block;
}

div.row .col_3 .property_thumnail img {
    width: 100%;
    height: auto;
}

div.row .col_3 .property_detail {
    padding: 20px;
}

div.row .col_3 .property_detail h4.property_name {
    font-weight: bold;
    margin: 0 0 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.row .col_3 .property_detail p {
    font-size: 1.4rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 5px 0;
}

div.row .col_3 .property_detail p.property_price {
    font-weight: 500;
    font-size: 2.4rem;
    margin: 0 0 10px 0;
}

div.row .col_3 .property_detail p.property_price span.yen {
    font-size: 1.2rem;
    color: #222222;
    margin: 0 0 0 5px;
}

#favorite .favorite_list_box_btn {
    margin: 0 0 20px;
    padding: 0 40px;
}

#favorite .favorite_list_box_btn a {
    text-align: center;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

#favorite .favorite_list_box_btn a.simplefavorite-button {
    background: #EB9766;
}

#favorite .favorite_list_box_btn a.simplefavorite-button.active {
    background: #F2F2F2;
}

#favorite .favorite_list_box_btn a.detail_btn {
    background: #fed900;
}

#favorite .favorite_list_box_btn a .fa-thumbtack, #favorite .favorite_list_box_btn a .fa-file-alt {
    margin: 0 10px 0 0;
}

#favorite .favorite_pagination {
    text-align: center;
    margin: 60px 0;
}

#favorite .favorite_pagination span.current, #favorite .favorite_pagination a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
    border-radius: 5px;
}

#favorite .favorite_pagination span.current {
    font-weight: bold;
    background: #fed900;
    border-radius: 5px;
}

#favorite .favorite_pagination span.extend {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    display: inline-block;
}

#favorite .favorite_pagination a.previouspostslink, #favorite .favorite_pagination a.nextpostslink {
    border-radius: 5px;
    background: #f2f2f2;
    font-size: 1.2rem;
}

#favorite .favorite_all_delete button.simplefavorites-clear {
    display: block;
    width: 500px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border: 2px solid #fed900;
    color: #222;
    box-shadow: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#favorite .favorite_all_delete button.simplefavorites-clear .fa-trash-alt {
    margin: 0 10px 0 0;
}

#favorite .favorite_all_delete button.simplefavorites-clear:hover {
    background: #fed900;
}

/*====================================
 
	4.7 Google Full Map
 
====================================*/

#g_full_map {
    width: 100%;
    height: 100%;
}

#map {
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
}

div.info_window {
    width: 250px;
    padding: 25px 0 10px 20px;
    font-family: aktiv-grotesk, a-otf-gothic-bbb-pr6n, sans-serif;
    letter-spacing: 0.1em;
}

div.info_window img {
    width: 100%;
    height: auto;
}

div.info_window p {
    word-wrap: break-word;
    margin: 10px 0;
}

div.info_window p.property_name {
    font-weight: bold;
}

div.info_window p.property_price {
    font-weight: bold;
    font-size: 1.8rem;
}

div.info_window p.property_price span {
    font-size: 1rem;
    display: inline-block;
    margin: 0 0 0 2.5px;
}

div.info_window p .fa-map-marker-alt {
    margin: 0 5px 0 0;
}

div.info_window a {
    display: block;
    padding: 10px 0;
    background: #fed900;
    color: #333;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    margin: 20px 0 0 0;
}

/*====================================
 
	4.8 About
 
====================================*/

.company_bg {
    background-image: url("img/company_bg.jpg");
}

#company .company_headline {
    text-align: center;
}

#company .company_headline h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0 auto 60px;
    display: inline-block;
}

#company .company_headline h4::after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #222;
}

#company .concept {
    margin: 0 0 80px 0;
}

#company .concept p {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2;
}

#company .company_content_item {
    display: flex;
    border: 1px solid #eeeeee;
    border-bottom: none;
    font-size: 1.4rem;
}

#company .company_content_item:last-of-type {
    border-bottom: 1px solid #eeeeee;
}

#company .company_content_item .title {
    width: 20%;
    padding: 30px;
    font-weight: bold;
}

#company .company_content_item .detail {
    width: 80%;
    padding: 30px;
}

#company .company_content_item .detail span.y_box {
    padding: 5px 10px;
    border: 2px solid #FED900;
    border-radius: 5px;
    font-weight: bold;
}

#company .company_content_item .detail p {
    margin: 0 0 20px;
}

#company .company_content_item .detail p a.map_link {
    margin: 0 0 0 20px;
    text-decoration: underline;
    color: #999;
}

#company .company_content_item .detail p a.map_link .fa-map-marker-alt {
    margin: 0 0 0 10px;
}

#google_map_company {
    width: 100%;
    height: 500px;
}

/*====================================
 
	4.9 Privacy Policy
 
====================================*/

.privacy_policy_bg {
    background-image: url("img/privacy_policy_bg.jpg");
}

#privacy_policy {
    font-size: 1.4rem;
}

#privacy_policy .privacy_policy_item {
    margin: 0 0 60px 0;
}

#privacy_policy .privacy_policy_item h2 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0 0 20px 0;
}

/*====================================
 
	5. Contact Form
 
====================================*/

.contact_bg {
    background-image: url("img/contact_bg.jpg");
}

#contact .contact_word {
    padding: 30px 0 60px;
    border-bottom: 1px solid #eee;
}

#contact .contact_word p {
    font-size: 1.4rem;
    text-align: center;
    line-height: 2;
}

#contact .contact_step {
    margin: 60px 0;
}

#contact .contact_step ul {
    justify-content: space-between;
    padding: 20px;
}

#contact .contact_step ul li:nth-child(1), #contact .contact_step ul li:nth-child(3), #contact .contact_step ul li:nth-child(5) {
    width: 20%;
    text-align: center;
    border: 1px solid #eee;
}

#contact .contact_step ul li.active {
    border: 4px solid #FED900;
}

#contact .contact_step ul li p {
    font-size: 1.4rem;
    padding: 10px 0;
}

#contact .contact_step ul li p span {
    font-weight: bold;
    margin: 0 0 5px 0;
    display: block;
}

#contact .contact_entry {
    padding: 60px 40px;
    background: #f2f2f2;
}

#contact input[type="text"], #contact input[type="email"], #contact textarea, #contact select {
    border: none;
    border-radius: 3px;
    box-shadow: none;
    display: inline-block;
    padding: 15px 25px;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
    background: #fff;
}

#contact select {
    font-size: 1.2rem;
}

#contact input[type="text"], #contact input[type="email"] {
    width: 400px;
}

#contact textarea {
    width: 100%;
    height: 300px;
}

#contact .contact_content_item {
    margin-bottom: 20px;
    padding-bottom: 60px;
    display: flex;
}

#contact .contact_content_item + .privacy_policy {
    font-size: 1.4rem;
    text-align: center;
    display: block;
    padding: 60px 20px;
    width: 100%;
    margin: 0 auto 60px;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
}

#contact .contact_content_item + .privacy_policy p {
    margin: 0 0 10px 0;
}

#contact .contact_content_item + .privacy_policy p a {
    text-decoration: underline;
}

#contact .contact_content_item .contact_content_heading {
    width: 35%;
}

#contact .contact_content_item .contact_content_heading_text {
    width: 65%;
}

#contact .contact_content_item .contact_content_heading span.contact_required {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 3px 14px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    background: #FED900;
    border-radius: 3px;
    top: -1px;
    position: relative;
}

#contact .contact_content_item .contact_content_heading span.contact_optional {
    display: inline-block;
    margin: 0 12px 0 0;
    padding: 3px 14px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    background-color: #999;
    border-radius: 3px;
    top: -1px;
    position: relative;
    color: #fff;
}

#contact label.select_wrap {
    position: relative;
    width: 200px;
    display: block;
    height: 54px;
}

#contact label.select_wrap select {
    width: 210px;
}

#contact label.select_wrap::after {
    top: 50%;
    right: 10px;
    margin-top: -7px;
    pointer-events: none;
    width: 6px;
    height: 6px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    content: '';
    transform: rotate(45deg);
}

#contact .confirm label.select_wrap::after {
    display: none;
}

#contact button.contact_btn {
    position: relative;
    display: block;
    height: 65px;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 40px auto;
    border: none;
    background: #FED900;
    color: #222222;
    font-weight: bold;
    letter-spacing: 0.2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#contact button.contact_btn::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
}

#contact button.contact_btn.back {
    background: #fff !important;
    border: 2px solid #FED900 !important;
}
 #contact input::placeholder, #contact textarea::placeholder {
 color: #999;
 font-size: 1.4rem;
 font-family: aktiv-grotesk, a-otf-gothic-bbb-pr6n, sans-serif;
}

#contact span.error {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#contact .complete_txt h2 {
    text-align: center;
    font-size: 3rem;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#contact .complete_txt h3 {
    text-align: center;
    font-size: 1.8rem;
    margin: 0 0 60px 0;
}

#contact .complete_txt span.yellow_bar {
    margin: 0 auto 60px;
    display: block;
    width: 100px;
    height: 4px;
    background: #FED900;
}

#contact .complete_txt p {
    font-size: 1.6rem;
    margin: 0 0 40px 0;
}

#contact .complete_txt .contact_entry_domain_caution {
    border: 1px solid #dadada;
    padding: 20px;
}

#contact .complete_txt .contact_entry_domain_caution p {
    font-size: 1.4rem;
    margin: 0;
}

#contact .complete_txt .contact_entry_domain_caution p .fa-exclamation-circle {
    margin: 0 5px 0 0;
}

#contact a.btn_wrap {
    position: relative;
    display: block;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 80px auto 0;
    background: #FED900;
    text-align: center;
    font-weight: bold;
    padding: 20px;
    box-sizing: border-box;
}

#contact a.btn_wrap::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

/*====================================
 
	6. 404
 
====================================*/

#error .error_inner {
    text-align: center;
    height: 90vh;
    box-sizing: border-box;
    position: relative;
}

#error .error_inner h2 {
    font-size: 8rem;
    font-weight: bold;
    margin: 12% 0 40px 0;
}

#error .error_inner .error_item p {
    font-size: 1.4rem;
}

#error a.btn_wrap {
    position: relative;
    display: block;
    font-size: 1.6rem;
    border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    width: 500px;
    margin: 80px auto 0;
    background: #FED900;
    text-align: center;
    font-weight: bold;
    padding: 20px;
    box-sizing: border-box;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#error a.btn_wrap:hover {
    opacity: 1;
}

#error a.btn_wrap::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

/*====================================
 
	7. Media Query
 
====================================*/
 
/*
 	7.1 1080px
====================================*/


@media screen and (max-width: 1080px) { /* tablet(width) */
}

/*
 	7.2 768px
====================================*/

@media screen and (max-width: 768px) { /* tab(length) */

/* general */
.sp {
    display: block;
}

.pc {
    display: none;
}

ul.row {
    display: block;
    align-items: center;
}

.content_1200 {
    padding: 60px 10px;
    width: 100%;
}

/* header */

.logo img {
    position: absolute;
    top: 0.5px;
    padding: 11px 0;
    width: 132px;
}

header .header_content {
    padding: 0 10px;
    height: 54px;
}

/* hamburger icon customize */
button.hamburger {
    outline: none;
    position: fixed;
    top: 4px !important;
    right: 10px !important;
    z-index: 9999;
    padding: 10px !important;
}

.hamburger.is-active:hover, .hamburger:hover {
    opacity: 1 !important;
}

.hamburger-box {
    width: 20px !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 20px !important;
    height: 2px !important;
    border-radius: 0 !important;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #222 !important;
}

.hamburger-inner.h_change, .hamburger-inner.h_change:after, .hamburger-inner.h_change:before {
    background-color: #222 !important;
}

.hamburger-inner.hamburger-wht, .hamburger-inner.hamburger-wht:after, .hamburger-inner.hamburger-wht:before {
    background-color: #fff;
}

/* drawer menu */
#drawer_menu {
    display: none;
    z-index: 9998;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #E0E1E1;
}

#drawer_menu .logo {
    height: 54px;
    padding: 0 10px;
    background: #fff;
}

#drawer_menu .nav ul li {
    border-bottom: 1px solid #CBCCCC;
}

#drawer_menu .nav ul li a {
    display: block;
    color: #222;
    padding: 17.5px 25px;
    font-size: 1.2rem;
    position: relative;
}

#drawer_menu .nav ul li a::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    right: 20px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
}

#drawer_menu .nav ul li a .fas {
    margin: 0 10px 0 0;
}

#drawer_menu .sns_links {
    margin: 40px 0;
}

#drawer_menu .sns_links p {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 10px;
}

#drawer_menu .sns_links ul {
    display: flex;
    justify-content: center;
}

#drawer_menu .sns_links ul li:first-child {
    margin: 0 10px 0 0;
}

#drawer_menu .sns_links ul li a {
    padding: 10px;
    display: block;
    font-size: 1.6rem;
    text-align: center;
    width: 25px;
    height: 25px;
    border: 1px solid #CBCCCC;
    border-radius: 100%;
}

#drawer_menu .sns_links ul li a i {
    line-height: 25px;
    position: relative;
    right: -2px;
}

/* footer */
    
footer .accordion_contents {
    display: none;
    padding: 0 0 0 20px;
}

footer .footer_content {
    padding: 40px 10px 20px;
}

footer .footer_content nav {
    display: block;
    justify-content: unset;
    width: 90%;
    margin: 0 auto;
}

footer .footer_content nav ul.col_4, footer .footer_content nav ul.col_4.wide {
    width: 100%;
}

footer .footer_content nav ul.col_4.wide > .accordion_contents > #fudo_b_r-2 > ul {
    display: block;
    height: auto;
}

footer .footer_content nav ul.col_4.wide ul li {
    width: 100%;
}

footer .footer_content nav ul li.f_headline {
    border-left: none;
    padding: 15px 20px;
    border-top: 1px solid #666;
    font-weight: normal;
    position: relative;
}

footer .footer_content nav ul:nth-child(3) li:nth-child(5).f_headline {
    border-bottom: 1px solid #666;
}

footer .footer_content nav ul li.accordion::before {
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    right: 20px;
    content: '';
    top: 22px;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

footer .footer_content nav ul li.accordion.rotate::before {
    transform: rotate(225deg);
}

footer .footer_content nav ul li {
    margin: 0;
}

footer .sns_links {
    border-top: 1px solid #666;
    margin: 40px 0;
    border: none;
    padding: 0;
}

footer .corp_wrap {
    display: block;
    justify-content: unset;
    margin: 40px 0 0;
}

footer .corp_wrap .corp_link ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 20px;
}

footer .corp_wrap .corp_link ul li {
    text-align: center;
}

footer .corp_wrap .corp_link ul li:first-child {
    width: 100%;
    margin: 0 0 10px 0;
}

footer .corp_wrap .corp_link ul li:nth-child(2), footer .corp_wrap ul li:nth-child(3) {
    margin: 0 20px;
}

footer .copyright p {
    text-align: center;
}

/* top */
    
#hero .hero_txt {
    width: 80%;
}

#hero .hero_txt p.headline_en {
    font-size: 6.8rem;
    margin: 0 0 20px 0;
}

#hero .hero_txt p.headline_jp {
    font-size: 2.4rem;
}

#hero .hero_txt a.hero_link {
    width: 200px;
    font-size: 1.6rem;
}

#hero .scroll_txt a span {
    right: 14px;
    font-size: 1rem;
}

#hero .hero_image::before {
    background: rgba(0,0,0,0.5);
}

#main h2.section_title {
    font-size: 2.4rem;
    margin: 0 0 40px 0;
}

#main h2.section_title span {
    font-size: 1.2rem;
}

.swiper-pagination {
    bottom: -28px;
}

#new_property .swiper-button-prev, #new_property .swiper-button-next {
    margin-top: 27px;
}

#keyword_search_property .keyword_search_property_inner {
    padding: 60px 0 120px;
}

#keyword_search_property input[type="search"] {
    width: 89.5%;
    position: absolute;
    left: 10px;
}

#keyword_search_property button.search_submit_btn {
    position: absolute;
    right: 10px;
}

#main h2.section_title_tab {
    font-size: 2.4rem;
}

#main h2.section_title_tab span {
    font-size: 1.2rem;
}

#trade_area_property ul.children {
    display: block;
}

#trade_area_property ul.children li {
    width: 100%;
}

#trade_area_property ul.children li:nth-child(2n) {
    margin: 0.5% 0;
}

#trade_area_property ul li a.prefectures, #trade_route_property ul li a.route {
    font-size: 1.4rem;
}

#trade_area_property ul.children li a, #trade_route_property ul.children li a {
    font-size: 1.2rem;
}

/* page */

#page .page_content_header {
    height: 40vh;
    padding: 54px 0 0;
}

#breadcrumb {
    width: 100%;
    margin: 20px 0;
    padding: 0 10px;
}

/* condition search */
#condition_search_property #shubetsu select {
    width: 50%;
}

#condition_search_property #shubetsu select#shu, #condition_search_property #hofun select#hof, #condition_search_property #chikunen select#tik {
    width: 354px;
}

/* favorite */
    
#favorite .favorite_list_box_btn {
    margin: 0 0 20px;
    padding: 0 10px;
}

#favorite .favorite_list_box_btn a {
    font-size: 1.4rem;
}

/* article - detail */
    
#article_detail_content .article_detail_thumnail {
    height: 40vh;
    padding: 54px 0 0;
}

#article_detail_content .swiper_wrap {
    padding: 10px;
}
    
    #article_detail_content .list_other_wrap {
        border-top: none;
    }

    #article_detail_content .list_item .list_item_half:nth-of-type(2) .list_title {
        border-left: none;
    }    
    
#article_detail_content .article_contact_wrap {
    justify-content: unset;
    flex-wrap: wrap;
}

#article_detail_content .article_contact_wrap .article_contact_item:first-of-type {
    width: 100%;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(2), #article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(3) {
    width: 50%;
    box-sizing: border-box;
    margin: 20px 0;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(3) {
    padding: 0 0 0 10px;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item {
    margin: 10px 20px 10px 0;
}

#article_detail_content .article_other_property .swiper-button-next, #article_detail_content .article_other_property .swiper-button-prev {
    margin-top: -36px;
}

/* contact */
    
#contact .contact_step ul.row {
    display: flex;
}

#contact .contact_content_item + .privacy_policy {
    padding: 40px 20px;
}

/* 404 */
    
#error .error_inner {
    padding: 0 10px;
}

#error .error_inner h2 {
    font-size: 6rem;
    margin: 35% 0 40px 0;
}

#error .error_inner .error_item p {
    font-size: 1.2rem;
}
}

/*
 	7.3 480px
====================================*/

@media screen and (max-width: 480px) { /* sp */
    
.content_1200 {
    padding: 40px 10px;
}

a.page_top {
    font-size: 1.8rem;
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: 3%;
    bottom: 5%;
}

.swiper-pagination {
    bottom: -15px;
}

#breadcrumb ul li {
    font-size: 1rem;
}
    
/* preloader */
#loader_logo {
    width: 150px;
    height: 150px;
}
    
/* header */
#drawer_menu .nav ul li a {
    padding: 4% 25px;
}

/* footer */
footer .footer_content {
    padding: 40px 10px 20px;
}

footer .footer_content nav ul li.accordion::before {
    top: 22px;
}

footer .copyright p {
    text-align: center;
    transform: scale(0.8);
}

/* top */
    
#hero .hero_txt p.headline_en {
    font-size: 3.4rem;
    margin: 0 0 20px 0;
}

#hero .hero_txt p.headline_jp {
    font-size: 1.6rem;
}

#hero .hero_txt a.hero_link {
    width: 180px;
    font-size: 1.2rem;
}

#keyword_search_property input[type="search"] {
    width: 78%;
    position: absolute;
    left: 10px;
}

#new_property .swiper_container {
    overflow: hidden;
    padding: 0px 20px;
}

#new_property .swiper-button-prev, #new_property .swiper-button-next {
    margin-top: 44px;
}

.tabcontent {
    padding: 20px 10px;
}

/* page */
    
#page .page_content_header .page_content_header_inner h2 {
    font-size: 2rem;
}

#page .page_content_header .page_content_header_inner h3 {
    font-size: 1.2rem
}

#page .page_content_header .page_content_header_inner h3::after {
    margin: 20px auto;
}

/* article - detail */
#article_detail_content h2.article_detail_estate_name {
    font-size: 1.4rem;
    margin: 20px 0 0;
}

#article_detail_content h2.article_detail_estate_name p {
    font-size: 1rem;
}

#article_detail_content h3.article_detail_headline {
    padding: 15px;
    font-size: 1.4rem;
}

#article_detail_content .swiper-button-prev {
    left: 5px;
}

#article_detail_content .swiper-button-next {
    right: 5px;
}
    
    #article_detail_content .list_all_wrap {
        border-bottom: none;
    }

#article_detail_content .list_item {
    display: block;
    border-bottom: none;
}

    #article_detail_content .list_item .list_item_half {
        display: block;
        width: 100%;
    }

#article_detail_content .list_item .list_title,
#article_detail_content .list_item .list_detail {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #dadada;
    font-size: 1.2rem;
}

#article_detail_content #google_map {
    height: 350px;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(2), #article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(3) {
    width: 100%;
    margin: 0;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(2) {
    border-right: none;
}

#article_detail_content .article_contact_wrap .article_contact_item:nth-of-type(3) {
    padding: 0;
    margin: 20px 0 0 0;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .title {
    width: 30%;
    font-size: 1.2rem;
}

#article_detail_content .article_contact_wrap .article_contact_item .property_detail_item .detail {
    font-size: 1.2rem;
    width: 70%;
}

#article_detail_content .article_contact_wrap .article_contact_item .favorite_link_btn a, #article_detail_content .article_contact_wrap .article_contact_item .contact_link_btn a {
    padding: 15px;
    font-size: 1.4rem;
}

#article_detail_content .article_contact_wrap .article_contact_item p.contact_link_txt {
    font-size: 1.2rem;
}

#article_detail_content p.takken_number {
    font-size: 1rem;
}

#article_detail_content .swiper_container {
    padding: 0px 20px;
    box-sizing: border-box;
}

/* about */
    
#company .company_headline h4 {
    font-size: 1.4rem;
    margin: 0 auto 40px;
}

#company .concept p {
    font-size: 1.2rem;
    text-align: justify;
}

#company .company_content_item {
    display: block;
    font-size: 1.2rem;
}

#company .company_content_item .title {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

#company .company_content_item .detail {
    width: 100%;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

#google_map_company {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

#google_map_company iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* archive list */
    
#archive_list .nav_previous p, #archive_list .nav_previous a, #archive_list .nav_next p {
    padding: 5px;
    font-size: 1rem;
}

#list_simplepage {
    display: block;
}

#list_simplepage .list_simple_box {
    width: 100%;
    margin: 20px 0;
}
    
#pagination_show .archive_pagination {
    line-height: 25px;
    width: 25px;
    height: 25px;
    font-size: 1.2rem;
}

/* condition search */
    
#condition_search_property p.kara {
    width: 93%;
    margin: 0 auto;
    text-align: center;
    transform: rotate(90deg);
}

#condition_search_property #shubetsu {
    height: 115px;
}

#condition_search_property #shubetsu, #condition_search_property #chiiki, #condition_search_property #kakaku_b, #condition_search_property #hofun, #condition_search_property #chikunen, #condition_search_property #memseki {
    display: block !important;
}

#condition_search_property #shubetsu select#shu, #condition_search_property #hofun select#hof, #condition_search_property #chikunen select#tik {
    width: 93%;
    font-size: 1.2rem;
}

#condition_search_property #shubetsu select, #condition_search_property #chiiki select, #condition_search_property #kakaku_b select, #condition_search_property #hofun select, #condition_search_property #chikunen select, #condition_search_property #memseki select {
    font-size: 1.2rem;
    width: 93%;
}

#condition_search_property #shubetsu span, #condition_search_property #chiiki span, #condition_search_property #kakaku_b span, #condition_search_property #hofun span, #condition_search_property #chikunen span, #condition_search_property #memseki span {
    width: 100%;
    padding: 15px 15px 18px 15px;
    font-size: 1.4rem;
    display: inline-block;
    border-bottom: 2px solid #fff;
}

#condition_search_property label.btn_wrap {
    width: 100%;
}

#condition_search_property label.btn_wrap::after {
    right: 12%;
}

#condition_search_property input[type="submit"][disabled], #condition_search_property input[type="submit"] {
    height: 65px;
    font-size: 1.4rem;
    width: 85%;
}
    
/* favorite */
    
#favorite .favorite_list.row {
    display: block;
}

#favorite .favorite_list_box {
    width: 100%;
}

#favorite .favorite_all_delete button.simplefavorites-clear {
    width: 100%;
}

#favorite .favorite_count p {
    padding: 5px;
    font-size: 1rem;
}

p.no_match_txt {
    font-size: 1.4rem;
}
    
#favorite .favorite_pagination span.current, #favorite .favorite_pagination a, #favorite .favorite_pagination span.extend {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.2rem;
}

/* privacy policy */
    
#privacy_policy {
    font-size: 1.2rem;
}

#privacy_policy .privacy_policy_item {
    margin: 0 0 40px 0;
}

#privacy_policy .privacy_policy_item h2 {
    font-size: 1.4rem;
}

p.no_match_txt span {
    font-size: 1rem;
    text-align: justify;
}

/* contact */
    
#contact .contact_word p {
    font-size: 1.2rem;
    line-height: 2;
}

#contact .contact_step {
    margin: 20px 0;
}

#contact .contact_step ul {
    justify-content: space-between;
    padding: 20px 0;
}

#contact .contact_step ul li p {
    font-size: 1rem;
    padding: 5px 0;
}

#contact .contact_step ul li.active {
    border: 2px solid #FED900 !important;
}

#contact .contact_step ul li:nth-child(1), #contact .contact_step ul li:nth-child(3), #contact .contact_step ul li:nth-child(5) {
    width: 25%;
    text-align: center;
    border: 1px solid #eee;
}

#contact .contact_entry {
    padding: 10px;
    background: #f2f2f2;
}

#contact .contact_content_item {
    margin-bottom: 20px;
    padding-bottom: 60px;
    display: block;
}

#contact .contact_content_item .contact_content_heading, #contact .contact_content_item .contact_content_heading_text {
    width: 100%;
    padding: 10px 0;
}

#contact input[type="text"], #contact input[type="email"] {
    width: 100%;
}

#contact .contact_content_item {
    padding-bottom: 0;
}

#contact .contact_content_item .contact_content_heading, #contact .contact_content_item .contact_content_heading_text {
    font-size: 1.4rem;
}

#contact textarea {
    height: 200px;
}

#contact .contact_content_item + .privacy_policy {
    padding: 20px;
    font-size: 1.2rem;
}

#contact button.contact_btn {
    width: 100%;
    font-size: 1.4rem;
}

#contact button.contact_btn::after {
    right: 5%;
}

#contact .complete_txt h2 {
    font-size: 2rem;
    margin: 20px 0;
}

#contact .complete_txt h3 {
    font-size: 1.4rem;
    margin: 0 0 40px 0;
}

#contact .complete_txt span.yellow_bar {
    margin: 0 auto 40px;
}

#contact .complete_txt p {
    font-size: 1.2rem;
    margin: 0 0 40px 0;
}

#contact .complete_txt .contact_entry_domain_caution {
    padding: 15px;
}

#contact .complete_txt .contact_entry_domain_caution p {
    font-size: 1rem;
    margin: 0;
}

#contact a.btn_wrap {
    width: 100%;
    margin: 60px auto 0;
}

#contact a.btn_wrap::after {
    right: 5%;
}

/* 404 */
    
#error .error_inner h2 {
    font-size: 2.6rem;
}

#error a.btn_wrap {
    width: 100%;
    font-size: 1.4rem;
    margin: 40px auto 0;
}

#error a.btn_wrap::after {
    right: 5%;
}

#error .error_inner .error_item p {
    font-size: 1.2rem;
    text-align: justify;
}
    
@media screen and (max-width: 320px) { /* sp(small) */

/* hero */    
#hero .hero_txt p.headline_en {
    font-size: 2.8rem;
}
    
/* archive list */    
    
#pagination_show .archive_pagination {
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 1rem;
}
    
/* favorite */
#favorite .favorite_pagination span.current, #favorite .favorite_pagination a, #favorite .favorite_pagination span.extend {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
    
    }
}