@charset "utf-8";
/*ADOBEフォントちらつき対策ここから*/
body {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*ADOBEフォントちらつき対策ここまで*/

iframe{
	max-width: 100%;
	width: calc(1100px / 2);
}
img{
	max-width: 100%;
	width: 100%;
    height: auto;
}
a{
    text-decoration: none;
}

/*デバイス切り替えここから*/
@media screen and (max-width:960px) {
	.pc {display:none !important;}
}
@media print,screen and (min-width:961px) {
	.sp {display:none !important;}
}
/*デバイス切り替えここまで*/

/*ヘッダー*/
.site-header {background: rgba(0, 0, 0, 0.7);padding: 0 0 0 30px;position: fixed;top: 0;width: 100%;z-index: 99;}
.site-header-inner {display: flex;justify-content: space-between;align-items: center;}
.site-header .logo-wrapper h1 {width: 300px;}
.site-header .logo-wrapper a {display: flex;align-items: center;}
.site-header .sub-text {color: #fff;font-size: .7rem;margin: 0 0 5px 0;}
.site-header .main-logo {width: 100%;}
.site-header .menu {display: flex;justify-content: flex-end;list-style: none;margin: 0;}
.site-header .menu-item {height: 82px;display: flex;align-items: center;font-size: 1rem;letter-spacing: 1px;width: 85px;justify-content: center;}
.site-header .menu-link {color: #fff;margin: 0;}
.site-header .menu-link:hover {color: #0d9bd9;text-decoration: none;}
.site-header .menu-item.cotact-link {background-color: #0d99d9;}
.site-header .menu-item.cotact-link .menu-link:hover {color: #000;}
.site-header .hover-menu-link:hover > .hover-menu-wrapper {opacity: 1;height: auto;}
.site-header .hover-menu-wrapper {position: absolute;top: 82px;left: 0;width: 100%;background: #3b3b3b;display: flex;justify-content: center;opacity: 0;height: 0;overflow: hidden;}
.site-header .hover-menu {margin: 20px 0;}
.site-header .hover-menu .heading {color: #fff;padding: 0 0 2px;font-size:1.2rem;letter-spacing: 1px;border-bottom: 1px solid #fff;}
.site-header .hover-menu .heading::before {content: '■';margin: 0 3px 0 0;}
.site-header .hover-menu-inner {display: flex;justify-content: space-between;}
.site-header .hover-menu-inner > div {width: 32%;}
.site-header .hover-menu-inner img {width: 100%;}
.site-header .hover-menu-inner p {text-align: center;font-size: .8rem;margin: 3px 0 0;}
.site-header .hover-menu-inner a {color: #fff;}
.site-header .hover-menu-inner a:hover {color: #0d99d9;text-decoration: none;}

/*メインビジュアル*/
.top .main-visual{
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-bottom: 5px solid #0d9bd9;
}
.top .main-visual li{
    position: relative;
}
.top .main-visual li .txt{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.main-visual {
    display: table;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.company .main-visual {
    height: 50vh;
    background-image: url('../img/company/main.jpg');
    border-bottom: 5px solid #0d9bd9;
}
.management .main-visual,
.management-detail .main-visual{
    height: 50vh;
    background-image: url('../img/management/main.jpg');
    border-bottom: 5px solid #0d9bd9;
}
.management-agency .main-visual,
.management-agency-detail .main-visual{
    height: 50vh;
    background-image: url('../img/management_agency/main2.jpg');
    border-bottom: 5px solid #0d9bd9;
}
.contact .main-visual{
    height: 50vh;
    background-image: url('../img/contact/main.jpg');
    border-bottom: 5px solid #0d9bd9;
}
.main-visual-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 4%;
}
.main-visual .text-wrapper {
    width: 75%;
    max-width: 1200px;
    margin: 0 auto;
}
.main-visual .lead {
    display: inline-block;
    color: #fff;
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: 5px;
    border-bottom: 2px solid #fff;
}
.main-visual .sub_top {
    font-size: 1.2rem !important;
}
.main-visual .sub {
    color: #fff;
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 2rem;
    letter-spacing:1px;
}
@media ( max-width:960px){  
    .top .main-visual {
        border-bottom: 0;
    }
    .top .main-visual li .txt{
        width: 90%;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -60%);
        -webkit-transform: translate(-50%, -60%);
        -ms-transform: translate(-50%, -60%);
    }
    .company .main-visual {
        background-image: url('../img/company/sp/main.jpg');
    }
    .management .main-visual,
    .management-detail .main-visual{
        background-image: url('../img/management/sp/main.jpg');
    }
    .management-agency .main-visual,
    .management-agency-detail .main-visual{
        background-image: url('../img/management_agency/sp/main2.jpg');
    }
    .contact .main-visual{
        background-image: url('../img/contact/sp/main.jpg');
    }
    .main-visual .lead{
        display: block;
        font-size: 2rem;
        font-weight: bold;
        letter-spacing:1px;
        border-bottom: 1px solid #fff;
        line-height: 1.2;
        text-align: left;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
    }
    .main-visual .sub_top{
        font-size: 0.9rem !important;
    }
    .main-visual .sub{
        font-size: 1.2rem;
        font-weight: normal;
        text-align: left;
        letter-spacing: 1px;
        margin: 0;
    }
    .main-visual .text-wrapper{
        max-width: initial;
        width: 90%;
    }
}

/*パンくずリスト*/
.breadcrumb-wrapper {
border-bottom: 1px solid #4e4e4e;
}
.breadcrumb {
display: flex;
list-style: none;
margin: 0 auto;
padding: 5px;
width: 70%;
}
.breadcrumb li {
color: #4e4e4e;
padding: 0 15px;
font-size: .9rem;
position: relative;
}
.breadcrumb a {
color: #4e4e4e;
}
.breadcrumb .active {
font-weight: bold;
}
.breadcrumb img {
width: 100%;
}
.breadcrumb li::after {
content: '';
display: block;
position: absolute;
top: 40%;
right: 0;
width: 7px;
height: 7px;
border-top: #4e4e4e 1px solid;
border-right: #4e4e4e 1px solid;
transform: rotate(45deg);
}
.breadcrumb li:first-child{
padding: 0;
width: 15px;
margin-right: -10px;
}
.breadcrumb li:first-child::after,
.breadcrumb li:last-child::after {
display: none;
}

/*新着情報*/
.news-area {
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 250px;
}
.news-area .title-area {
    background: #0c9ad9;
    width: 30%;
    min-width: 550px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-area .news-list-wrapper {
	background: #f7f7f7;
    width: 70%;
    padding: 5px 0px 0 20px;
    height: 250px;
    overflow-y: scroll;
}
.news-area .news-list {
	list-style: none;
    padding: 0;
    height: 250px;
}
.news-area .news-item {
	border-bottom: 1px solid #ccc;
    padding: 12px 0;
    display: flex;
    align-self: self-start;
}
.news-area .news-item:last-child {
    border-bottom: none;
}
.news-area .date-wrapper {
    display: flex;
    width: 28%;
    justify-content: space-between;
    align-items: flex-start;
}
.news-area .date {
    font-size: .9rem;
    font-weight: bold;
    margin: 0 3px;
    width: 50%;
}
.news-area .category {
    color: #fff;
    background: #841118;
    font-size: .7rem;
    font-weight: bold;
    padding: 5px 5px;
    margin: 0 3px;
    width: 50%;
    text-align: center;
}
.news-area .link {
	color: #000;
    font-size: .9rem;
    font-weight: bold;
    margin: 0 10px;
    width: 72%;
}

/* トップページ */
/*セクション*/
.section {
    min-width: 1000px;
    padding: 50px 0 0;
}
.section:last-child {
    padding-bottom: 0;
}
.system-section {
    padding: 50px 0;
}
.property-section {
    background: #f7f7f7;
    padding: 50px 0;
}
.reason-section {
    background: #f7f7f7;
    padding: 50px 0;
}
.section.detail-section {
    padding: 50px 0;
}
.section-inner {
    padding: 50px 0 0;
}
.section .lead {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    margin: 0 0 50px;
}
.section .lead > span {
    font-size: 2rem;
}
.section .lead > span.text-blue {
    color: #0d9bd9;
}

.top .sec1{
    margin: 80px 0;
}
.top .sec1 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:flex-start;
    max-width: 1200px;
    margin: 50px auto 0;
}
.top .sec1 li{
    width: 24%;
    margin-bottom: 30px;
    font-size: 14px;
}
.top .sec1 li:nth-of-type(n+5){
    margin-bottom:0;
}
/* .top .sec1 li:first-of-type{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    height: 100%;
    padding: 5vh 0;
}
.top .sec1 li:first-of-type p{
    font-family: acumin-pro-extra-condensed, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #0d9ad9;
    margin: 3px 30px;
    width: 100%;
    text-align: center;
} */
.top .sec1 li:first-of-type h2{
    font-size: .8rem;
    letter-spacing: 2px;
}
.top .sec1 li figure{
    position: relative;
    margin: 0 0 10px;
}
.top .sec1 li figure figcaption{
    position: absolute;
    background: rgb(51 51 51 / 0.7);
    color: #fff;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
}
.top .sec1 li:nth-of-type(n+2) p{
    font-size: 14px;
}
@media ( max-width:960px){ 
    .top .sec1{
        margin: 10% 0;
    }
    .top .sec1 ul{
        display: block;
        margin: 50px 5% 0;
        padding: 0;
    }
    .top .sec1 li{
        width: auto;
        margin-bottom: 8%;
    }
    .top .sec1 li:nth-of-type(n+5){
        margin-bottom:8%;
    }
    .top .sec1 li:last-of-type{
        margin-bottom:0;
    }
    .top .sec1 li figure{
        margin: 0 0 2%;
    }
    .top .sec1 li figure figcaption{
        padding: 4% 0;
    }
    .top .sec1 li:nth-of-type(n+2) p{
       margin: 0 2%;
    }
}
.top .sec2{
    padding: 80px 0;
    background: rgb(253,254,255);
    background: linear-gradient(0deg, rgba(253,254,255,1) 0%, rgba(213,242,255,1) 100%);
}
.top .sec2 .inner{
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    background: url(../img/top/sec2_bg.png) no-repeat center center/100%;
    display: flex;
    align-items: center;
    height: 770px;
}
.top .sec2 h2{
    margin-bottom: 60px;
}
.top .sec2 h2 span.ttl{
    position: relative;
    display: block;
    background: transparent;
    margin: 0 0 10px 10px;
    padding: 0px 0 10px;
    font-family: acumin-pro-extra-condensed, sans-serif;
    color: #0d9ad9;
    letter-spacing: 1px;
}
.top .sec2 h2 span.ttl:after{
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #0d9ad9;
    bottom: 0;
    left: 0;
}
.top .sec2 h2 span{
    background: #fff;
    display: inline-block;
    margin: 8px;
    padding: 10px;
    line-height: 1;
    font-size: 2rem;
    letter-spacing: 2px;
}
.top .sec2 h2 strong{
    color: #0d9ad9;
}
@media ( max-width:960px){
    .top .sec2{
        padding:10% 0;
    }
    .top .sec2 .inner{
        background: url(../img/top/sp/sec2_bg.png) no-repeat bottom center/100%;
        align-items: flex-start;
        height: auto;
        padding-bottom:110%;
    }
    .top .sec2 h2{
        margin-bottom:0;
    }
    .top .sec2 h2 span.ttl{
        position: relative;
        display: block;
        background: transparent;
        margin: 0 0 10px 10px;
        padding: 0px 0 10px;
        font-family: acumin-pro-extra-condensed, sans-serif;
        color: #0d9ad9;
        letter-spacing: 1px;
    }
    .top .sec2 h2 span.ttl:after{
        content: "";
        position: absolute;
        width: 100px;
        height: 2px;
        background: #0d9ad9;
        bottom: 0;
        left: 0;
    }
    .top .sec2 h2 span{
        margin: 2%;
        padding: 3%;
        line-height: 1.4;
        font-size: 1.6rem;
        letter-spacing: 0px;
    }
}

.top .sec3 .service-contents {
    display: flex;
    flex-wrap: wrap;
}
.top .sec3 .service-contents > .half {
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    padding: 50px;
}
.top .sec3 .service-contents > .half:nth-of-type(1) {
    background-image: url('../img/top/sec3_bg1.jpg');
}
.top .sec3 .service-contents > .half:nth-of-type(2) {
    background-image: url('../img/top/sec3_bg2.jpg');
}
.top .sec3 .service-contents > .half:nth-of-type(3) {
    background-image: url('../img/top/sec3_bg3.jpg');
}
.top .sec3 .service-contents > .half:nth-of-type(4) {
    background-image: url('../img/top/sec3_bg4.jpg');
}
.top .sec3 .service-contents .service-contents-inner {
    width: 80%;
    margin: 0 auto;
}
.top .sec3 .service-contents > .half .service-contents-inner {
    margin: 0 auto;
}
.top .sec3 .service-contents .title {
    font-size: 1.2rem;
    font-weight:bold;
    margin: 20px 0;
    text-align: center;
}
.top .sec3 .service-contents .description {
    font-size: .8rem;
    letter-spacing: 1px;
    line-height: 1.8;
}
.top .sec3 .service-contents .description span {
    font-weight: bold;
}
@media ( max-width:960px){
    .top .sec3 .service-contents {
        display:block;
    }
    .top .sec3 .service-contents > .half {
        width: auto;
        padding: 10% 5%;
    }
    .top .sec3 .service-contents > .half:nth-of-type(1) {
        background-image: url('../img/top/sec3_bg1.jpg');
    }
    .top .sec3 .service-contents > .half:nth-of-type(2) {
        background-image: url('../img/top/sec3_bg2.jpg');
    }
    .top .sec3 .service-contents > .half:nth-of-type(3) {
        background-image: url('../img/top/sec3_bg3.jpg');
    }
    .top .sec3 .service-contents > .half:nth-of-type(4) {
        background-image: url('../img/top/sec3_bg4.jpg');
    }
    .top .sec3 .service-contents .service-contents-inner {
        width:auto;
    }
    .top .sec3 .service-contents > .half .service-contents-inner {
        margin: 0 auto;
    }
    .top .sec3 .service-contents .title {
        font-size: 1.2rem;
        font-weight:bold;
        margin: 20px 0;
        text-align: center;
    }
    .top .sec3 .service-contents .description {
        font-size: .8rem;
        letter-spacing: 1px;
        line-height: 1.8;
    }
    .top .sec3 .service-contents .description span {
        font-weight: bold;
    }
}

.top .sec4{
    margin: 80px 0;
}
.top .sec4 .box_wrap{
    display: flex;
    max-width: 1200px;
    margin: 50px auto 0;
    justify-content: space-between;
    align-items: flex-start;
}
.top .sec4 .box_wrap .box{
    width: 23%;
}
.top .sec4 .box_wrap .box .date{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    line-height: 1;
    font-size: 18px;
}
.top .sec4 .box_wrap .box .date img{
    width: 16px;
    margin-right: 5px;
}
.top .sec4 .box_wrap .box figure{
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.top .sec4 .box_wrap .box figure img{
    position: absolute;
    min-height:100%;
    min-width:100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.top .sec4 .box_wrap .box .ttl{
    margin: 5px 0 10px;
    line-height: 1.3;
    font-weight: bold;
}
.top .sec4 .box_wrap .box a{
    position: relative;
    color: #212529;
    font-size: 18px;
    display: block;
    width: 50%;
    margin-left: auto;
    border-bottom: 1px solid #212529;
    line-height: 1;
    padding-bottom: 5px;
}
.top .sec4 .box_wrap .box a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #212529;
    border-right: 2px solid #212529;
    -webkit-transform: translate(0%,-50%) rotate(45deg);
    transform: translate(0%,-50%) rotate(45deg);
}
@media ( max-width:960px){
    .top .sec4{
        margin:10% 0;
    }
    .top .sec4 .box_wrap{
        display:block;
        margin: 10% auto 0;
    }
    .top .sec4 .box_wrap .box{
        width: auto;
        margin: 0 5% 10%;
    }
    .top .sec4 .box_wrap .box .date{
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        line-height: 1;
        font-size: 18px;
    }
    .top .sec4 .box_wrap .box .date img{
        width: 16px;
        margin-right: 5px;
    }
    .top .sec4 .box_wrap .box figure{
        height: 30vh;
    }
}



#mapbox {
height: 500px;
margin: 50px 0 0;
}

.link-list-wrapper {
width: 70%;
margin: 0 auto 40px auto;
}

.link-list {
display: flex;
justify-content: space-evenly;
list-style: none;
padding: 0;
flex-wrap: wrap;
}

.link-list .link-item {
font-size: 1rem;
text-align: center;
font-weight: bold;
width: 30%;
padding: 20px 0;
background-color: #ebf4ef;
margin: 5px 0;
}

.link-list .link-item.current {
background-color: #0d9bd9;
color: #fff;
}

.link-list .link-item a {
color: #000;
text-decoration: none;
}

.link-list .link-item a:hover {
color: #0d9bd9;
}

/*会社概要*/
.overview-list-wrapper {
width: 60%;
margin: 0 auto;
padding: 10px 0 50px 0;
}

.overview-list {
margin: 0 0 50px 0;
}

.overview-list .overview-title {
font-size: 1rem;
}

.overview-list .overview-title::before {
content: '■';
margin: 0 5px 0 0;
}

.overview-list .table {
width: 100%;
border: 1px solid #4e4e4e;
border-collapse: collapse;
font-size: .9rem;
color: #191919;
}

.overview-list .table tr {
border: 1px solid #cbcbcb;
}

.overview-list .table th.blue,
.overview-list .table td.blue{
	color: #0d9bd9;
}

.overview-list .table td.blue span{
	color: #ccc;
}

.overview-list .table th {
background: #ebf4ef;
border: 1px solid #cbcbcb;
padding: 15px 10px;
text-align: center;
width: 30%;
}

.overview-list .table td {
background: #fff;
padding: 15px 30px;
text-align: left;
width: 70%;
}

.overview-list .table td span.atten{
margin:0 0 0 10px;
color:#bababa;
}

.overview-list .table p {
margin: 0;
}

/*アクセス*/
.access-map-wrapper {
width: 60%;
margin: 0 auto;
padding: 10px 0 50px 0;
}

.access-map {
margin: 0 0 50px 0;
}

.access-map .access-map-title {
font-size: 1rem;
}

.access-map .access-map-title::before {
content: '■';
margin: 0 5px 0 0;
}

.access-map .access-list {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
border: 1px solid #ccc;
}

.access-map .access-list li {
border: 1px solid #ccc;
width: 50%;
padding: 10px;
text-align: center;
font-size: .9rem;
}

.access-map .access-list li::before {
content: '';
display: inline-block;
background-image: url('../img/company/icon_train.png');
background-repeat: no-repeat;
background-size: 20px;
background-position: 10%;
height: 30px;
width: 20px;
vertical-align: middle;
margin: 0 5px 0 0;
}

.access-map iframe{width: 100%;height: 450px;border: none;}

/*代表挨拶*/
.greeting-area-wrapper {
width: 60%;
margin: 0 auto;
padding: 30px 0 70px;
}

.greeting-area .float-image {
float: right;
width: 240px;
margin: 0 0 0px 20px;
}

.greeting-area .description {
font-size: .9rem;
line-height: 2.3;
}

.greeting-area .sign-image {
width: 25%;
margin: 0 0 0 auto;
display: block;
}

.greeting-area .title {
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.3;
margin: 0 0 30px 0;
}

.greeting-area .title span {
color: #0d99d9;
}

/*民泊・ゲストハウス運営*/
.management .introduction-wrapper {
width: 80%;
margin: 0 auto;
text-align: center;
font-size: .9rem;
}

.management .main-text {
font-size: 1.1rem;
font-weight: bold;
margin: 45px 0;
letter-spacing: 2px;
}

.management .main-text .under-line {
border-bottom: 5px solid #0e98d9;
}

.management .main-text .emphasis {
color: #0d99d9;
}

.management .arrow {
font-size: 2rem;
color: #0e98d9;
margin: 0;
line-height: 1;
}

.management .merit-section {
background-image: url('../img/management/merit_bg.jpg');
background-size: cover;
background-repeat: no-repeat;
margin: 30px 0 0;
padding: 50px 0 0;
}

.management .merit-list-wrapper {
width: 70%;
margin: 0 auto;
}

.management .merit-list {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 40px 0;
}

.management .merit-item {
width: 48%;
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
}

.management .merit-item p {
font-size: .9rem;
}

.management .merit-item .merit-number {
color: #0f97d9;
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 1.5rem;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
margin: 0;
}

.management .merit-item .merit-title {
font-size: 1rem;
text-align: center;
margin: 5px 0;
}

.management .merit-item .merit-title::after {
content: '';
display: block;
border-bottom: 1px solid #000;
width: 5%;
margin: 15px auto;
}

.management .demerit-list {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
}

.management .demerit-item {
width: 48%;
background-color: rgba(0, 0, 0, 0.7);
padding: 20px;
color: #fff;
}

.management .demerit-item p {
font-size: .9rem;
}

.management .demerit-item .demerit-number {
color: #ce0e0e;
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 1.5rem;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
margin: 0;
}

.management .demerit-item .demerit-title {
font-size: 1rem;
text-align: center;
margin: 5px 0;
}

.management .demerit-item .demerit-title::after {
content: '';
display: block;
border-bottom: 1px solid #fff;
width: 5%;
margin: 15px auto;
}

.management .point-text {
color: #fff;
background-color: #0e98d9;
padding: 50px 0;
margin: 50px 0 0;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
letter-spacing: 3px;
}

.management .system-image-wrapper {
width: 60%;
margin: 50px auto;
}

.management .system-image-wrapper img {
width: 100%;
}

.management .property-list-wrapper {
padding: 30px 0;
width: 70%;
margin: 0 auto;
}

.management .property-list {
display: flex;
list-style: none;
padding: 0;
flex-wrap: wrap;
width: 1020px;
margin: 0 auto;
}

.management .property-list > .property-item {
width: 300px;
flex-shrink: 0;
height: 320px;
margin: 20px;
position: relative;
}

.management .property-list > .property-item .p_frame{
height: 195px;
overflow: hidden;
}
.management .property-list > .property-item .btn-wrapper {
position: absolute;
width: 100%;
bottom: 0;
}

.management .property-list > .property-item img {
width: 100%;
}

.management .property-list > .property-item .name {
font-size: .9rem;
font-weight: bold;
margin: 10px 0;
}

/*民泊・ゲストハウス運営 詳細*/
.management-detail .detail-heading {
display: flex;
align-items: center;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 1px solid #0e98d9;
padding: 0 0  3px 0;
margin: 0 0 15px 0;
}

.management-detail .detail-heading > .number {
color: #0e98d9;
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 2rem;
margin: 0 10px 0 0;
}

.management-detail .detail-wrapper {
width: 60%;
margin: 0 auto;
}

.current-image-mask {
display: flex;
align-items: center;
height: 600px;
}

#current-image {
height: 100%;
}

.management-detail .image-wrapper img {
width: 100%;
object-fit: contain;
}

.management-detail .image-list {
list-style: none;
display: flex;
padding: 0;
margin: 15px 0 0;
}

.management-detail .image-list li {
cursor: pointer;
width: 17%;
height: 140px;
overflow: hidden;
display: flex;
align-items: center;
background-color: #000;
}

.management-detail .image-list li > img:hover {
opacity: .8;
}

.management-detail .detail-contents {
margin: 50px 0;
}

.management-detail .detail-contents .table {
width: 100%;
border: 1px solid #0f97d9;
font-size: .9rem;
}

.management-detail .detail-contents .table tr {
border: 1px solid #0f97d9;
}

.management-detail .detail-contents .table th {
width: 30%;
background-color: #f7f7f7;
padding: 15px 0;
text-align: center;
}

.management-detail .detail-contents .table td {
width: 70%;
padding: 15px;
}

.management-detail .btn-wrapper > .more-btn {
margin: 10px 15px;
}

/*民泊・ゲストハウス運営代行*/
.management-agency .introduction-wrapper {
width: 80%;
margin: 0 auto;
text-align: center;
font-size: .9rem;
}

.management-agency .main-text {
font-size: 1.1rem;
font-weight: bold;
margin: 45px 0;
letter-spacing: 2px;
}

.management-agency .main-text span {
border-bottom: 5px solid #0e98d9;
}

.management-agency .arrow {
font-size: 2rem;
color: #0e98d9;
margin: 0;
line-height: 1;
}

.management-agency .point-text {
color: #fff;
background-color: #0e98d9;
padding: 50px 0;
margin: 50px 0 0;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
letter-spacing: 3px;
}

.management-agency .reason-text-wrapper {
padding: 50px 0;
text-align: center;
font-size: .9rem;
}

.management-agency .reason-lead {
font-size: 1.1rem;
font-weight: bold;
letter-spacing: 2px;
margin: 0 0 30px 0;
}

.management-agency .reason-lead span {
color: #0e98d9;
}

.management-agency .reason-list {
list-style: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}

.management-agency .reason-item {
width: 50%;
background-size: cover;
background-repeat: no-repeat;
padding: 40px;
}

.management-agency .reason-item:nth-child(1) {
background-image: url('../img/management_agency/reason_bg1.jpg');
}

.management-agency .reason-item:nth-child(2) {
background-image: url('../img/management_agency/reason_bg2.jpg');
}

.management-agency .reason-item:nth-child(3) {
background-image: url('../img/management_agency/reason_bg3.jpg');
}

.management-agency .reason-item:nth-child(4) {
background-image: url('../img/management_agency/reason_bg4.jpg');
}

.management-agency .reason-item:nth-child(5) {
background-image: url('../img/management_agency/reason_bg5.jpg');
}

.management-agency .reason-item:nth-child(6) {
background-image: url('../img/management_agency/reason_bg6.jpg');
}

.management-agency .reason-item > div {
background-color: rgba(255, 255, 255, 0.7);
width: 80%;
padding: 30px;
font-size: .9rem;
min-height: 200px;
max-width: 450px;
}

.management-agency .reason-item:nth-child(odd) > div {
margin: 0 0 0 auto;
}

.management-agency .reason-item::nth-child(even) > div {
margin: 0 auto 0 0;
}

.management-agency .reason-head {
font-size: .9rem;
display: flex;
align-items: center;
margin: 0 0 10px 0;
}

.management-agency .reason-head > p {
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 1.5rem;
font-weight: bold;
color: #0e98d9;
margin: 0;
}

.management-agency .reason-head > h3 {
font-size: 1rem;
margin: 0;
}

.management-agency .reason-head > h3::before {
content: '|';
color: #848484;
font-weight: normal;
margin: 0 5px;
}

.management-agency #property p.nothing{
	text-align: center;
	margin-top: 60px;
}
.management-agency .property-list-wrapper {
padding: 30px 0;
width: 70%;
margin: 0 auto;
}

.management-agency .property-list {
display: flex;
list-style: none;
padding: 0;
flex-wrap: wrap;
width: 1020px;
margin:0 auto;
}

.management-agency .property-list > .property-item {
width: 300px;
flex-shrink: 0;
height: 320px;
margin:20px;
position: relative;
}

.management-agency .property-list > .property-item .p_frame{
height: 195px;
overflow: hidden;
}

.management-agency .property-list > .property-item .btn-wrapper {
position: absolute;
width: 100%;
bottom: 0;
}

.management-agency .property-list > .property-item img {
width: 100%;
}

.management-agency .property-list > .property-item .name {
font-size: .9rem;
font-weight: normal;
margin: 10px 0;
}

.management-agency .property-list > .property-item .name span {
font-weight: bold;
}

/*民泊・ゲストハウス運営 詳細*/
.management-agency-detail .detail-heading {
display: flex;
align-items: center;
font-size: 1.1rem;
font-weight: bold;
border-bottom: 1px solid #0e98d9;
padding: 0 0  3px 0;
margin: 0 0 15px 0;
}

.management-agency-detail .detail-heading > .number {
color: #0e98d9;
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 2rem;
margin: 0 10px 0 0;
}

.management-agency-detail .detail-wrapper {
width: 60%;
margin: 0 auto;
}

.management-agency-detail .image-wrapper img {
width: 100%;
}

.management-agency-detail .image-list {
list-style: none;
display: flex;
padding: 0;
margin: 15px 0 0;
}

.management-agency-detail .image-list li {
cursor: pointer;
width: 17%;
height: 140px;
overflow: hidden;
display: flex;
align-items: center;
background-color: #000;
}

.management-agency-detail .image-list li > img:hover {
opacity: .8;
}

.management-agency-detail .detail-contents {
margin: 50px 0;
}

.management-agency-detail .detail-contents .table {
width: 100%;
border: 1px solid #0f97d9;
font-size: .9rem;
}

.management-agency-detail .detail-contents .table tr {
border: 1px solid #0f97d9;
}

.management-agency-detail .detail-contents .table th {
width: 30%;
background-color: #f7f7f7;
padding: 15px 0;
text-align: center;
}

.management-agency-detail .detail-contents .table td {
width: 70%;
padding: 15px;
}

.management-agency-detail .btn-wrapper > .more-btn {
margin: 0 15px;
}

/*不動産買取ここから*/
.purchase .main-visual {
height: 50vh;
background-image: url('../img/purchase/main.jpg');
border-bottom: 5px solid #0d9bd9;
}

.purchase .introduction-wrapper{
width: 80%;
margin: 0 auto;
text-align: center;
font-size: .9rem;
}

.purchase .introduction-wrapper .bold{
font-weight: bold;
}

.purchase .introduction-wrapper.blue-box{
width: 50%;
border: 2px solid #0e98d9;
padding-top: 30px;
padding-bottom: 15px;
}

.purchase .introduction-wrapper ul{
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 65%;
margin: 0 auto 20px;
padding-left: 0px;
}

.purchase .introduction-wrapper ul li{
box-sizing: border-box;
width: 23%;
padding: 20px;
font-weight: bold;
background: url(../img/purchase/type_bg.jpg) no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 20px;
letter-spacing: -1px;
font-size: 0.8rem;
}

.purchase .main-text{
font-size: 1.1rem;
font-weight: bold;
margin: 45px 0;
letter-spacing: 2px;
}

.purchase .main-text .under-line{
border-bottom: 5px solid #0e98d9;
}

.purchase .flow-section{
background: #f7f7f7;
padding: 50px 0;
margin-top: 80px;
}

.purchase .flow-section ul {
max-width: 1200px;
list-style: none;
margin:0 auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding-top:30px;
}

.purchase .flow-section ul li{
width: 17%;
min-width: 180px;
}

.purchase .flow-section ul li::after{
content:"";
display: block;
width: 180px;
}

.purchase .flow-section ul h3{
font-size: 16px;
border-bottom: 1px solid #0d99d9;
}

.purchase .flow-section ul h3 span{
color: #0D99D9;
}

.purchase .flow-section ul figure img{
box-shadow:0px 5px 6px 1px rgba(0,0,0,0.19);
}

.purchase .flow-section ul figcaption{
font-size: 12px;
margin-top: 10px;
}

/*不動産買取ここまで*/

/*お問い合わせここから*/
.contact-form-wrapper {
width: 55%;
margin: 0 auto;
padding: 10px 0 50px 0;
}

.contact-form-lead {
text-align: center;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 2;
margin: 0 0 30px 0;
}

.contact-form-lead span {
color: #0d99d9;
}

.contact-form {
padding: 30px 0;
}

.contact-form .comment {
font-size: .9rem;
}

.contact-form .contact-form-title {
font-size: 1rem;
border-bottom: 1px solid #ccc;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
}

.contact-form .contact-form-title::before {
content: '■';
margin: 0 5px 0 0;
}

.contact-form .tel-image {
text-align: center;
}

.contact-form .tel-image img {
width: 250px;
}

.contact-form .tel-image p {
color: #0d99d9;
font-size: .9rem;
font-weight: bold;
margin: 10px 0 0 0;
}

.contact-form .table {
border-collapse: collapse;
width: 100%;
margin: 15px 0 0;
background: #fff;
font-size: .9rem;
}

.contact-form .table tr{
border: 1px solid #ccc;
}

.contact-form .table th {
background-color: #f0f6f2;
width: 30%;
padding: 20px 15px;
text-align: center;
}

.contact-form .table td {
width: 70%;
padding: 10px 15px;
}

.contact-form .table input,
.contact-form .table textarea{
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: inset 1px 1px 1px #828282;
color: #495057;
display: inline-block;
font-size: .9rem;
line-height: 1.5;
padding: 0.375rem 0.75rem;
margin: 5px;
width: 100%;
}

.contact-form .table input.half {
width: 20%;
}

.contact-form .table select{
display: inline-block;
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
border: 1px solid #ced4da;
border-radius: 0.25rem;
width: 20%;
box-shadow: inset 1px 1px 1px #828282;
margin: 5px;
vertical-align: top;
}

.contact-form .table .align-item {
display: flex;
align-items: center;
}

.contact-form .table label {
display: inline;
font-size: .8rem;
margin: 0;
}

.contact-form .table .align-item input,
.contact-form .table .align-item select {
width: 60%;
}

.contact-form .table .inline {
display: flex;
align-items: center;
}

.contact-form .btn-wrapper {
margin: 20px 0;
}

.contact-form .btn-wrapper button {
margin: 10px;
font-size: .8rem;
}

.contact #form {
position: relative;
}
/*お問い合わせここまで*/

/*個人情報保護方針ここから*/
.privacypolicy .main-visual {
height: 50vh;
background-image: url('../img/privacypolicy/main.jpg');
border-bottom: 5px solid #0d9bd9;
}

.privacypolicy .section{
width: 1200px;
margin: 30px auto 80px;
}
/*個人情報保護方針ここまで*/

/*フッター*/
.site-footer {
border-top: 5px solid #0d99d9;
background: #3b3b3b;
padding: 50px 0 0;
position: relative;
}

.site-footer .contents {
width: 70%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.site-footer .company-info {
width: 48%;
}

.site-footer .company-info img {
width: 350px;
}

.site-footer .address {
padding: 10px 30px;
color: #fff;
font-size: .9rem;
}

.site-footer .address p {
margin: 0;
font-size: .8rem;
}

.site-footer .address span.atten{
margin:0 0 0 10px;
color:#bababa;
}

.site-footer .company-info .heading {
margin: 15px 0 5px 0;
padding: 0 0 2px;
font-weight: bold;
border-bottom: 1px solid #fff;
}

.site-footer .company-info .heading::before {
content: '■';
margin: 0 3px 0 0;
}

.site-footer .company-link {
width: 48%;
}

.site-footer .company-link .heading {
text-align: center;
color: #fff;
position: relative;
margin: 0 0 30px;
font-size: 1.2rem;
letter-spacing: 1px;
font-family: acumin-pro-extra-condensed, sans-serif;
}

.site-footer .company-link .heading::before {
content: '';
border-top: 1px solid #fff;
display: block;
position: absolute;
width: 20%;
bottom: 10px;
left: 30px;
}

.site-footer .company-link .heading::after {
content: '';
border-top: 1px solid #fff;
display: block;
position: absolute;
width: 20%;
bottom: 10px;
right: 30px;
}

.site-footer .banner-list {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
}

.site-footer .banner-list a {
width: 48%;
}

.site-footer .banner-list img {
width: 100%;
}

.site-footer .site-map {
width: 100%;
margin: 30px 0 0;
border-top: 1px solid #fff;
padding: 30px 0 30px 0;
display: flex;
justify-content: space-around;
}

.site-footer .link-contents {
width: 20%;
}

.site-footer .link-head {
border-bottom: 1px solid #fff;
color: #fff;
padding: 0 0 3px 0;
font-size: 1.2rem;
letter-spacing: 1px;
font-family: acumin-pro-extra-condensed, sans-serif;
}

.site-footer .footer-contact {
position: absolute;
bottom: 0;
right: 83px;
display: flex;
}

.site-footer .footer-contact .privacy-link {
height: 70px;
display: flex;
align-items: center;
padding: 15px;
width: 83px;
background: #000;
font-size: .6rem;
}

.site-footer .footer-contact .contact-link {
height: 70px;
display: flex;
align-items: center;
padding: 15px;
width: 83px;
background: #fff;
font-size: .6rem;
font-weight: bold;
}

.site-footer .footer-contact .privacy-link a {
color: #fff;
}

.site-footer .footer-contact .contact-link a {
color: #0e98d9;
display: block;
margin: 0 auto;
font-size: 1rem;
}

.copyright {
background: #000;
padding: 49px 0 5px;
text-align: center;
}

.copyright p {
color: #fff;
font-size: .7rem;
margin: 0;
}

.scroll-top {
position: fixed;
bottom: 0;
right: 0;
width: 83px;
height: 70px;
display: flex;
align-items: center;
text-align: center;
padding: 15px;
background: #0e98d9;
display: flex;
}

/*見出し*/
.heading-wrapper {
color: #fff;
width: 270px;
margin: 0 auto;
text-align: center;
}

.heading-wrapper h2{
font-family: acumin-pro-extra-condensed, sans-serif;
}

.heading-wrapper .main-heading {
font-family: acumin-pro-extra-condensed, sans-serif;
font-size:2rem;
font-weight: bold;
border-bottom: 1px solid #fff;
margin: 3px 0;
}

.heading-wrapper .sub-heading {
font-size: .8rem;
letter-spacing: 2px;
}

.heading-wrapper.black {
color: #000;
}

.heading-wrapper.black .main-heading {
border-bottom: 1px solid #0c9ad9;
font-family: acumin-pro-extra-condensed, sans-serif;

}

.service-heading-wrapper {
text-align: center;
}

.service-main-heading {
font-size: 1.8rem;
color: #000;
margin: 0;
line-height: 1.3;
}

.service-main-heading.white {
color: #fff;
}

.service-contents > .half:nth-of-type(2) .service-contents-inner,
.service-contents > .half:nth-of-type(3) .service-contents-inner {
    color: #000;
}
.service-contents > .half:nth-of-type(1) .service-contents-inner,
.service-contents > .half:nth-of-type(4) .service-contents-inner {
    color: #fff;
}

.service-sub-heading {
color: #0d99d9;
font-size: 1rem;
font-family: acumin-pro-extra-condensed, sans-serif;
margin: 0;
line-height: 1.5;
}

/*ボタン*/
.btn-wrapper {
text-align: center;
padding: 15px 0;
}

.more-btn{
display: inline-block;
position: relative;
z-index: 2;
border: 2px solid #000;
background: #000;
color: #fff;
font-size: .7rem;
overflow:hidden;
padding: 10px;
min-width: 200px;
text-align: center;
}

.more-btn.white{
background: none;
color: #000;
}

.more-btn.black{
background: none;
color: #fff;
border: 2px solid #fff;
}

.more-btn.blue{
background: #0e98d9;
color: #fff;
border: 2px solid #fff;
}

.more-btn::before,
.more-btn::after{
position: absolute;
z-index: -1;
display: block;
content: '';
}

.more-btn,
.more-btn::before,
.more-btn::after{
box-sizing: border-box;
transition: all .3s;
}

.more-btn:hover{
color: #000;
text-decoration: none;
}

.more-btn.white:hover{
color: #fff;
}

.more-btn.black:hover{
color: #fff;
border: 2px solid #000;
}

.more-btn.blue:hover{
border: 2px solid #0f97d9;
}

.more-btn::after{
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(.5);
}

.more-btn:hover::after{
background: #fff;
transform: scale(1);
}

.more-btn.white:hover::after,
.more-btn.black:hover::after{
background: #000;
}

.link-btn {
font-size: .8rem;
min-width: 200px;
display: inline-block;
position: relative;
color: #fff;
padding: 0px 0 0 13px;
}

.link-btn:hover {
color: #0e98d9;
text-decoration: none;
}

.link-btn::after {
content: '';
display: block;
position: absolute;
top: 40%;
right: 5%;
width: 0.5em;
height: 0.5em;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
transform: rotate(45deg);
}

@media ( max-width:768px ){

body {padding: 0 0 59px 0;}
.site-header {padding: 0 0 0 15px;}
.site-header .logo-wrapper {width: 80%;}
.site-header .logo-wrapper h1 {margin: 0;}
.menu-btn {width: 15%;background: #0d99d9;padding: 15px;display: flex;align-items: center;}
.menu-btn img {width: 100%;}

/*パンくずリスト*/
.breadcrumb {width: 95%;white-space: nowrap;overflow-x: scroll;}
/*見出し*/
.heading-wrapper {width: 70%;margin: 0 auto;}
.section {min-width: initial;}
.contents-list {border-bottom: none;width: 90%;padding: 0;flex-direction: column;}
.contents-list .title-wrapper {position: initial;border-bottom: none;margin: 0 0 10px;background: #ededed;padding: 5px;display: flex;align-items: center;justify-content: space-between;}
.contents-list .title-wrapper img {width: 35%;}
.contents-list .title {background: none;text-align: left;padding: 0;position: initial;margin: 0;width: 60%;font-size: 1rem;}
.contents-list .contents {width: 100%;margin: 30px auto 0;padding: 0;border-bottom: 1px solid #ccc;}
.contents-list .contents:nth-child(1) {background-image: none;}
.contents-list .contents:nth-child(2) {background-image: none;}
.contents-list .contents:nth-child(3) {background-image: none;}
.contents-list .image-wrapper {display: flex;align-items: center; justify-content: space-between;}
.contents-list .image-wrapper img {width: 49%;}
.contents-list .image-wrapper p {width: 49%;}
.contents-list .description {font-size: .8rem;margin: 0;}
.section-inner {padding: 30px 0 0;}
.section .lead {font-size: 1.2rem;letter-spacing: 1px;margin: 0 0 15px;line-height: 1.3;}
.section .lead > span {font-size: 1.4rem;}
.service-contents {flex-direction: column;}
.service-contents > .all {background-image: url('../img/top/sp/sec3_bg.jpg');width: 100%;padding: 30px 15px 15px;}
.service-contents > .half {width: 100%;padding: 15px;}
.service-contents > .half:nth-child(1) {background-image: url('../img/top/sp/sec2_bg1.jpg');}
.service-contents > .half:nth-child(2) {background-image: url('../img/top/sp/sec2_bg3.jpg');}
.service-contents .service-contents-inner {width: 100%;}
.service-main-heading {font-size: 1.2rem;}
.service-sub-heading {font-size: 1rem;}
.purchase-contents {max-width: initial;width: 100%;flex-direction: column-reverse;}
.purchase-contents .text {width: 100%;}
.purchase-contents .image {width: 80%;margin: 0 0 50px 0;}
.attention-contents p {width: auto;margin:0 3%; }
.news-area {display: block;height: auto;}
.news-area .title-area {width: 100%;min-width: initial;padding: 5px 0;height:auto ;}
.news-area .news-list-wrapper {width: 100%;padding: 0 10px;}
.news-area .news-item{display: block;}

.news-area .date-wrapper {display: block;margin: 0 0 5px;width: auto;}
.news-area .category {font-size: .8rem;font-weight: normal;padding: 2px 7px;margin: 0;}



.link-list-wrapper {width: 90%;}
.link-list .link-item {width: 90%;padding: 10px 0;}
.overview-list-wrapper {width: 90%;}
.overview-list .table th,
.overview-list .table td {display: block;width: 100%;border: none;text-align: center;}
.access-map-wrapper {width: 90%;}
.access-map .access-list {display: block;}
.access-map .access-list li {font-size: .8rem;text-align: left;border: none;width: 100%;}
.access-map .access-list li:nth-child(odd){background-color: #ebf4ef;}
.greeting-area-wrapper {width: 90%;}
.greeting-area .float-image {width: 45%;}
.greeting-area .sign-image {width: 50%;}
.greeting-area .description {line-height: 1.6;}
.management .merit-section {background-image: url('../img/management/sp/merit_bg.jpg');}
.management .merit-list-wrapper {width: 90%;}
.management .merit-list,
.management .demerit-list {flex-direction: column;margin: 0;}
.management .merit-item,
.management .demerit-item {width: 100%;margin: 10px 0}
.management .merit-item .merit-title::after,.management .demerit-item .demerit-title::after {width: 20%;}
.management .point-text {font-size: 1.3rem;}
.management .introduction-wrapper {width: 90%;}
.management .system-image-wrapper {width: 100%;}
.management .property-list-wrapper {width: 90%;}
.management .property-list {flex-direction: column;width: auto;}
.management .property-list > .property-item {width: 100%;height: initial;border-bottom: 1px dotted #ccc;margin: 15px 0;position: initial;}
.management .property-list > .property-item .btn-wrapper {position: initial;}
.management-detail .detail-wrapper {width: 90%;}
.management-detail .detail-contents .table th,
.management-detail .detail-contents .table td {display: block;width: 100%;padding: 10px 0;text-align: center;}
.management-agency .introduction-wrapper {width: 90%;}
.management-agency .reason-text-wrapper {width: 90%;margin: 0 auto;}
.management-agency .point-text {font-size: 1.3rem;}
.management-agency .reason-list {flex-direction: column;}
.management-agency .reason-item:nth-child(1) {background-image: url('../img/management_agency/sp/reason_bg1.jpg');}
.management-agency .reason-item:nth-child(2) {background-image: url('../img/management_agency/sp/reason_bg2.jpg');}
.management-agency .reason-item:nth-child(3) {background-image: url('../img/management_agency/sp/reason_bg3.jpg');}
.management-agency .reason-item:nth-child(4) {background-image: url('../img/management_agency/sp/reason_bg4.jpg');}
.management-agency .reason-item:nth-child(5) {background-image: url('../img/management_agency/sp/reason_bg5.jpg');}
.management-agency .reason-item:nth-child(6) {background-image: url('../img/management_agency/sp/reason_bg6.jpg');}
.management-agency .reason-item {width: 100%;height: initial;padding: 20px;margin: 0 0 10px 0;position: initial;}
.management .property-list > .property-item .btn-wrapper {position: initial;}
.management-agency .reason-item:nth-child(even) > div,
.management-agency .reason-item:nth-child(odd) > div {width: 100%;margin: 0 auto;}
.management-agency .property-list {flex-direction: column;width: auto;}
.management-agency .property-list-wrapper {width: 90%;}
.management-agency .property-list > .property-item {width: 100%;border-bottom: 1px dotted #ccc;margin: 15px 0;}
.management-agency-detail .detail-wrapper {width: 90%;}
.management-detail .bx-wrapper,
.management-agency-detail .bx-wrapper {box-shadow: none;}
.management-detail .image-list li ,.management-agency-detail .image-list li {height: auto;}
.management-agency-detail .detail-contents .table th,
.management-agency-detail .detail-contents .table td {display: block;width: 100%;padding: 10px 0;text-align: center;}
/*不動産買取ページここから*/
.purchase .main-visual {background-image: url(../img/purchase/sp/main.jpg);}
.purchase .introduction-wrapper{width: 90%;}
.purchase .introduction-wrapper ul{width: 100%;}
.purchase .introduction-wrapper ul li{width: 48%;padding:10px;}
.purchase .introduction-wrapper.blue-box{width: 90%;padding-left: 15px;padding-right: 15px;}
.purchase .flow-section ul{padding-left: 0;width: 90%;display: block;}
.purchase .flow-section ul li{width: 100%}
.purchase .flow-section ul figure img{width: 100%;}
/*不動産買取ページここまで*/
/*お問い合わせページここから*/
.contact-form-wrapper {width: 90%;}
.contact-form-lead {font-size: 1.1rem;line-height: 1.6;}
.contact-form .table th,.contact-form .table td {display: block;width: 100%;padding: 10px 15px;}
.contact-form .table select{width: 100%;}
.contact-form .table .inline {display: block;}
.contact-form .table input.half {width: 25%;}
/*お問い合わせページここまで*/
/*個人情報保護方針ここから*/
.privacypolicy .main-visual {background-image: url('../img/privacypolicy/sp/main.jpg');}
.privacypolicy .section {width: auto;margin: 0 2% 15%;}
/*個人情報保護方針ここまで*/
.site-footer .contents {width: 100%;display: flex;flex-direction: column;}
.site-footer .company-info {width: 80%;margin: 0 auto;}
.site-footer .company-info img {width: 100%;}
.site-footer .address {padding: 10px 0px;}
.site-footer .company-link {width: 75%;margin: 0 auto 30px;}
.site-footer .banner-list {flex-direction: column;margin: 0;}
.site-footer .banner-list img {width: 100%;margin: 5px 0;}
.site-map {padding: 0;}
.site-map .menu-title a{display: block;color: #fff;}
.site-map .menu-title span{font-size: .75rem;}
.site-map ul {padding: 0;margin: 0;border-left: unset;width: 100%;list-style: none;}
.site-map li {font-family: acumin-pro-extra-condensed, sans-serif;border-bottom: 1px solid #fff;padding: 10px 20px 10px 15px;position: relative;display: flex;justify-content: space-between;font-size: 1.2rem;font-weight: bold;letter-spacing: 1px;}
.arrow_icon,.arrow_icon span {display: inline-block;transition: all .4s;box-sizing: border-box;font-weight: normal;font-size: 1rem;letter-spacing: 0;}
.arrow_icon {position: relative;width: 20px;float: right;margin: 0px;}
.arrow_icon span {position: absolute;right: 9%;width: 45%;height: 2px;background-color: #fff;border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.arrow_icon span:nth-of-type(1) {top: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
.arrow_icon span:nth-of-type(2) {top: 11px;transform: rotate(-45deg);}
.accordion_icon,.accordion_icon span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.accordion_icon {position: relative;width: 20px;float: right;margin: 0px;}
.accordion_icon span {position: absolute;right: 8%;width: 50%;height: 2px;background-color: #fff;border-radius: 4px;-webkit-border-radius: 4px;-ms-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.accordion_icon span:nth-of-type(1) {top: 11px;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
.accordion_icon span:nth-of-type(2) {top: 11px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);}
.open .accordion_icon span:nth-of-type(1) {display:none;}
.open .accordion_icon span:nth-of-type(2) {top: 12px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.site-map li:not(.accordion)::after{display: block;position: absolute;top: 40%;right: 5%;width: 0.5em;height: 0.5em;border-top: #fff 2px solid;border-right: #fff 2px solid;transform: rotate(45deg);}
.site-map .inner-menu {display: none;}
.site-map .inner-menu li {padding-left: 40px;font-size: .75rem;}
.site-map .inner-menu a {color: #fff;}
.copyright {padding: 5px 0;}
.site-footer .footer-contact {display: none;}
.site-footer .banner-list a {width: 100%;}
.footer-fixed-menu {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;}
.footer-fixed-menu-inner {background: #000;}
.footer-fixed-menu-inner ul {font-family: acumin-pro-extra-condensed, sans-serif;list-style: none;padding: 10px 0;display: flex;margin: 0;min-height: 59px;}
.footer-fixed-menu-inner li {width: 33%;border-right: 1px solid #cd6081;text-align: center;padding: 0px 25px;}
.footer-fixed-menu-inner li:last-child {border-right: none;}
.footer-fixed-menu-inner li a {color: #fff;font-size: .7rem;display: flex;flex-direction: column;align-items: center;text-decoration: none;white-space: nowrap;}
.footer-fixed-menu-inner img {width: 33%;}
.gnav{background: #000;height: 100%;position: fixed;width: 100%;z-index: 98;left: 0;padding: 110px 0;display: none;}
.gnav .nav {padding: 0;margin: 0;list-style: none;}
.gnav .nav .item {padding: 15px;border-bottom: 1px solid #fff;position: relative;}
.gnav .nav .item a {color: #fff;}
.gnav .nav .item a::after {content: '';display: block;position: absolute;top: 40%;right: 5%;width: 0.5em;height: 0.5em;border-top: #fff 1px solid;border-right: #fff 1px solid;transform: rotate(45deg);}
}