@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#wpadminbar {display:none;}
/*モバイル用改行*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
h1.entry-title {display:none;}
main.main {
	padding:0;
	border:0;
}
#content {
	margin:0;
	padding-top:7%;
}
.entry-content {margin-top:0;margin-bottom:0;}

/*ヘッダー▼*/
.header {display:none;}
.original_header {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 10;
	background: #fff;
    width: 100%;
    padding: 2% 0;
    top: 0;
}
.h-logo img {width:100%;}
.h-right {
	display: flex;
	flex-direction: row;
    align-items: center;
    width: 65%;
    justify-content: flex-end;
	margin-right:3%;
}
.h-navi {
	text-align: end;
	padding-right:5%;
}
.h-navi a {
	font-size: 16px;
    text-decoration: none;
    margin-left: 15px;
    color: #000;
}
.h-icon {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.h-icon a img {
	width:70px;
	padding-left:10%;
}
/*ヘッダー▲*/
/*スライダーstart*/
.sliderbox {
	position:relative;
	padding-top:8.5%;
}
.slider-left{
	clip-path: polygon(0 0, 100% 0, 52% 100%, 0% 100%);
    background: #009966;
    height: 350px;
    width: auto;
    margin: 0 46% 0 0;
}
.slider-right {
	clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%);
    height: 370px;
    width: 80.5%;
    position: absolute;
    top: 45%;
    right: 0;
}
.swiper-container.top-slider {
	display:block;
	width:auto;
	height:370px;
	overflow:hidden;
}
.swiper-wrapper {margin:0;}
.slide1 img, .slide2 img, .slide3 img {
	width:100%;
	height:450px;
	object-fit:cover;
}
.slidertxt {
	color: #fff;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    z-index: 2;
	line-height:1.3;
    left: 15%;
	top:17%;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	z-index:2;
	font-family: "Noto Sans JP", sans-serif;
}
.maplink {
	font-size: 20px;
    border: 1px solid;
    padding: 10px 28px;
}
@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-slide {
	width: 100%;
   height: 100%;
}
.slide1but1 {
	width: 11%;
    position: absolute;
    top: 15%;
    left: 60%;
}
.slide1but2 {
	width: 11%;
    position: absolute;
    top: 15%;
    left: 75%;
}
.swiper-container.top-slider_sp {display:none;}
/*スライダーend*/
/*新着情報▼*/
.arrivalckiji_box {
	width:50%;
	margin: 8% auto 10% auto;
}
.ttlbox {
	border-bottom:1px dotted #000;
}
.new_border {
	width:50%;
	display:block;
	margin:0 auto;
	margin:0 auto;
	padding-bottom:15px;
}
.arrivalckiji {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    border-bottom: 1px dotted #000;
    padding-bottom: 10px;
	margin-top:20px;
}
.arrivalckiji a {
	text-decoration:none;
	color:#000;
}
.arrivalckiji a:hover {color:red;}
.arrivalckij_kobetu {display:flex;}
.newmark {
	background:red;
	color:#fff;
	margin-right:1%;
	padding:0 5px;
	text-align: center;
    display: inline-block;
	display:none;
}
.sinchaku_month, .sinchaku_day {
	display:inline-block;
	width:42px;
	text-align:right;
}
.shintyakuindent {
	margin-left:2em;
	font-feature-settings: "palt";
}
/*新着情報▲*/
/*topボタン▼*/
.topbut_a {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    width: 75%;
}
.topbut_b {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    width: 75%;
}
.topbut1 {
	width: 48%;
    height: 250px;
    background: url(/wp-content/uploads/2025/03/push1h.svg);
    background-repeat: no-repeat;
}
.topbut1:hover {
	background:url(/wp-content/uploads/2025/03/push1.svg);
	background-repeat: no-repeat;
}
.topbut2 {
	width: 48%;
    height: 250px;
    background: url(/wp-content/uploads/2025/03/push-2h.svg);
    background-repeat: no-repeat;
}
.topbut2:hover {
	background:url(/wp-content/uploads/2025/03/push-2.svg);
	background-repeat: no-repeat;
}
.topbut3 {
	width: 30%;
    height: 250px;
    margin-bottom: 3%;
    background: url(/wp-content/uploads/2025/03/push3h.svg);
    background-repeat: no-repeat;
}
.topbut3:hover {
	background:url(/wp-content/uploads/2025/03/push3.svg);
	background-repeat: no-repeat;
}
.topbut4 {
	width: 30%;
    height: 250px;
    margin-bottom: 3%;
    background: url(/wp-content/uploads/2025/03/push4h.svg);
    background-repeat: no-repeat;
}
.topbut4:hover {
	background:url(/wp-content/uploads/2025/03/push4.svg);
	background-repeat: no-repeat;
}
.topbut6 {
	width: 30%;
    height: 250px;
    margin-bottom: 3%;
    background: url(/wp-content/uploads/2025/03/push-6h.svg);
    background-repeat: no-repeat;
}
.topbut6:hover {
	background:url(/wp-content/uploads/2025/03/push6.svg);
	background-repeat: no-repeat;
}
/*topボタン▲*/
/*お役立ちコンテンツ▼*/
.useful-link {
	text-align:center;
	margin-top:3%;
}
.useful-link a {
	text-decoration: none;
    color: #009966;
    font-size: 25px;
    font-weight: bold;
    background: #fff;
    padding: 10px 50px;
    border: 1px solid #009966;
    border-radius: 10px;
}
.useful-link a:hover {
	color:#fff;
	background:#009966;
}
/*お役立ちコンテンツ▲*/
/*火災保険▼*/
.top_kasai {
	display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
}
.top_kasai_l, .top_kasai_r {width:48%;}
.top_kasai_txt {
	font-size:20px;
	font-weight:bold;
}
.top_kasai_img {width:100%;}
/*火災保険▲*/
/*2but▼*/
.slider_bottom_back {
	margin-top:-10px;
	position:relative;
	z-index:2;
}
.slider_bottom {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width:80%;
	margin:8% auto 0 auto;
}
.slider_bottom_left, .slider_bottom_right {
	width:100%;
	padding: 0 30px;
}
.slider_bottom_flex:hover {transform: scale(1.1,1.1);}
.kuwasiku_icon {
	opacity: 0;
	position: absolute;
	height:77%;
}
.slider_bottom_flex:hover .kuwasiku_icon {
	opacity: 1;
	width: 40%;
	top: 60px;
	left:40%;
}
.slider_bottom_flex a {
	width:100%;
	text-decoration: none;
	color:#fff;
}
.slider_bottom_txt {
	text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    border: 3px solid #000;
    border-radius: 7px;
    padding: 5px 0;
    width: 87%;
    margin: 0 auto;
}
.slider_bottom_kuwasiku {font-size:15px;}
.sikirisen {
	border: 1px solid #bcbbbb;
    width: 75%;
    margin: 7% auto 2% auto;
}
.sikirisen2 {
	border: 1px solid #bcbbbb;
    width: 75%;
    margin: 0 auto 0 auto;
}
/*2but▲*/
/*共通項目▼*/
.pagetopphoto {
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	position:relative;
}
.pagetopphoto img {
	width: 100%;
    height: 250px;
    object-fit: cover;
}
.pagetopttl {
	color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
}
.oyakudatittl {
	color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -300%);
    margin: 0;
    padding: 0;
}
.page_container {
	width:80%;
	margin:5% auto 0 auto;
}
.page_txt {text-align:justify;}
.linkbut {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	margin-top:3%;
	line-height:2.5;
	width:40%;
}
.linkbut a {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}
.linkbut a:hover {
	color:#fff;
	background:#009966;
}
/*共通項目▲*/
/*THSページ▼*/
/*リフォーム▼*/
.reform_flex {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.reform_l, .reform_r {width:45%;}
.reform_l img, .reform_r img {
	width: 100%;
    height: 300px;
    object-fit: cover;
}
.reform_1txt, .reform_2txt {
	text-align:justify;
	line-height:1.5;
}
.reform_l a, .reform_r a {
	display:block;
	text-align:center;
	color: #009966;
    border: 1px solid;
    text-decoration: none;
	margin:20px 0;
}
.reform_l a:hover, .reform_r a:hover {
	background:#009966;
	color:#fff;
}
.case-ttl {
	text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.case-flex {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: space-between;
}
.case-flex img {
	width: 48%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 3%;
}
/*除菌▼*/
.jokin-photo {width:100%;}
.jokin-border {
	border:2px dotted #000;
	margin:3% 0;
}
/*除菌▲*/
/*蓄電池▼*/
.battery-photo {
	width: 70%;
    margin: 0 auto;
    display: block;
}
/*蓄電池▲*/
/*リフォーム▲*/
/*THSページ▲*/
/*貸主売主▼*/
.lender-seller-box {margin-bottom: 1.5em;}
.lender-seller-ttl {
	font-size: 22px;
    font-weight: bold;
    color: #009966;
}
.lender-seller-txt {
	padding-left: 1em;
    font-feature-settings: "palt";
}
.lender-seller-kome {
	padding-left: 1em;
    font-size: 15px;
}
.lender-seller-flex {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.lender-seller-photo {width:30%;}
.gup-flex {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	justify-content: space-between;
	padding-left: 1em;
	margin-top:5%;
}
.gup-flex2 {
	width:48%;
	border:1px solid #000;
	display: flex;
    flex-direction: column;
    align-items: center;
	background:#ecf4d9;
}
.gup-txt1 {
	border-bottom: 1px solid;
    width: 100%;
    text-align: center;
	font-size:16px;
	padding:5px 0;
}
.gup-txt2 {
	font-weight: bold;
    padding: 7px 0;
}
/*貸主売主▲*/
/*売却相談▼*/
.soudan-ttl {
	font-size: 25px;
    font-weight: bold;
    color: #009966;
}
a.soudan_link {
	color: #000;
    font-weight: bold;
    text-decoration: none;
}
a.soudan_link:hover {
	color:#009966;
}
a.soudan_link2 {
	color:#000;
	border: 1px solid #000;
	border-radius:5px;
	text-decoration:none;
	padding:5px 10px;
}
a.soudan_link2:hover {
	color:#fff;
	background:#009966;
	border:1px solid #009966;
}
.soudan_tel {
	font-size: 18px;
    font-weight: bold;
}
/*売却相談▲*/
/*アクセス▼*/
.abutus {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.ths-logo {width:40%;}
.access1, .access2 {font-feature-settings: "palt";}
.access1 {
	font-size:15px;
	margin-bottom:1em;
}
/*アクセス▲*/
/*物件一覧▼*/
.bukken_ttl {
	width: 35%;
    display: block;
    margin: 0 auto 30px auto;
}
.bukkenn_archive_flex {
	display: flex;
    justify-content: space-between;
	width:100%;
}
.bukkenn_list {
	width:78%;
	margin:0 auto;
	padding-top:5%;
}
.bukkenn_list_flex {
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.bukken-kobetu {
	text-align:center;
	width:100%;
	margin-bottom:40px;
}
.bukken_kobetu_list {
	width: 31%;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: -50px;
}
.bukken_thumbnail img {
	width:100%;
	height:200px;
	object-fit:cover;
}
.bukkenitem, .bukken_list_ttl {text-align:left;}
.kuwashiku {
	text-align:right;
	margin:-30px 0 70px 0;
}
.bukkenichiranbut {
	display: block;
    text-align: center;
    letter-spacing: 5px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 22px;
    border: 2px solid #000;
    border-radius: 7px;
    width: 30%;
    margin: 0 auto 70px auto;
    padding: 0 0 0 7px;
}
.bukkenichiranbut:hover {
	color: #fff;
    border: 2px solid #0081cc;
    background: #0081cc;
}
.ath-link {
	width:30%;
	height:200px;
	background:#009966;
}
.ath-link a {
	width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ath-link a:hover {color:#fffbc7;}
.ath-link2 {text-align:center;}
.ath-link2 a {
	text-decoration: none;
    background: #009966;
    color: #fff;
    padding: 5px 10px;
    width: 400px;
    display: inline-block;
    margin: 2%;
	border-radius:7px;
	font-weight:bold;
}
.ath-link2 a:hover{color:#fffbc7;}
.smalltxt {font-size:13px;}
/*物件一覧▲*/
/*物件個別▼*/
.buken_kobetsu_page {padding-top:7%;}
.buken-hontai {
	width:80%;
	margin:0 auto;
}
.kobetsu_buken_name {
	background:#009dda;
	padding:5px 0;
	margin-bottom:20px;
}
.syumoku_name {
	background:#FFF;
	border:1px solid #fff;
	border-radius:5px;
	color:#009dda;
	font-size:15px;
	padding:0 5px;
	margin:0 10px;
	display: inline-block;
    vertical-align: text-bottom;
}
.buken_name {
	font-size:24px;
	font-weight:bold;
	color: #fff;
}


　/*ギャラリー▼*/
.scf-gallery {
	    display: flex;
    flex-direction: row;
}
body .scf-gallery .main-image {
  flex: 1 0 60%;
  max-width: 60%;
}
#main-img {
	width: 95%;
    height: 400px;
    object-fit: contain;
}
body .scf-gallery .thumbnails {
	display: flex;
    gap: 3%;
    flex-wrap: wrap;
}

body .scf-gallery .thumb {
	width: 31%;
	height: 100px;
    margin-bottom: 3%;
}

body .scf-gallery .thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .scf-gallery .pagination {
  text-align: center;
  margin-top: 20px;
}

body .scf-gallery button {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  margin: 0 10px;
}

body .scf-gallery button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gallery_btn {
	display: flex;
    justify-content: center;
}
　/*ギャラリー▲*/
.setubi_ttl {
	font-size:22px;
	font-weight:bold;
}
table {
  width: 100%;
  table-layout: fixed;
}
table th, table td {
	font-size:15px;
}
table th {width:200px;}
.setubi-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5列均等配置 */
    gap: 8px; /* 項目間の間隔 */
    list-style: none;
    padding: 0;
    justify-content: center; /* 全体を中央揃え */
}

.setubi-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px; /* 高さを統一 */
    border: 2px solid #d8a8a8; /* 枠線の色 */
    border-radius: 5px; /* 角を丸く */
    background-color: #fcf5f5; /* 薄い背景 */
    color: #c49b9b; /* 未選択のテキスト色 */
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.setubi-item.checked {
    background-color: #fff; /* チェックされた背景を白に */
    border: 2px solid #a20030; /* 強調された枠色 */
    color: #a20030; /* 文字を赤系に */
}
.setubichecknbox {margin-bottom:3%;}
/*タイトル付き（ラベルボックス）*/
.box5-2{
	background-color:#fff; /* ボックス背景色 */
	padding:2em; /* ボックス内側余白 */
	position:relative; /* 配置(ここを基準に) */
	border: 2px solid #a20030;/* ボックスの線 (太さ・種類・色)*/
	margin:3% 0;
}
.box5-2 .box-title {
	background-color:#fff; /* タイトル背景色 */
	font-size: 1em;/* タイトル文字の大きさ */
	font-weight:800;
	color:#a20030; /* タイトル文字色 */
	padding: 0 5px;/*タイトルの余白*/
	line-height: 1;/*タイトルの行の高さ*/
	position:absolute;/* 配置(ここを動かす) */
	top: -8px; /*上からの距離*/
	left: 20px; /*左からの距離*/
}
/*物件個別▲*/
/*売買物件個別▼*/
.scf-gallery {display:flex;}
.sell-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5列均等配置 */
    gap: 8px; /* 項目間の間隔 */
    list-style: none;
    padding: 0;
    justify-content: center; /* 全体を中央揃え */
}

.sell-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px; /* 高さを統一 */
    border: 2px solid #d8a8a8; /* 枠線の色 */
    border-radius: 5px; /* 角を丸く */
    background-color: #fcf5f5; /* 薄い背景 */
    color: #c49b9b; /* 未選択のテキスト色 */
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.sell-item.checked {
    background-color: #fff; /* チェックされた背景を白に */
    border: 2px solid #a20030; /* 強調された枠色 */
    color: #a20030; /* 文字を赤系に */
}

/*売買物件個別▲*/
/*買主様ページ▼*/
.byebye_banner {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	max-width: none;
	height: auto;
	display: block;
}
.byebye_banner-sp {display:none;}
.byebye-page {
	width:75%;
	margin:0 auto;
}
.fudousan_ttl {
	width: 90%;
	margin: 0 auto;
	display: block;
}
.hikaku1, .hikaku2 {
	width: 90%;
	margin: 0 auto;
}
.hikaku1-sp {display:none;}
.byebue-banner-sp {display:none;}
.bye-kome {
	text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.qa_banner {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	max-width: none;
	height: auto;
	display: block;
}
.q_ttl {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 4px solid #0081cc;
	margin-bottom: 20px;
}
.q_flex, .a_flex {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width:95%;
	padding-left:10px;
}
.q_flex {margin-bottom:15px;}
.q_flex img, .a_flex img {
	max-width: 100%;
	height: auto;
	width: 4%;
	margin-right: 12px;
}
.qa_txt1 {
	font-size: 20px;
	font-weight: bold;
	line-height:1.4;
	font-feature-settings: "palt";
	text-align: justify;
	padding-top:0.2%;
}
.qa_txt2 {
	font-size: 22px;
	font-weight: bold;
	line-height:1.4;
	font-feature-settings: "palt";
	text-align: justify;
}
.qa_txt3 {
	font-size: 18px;
	font-weight: 400;
	line-height:1.4;
	font-feature-settings: "palt";
	text-align: justify;
	padding-top: 0.5%;
	padding-left:1em;
	text-indent:-1em;
}
.qa_txt4 {
	font-size: 18px;
	font-weight: 400;
	line-height:1.4;
	font-feature-settings: "palt";
	text-align: justify;
}
.bye_but1 {
	width: 75%;
	margin: 20px auto 50px auto;
}
.bye_but2 {
	width: 75%;
	margin: 70px auto;
}
/*買主様ページ▲*/
/*オーナーページ▼*/
.owner_page {
	width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.owner_left, .owner_right {width:45%;}
.owner_box {margin-bottom:30px;}
.owner_ttl {
	background:#55a49f;
	color:#fff986;
	text-align:center;
	line-height:1.2;
	font-size:25px;
	font-weight:bold;
	padding:5px 0;
	margin-bottom:5px;
}
.owner_txt1 {
	line-height: 1.5;
    text-align: justify;
	margin-bottom:5px;
}
.redtxt {color:red;}
.owner_txt2 {
	font-size:15px;
	line-height:1.5;
}
.owner_kakomi {
	background:#e7f1ec;
	color:#55a49f;
	padding: 10px;
    text-align: justify;
    line-height: 1.5;
}
/*オーナーページ▲*/
/*火災保険バナー▼*/
.kasaihoken {
	margin-top:20px;
	width:40%;
}
.kasaihoken2 {
	margin-top:20px;
	width:100%;
}
.kasaihoken a, .kasaihoken2 a{
	display: flex;
    flex-direction: column;
    align-items: center;
	text-decoration:none;
	color:#000;
}
.kasaihoken a:hover {color:#009966;}
.kasaihoken_img {width:100%;}
/*火災保険バナー▲*/
/*お問い合わせ▼*/
.contact_page {
	width:70%;
	margin:0 auto;
	padding-top:10%;
}
.contact_ttl {
	font-size:25px;
	font-weight:bold;
	margin-bottom:4%;
}
.formbox {margin-bottom:3%;}
.hissu {
	font-size:14px;
	color:red;
}
input[type='submit'] {
	width: 30%;
    margin: 0 auto;
    display: block;
}
/*お問い合わせ▲*/
/*プライバシーポリシー▼*/
.pp-page {
	width:80%;
	margin:0 auto;
	font-feature-settings: "palt";
	padding-top:5%;
}
.pp_ttl {
	font-size:19px;
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.5;
}
.pp-midasi {
	font-size:17px;
	font-weight:bold;
}
.pp-txt {
	font-size:15px;
	padding-left:1em;
	margin-bottom:1em;
}
/*プライバシーポリシー▲*/
/*==フッター START==*/
.footer {display:none;}
.original_footer {
	position: relative;
    background: #d7ebe9;
    z-index: 100;
	padding-bottom: 15px;
}
.footerflex {
	display:flex;
	justify-content: space-between;
    align-items: flex-start;
	margin: 0 5%;
    padding: 3% 0;
	border-bottom: 4px solid #fff
}
.footerlogo {width:23%;}
.footer_navi {
	display: flex;
	flex-direction: row;
	width: 42%;
}
.footer_navi1, .footer_navi2 {
	line-height: 1.6;
    display: flex;
    flex-direction: column;
    width: 50%;
}
.footer_navi1 a, .footer_navi2 a {
	color:#009966;
	font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
.footer_link {
	width:27%;
}
.footer_link .top_line {margin-bottom:3%;}
.footerflex2 {
	display:flex;
	justify-content: space-between;
	margin:50px 5% 0 5%;
}
.footermap {width:57%;}
.footerinfo {width:40%;}
.footermidasi {
	color:#009966;
	font-weight:bold;
	font-size:20px;
	border-bottom:2px solid #009966;
	font-feature-settings: "palt";
}
.cloverrlogo {margin:10px 0;}
.clodaa {
	color:#808080;
	font-size:17px;
	text-align:center;
	margin: -10px 0;
}
.clotel {
	color:#808080;
	font-size: 22px;
    text-align: center;
    font-weight: 700;
	margin-bottom:30px;
}
.clolicense {
	color:#808080;
	font-feature-settings: "palt";
	line-height:1.5;
	font-size:15px;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin-top:10px;
}
.copyright {
	letter-spacing: 3px;
	color:#009966;
	text-align:center;
	font-size:15px;
}
/*==フッター END==*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#content {padding-top: 30%;}
	/*ヘッダー▼*/
	.original_header {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	a.h-logo {margin:3% 0;}
	.h-right {display:none;}
	/*ヘッダー▲*/
	/*スライダー▼*/
	.sliderbox {
		position: relative;
		display: flex;
		flex-direction: column;
		padding-top: 50%;
	}
	.maplink {
		font-size: 14px;
		border: 1px solid;
		padding: 5px 10px;
	}
	.swiper-container.top-slider {height:300px;}
	.slider-left {
		clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
		background: #009966;
		height: 150px;
		width: 100%;
	}
	.slidertxt {
		font-size: 30px;
		left: 15%;
		top: 5%;
	}
	.slider-right {
		clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
		height: 150px;
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
	}
	.slide1 img, .slide2 img, .slide3 img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	/*スライダー▲*/
	/*新着情報▼*/
	.arrivalckiji_box {
		width:90%;
		margin: -20% auto 10% auto;
	}
	/*新着情報▲*/
	/*ボタン▼*/
	.topbut {width:90%;}
	.topbut_a {
		display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: space-between;
        width: 75%;
	}
	.topbut1, .topbut2  {width:100%;height:150px;}
	.topbut3, .topbut4, .topbut5, .topbut6 {width:47%;height:150px;}
	.useful-link {
		display: flex;
		text-align: center;
		margin-top: 3%;
		flex-direction: column;
		align-items: center;
	}
	.useful-link a {
		font-size:20px;
		width: 90%;
		text-align: center;
		margin-bottom:3%;
	}
	.sikirisen {width:90%;}
	/*ボタン▲*/
	/*火災保険▼*/
	.top_kasai {
		flex-direction: column;
		width: 90%;
	}
	.top_kasai_l, .top_kasai_r {width:100%;}
	.top_kasai_txt {
		font-size:17px;
		font-weight:bold;
	}
	.sikirisen2 {width:90%;}
	/*火災保険▲*/
	/*2but▼*/
	.slider_bottom{
		width: auto;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 0%;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
	}
	.slider_bottom_back {margin-top:10%;}
	.slider_bottom_left, .slider_bottom_center, .slider_bottom_right {
		width: 80%;
		padding: 0;
	}
	.slider_bottom_txt {
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		line-height: 1.3;
		border: 3px solid #000;
		border-radius: 7px;
		padding: 5px 0;
		width: auto;
		margin: 0 auto;
	}
	.slider_bottom_flex {margin-bottom:0;}
	.slider_bottom_flex a {display:block;}
	.slider_bottom_border {border-left: 2px dotted #c9e6e0;}
	/*2but▲*/
	/*買主様ページ▼*/
	.byebye-page {width:90%;}
	.byebye_banner {display:none;}
	.byebye_banner-sp {
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		max-width: none;
		height: auto;
		display: block;
		margin-top: 10px;
	}
	.hikaku1 {display:none;}
	.hikaku1-sp {
		display:block;
		width:90%;
		margin:0 auto;
	}
	.byebue-banner {display:none;}
	.byebue-banner-sp {display:block;}
	.chintai_midasi3 {width:100%;}
	.qa_txt1 {font-size:17px;}
	.qa_txt2 {font-size:17px;}
	.qa_txt3 {
		padding-left:1em;
		text-indent:-1em;
		font-size:15px;
	}
	.qa_indent {
		padding-left:0;
		text-indent:0;
	}
	.qa_txt4 {font-size:15px;}
	
	.q_flex, .a_flex{
		        display: flex
;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 0;
	}
	
	.q_flex img, .a_flex img {width:30px;}
	/*買主様ページ▲*/
	/*オーナー様ページ▼*/
	.owner_page {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.owner_left, .owner_right {width:100%;}
	/*オーナー様ページ▲*/
	/*物件ページ▼*/
	.bukkenn_archive_flex {
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-direction: column;
	}
	
	
	
	.bukkenn_list {width:90%;}
	.bukkenn_list_flex {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
	.ath-link {
		width: 100%;
		height: 100px;
	}
	.bukken_ttl {width:50%;}
	.bukken_kobetu_list {width:45%;}
	.bukken_thumbnail img {height:130px;}
	.buken-hontai {width:auto;}
	.buken_kobetsu_page {
		width:90%;
		margin:0 auto;
	}
	.syumoku_name {font-size:13px;}
	.buken_name {
		font-size:20px;
		padding-left:0.5em;
	}
	.scf-gallery {
		display: flex;
		gap: 20px;
		flex-direction: column;
	}
	body .scf-gallery .main-image {max-width:100%;}
	#main-img {
		width:100%;
		height:260px;
		object-fit:contain;
	}
	body .scf-gallery .thumbnails {
		display: flex;
		gap: 0%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.gallery_btn {margin-bottom:7%;}
	table {table-layout: unset;}
	table tr {display:block;}
	table th, table td {display:flex;}
	table th {width:auto;}
	table td {background:#fff;}
	.setubi-list {grid-template-columns: repeat(2, 1fr);}
	.ath-link2 a {
		padding: 5px 1px;
		width: 96%;
		font-size:15px;
	}
	/*物件ページ▲*/
	/*thsについて▼*/
	.pagetopphoto img {height:150px;}
	.pagetopttl {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
		position: absolute;
		top: 35%;
		left: 10%;
		transform: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.oyakudatittl {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		padding: 0;
	}
	.linkbut {width:100%;}
	.battery-photo {width:100%;}
	.reform_flex {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
	.reform_l, .reform_r {width:100%;}
	.case-ttl {font-size:20px;}
	.case-flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin-bottom:10%;
	}
	.case-flex img {
		width:auto;
		height:250px;
		margin-bottom:0;
	}
	/*thsについて▲*/
	/*アクセス*/
	.ths-logo {width:100%;}
	/*pp*/
	.pp-page {margin: 50px auto 0 auto;}
	/*コンタクト*/
	.wpcf7-form.init {margin-top:50px;}
	/*フッター▼*/
	.footerflex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 5%;
		padding: 3% 0;
		border-bottom: 4px solid #fff;
		flex-direction: column;
	}
	.footerlogo {
		width:75%;
		margin-bottom:5%;
	}
	.footer_navi {width:100%;}
	.footer_navi1 a, .footer_navi2 a {
		
		font-size:14px;
	}
	.footer_link {
		width:75%;
		margin-top:5%;
	}
	.footerflex2 {
		display: flex;
		justify-content: space-between;
		margin: 5% 5% 0 5%;
		flex-direction: column;
	}
	.footermap {width:auto;}
	iframe {height:300px;}
	.footerinfo {width:auto;}
	.clodaa {
		font-size:14px;
		margin-bottom:1%;
	}
	.clotel {font-size:16px;}
	.copyright {font-size:13px;}
	/*フッター▲*/
	.menu-content .menu-drawer {padding: 8em 2em 30px;}
	.sidebar-menu-button.menu-button {display:none;}
}