@charset "utf-8";

/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    outline: 0;

    font-size: 1em;
}

/*------------------------------------------------------------
微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

* html .clearfix {
    zoom: 1;
}

* + html .clearfix {
    zoom: 1;
}

.clearfix::after {
    height: 0;
    visibility: hidden;
    content: '.';
    display: block;
    clear: both;
}

a[href^='tel:'] {
    cursor: default;
}

body {
    font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option {
    font-family: 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

img {
    vertical-align: top;
}

a:link {
    color: #333;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: underline;
}

a:active {
    color: #333;
    text-decoration: underline;
}

/*------------------------------------------------------------
レイアウト / 共通
------------------------------------------------------------*/
body {
    min-width: 1100px;
    color: #000;
    text-align: center;
    line-height: 1.5;
}

body#home {
    background: url(../img/index/body_bg.gif) repeat left top;
}

#container {
    text-align: left;
}

#main {
    background: url(../img/common/bg_body.png) repeat;
}

#main p {
    font-size: 1.6em;
}

#main .inner {
    width: 1100px;
    margin: auto;
    padding: 100px 0;
}

#main .innerS {
    width: 1100px;
    margin: auto;
    padding: 70px 0;
}

#main .innerS02 {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

#main .innerS .mainTitle {
    padding: 0;
}

* html #main {
    zoom: 1;
}

* + html #main {
    zoom: 1;
}

#main::after {
    height: 0;
    visibility: hidden;
    content: '.';
    display: block;
    clear: both;
}

#main .mainTitle {
    font-size: 3.2em;
    font-weight: bold;
    color: #46301d;
    text-align: center;
    padding-bottom: 60px;
}

#main .mainTitle span {
    margin-top: 15px;
    display: block;
    color: #46301d;
    font-size: 16px;
    letter-spacing: 3px;
}

#main .barBrown {
    background: #46301d;
    color: #fff;
    text-align: center;
    font-size: 2.2em;
    padding: 10px 0;
    margin: 0 0 30px 0;
}

#main .innerBox {
    padding: 20px 0;
    margin: 0 0 50px 0;
}

#main .txtCenter {
    text-align: center;
}

#main .txtTitleL {
    font-size: 1.8em;
    margin: 0 0 10px 0;
}

#main .txtRead {
    font-size: 1.8em;
    margin: -40px 0 50px 0;
    line-height: 1.75;
}

#main .txtRead span {
    color: #ed6d00;
    font-size: 1.25em;
    padding: 0 10px;
}

#main .txtMin {
    font-size: 0.8em;
}

#mainTitleBg_01 {
    background: url(/img/common/title_bg_01.png) no-repeat center;
}

#mainTitleBg_02 {
    background: url(/img/common/title_bg_02.png) no-repeat center;
}

#mainTitleBg_03 {
    background: url(/img/common/title_bg_03.png) no-repeat center;
}

#mainTitleBg_04 {
    background: url(/img/common/title_bg_04.png) no-repeat center;
}

#mainTitleBg_01,
#mainTitleBg_02,
#mainTitleBg_03,
#mainTitleBg_04 {
    text-align: center;
    padding: 80px 0;
    margin: 1px 0 0;
    background-size: cover;
}

.pc {
    display: block !important;
}

thead.pc {
    display: table-header-group !important;
}

.sp {
    display: none !important;
}

/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
.headerBox {
    background: rgba(255, 255, 255, 1);
}

.headerBox h1 {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.headerBox {
    width: 1100px;
    margin: auto;
    padding: 15px 0 0 0;
}

.headerBox .logo {
    float: left;
    padding: 20px 0 0 0;
}

.headerBox .telBox {
    float: right;
}

.headerBox .telBox li {
    padding: 60px 70px 17px 51px;
    float: right;
    font-size: 1.25em;
    background: url(../img/common/h-tel.png) no-repeat;
}

.mainCopy {
    width: 100%;
    margin: auto;
    height: 50vw;
    max-height: 840px;
    background: url(../img/index/mv.png) no-repeat center;
    background-size: cover;
    display: table;
    position: relative;
}

.mainCopy .imgBox {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.mainCopy img {
    height: 30%;
}

.mainCopy h1 {
    font-size: 1.6em;
}

.side-menu-tel,
.side-menu-btn {
    display: none;
}

@media screen and (max-width: 1000px) {
    #header .mainCopy h1 {
        font-size: 1.2em;
    }
}

/*------------------------------------------------------------
グローバルナビ
------------------------------------------------------------*/
#gNavi {
    background-color: #825e3f;
    border-bottom: 9px solid #be7d55;
}

#gNavi ul {
    margin: 0 auto -9px;
    width: 1100px;
    height: 91px;
    background: url(../img/common/g_navi_bg.png) repeat-y left top;
}

#gNavi li {
    width: 155px;
    float: left;
    text-align: center;
    background: url(../img/common/g_navi_bg.png) repeat-y right top;
    position: relative;
}

#gNavi ul.child {
    display: none;
    position: absolute;
    padding: 0;
    z-index: 1;
    width: auto;
}

#gNavi ul.child li {
    float: none;
    width: 100%;
}

#home #gNavi ul.child li {
    width: 100%;
}

#gNavi ul.child li a {
    padding: 15px 0;
    background: rgba(100, 70, 50, 0.9);
    border-top: #7f5f44 1px solid;
}

#gNavi ul.child li a:hover {
    background: rgba(100, 70, 50, 0.85);
}

#gNavi li a,
#gNavi li span {
    padding: 25px 0;
    min-height: 41px;
    display: block;
    color: #fff;
    font-size: 1.75em;
    position: relative;
    letter-spacing: 1px;
    cursor: pointer;
    line-height: 2;
}

#gNavi li a::after,
#gNavi li span::after {
    width: 100%;
    height: 9px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/common/icon01.png) no-repeat center center;
    content: '';
}

#gNavi li ul li a::after {
    content: none;
}

#gNavi .on,
#gNavi li a:hover,
#gNavi li span:hover,
#strength #gNavi li:nth-child(3) span,
#flow #gNavi li:nth-child(5) span,
#company #gNavi li:nth-child(8) span {
    text-decoration: none;
    background: url(../img/common/g_navi_over.png) repeat left top;
}

#gNavi .on::after,
#gNavi li a:hover::after,
#gNavi li span:hover::after {
    background: #ed6d00 url(../img/common/icon01.png) no-repeat center center;
}

#home #gNavi ul {
    margin: 0 auto -9px;
    width: 100%;
    height: 111px;
}

@media screen and (max-width: 767px) {
    #home #gNavi ul {
        height: auto;
    }

    @media s;
}

#home #gNavi li {
    width: 15%;
}

#gNavi2 {
    display: none;
}

#home #gNavi li:nth-child(1) {
    width: 10%;
}

/*#home #gNavi li:nth-child(4) {
    width: 13%;
}

#home #gNavi li:nth-child(5) {
    width: 16%;
}

#home #gNavi li:nth-child(6) {
    width: 19%;
    border: none;
}
*/
#home #gNavi li a,
#home #gNavi li span {
    padding: 35px 0;
}

#home #gNavi li ul.child li {
    width: 100%;
}

#home #gNavi li ul.child li a {
    padding: 15px 0;
}

#gNavi li {
    width: 15%;
}

#gNavi li:nth-child(1) {
    width: 10%;
}

/*#gNavi li:nth-child(3) {
    width: 11%;
}

#gNavi li:nth-child(4) {
    width: 14%;
}

#gNavi li:nth-child(5) {
    width: 18%;
}
*/
#gNavi li:nth-of-type(8) {
    position: relative;
    top: -15px;
}

@media screen and (max-width: 767px) {
    #gNavi li:nth-of-type(8) {
        position: relative;
        top: 0px;
    }
}

#gNavi li ul.child li {
    width: 165px;
}

/*------------------------------------------------------------
main
------------------------------------------------------------*/
#main .headLine01 {
    padding: 60px 0 35px;
    text-align: center;
    background: url(../img/common/title_bg.png) no-repeat center bottom #fff;
}

#main .headLine01 .h2Span {
    margin-top: 15px;
    display: block;
    color: #46301d;
    font-size: 1.6em;
    letter-spacing: 3px;
}

#main .imgList a {
    background: #fff;
    display: block;
}

#main .imgList a:hover {
    opacity: 0.8;
}

#main .imgList li {
    width: 50%;
    float: left;
    position: relative;
}

#main .imgList .first {
    background: url(../img/index/str_01.png) no-repeat right top;
    background-size: cover;
}

#main .imgList .second {
    background: url(../img/index/str_02.png) no-repeat left top;
    background-size: cover;
    float: right;
}

#main .imgList .third {
    background: url(../img/index/str_03.png) no-repeat right top;
    background-size: cover;
}

#main .imgList .forth {
    background: url(../img/index/str_04.png) no-repeat left top;
    background-size: cover;
    float: right;
}

#main .imgList .service {
    /*padding-left: 60px;*/
}

#main .imgList .textBox {
    width: 540px;
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#main .imgList .textBox .banner50off {
    position: absolute;
    top: 38px;
    right: -20px;
}

#main .imgList .titleBox {
    background: #2b1c12;
    width: 260px;
    height: 400px;
    display: table;
    text-align: center;
}

#main .imgList .titleBox span {
    vertical-align: middle;
    display: table-cell;
}

#main .imgList .textBox01 {
    float: right;
}

#main .imgList .textBox p {
    padding: 0 0 15px 60px;
    font-size: 1.6em;
    line-height: 1.9;
}

#main .imgList .textBox .title {
    margin: 0 0 15px 0;
    padding: 15px 0 0 60px;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

#main .imgList .textBox02 .title {
    margin: 0 0 30px 0;
}

#main .imgList .textBox02 .btnOrange {
    text-align: left;
}

#main .imgList .textBox01 p {
    margin: 0;
}

#main .imgList .textBox01 .title {
    padding: 60px 40px 0 0;
}

#main .imgList .textBox01 p {
    padding: 0 75px 15px 0;
}

#main .estateBox {
    padding: 42px 0 45px;
    background: url(../img/index/estate_bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}

#main .estateBox .estate {
    margin: 0 auto;
    width: 1100px;
}

#main .estateBox .headLine02 {
    padding: 16px 0 32px 70px;
    background: url(../img/index/icon02.png) no-repeat left top;
}

#main .estateBox li {
    float: left;
}

#main .estateBox li .title {
    margin: 0 auto;
    padding: 3px;
    width: 412px;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    position: relative;
    z-index: 10;
    border-radius: 25px;
    behavior: url(js/pie.htc);
    background-color: #737371;
}

#main .estateBox li .textBox {
    margin-top: -22px;
    padding: 54px 35px 16px 55px;
    border-radius: 8px;
    position: relative;
    behavior: url(js/pie.htc);
    border: 2px solid #fff;
    background: url(../img/index/inner_bg.png) repeat left top;
}

#main .estateBox li:first-child .textBox {
    padding: 32px 31px 15px 39px;
}

#main .estateBox li:first-child .title {
    width: 274px;
}

#main .estateBox li .textBox .photo {
    text-align: center;
    margin: 0 0 10px 0;
}

#main .estateBox li .textBox p {
    width: 318px;
    color: #3c3e3e;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

#main .estateBox li:first-child {
    margin-right: 95px;
    position: relative;
}

#main .estateBox li:first-child::after {
    margin-top: -30px;
    width: 26px;
    height: 60px;
    position: absolute;
    right: -66px;
    top: 50%;
    background: url(../img/index/icon03.png) no-repeat left top;

    content: '';
}

#main .txtStrength {
    padding: 36px 0;
    text-align: left;
    background-color: #ed6d00;
}

#main .txtStrength p {
    margin: 0 auto;
    width: 1022px;
    color: #fff;
    font-size: 1.6em;
    line-height: 2;
}

#main .greet {
    background: #2b1c12;
}

#main .greet01,
#main .greet00 {
    height: 400px;
    overflow: hidden;
}

#main .greet .imgBox {
    margin: 0 auto;
    max-width: 1100px;
}

#main .greet .photoBox {
    width: 50%;
    float: left;
}

#main .greet img {
    /*width: 100%;*/
}

#main .greet .sectionBox {
    width: 50%;
    float: right;
    position: relative;
    background-color: #2b1c12;
}

#main .greet .sectionBox .greetBg {
    position: absolute;
    right: 10%;
    top: 15%;
}

#main .greet .textBox {
    margin: 47px auto 0;
    width: 424px;
}

#main .greet .textBox a {
    padding: 20px 0;
    display: inline-block;
}

#main .greet01 .imgBox .photoBox {
    float: right;
}

#main .greet01 .imgBox .sectionBox {
    float: left;
    height: 400px;
}

#main .greet00 .imgBox .photoBox {
    float: left;
}

#main .greet00 .imgBox .photoBox img {
    margin-left: -1145px;
}

#main .greet00 .imgBox .sectionBox {
    float: right;
    height: 400px;
}

#main .greet .textBox .headLine02 {
    margin: 0 0 22px 0;
    color: #fff;
    font-size: 2.6em;
    font-weight: bold;
}

#main .greet .textBox .text01 {
    margin: 0 0 8px 0;
    color: #ad896b;
    font-size: 1.4em;
    font-weight: bold;
}

#main .greet .textBox .text02 {
    margin: 0 0 38px 0;
    color: #fff;
    font-size: 1.4em;
    font-family: 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
    line-height: 1.5;
    letter-spacing: 5px;
}

#main .greet .textBox .text02 .name {
    display: block;
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 0;
    position: relative;
}

#main .greet .textBox .text02 .name::after {
    position: absolute;
    width: 35px;
    height: 2px;
    left: 0;
    bottom: -20px;
    border-bottom: 2px solid #fff;

    content: '';
}

#main .greet .textBox p {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 1px;
}

#main .greet .textBox .headLine02 .h3Span {
    display: block;
    font-size: 0.56em;
}

#main .greet .btnOrange {
    padding: 20px 0 0;
}

#main .greet .btnOrange a {
    padding: 15px 40px;
}

#main .btnOrange {
    padding: 0 0 10px 60px;
    text-align: center;
}

#main .imgList .textBox01 .btnOrange {
    padding: 0 60px 10px 0;
}

#main .btnOrange span {
    background: #ed6d00 url(/img/common/arrow_white.png) no-repeat right 20px top 50%;
    color: #fff;
    border-radius: 30px;
    padding: 10px 40px;
    display: inline-block;
    font-size: 14px;
}

/*新着物件*/
#main .infoBox {
    /* padding: 106px 0 30px; */
    padding: 106px 0px 0px 0px;
    background: url(../img/index/info_bg.gif) repeat left top;
    /* border-bottom: #e5e5e5 1px solid; */
}

#main .info {
    /* margin: 0 auto 77px;
    padding: 0 0 62px 0; */
    margin: 0 auto 44px;
    padding: 0 0 62px 0;
    width: 1100px;
    /* border-bottom: 3px solid #ed6d00; */
}

#main .info .h2Ttl {
    margin: 0 0 32px 0;
    padding: 0 0 10px 0;
    color: #46301d;
    font-size: 3.6em;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #ed6d00;
}

#main .info .title {
    margin: 0 0 32px 0;
    color: #040000;
    font-size: 1.6em;
    text-align: center;
}

#main .info > ul {
    margin: 0 auto;
    width: 1042px;
}
#main .info > ul.infoFlexWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#main .info a:hover {
    opacity: 0.8;
}

#main .info li {
    margin-left: 39px;
    margin-bottom: 30px;
    padding: 14px 14px 18px;
    width: 290px;
    float: left;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

#main .info a:nth-of-type(4) li,
#main .info a:first-child li {
    margin-left: 0;
}

#main .info li .name {
    font-size: 14px;
    border-bottom: 1px dotted #dcdcdc;
    margin: 0 0 14px;
    padding: 2px 0 8px;
    text-align: center;
    color: #ed6d00;
}

#main .info li .photo {
    margin: 0 0 12px 0;
    position: relative;
    width: 290px;
    height: 170px;
    text-align: center;
}

#main .info li .photo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#main .info li .photo .newSpan {
    position: absolute;
    top: 24px;
    left: -15px;
}

#main .info li .photo .subPhoto {
    position: absolute;
    right: 0;
    bottom: 0;
}

#main .info li .photo .subPhoto img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
}

#main .info li p {
    margin: 0 18px 17px;
    color: #393c3d;
    font-size: 1.4em;
}

#main .info li ul {
    margin: 0 0 15px 0;
    padding: 11px 18px;
    border: 1px dotted #dcdcdc;
    border-left: none;
    border-right: none;
}

#main .info li ul li {
    margin: 0 10px 0 0;
    padding: 2px 10px;
    width: auto;
    color: #fff;
    font-size: 1.2em;
    border: none;
    border-radius: 2px;
    position: relative;
    behavior: url(js/pie.htc);
    background-color: #ed6d00;
}

#main .info li .text {
    margin: 0 0 10px;
    color: #e7231d;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

#main .info li .text .spanText {
    margin-left: 15px;
    display: inline-block;
    font-size: 1.7em;
}

#main .info li .link {
    margin: 0 auto;
    width: 66%;
    text-align: center;
}

#main .info .link span {
    padding: 8px;
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 25px;
    position: relative;
    behavior: url(js/pie.htc);
    border-bottom: 1px solid #b3b2b2;
    background-color: #775436;
}

#main .listBtn {
    text-align: center;
}

#main .listBtn a {
    color: #fff;
    font-size: 1.6em;
    border-radius: 30px;
    background-color: #ed6d00;
    padding: 12px 40px;
    display: inline-block;
    margin: 30px 0 0;
}

#main .listBtn a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#home #main .section {
    background: #fff;
}

#main .section {
    position: relative;
}

#main .section .newsArea {
    margin: 0 auto;
    max-width: 1170px;
}

.news-list {
    height: 360px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px 0 0;
}

#main .section .inner01 {
    padding: 50px 0;
    width: 100%;
    background-color: #fff;
}

#main .section .inner01 .title {
    padding: 0 0 30px 0;
}

#main .section .inner01 dl {
    padding: 20px 15px;
    color: #775436;
    font-size: 1.4em;
    width: 50%;
    box-sizing: border-box;
}

#main .section .inner01 dl:nth-child(4n + 3),
#main .section .inner01 dl:nth-child(4n + 4) {
    background: #fbf8f4;
}

#main .section .inner01 dt {
    margin: 0 0 5px;
}

#main .section .inner01 dt .ttl01 {
    font-weight: bold;
    margin-left: 10px;
}

#main .section .inner01 dd {
    font-size: 11px;
    line-height: 1.75;
}

#main .section .inner01 dd a {
    color: #775436;
}

#main .section .inner01 dd {
}

#main .section .inner01 .spanNew {
    margin-left: 10px;
    padding: 0 10px;
    display: inline-block;
    color: #fff;
    background-color: #ed6d00;
}

#main .section .inner02 {
    padding: 120px 0 0 80px;
    float: right;
    background: #f7f7f3;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
}

#main .section .inner02 ul {
    margin: 0 15px;
}

#main .section .inner02 li {
    float: left;
}

#main .section .inner02 .text {
    margin: 0 0 19px 0;
    text-align: center;
}

#main .section .inner02 .tel {
    margin-left: 15px;
    text-align: center;
}

#main .section .inner02 .spanTel {
    margin: 6px 0 18px;
    display: block;
    font-size: 1.3em;
    text-align: center;
    letter-spacing: 2px;
}

#main .mailBox {
    margin-left: 15px;
}

#main .mailBox .mail {
    float: left;
}

#main .mailBox .mail a {
    padding: 12px 80px 10px 110px;
    display: block;
    color: #fff;
    font-size: 1.5em;
    border-radius: 25px;
    position: relative;
    behavior: url(js/pie.htc);
    border: 1px solid #b3b2b2;
    border-top: none;
    border-left: none;
    background: #ed6d00 url(../img/index/icon04.gif) no-repeat 80px center;
}

#main .mailBox a:hover {
    text-decoration: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#main .mailBox ul {
    float: right;
}

#main .inner02 .mailBox ul li {
    margin-left: 10px;
}

#main .mainVisual {
    height: 196px;
    background: url(../img/index/photo10.jpg) center;
}


/*SNSエリア*/
#main .snsBox {
    padding: 0px 0px 30px 0px;
    background: url(../img/index/info_bg.gif) repeat left top;
    border-bottom: #e5e5e5 1px solid;
}

#main .snsBox .h2Ttl {
    margin: 0 0 32px 0;
    padding: 0 0 10px 0;
    color: #46301d;
    font-size: 3.6em;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #ed6d00;
}

#main .snsBox .title {
    margin: 0 0 32px 0;
    color: #040000;
    font-size: 1.6em;
    text-align: center;
}

#main .snsBox .snsBox-wrapper {
    margin: 0 auto 77px;
    padding: 0 0 62px 0;
    width: 1100px;
    /* border-bottom: 3px solid #ed6d00; */
}

#main .snsBox .snsBox-wrapper ul {
    display: grid;
    grid-template-columns: repeat(3, 70px); 
    gap: 30px; 
    justify-content: center;
}

#main .snsBox .snsBox-wrapper ul li img {
    width: 100%;
    height: auto;
    transition: opacity 0.5s ease;
}
#main .snsBox .snsBox-wrapper ul li img:hover {
    opacity: 0.6;
}


/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#footer .fHeader {
    background: #3a2619;
}

#home #main #footer .section {
    background: none;
}

#footer .pageTopBox {
    margin: 0 auto;
    width: 1100px;
    padding: 15px 0;
}

#footer .pageTopBox p {
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    float: left;
}

#footer .pageTop {
    float: right;
}

#footer .pageTop a {
    padding: 3px 0 3px 20px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    background: url(../img/common/icon04.png) no-repeat left top;
}

#footer .pageTop a:hover {
    text-decoration: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#footer .fBody {
    background: #2b1c12;
    padding: 60px 0;
}

#footer .fBox {
    margin: 0 auto;
    width: 1100px;
}

#footer .fBox .section {
    margin-top: 3px;
    padding-right: 45px;
    width: 330px;
    float: left;
    border-right: 1px solid #655b54;
}

#footer .fBox .fInner {
    margin: 0 0 25px 0;
}

#footer .fBox .fInner .photo {
    margin-top: 14px;
    float: left;
}

#footer .fBox .fInner .photo a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#footer .fBox .fInner .textBox {
    width: 206px;
    float: right;
}

#footer .fBox .fInner .textBox .title {
    margin: 0 0 4px 0;
    font-size: 1.8em;
    font-weight: bold;
}

#footer .fBox .fInner .textBox p {
    color: #fff;
    font-size: 1.4em;
    line-height: 2.1;
}

#footer .fBox .fInner a:link {
    color: #fff;
}

#footer .fBox > ul {
    margin-top: 5px;
    width: 720px;
    float: right;
    font-size: 1.4em;
}

#footer .fBox ul li {
    margin: 0 26px 0 68px;
    min-width: 160px;
    float: left;
}

#footer .fBox ul li a {
    color: #fff;
    text-decoration: underline;
}

#footer .fBox ul li a:hover {
    text-decoration: none;
}

#footer .fBox ul li .fSpan {
    margin-right: 10px;
    display: inline-block;
    color: #fff;
    font-size: 1.4em;
}

#footer .fBox ul li ul {
    margin-top: 8px;
    color: #fff;
}

#footer .fBox ul li ul li {
    margin: 5px 0 0 20px;
    float: inherit;
}

#footer .fBox ul li ul li:first-child {
    margin-top: 0;
}

#footer .fBox ul li ul li ul {
    margin: 14px 0 0 9px;
    font-size: 1em;
}

#footer .fBox ul li ul li ul .fSpan {
    margin-right: 15px;
}

#footer .fBox .mail {
    text-align: center;
}

#footer .fBox .mail a {
    padding: 8px 0 8px 38px;
    display: block;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 25px;
    position: relative;
    behavior: url(js/pie.htc);
    border-bottom: 2px solid #ab6022;
    background: #ed6d00 url(../img/common/icon05.png) no-repeat 50px center;
}

#footer .fBox .mail a:hover {
    text-decoration: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#footer .copyrightBox {
    padding: 20px 0;
    background: #fff;
}

#footer .copyright {
    margin: 0 auto;
    width: 1100px;
    text-align: center;
}

#footer .copyright p {
    color: #6c7681;
    font-size: 1.4em;
    font-weight: bold;
}

#footer .copyright .text {
    margin-top: -20px;
    font-size: 1em;
    text-align: right;
}



/*------------------------------------------------------------
会社概要
------------------------------------------------------------*/
.gmap {
    width: 1100px;
    margin: auto;
}

.tableBrown {
    background: #fff;
    width: 100%;
    font-size: 1.6em;
    line-height: 1.75;
    border-collapse: collapse;
}

.tableBrown th {
    border-right: #996c33 1px solid;
    width: 20%;
    color: #46301d;
    font-weight: bold;
    padding: 20px 40px;
    vertical-align: top;
}

.tableBrown tr:nth-child(odd) th,
.tableBrown tr:nth-child(odd) td {
    background: #f7f7f3;
}

.tableBrown td {
    padding: 20px 40px;
}

/*------------------------------------------------------------
任意売却
------------------------------------------------------------*/
.colorBg {
    text-align: center;
    background: #efeee9;
    padding: 40px 0;
    margin: 0 0 100px 0;
}

/*------------------------------------------------------------
不動産売却/買取
------------------------------------------------------------*/
#acMenu {
    text-align: center;
}

#acMenu dt {
    font-size: 1.8em;
    color: #996c33;
    font-weight: bold;
    border: #996c33 2px solid;
    padding: 10px 0 17px 0;
    cursor: pointer;
    background: #fff;
    margin: 0 0 20px 0;
    line-height: 1;
    position: relative;
}

#acMenu dt::before {
    content: 'Q.';
    font-size: 1.8em;
    padding: 0 10px 0 0;
}

#acMenu dt::after {
    content: '＋';
    position: absolute;
    right: 0;
    font-size: 1.8em;
    padding: 3px 8px 0 0;
}

#acMenu dt.active::after {
    content: '－';
    font-size: 1.8em;
    padding: 3px 8px 0 0;
}

#acMenu dt:hover {
    background: #f9f6f2;
}

#acMenu dd {
    padding: 0 0 60px 0;
    display: none;
}

#acMenu dd .ansTitle {
    font-size: 1.8em;
    color: #ed6d00;
    font-weight: bold;
}

#acMenu dd .ansTitle::before {
    content: 'A.';
    font-size: 1.8em;
    padding: 0 10px 0 0;
}

#acMenu dd p {
    padding: 0 40px;
    line-height: 1.75;
}

/*------------------------------------------------------------
お問い合わせ
------------------------------------------------------------*/
.formTxt {
    margin: -40px 0 20px 0;
}

.formTxt .required {
    background: #ff4d4d;
    color: #fff;
    display: inline-block;
    padding: 1px 8px 1px 7px;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: normal;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.formTable {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.formTable th {
    border: #cbc8b9 1px solid;
    background: #efeee9;
    font-size: 1.8em;
    padding: 15px 20px;
    width: 35%;
}

.formTable .required {
    background: #ff4d4d;
    color: #fff;
    display: inline-block;
    padding: 1px 8px 1px 7px;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: normal;
    float: right;
}

#main .formTable p {
    font-size: 0.85em;
    padding: 15px 0 5px 0;
}

.formTable td {
    border: #cbc8b9 1px solid;
    padding: 25px 40px;
    font-size: 1.8em;
}

.formTable td input {
    padding: 5px;
    font-size: 1em;
}

.formTable .name {
    width: 60%;
    box-sizing: border-box;
}

.formTable .email,
.formTable textarea {
    width: 100%;
    font-size: 1em;
    box-sizing: border-box;
}

.formTable .error {
    font-size: 0.9em;
    color: #ff4d4d;
    padding: 2px 10px 0 0;
    font-weight: bold;
}

.mwform-radio-field {
    margin-right: 10px;
    padding: 0 10px 0 0;
    display: inline-block;
}

.mwform-radio-field label,
.mwform-checkbox-field label {
    cursor: pointer;
}

.mintxt {
    font-size: 0.9em;
    padding: 10px 0 0 0;
    display: inline-block;
}

.method {
    padding: 0 0 0 23px;
    font-size: 0.9em;
}

.confirm .method {
    padding: 0;
    display: block;
}

.formTable td .method span {
    font-size: 1em;
}

.btnArea {
    width: 65%;
    text-align: center;
    padding: 60px 0 0 0;
    margin: auto;
}

.mwform-zip-field input[type='text'] {
    margin: 0 0 8px 0;
}

.formTable td .mwform-checkbox-field:nth-child(3) {
    /*display: inline-block;*/
}

input[type='button'],
input[type='submit'] {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #959595;
}

.btnArea input {
    background: #ed6d00;
    border: none;
    color: #fff;
    padding: 20px 100px;
    margin: 0 10px 0;
    font-size: 2.4em;
    border-radius: 50px;
    cursor: pointer;
}

.input .btnArea input {
    float: none;
}

.btnArea input.backBtn {
    background: #aaa;
}

.complete .mainCatch {
    background: #46301d;
    padding: 10px;
    color: #fff;
    font-size: 2.4em;
    font-weight: normal;
    text-align: center;
}

.complete p {
    padding: 30px 0 0 0;
    text-align: center;
    line-height: 2.25;
}

.completeInfo {
    border: #e5e5e5 3px solid;
    background: #fafafa;
    width: 350px;
    padding: 20px 70px;
    margin: auto;
    margin-top: 30px;
}

.completeInfo .titleCompany {
    font-size: 1.8em;
    font-weight: normal;
}

.completeInfo p {
    padding: 0;
    font-size: 2.4em;
    line-height: 2;
}

.completeInfo p.tel {
    padding: 0;
    line-height: 1.25;
}

.errorBox {
    border: #ffd2d2 3px solid;
    background: #fff8f8;
    padding: 20px;
    margin: 0 0 30px 0;
    color: #ff4d4d;
    line-height: 2;
    text-align: center;
}

.confirmBox {
    border: #e5e5e5 3px solid;
    background: #fafafa;
    padding: 20px;
    margin: 0 0 30px 0;
    line-height: 2;
    text-align: center;
}

a.btnBack {
    background: #f70;
    color: #fff;
    padding: 6px 50px 4px 50px;
    display: inline-block;
    border-radius: 30px;
}

a.btnBack:hover {
    background: #f90;
}

.postTxt {
    display: block;
    font-size: 20px;
    margin-top: 15px;
}

.postTxt a:link {
    text-decoration: underline;
}

.postTxt a:link:hover {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .postTxt {
        font-size: 17px;
    }
}

/*------------------------------------------------------------
不動産売買
------------------------------------------------------------*/
#baibai .pannavi {
    background-color: #f8f6f3;
}

#baibai .pannavi ul {
    width: 1100px;
    margin: 0 auto;
    padding: 12px 0;
    overflow: hidden;
}

#baibai .pannavi li {
    font-size: 13px;
    margin-right: 15px;
    /*  padding-right: 15px;*/
    float: left;
}

#baibai .pannavi li:first-child {
    background: url(../img/baibai/icon_home.png) no-repeat left top;
    padding-left: 30px;
}

#baibai .pannavi li::after {
    content: '>';
    margin-left: 15px;
}

#baibai .pannavi li:last-child::after {
    content: '';
}

#baibai .prpinner {
    padding-top: 60px !important;
}

#baibai .property {
    /*padding-bottom: 40px;*/
}

#baibai .tableBox {
    display: table;
    width: 100%;
}

#baibai .title01 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 30px 0;
    padding: 0 0 12px 0;
    border-bottom: solid #ed6d00 3px;
    font-weight: bold;
    line-height: 1.75;
}

#baibai .title01 span {
    color: #fff;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 5px 12px;
    background-color: #46301d;
    vertical-align: middle;
}

#baibai .priceBox {
    border: solid #e0d9ce 1px;
    border-bottom: none;
    display: table-cell;
    width: 26%;
    color: #422914;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}

#baibai .priceBox span {
    color: #ed6d00;
    font-size: 32px;
    font-weight: normal;
    margin-right: 3px;
}

#baibai .propertyTable.box1 {
    display: table-cell;
    width: 80%;
}

#baibai .propertyTable {
    width: 100%;
    margin: 0 0 40px 0;
    border-collapse: collapse;
    background-color: #fff;
}

#baibai .propertyTable:last-child {
    margin: 0;
}

#baibai .propertyTable.box1 th {
    width: 120px;
    border-left: none;
    white-space: nowrap;
}

#baibai .propertyTable.box1 td {
    width: 85px;
    border-left: none;
}

#baibai .propertyTable th,
#baibai .propertyTable td {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
    padding: 10px;
    border: solid #e0d9ce 1px;
}

#baibai .propertyTable td {
    text-align: left;
}

#baibai .propertyTable td.tableIn {
    padding: 0;
}

#baibai .propertyTable th {
    color: #422914;
    background-color: #f8f6f3;
}

#baibai .propertyTable.box1 tr:last-child th,
#baibai .propertyTable.box1 tr:last-child td {
    border-bottom: none;
}

#baibai .propertyTable.box2 th {
    width: 26%;
}

#baibai .propertyTable.col4 th {
    width: 20%;
}

#baibai .propertyTable.col4 td {
    width: 30%;
    text-align: left;
}

#baibai .propertyTable.col2 th {
    width: 20%;
}

#baibai .propertyTable td:first-child {
    color: #422914;
    font-weight: bold;
    line-height: 1.3;
}

#baibai .propertyTable td:first-child span {
    color: #ed6d00;
    font-size: 32px;
    font-weight: normal;
    margin-right: 3px;
}

#baibai .propertyTable tr td:last-child {
    text-align: left;
}

#baibai .propertyTable table {
    width: 100%;
    border-collapse: collapse;
}

#baibai .propertyTable table td {
    width: 33%;
    border: none;
}

#baibai .propertyTable table tr:first-child td {
    border-bottom: solid #e0d9ce 1px;
}

#baibai .propertyTable.col4 table td {
    border-right: solid #e0d9ce 1px;
    white-space: nowrap;
    padding: 10px 30px;
}

#baibai .propertyTable.col4 table td:last-child {
    border-right: none;
}

#baibai .propertyTable table td:first-child {
    font-weight: normal;
}

#baibai .pointbox {
    padding: 40px 55px;
    margin: 0 0 45px 0;
    background-color: #f8f6f3;
    border: solid #e5e5e5 1px;
}

#baibai .pointbox:last-child {
    margin: 0;
}

#baibai .title02 {
    font-size: 2em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 30px;
    border-bottom: solid #ccc 1px;
    background: url(../img/baibai/icon_check.png) no-repeat left 3px;
}

#baibai .pointbox p {
    line-height: 2;
    margin: 0 0 50px 0;
}

#baibai .pointbox p:last-child {
    margin: 0;
}

#baibai .photo-txt {
    color: #393c3d;
    margin: 0 0 15px 0;
}

#baibai .photobox {
    margin: 0 0 50px 0;
    overflow: hidden;
}

#baibai .photoImg {
    width: 680px;
    float: left;
    margin: 3px 0 0 0;
}

#baibai .photoImg img {
    width: 100%;
    height: auto;
}

#baibai .photoImg .subTxt {
    background-color: #fff;
    border-bottom: solid #e5e5e5 1px;
    font-size: 1.6em;
    padding: 20px;
    text-align: center;
    display: block;
}

#baibai .caption {
    font-size: 20px;
    text-align: center;
    margin: 20px 0 0;
    padding: 10px 0;
    border-top: solid #e5e5e5 1px;
    border-bottom: solid #e5e5e5 1px;
    background: #fff;
}

#baibai .photonavi {
    width: 390px;
    float: right;
}

#baibai .photonavi ul {
    overflow: hidden;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
}

#baibai .photonavi li {
    width: 120px;
    margin: 0 13px 7px 0;
    float: left;
    text-align: center;
}

#baibai .photonavi li:nth-child(3n) {
    margin-right: 0;
}

#baibai .photonavi li img {
    border: solid #fff 3px;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

#baibai .photonavi .active img {
    opacity: 0.5;
    border: solid #eb6100 3px !important;
}

#baibai .cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 5px;
    width: 120px;
    height: 90px;
    border: 1px solid #ccc;
    background-size: cover;
}

#baibai .bnrMail a {
    background: url(../img/baibai/bnr_mail.png) no-repeat;
    width: 1100px;
    height: 212px;
    display: block;
    padding: 175px 0 0 55px;
    letter-spacing: 2.4px;
    box-sizing: border-box;
}

#baibai .bnrMail a:hover {
    text-decoration: none;
}

#tab-menu {
    border-bottom: #ed6d00 3px solid;
}

#tab-menu li {
    display: inline-block;
    padding: 15px 50px;
    background: #e6dfd8;
    color: #422914;
    font-size: 1.8em;
    cursor: pointer;
    margin: 0 3px 0 0;
}

#tab-menu li.active {
    background: #ed6d00;
    color: #fff;
}

#tab-box section {
    display: none;
    padding: 45px 0;
}

#tab-box section.active {
    display: block;
}

#baibai .floorImg {
    margin: 0 0 40px 0;
}

#baibai .photoArea {
    float: left;
    width: 682px;
    text-align: center;
}

#baibai .photoArea img {
    border: solid #e0d9ce 1px;
    width: auto;
    height: auto;
    max-width: 680px;
    max-height: 640px;
}

#baibai .infoArea {
    float: right;
    width: 388px;
}

#baibai .infoArea .propertyTable {
    margin: 0 0 30px 0;
}

#baibai .infoArea .propertyTable:last-child {
    margin: 0;
}

#baibai .infoArea .propertyTable th,
#baibai .infoArea .propertyTable td {
    padding: 8px 10px;
}

#baibai .infoArea .propertyTable th {
    text-align: center;
    width: 20%;
}

#baibai .infoArea .propertyTable td {
    width: 30%;
    text-align: left;
}

#baibai .infoArea .propertyTable .center {
    text-align: center;
}

#baibai .infoArea .propertyTable img {
    margin: 10px auto;
}

/*------------------------------------------------------------
不動産売買（一覧）
------------------------------------------------------------*/
.propertyBox {
    width: 1100px;
    border: #d6cdbf 1px solid;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    margin: 0 auto 50px auto;
    position: relative;
}

.propertyBox .property a:hover {
    opacity: 0.8;
}

.propertyBox .photoBox {
    float: left;
}

.propertyBox .mainPhoto {
    position: relative;
    margin: 0 0 15px 0;
}

.propertyBox .mainPhoto img {
    width: 340px;
    height: auto;
}

.propertyBox .subPhoto {
    position: absolute;
    right: 0;
    bottom: 0;
}

.propertyBox .subPhoto img {
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 200px;
}

.propertyBox .intelBox {
    float: right;
    width: 668px;
}

.propertyBox .newSpan {
    position: absolute;
    z-index: 10;
    top: 50px;
    left: -10px;
}

.btnDetail {
    display: block;
    background: #ed6d00;
    border-radius: 30px;
    font-size: 1.6em;
    text-align: center;
    padding: 10px;
    color: #fff;
}

a.btnDetail:link,
a.btnDetail:visited {
    color: #fff;
}

.pagerBox {
    border-top: #d6cdbf 1px solid;
    border-bottom: #d6cdbf 1px solid;
    background: #f8f6f3;
    font-size: 1.4em;
    padding: 7px 0;
    margin: 0 0 50px 0;
}

.pagerBox .pagerInner {
    width: 1100px;
    margin: auto;
    text-align: center;
}

.pagerBox .number {
    display: inline-block;
    width: 280px;
}

#main .pagerBox .number p {
    font-size: 1em;
}

.pagerBox .number span {
    color: #ed6d00;
    font-size: calc(1em + 4px);
    font-weight: bold;
    padding: 0 3px 0 5px;
}

.pagerBox .pager {
    display: inline-block;
    font-size: 1.1em;
    width: 530px;
    text-align: center;
}

.pagerBox .pager ul {
}

.pagerBox .pager li {
    display: inline-block;
    margin: 2px 0 2px;
}

.pagerBox .pager a,
.pagerBox .pager span {
    padding: 7px 15px;
    display: block;
    margin: 0 2px;
}

.pagerBox .pager a {
    background: #e6dfd8;
    border: #d6cdbf 1px solid;
}

.pagerBox .pager span {
    background: #ed6d00;
    border: #ed6d00 1px solid;
    color: #fff;
}

.pagerBox .sort {
    display: inline-block;
    width: 280px;
    text-align: right;
}

/*2017.3.13* 岡田追記*/

#breadcrumb {
    padding: 20px 0;
    border-bottom: #d2d2d2 1px solid;
    background: #ffffff;
    text-align: center;
    color: #775436;
    font-size: 1.2em;
}

#breadcrumb + .pagerBox {
    border-top: none;
}

#breadcrumb a {
    color: #775436;
}

/*------------------------------------------------------------
greeting
------------------------------------------------------------*/
#greeting_title {
    background: url(/img/greeting/mv_title.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

dl#greeting {
    margin-top: 65px;
    line-height: 2;
}

dl#greeting dt {
    padding-bottom: 32px;
    display: block;
}

dl#greeting dd {
    padding-bottom: 53px;
    display: block;
}

dl#greeting dd p {
    padding-bottom: 24px;
}

/*170327変更_kuni*/

#profile {
    overflow: hidden;
    background: #f7fafd;
    margin-bottom: 150px;
}

#profile #leftBox {
    float: left;
    min-height: 783px;
    background: #3a2619;
    width: 680px;
}

#profile #history {
    padding: 50px 55px 15px 55px;
    color: #ffffff;
}

#profile #history p {
    padding-bottom: 34px;
}

#profile #rightBox {
    float: right;
}

#profile02 {
    overflow: hidden;
    background: #f7fafd;
    margin-bottom: 50px;
}

#profile02 #leftBox {
    float: right;
    min-height: 783px;
    background: #3a2619;
    width: 680px;
}

#profile02 #history {
    padding: 50px 55px 15px 55px;
    color: #ffffff;
}

#profile02 #history p {
    padding-bottom: 34px;
}

#profile02 #rightBox {
    float: left;
}

/*170327変更_ここまで*/

/*------------------------------------------------------------
buy
------------------------------------------------------------*/
#Buycomment_title {
    background: url(/img/buy/mv_title.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

#Buycomment {
    text-align: center;
    padding-bottom: 100px;
    line-height: 2;
}

#Buycomment h2 {
    font-size: 3.2em;
    padding-bottom: 50px;
    font-weight: bold;
}

#Buycomment p {
    line-height: 2;
}

.banner {
    margin: 0 0 50px;
    text-align: center;
}

.banner:hover {
    opacity: 0.8;
}

.banner2 {
    margin: 0 0 120px;
    text-align: center;
}

#AboutBuy h2 {
    font-size: 3.2em;
    font-weight: bold;
    color: #46301d;
    text-align: center;
    padding-bottom: 60px;
}

#AboutBuy div {
    background: url(/img/buy/img_buy01.png) left top no-repeat;
    background-color: #46301d;
    padding: 0 65px 0 580px;
    color: #ffffff;
    min-height: 414px;
    margin-bottom: 60px;
}

#AboutBuy p.infoLink {
    margin-bottom: 75px;
    text-align: center;
}

#AboutBuy p.infoLink a {
    padding: 6px 40px 6px 40px;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    background: #ed6d00;
}

#AboutBuy p.infoLink a:hover {
    text-decoration: none;
    background: #ac6017;
}

#AboutBuy div h3 {
    font-size: 2em;
    font-weight: bold;
    padding-top: 80px;
    padding-bottom: 55px;
}

#AboutBuy div li {
    background: url(/img/buy/icon_check.png) no-repeat left center;
    display: block;
    padding-left: 42px;
    font-size: 1.5em;
    margin-bottom: 15px;
}

#AboutBuy p {
    text-align: center;
    padding-bottom: 30px;
    line-height: 2;
}

#AboutBuy p.infoLink {
    margin-bottom: 100px;
    text-align: center;
}

#AboutBuy p.infoLink a {
    padding: 6px 40px 6px 40px;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    background: #ed6d00;
}

#AboutBuy p.infoLink a:hover {
    text-decoration: none;
    background: #ac6017;
}

#Buyflow h3 {
    background: #46301d;
    color: #ffffff;
    font-size: 2.4em;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 64px;
}

#Buyflow h4,
#Niniflow h4 {
    color: #46301d;
    font-size: 2em;
    margin: 20px 0 10px;
}

#Niniflow h4 {
    margin: 17px 0 10px;
    font-size: 2.4em;
    color: #eb6100;
}

#Buyflow p {
    line-height: 1.8;
}

#Niniflow p {
    line-height: 1.8;
    font-size: 1.8em;
}

#Buyflow .flowbox01,
#Buyflow .flowbox02,
#Buyflow .flowbox03,
#Buyflow .flowbox04,
#Buyflow .flowbox05,
#Buyflow .flowbox06,
#Buyflow .flowbox07,
#Buyflow .flowbox08,
#Niniflow .flowbox01,
#Niniflow .flowbox02,
#Niniflow .flowbox03,
#Niniflow .flowbox04,
#Niniflow .flowbox05,
#Niniflow .flowbox06,
#Niniflow .flowbox07,
#Niniflow .flowbox08 {
    overflow: hidden;
    background-color: #fff;
}

#Buyflow .flowbox01,
#Niniflow .flowbox01 {
    padding: 0;
}

#Buyflow .flowbox01 {
    min-height: 200px;
}

#Buyflow .flowbox02 {
    min-height: 200px;
}

#Buyflow .flowbox03 {
    min-height: 200px;
}

#Buyflow .flowbox04 {
    min-height: 190px;
}

#Buyflow .flowbox05 {
    min-height: 190px;
}

#Buyflow .flowbox06 {
    min-height: 190px;
}

#Buyflow .flowbox07 {
    min-height: 190px;
}

#Niniflow .flowbox01 {
    min-height: px;
}

#Niniflow .flowbox02 {
    min-height: px;
}

#Niniflow .flowbox03 {
    min-height: px;
}

#Niniflow .flowbox04 {
    min-height: px;
}

#Niniflow .flowbox05 {
    min-height: px;
}

#Niniflow .flowbox06 {
    min-height: px;
}

#Niniflow .flowbox07 {
    min-height: px;
}

#Niniflow .flowbox08 {
    min-height: px;
}

#Buyflow .flowbox01 .no,
#Buyflow .flowbox03 .no,
#Buyflow .flowbox05 .no,
#Buyflow .flowbox07 .no,
#Niniflow .flowbox01 .no,
#Niniflow .flowbox03 .no,
#Niniflow .flowbox05 .no,
#Niniflow .flowbox07 .no {
    float: left;
    margin-right: 50px;
}

#Buyflow .flowbox02 .no,
#Buyflow .flowbox04 .no,
#Buyflow .flowbox06 .no,
#Niniflow .flowbox02 .no,
#Niniflow .flowbox04 .no,
#Niniflow .flowbox06 .no,
#Niniflow .flowbox08 .no {
    float: right;
    margin-left: 50px;
}

#Buyflow .flowbox01 .flowtxt,
#Buyflow .flowbox03 .flowtxt,
#Buyflow .flowbox05 .flowtxt,
#Buyflow .flowbox07 .flowtxt,
#Niniflow .flowbox01 .flowtxt,
#Niniflow .flowbox03 .flowtxt,
#Niniflow .flowbox05 .flowtxt,
#Niniflow .flowbox07 .flowtxt {
    float: left;
    width: 470px;
}

#Buyflow .flowbox02 .flowtxt,
#Buyflow .flowbox04 .flowtxt,
#Buyflow .flowbox06 .flowtxt,
#Niniflow .flowbox02 .flowtxt,
#Niniflow .flowbox04 .flowtxt,
#Niniflow .flowbox06 .flowtxt,
#Niniflow .flowbox08 .flowtxt {
    float: right;
    width: 470px;
}

#Buyflow .flowbox01 .sellphoto,
#Buyflow .flowbox03 .sellphoto,
#Buyflow .flowbox05 .sellphoto,
#Buyflow .flowbox07 .sellphoto,
#Niniflow .flowbox01 .sellphoto,
#Niniflow .flowbox03 .sellphoto,
#Niniflow .flowbox05 .sellphoto,
#Niniflow .flowbox07 .sellphoto {
    float: right;
}

#Buyflow .arrow::after,
#Niniflow .arrow::after {
    content: url(../img/sell/img_sellflow_arrow.png);
    display: block;
    text-align: center;
    clear: both;
}

/*------------------------------------------------------------
sell
------------------------------------------------------------*/
#Sellcomment_title {
    background: url(/img/sell/mv_title.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

#Sellcomment {
    text-align: center;
    padding-bottom: 100px;
    line-height: 2;
}

#Sellcomment h2 {
    font-size: 3.2em;
    padding-bottom: 50px;
    font-weight: bold;
}

#Sellcomment p {
    line-height: 2;
}

#AboutSell h2 {
    font-size: 3.2em;
    font-weight: bold;
    color: #46301d;
    text-align: center;
    padding-bottom: 60px;
}

#AboutSell div {
    background: url(/img/sell/img_sell01.png) left top no-repeat;
    background-color: #46301d;
    padding: 0 65px 0 580px;
    color: #ffffff;
    min-height: 474px;
    margin-bottom: 60px;
}

#AboutSell div h3 {
    font-size: 2em;
    font-weight: bold;
    padding-top: 80px;
    padding-bottom: 55px;
}

#AboutSell div li {
    background: url(/img/sell/icon_check.png) no-repeat left center;
    display: block;
    padding-left: 42px;
    font-size: 1.5em;
    margin-bottom: 15px;
}

#AboutSell p {
    text-align: center;
    padding-bottom: 30px;
    line-height: 2;
}

#AboutSell p.strengthLink,
p.infoLink {
    margin-bottom: 100px;
    text-align: center;
}

#AboutSell p.strengthLink a,
#AboutBuy p.infoLink a {
    padding: 10px 70px;
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    background: #ed6d00;
    font-size: 18px;
    border-radius: 30px;
}

#AboutSell p.strengthLink a::before,
#AboutSell p.strengthLink a::after,
#AboutBuy p.infoLink a::before,
#AboutBuy p.infoLink a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: '';
    vertical-align: middle;
}

#AboutSell p.strengthLink a::before,
#AboutBuy p.infoLink a::before {
    box-sizing: border-box;
    right: -270px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    border-radius: 50%;
}

#AboutBuy p.infoLink a::before {
    right: -235px;
}

#AboutSell p.strengthLink a::after,
#AboutBuy p.infoLink a::after {
    right: -267px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

#AboutBuy p.infoLink a::after {
    right: -233px;
}

#AboutSell p.strengthLink a:hover,
#AboutBuy p.infoLink a:hover {
    text-decoration: none;
    background: #ac6017;
}

#Sellflow h3 {
    background: #46301d;
    color: #ffffff;
    font-size: 2.4em;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 64px;
}

#Sellflow h4 {
    color: #46301d;
    font-size: 2em;
    margin-bottom: 27px;
}

#Sellflow p {
    line-height: 1.8;
}

#Sellflow p span.underline {
    font-weight: bold;
    text-decoration: underline;
}

#Sellflow .flowbox01 .no,
#Sellflow .flowbox03 .no,
#Sellflow .flowbox05 .no,
#Sellflow .flowbox07 .no {
    float: left;
    margin-right: 50px;
}

#Sellflow .flowbox02 .no,
#Sellflow .flowbox04 .no,
#Sellflow .flowbox06 .no {
    float: right;
    margin-left: 50px;
}

#Sellflow .flowbox01 .flowtxt,
#Sellflow .flowbox03 .flowtxt,
#Sellflow .flowbox05 .flowtxt,
#Sellflow .flowbox07 .flowtxt {
    float: left;
    width: 470px;
}

#Sellflow .flowbox02 .flowtxt,
#Sellflow .flowbox04 .flowtxt,
#Sellflow .flowbox06 .flowtxt {
    float: right;
    width: 470px;
}

#Sellflow .flowbox01 .sellphoto,
#Sellflow .flowbox03 .sellphoto,
#Sellflow .flowbox05 .sellphoto,
#Sellflow .flowbox07 .sellphoto {
    float: right;
}

#Sellflow .flowbox02 .sellphoto {
    float: left;
}

#Sellflow .arrow::after {
    content: url(../img/sell/img_sellflow_arrow.png);
    display: block;
    text-align: center;
    clear: both;
}

#Sellflow .flowbox01 {
    min-height: 200px;
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
}

#Sellflow .flowbox02 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 230px;
}

#Sellflow .flowbox03 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 190px;
}

#Sellflow .flowbox04 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 200px;
}

#Sellflow .flowbox04_02 {
    padding: 20px 0 0 0;
    clear: both;
}

#Sellflow .flowbox04_02 h4 {
    margin: 0;
    padding: 0;
    line-height: 0.1;
    font-size: 0.1em;
}

#Sellflow .flowbox04_02 h4 img {
    margin: 0;
    padding: 0;
    line-height: 0.1;
    font-size: 0.1em;
}

#mechanism {
    border: 2px solid #46301d;
    border-top: none;
    padding: 0px 16px 13px 16px;
    overflow: hidden;
}

#mechanism p {
    float: left;
    padding: 10px 7px 8px 0;
    width: 295px;
    font-size: 1.2em;
    border-right: 1px solid #46301d;
}

#mechanism img {
    float: right;
}

#Sellflow .flowbox05 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 200px;
}

#Sellflow .flowbox06 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 190px;
}

#Sellflow .flowbox07 {
    padding: 20px 0 0 0;
    overflow: hidden;
    background-color: #fff;
    min-height: 210px;
    margin-bottom: 100px;
}

/*------------------------------------------------------------
ninibaikyaku
------------------------------------------------------------*/
#Ninicomment_title {
    background: url(/img/ninibaikyaku/mv_title.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

#Ninicomment {
    text-align: center;
    padding-bottom: 100px;
    line-height: 2;
}

#Ninicomment h2 {
    font-size: 3.2em;
    padding-bottom: 50px;
    font-weight: bold;
}

#Ninicomment p {
    line-height: 2;
}

#AboutNini h2 {
    font-size: 3.2em;
    font-weight: bold;
    color: #46301d;
    text-align: center;
    padding-bottom: 60px;
}

#AboutNini div {
    background: url(/img/ninibaikyaku/img_nini01.png) left top no-repeat;
    background-color: #46301d;
    padding: 0 65px 0 580px;
    color: #ffffff;
    min-height: 225px;
    margin-bottom: 60px;
}

#AboutNini p {
    text-align: left;
    padding: 50px 0 0 0;
    line-height: 2;
}

#Ninimerit {
    overflow: hidden;
    margin: 0 0 60px;
}

#Ninimerit div#merit01 {
    background: url(/img/ninibaikyaku/img_ninimerit01.png) no-repeat left center;
    background-color: #46301d;
    float: left;
    width: 529px;
}

#Ninimerit div#merit02 {
    background: url(/img/ninibaikyaku/img_ninimerit02.png) no-repeat left center;
    background-color: #46301d;

    float: right;
    width: 529px;
}

#Ninimerit div#merit03 {
    background: url(/img/ninibaikyaku/img_ninimerit03.png) no-repeat left center;
    background-color: #46301d;
    float: left;
    width: 529px;
}

#Ninimerit div#merit04 {
    background: url(/img/ninibaikyaku/img_ninimerit04.png) no-repeat left center;
    background-color: #46301d;
    float: right;
    width: 529px;
}

#Ninimerit div#merit05 {
    background: url(/img/ninibaikyaku/img_ninimerit05.png) no-repeat left center;
    background-color: #46301d;
    float: left;
    width: 529px;
}

#Ninimerit div.clearfix {
    margin-bottom: 40px;
}

#Ninimerit .meritBox a:link,
#Ninimerit .meritBox a:visited {
    text-decoration: underline;
}

#Ninimerit .meritBox a:hover {
    text-decoration: none;
}

#Ninimerit div#merit01 .meritBox,
#Ninimerit div#merit02 .meritBox {
    border: 4px solid #ede8e0;
    border-left: none;
    background: #ffffff;
    padding: 35px 25px;
    min-height: 225px;
    margin-left: 70px;
}

#Ninimerit div#merit03 .meritBox,
#Ninimerit div#merit04 .meritBox {
    border: 4px solid #ede8e0;
    border-left: none;
    background: #ffffff;
    padding: 35px 25px;
    min-height: 225px;
    margin-left: 70px;
}

#Ninimerit div#merit05 .meritBox {
    border: 4px solid #ede8e0;
    border-left: none;
    background: #ffffff;
    padding: 35px 25px;
    min-height: 222px;
    margin-left: 70px;
}

#Ninimerit dl.meritBox dt {
    color: #eb6100;
    font-size: 2.4em;
    margin-bottom: 28px;
}

#Ninimerit dl.meritBox dd {
    background: url(/img/ninibaikyaku/icon_check.png) no-repeat left 0.2em;
    display: block;
    padding-left: 26px;
    font-size: 1.6em;
    margin-bottom: 15px;
}

#Ninimerit div#merit05 dl.meritBox dd {
    background: none;
    padding-left: 0;
}

#main #NiniConsultation div.inner {
    padding: 0;
    overflow: hidden;
}

#NiniConsultation h2 {
    color: #404040;
    text-align: left;
    font-size: 2.6em;
}

#NiniConsulationleft {
    float: left;
}

#NiniConsulationleft li {
    display: inline-block;
    line-height: 0.1;
    padding: 0 8px 0 0;
}

#NiniConsulationRight {
    float: right;
    padding-top: 15px;
}

/*------------------------------------------------------------
lawyer
------------------------------------------------------------*/
#Lawyercomment_title {
    background: url(/img/lawyer/title_01.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

#Lawyercomment {
    text-align: center;
    padding-bottom: 100px;
    line-height: 2;
}

#Lawyercomment h2 {
    font-size: 3.2em;
    padding-bottom: 50px;
    font-weight: bold;
}

#Lawyercomment p {
    line-height: 2;
    /*font-size:1.4em;*/
    font-size: 1.6em;
}

#LawyerSupport01 {
    background: url(/img/lawyer/img_lawyersupport01.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

#LawyerSupport02 {
    background: url(/img/lawyer/img_lawyersupport02.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

#LawyerSupport03 {
    background: url(/img/lawyer/img_lawyersupport03.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

#LawyerSupport04 {
    background: url(/img/lawyer/img_lawyersupport04.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

#LawyerSupport05 {
    background: url(/img/lawyer/img_lawyersupport05.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

#LawyerSupport06 {
    background: url(/img/lawyer/img_lawyersupport06.png) no-repeat left center;
    background-color: #46301d;
    max-width: 1100px;
    margin-bottom: 40px;
}

.lawyersupportbox {
    border: 4px solid #ede8e0;
    border-left: none;
    background: #ffffff;
    padding: 50px 37px 50px 56px;
    margin-left: 110px;
    overflow: hidden;
}

.lawyersupportbox h2 {
    color: #46301d;
    font-size: 3.2em;
    margin-bottom: 28px;
    line-height: 0.4;
    vertical-align: middle;
    padding: 0;
}

.lawyersupportbox h2 span {
    color: #ffffff;
    background: #ef7a19;
    font-size: 0.45em;
    padding: 9px 15px;
    margin-left: 15px;
    line-height: 1;
    display: inline-block;
}

.lawyersupportbox h3 {
    background: #fdf0db;
    color: #eb6100;
    font-size: 2em;
    padding: 10px 15px;
    line-height: 1;
    margin-bottom: 20px;
}

.lawyersupportbox .textblock01 {
    float: left;
    width: 499px;
}

.lawyersupportbox .textblock01 p a:link {
    text-decoration: underline;
    color: #eb6100;
}

.lawyersupportbox .textblock01 p a:hover {
    text-decoration: none;
}

.lawyersupportbox .textblock01 p a:visited {
    color: #eb6100;
}

.lawyersupportbox p span {
    font-weight: bold;
    color: #eb6100;
}

.lawyersupportbox .textblock01 ul {
    list-style-type: disc;
    padding-left: 1.4rem;
}

.lawyersupportbox .textblock01 ul li {
    font-size: 1.6em;
}

.lawyersupportbox .textblock01 ul li span {
    font-weight: bold;
    color: #eb6100;
}

.lawyersupportbox img {
    float: right;
}

.lawyersupportbox .textblock02 {
    clear: both;
    width: 894px;
    padding-top: 50px;
}

/*------------------------------------------------------------
completion
------------------------------------------------------------*/
.concludedBox {
    width: 100%;
    height: auto;
    background: url(../img/common/bg_body.png) repeat;
}

.concluded {
    width: 1100px;
    margin: 50px auto;
}

.concluded ul {
    font-size: 14px;
    text-align: center;
}

.concludedTh {
    color: #422914;
    border-bottom: #d6cdbf solid 1px;
    background-color: #f8f6f3;
}

.concludedTable {
    width: 100%;
    border-collapse: collapse;
}

.concludedTable th {
    background: #f8f6f3;
    text-align: center;
    font-size: 14px;
    padding: 15px 0;
    font-weight: normal;
    width: 15%;
}

.concludedTable td {
    padding: 10px;
    font-size: 14px;
    background: #fff;
}

.concludedTable th,
.concludedTable td {
    border: solid 1px #d6cdbf;
}

.concludedTable .appearance img {
    width: 143px;
    height: auto;
}

.concludedTable .speciation {
    text-align: center;
}

.concludedTable .address {
    width: 30%;
    font-size: 11px;
}

.concludedTable th.address {
    font-size: 14px;
}

.concludedTable .address span {
    font-size: 15px;
    font-weight: bold;
    color: #ed6d00;
}

.concludedTable .speciation span {
    background: #46301d;
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
}

.concludedTable .completionMonth {
    text-align: center;
    width: 15%;
}

.concludedTable .note {
    width: 35%;
}

.concludedTable .nodata,
.nodata {
    padding: 30px 0;
    text-align: center;
}

/*------------------------------------------------------------
idea
------------------------------------------------------------*/
#ideaimage_title {
    background: url(../img/idea/mv_title.png) center no-repeat;
    height: 236px;
    margin: 1px 0 0 0;
}

#ideaimage {
    margin-bottom: 100px;
}

#ideaArea p {
    text-align: center;
    line-height: 3;
    margin-bottom: 100px;
}

#ideaArea img {
    display: inline-block;
    margin: 0 auto 15px auto;
}

#ideaArea p.idealist {
    width: 650px;
    margin: 0 auto 100px auto;
    text-align: left;
}

/*------------------------------------------------------------
strength
------------------------------------------------------------*/
.readBox {
    text-align: center;
    padding-bottom: 100px;
    line-height: 2;
}

.h2Ttl {
    font-size: 3.2em;
    padding-bottom: 50px;
    font-weight: bold;
}

.pointArea {
    text-align: left;
    height: 353px;
}

.pointArea:nth-child(3) {
    height: 440px;
}

.pointArea:nth-child(5) {
    height: 423px;
}

.pointArea:nth-child(6) {
    height: 433px;
}

.pointArea.color {
    background: #efeee9;
}

.pointArea.trans {
    background: url(../img/strength/arrow_bottom.png) no-repeat top center;
}



.pointArea .txtBox {
    float: left;
    width: 635px;
    padding: 45px 45px 0 60px;
    box-sizing: border-box;
}

.pointArea .txtBox a:link,
.pointArea .txtBox a:visited,
#greeting a:link,
#greeting a:visited {
    text-decoration: underline;
}

#history a:link,
#history a:visited {
    text-decoration: underline;
    color: #fff;
}

.pointArea .txtBox a:hover,
#greeting a:hover,
#history a:hover {
    text-decoration: none;
}

.pointArea:nth-child(odd) .txtBox {
    float: right;
}

.pointArea .txtBox .minTxt {
    font-size: 13px;
    display: inline-block;
    margin: 5px 0 0;
    line-height: 1.5;
}

.pointArea .txtBox img {
    margin: 0 0 25px;
}

.pointArea .photoBox {
    float: right;
}

.pointArea:nth-child(odd) .photoBox {
    float: left;
}

#strength .bnrBox {
    margin: 150px 0 0 0;
    text-align: center;
    line-height: 2;
}

#strength .bnrBox .h2Ttl {
    padding: 0;
}

#strength .banner {
    margin: 20px 0 50px 0;
    text-align: center;
}

/* 20240805 add */
#strength .pointArea.trans {
    background: none;
}

#strength .heading-container {
    display: flex;
    align-items: center;
}

#strength .pointArea .txtBox img {
    margin: 0;
    width: 90px;
}

#strength .pointArea .txt-area {
    margin-left: 15px;
}

#strength .pointArea .point {
    font-size: 20px;
    font-weight: bold;
    color: #8b786a;
}

#strength .pointArea .number {
    font-size: 30px;
    font-weight: bold;
    color: #8b786a;
    margin-left: 10px;
}

#strength .pointArea .title {
    font-size: 30px;
    font-weight: bold;
    color: #46301d;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 20px;
}

/*-----------------------------------------------------------
準備中
-----------------------------------------------------------*/
.preparing {
    font-size: 1.4em;
    padding: 50px;
    margin: 30px 0 80px;
    text-align: center;
    line-height: 2;
}

/*768px*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        min-width: 1160px;
    }

    .mainCopy {
        height: 100vw;
    }

    #main .imgList .textBox01 p {
        padding: 0 60px 15px 30px;
    }

    #main .imgList .textBox01 .title {
        padding: 60px 40px 0 30px;
    }

    #main .section .inner01 {
        padding: 70px 30px 0 30px;
        width: 490px;
    }

    #main .section .inner02 {
        padding: 100px;
    }

    #header .mainCopy h1 {
        font-size: 1.6em;
    }

    .headerBox {
        width: 1160px;
    }

    .headerBox h1 {
        padding: 0 0 10px 30px;
    }

    .headerBox .logo {
        padding: 20px 0 0 30px;
    }

    #header .telBox {
        padding: 0 30px 0;
    }

    #main .inner {
        padding: 100px 30px;
    }

    #footer .fBody {
        padding: 60px 30px;
    }
}

.mantionBnr {
    width: 1100px;
    margin: auto;
    margin-top: 20px;
}

.mantionBnrSp {
    display: none;
}

.seoTxt {
    margin-top: 90px;
}

.seoTxt p,
.seoTxt02 p {
    text-align: center;
    line-height: 1.7;
}

.seoTxt02 {
    margin: 40px 0 26px;
}

/*1024px*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    body {
        background: #000;
    }

    .mainCopy {
        height: 60vw;
    }
}

/*---------------------------------------------------------------------------------------------------------------767px*/
@media screen and (max-width: 767px) {
    *,
    *::before,
    *::after {
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        width: 100%;
        min-width: 100%;
        height: auto;
    }

    .heightLine,
    .heightLine::before,
    .heightLine::after,
    .heightLine-01,
    .heightLine-01::before,
    .heightLine-01::after {
        box-sizing: initial;
    }

    .pc {
        display: none !important;
    }

    thead.pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .gmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 100%;
    }

    .gmap iframe,
    .gmap object,
    .gmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    /*----------------------------------------------------共通*/
    #main .section .inner01,
    #main .section .inner02,
    #main .section .inner02 .text img,
    #main .section .inner02 .tel img,
    #gNavi ul,
    #main .greet00 .imgBox .photoBox,
    #main .greet00 .imgBox .sectionBox,
    #main .greet .textBox,
    #main .greet01 .imgBox .sectionBox,
    #main .greet01 .imgBox .photoBox,
    #main .inner,
    #profile #leftBox,
    #ideaArea p.idealist,
    .lawyersupportbox .textblock01,
    .lawyersupportbox img,
    .lawyersupportbox .textblock02,
    #mechanism p,
    #mechanism img,
    #Ninimerit div#merit01,
    #Ninimerit div#merit02,
    #Ninimerit div#merit03,
    #Ninimerit div#merit04,
    #Ninimerit div#merit05,
    #NiniConsulationleft,
    #profile #rightBox,
    .pagerBox .pagerInner,
    .propertyBox .mainPhoto img,
    .propertyBox .photoBox,
    .propertyBox .intelBox,
    #baibai .photoArea,
    #baibai .infoArea,
    #baibai .photoImg,
    #baibai .photoImg img,
    #baibai .photonavi,
    #baibai .bnrMail a,
    .concluded,
    .pagerBox .pager,
    .concludedTable .appearance img,
    #main .info,
    #main .info > ul,
    #main .info li,
    #main .info li .photo,
    #baibai .photoArea img {
        width: 100%;
        height: auto;
        float: none;
    }

    body {
        padding: 65px 0 0 0;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .headLine01 {
        padding: 40px 0 30px !important;
    }

    .headLine01 img,
    #main .mainTitle img {
        height: 24px;
        width: auto;
    }

    #main .txtCenter {
        text-align: left;
    }

    #main .headLine01 .h2Span,
    #main .mainTitle span {
        font-size: 0.8em;
        margin: 0;
    }

    #main .mainTitle {
        padding: 0 0 4%;
    }

    #main .inner {
        padding: 12% 4%;
    }

    #main .barBrown {
        font-size: 1.8em;
        padding: 4%;
        margin: 0 0 4% 0;
        text-align: left;
    }

    #main .innerBox {
        padding: 4% 0;
        margin: 0 0 8%;
    }

    #main p {
        text-align: left;
    }

    #breadcrumb {
        padding: 2% 0;
    }

    #Sellcomment h2,
    #AboutSell h2,
    #Ninicomment h2,
    #Lawyercomment h2,
    #Buycomment h2,
    #AboutBuy h2,
    #AboutNini h2,
    .h2Ttl {
        font-size: 2.4em;
        padding: 0 0 4%;
        line-height: 1.5;
        text-align: left;
    }

    #mainTitleBg_01,
    #mainTitleBg_02,
    #mainTitleBg_03,
    #mainTitleBg_04 {
        padding: 8% 0 6% 0;
        margin: 0;
    }

    #mainTitleBg_01 img,
    #mainTitleBg_02 img,
    #mainTitleBg_03 img,
    #mainTitleBg_04 img {
        height: 40px;
        width: auto;
    }

    #mainTitleBg_01 img.rows2 {
        height: 80px;
        width: auto;
    }

    /*----------------------------------------------------header*/
    #header {
        position: relative;
        z-index: 10;
        margin-top: -65px;
        padding-top: 65px;
    }

    .headerBox {
        position: fixed;
        z-index: 10;
        width: 100%;
        padding: 0;
        top: 0;
    }

    h1 {
        padding: 0 5px;
        font-size: 1.2em;
    }

    .headerBox .logo {
        float: none;
        padding: 20px 0 20px 10px;
    }

    .headerBox .logo img {
        width: 190px;
    }

    .headerBox .side-menu-tel {
        position: absolute;
        bottom: 10px;
        right: 65px;
        display: block;
        border: 1px solid #ec6c00;
        border-radius: 2px;
        padding: 8px 0;
        text-align: center;
    }

    .headerBox .side-menu-btn {
        position: absolute;
        bottom: 10px;
        right: 10px;
        display: block;
        border: 1px solid #ec6c00;
        border-radius: 2px;
        padding: 8px 8px 4px 8px;
    }

    /*----------------------------------------------------nav*/
    #gNavi,
    #home #gNavi {
        display: none;
        position: fixed;
        top: 64px;
        right: 0;
        width: 100%;
        border: none;
    }

    .side-menu-tel img {
        width: 46%;
    }

    #gNavi ul,
    #home #gNavi ul {
        margin: 0;
    }

    .listMenu {
        width: 100%;
        float: none;
        padding: 0;
        background: #bbada0;
        position: absolute;
        top: 54px;
        display: none;
        z-index: 10;
        font-size: 1.3em;
    }

    #gNavi li,
    #home #gNavi li,
    #home #gNavi li:nth-child(4),
    #home #gNavi li:nth-child(5),
    #home #gNavi li:nth-child(6),
    #gNavi li ul li:first-child,
    #gNavi li:nth-child(3),
    #gNavi li:nth-child(4),
    #gNavi li:nth-child(5),
    #gNavi li:nth-child(6),
    #gNavi li ul.child li {
        width: 100%;
        padding: 0;
        float: none;
        background: none;
    }

    #home #gNavi li ul.child li a {
        padding: 10px 0;
    }

    #home #gNavi li a,
    #gNavi li a {
        display: block;
        padding: 10px 0;
        border-bottom: #8f6e53 1px solid;
        position: relative;
        text-decoration: none;
        font-size: 1.2em;
    }

    #home #gNavi li span,
    #gNavi li span {
        display: none;
    }

    #gNavi li a::after,
    #gNavi li a:hover::after {
        content: '>';
        position: absolute;
        top: 7px;
        left: initial;
        right: 20px;
        font-size: 18px;
        background: none;
        width: auto;
        font-size: 1.2em;
    }

    #gNavi li span::after {
        content: none;
    }

    #gNavi ul.child,
    #gNavi li ul li a {
        padding: 7px 10px 7px 25px;
    }

    #gNavi li ul li a::before {
        content: '・';
        position: absolute;
        top: 7px;
        left: 7px;
    }

    #gNavi .on::after {
        background: none;
    }

    #gNavi li ul li a::after {
        content: '>';
        position: absolute;
        top: 6px;
        right: 20px;
        color: #888;
    }

    #gNavi ul.child {
        display: block;
        position: relative;
        padding: 0;
    }

    #gNavi ul.child li a {
        border-top: none;
        padding: 10px 0;
        background: none;
    }

    #gNavi li ul li a::before {
        content: none;
    }

    #gNavi li ul li a::after {
        color: #fff;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
    }

    .menu-trigger {
        position: relative;
        width: 27px;
        height: 27px;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #ec6c00;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 2px;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 12px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 2px;
    }

    /*----------------------------------------------------footer*/
    #footer {
        width: 100% !important;
    }

    #footer .fHeader {
        width: 100%;
        background: #3a2619;
    }

    #footer .pageTopBox {
        margin: 0 auto;
        width: 96%;
        padding: 0 2%;
    }

    #footer .pageTopBox P {
        display: none;
    }

    #footer .pageTopBox .pageTop {
        text-align: center;
        padding: 4% 0;
    }

    #footer .fBody {
        width: 100%;
        background: #2b1c12;
        padding: 20px 0;
    }

    #footer .fBox {
        width: 96%;
        padding: 0 2%;
    }

    #footer .fBox .section {
        margin-top: 3px;
        padding-right: 0px;
        width: 100%;
        float: none;
        border-right: none;
        padding-bottom: 20px;
        border-bottom: 1px solid #655b54;
        margin-bottom: 10px;
    }

    #footer .fBox .fInner .photo {
        width: 35%;
        margin: 14px auto 0 auto;
        float: left;
        text-align: center;
    }

    #footer .fBox .fInner .textBox {
        width: 60%;
        float: right;
    }

    #footer .fBox > ul {
        margin-top: 5px;
        width: 100%;
        float: none;
        font-size: 1.2em;
    }

    #footer .fBox ul li {
        margin: 0 0 0 0;
        min-width: 50%;
        float: left;
    }

    #footer .fBox ul li a {
        padding: 4% 0;
        display: inline-block;
        width: 85%;
    }

    #footer .fBox ul li .fSpan {
        margin: 0;
        width: 15%;
    }

    #footer .fBox ul li ul li {
        margin: 5px 0 0 20px;
        float: none;
    }

    #footer .fBox .mail a {
        display: block;
        color: #fff;
        font-size: 1.6em;
        font-weight: bold;
        letter-spacing: 1px;
        border-radius: 25px;
        position: relative;
        behavior: url(js/pie.htc);
        border-bottom: 2px solid #ab6022;
        background: #ed6d00 url(../img/common/icon05.png) no-repeat 50px center;
    }

    #footer .copyrightBox {
        width: 100%;
        padding: 20px 0;
        background: #fff;
    }

    #footer .copyright {
        width: 96%;
        /*padding: 0 2%;*/
        margin: 0 auto;
        text-align: center;
    }

    #footer .copyright p {
        color: #6c7681;
        font-size: 1.2em;
        font-weight: bold;
    }

    #footer .copyright .text {
        margin-top: -20px;
        font-size: 1em;
        text-align: right;
    }

    /*----------------------------------------------------top*/
    .mainCopy {
        height: 80vw;
    }

    #main .imgList .textBox {
        height: auto;
        padding: 4%;
    }

    #main .imgList .titleBox {
        width: 50%;
        padding: 10% 0;
    }

    #main .imgList .titleBox span img {
        height: 80px;
        width: auto;
    }

    #main .imgList .textBox .title {
        margin: 0 0 4% 0;
        padding: 4% 0 0 0 !important;
        font-size: 2em;
    }

    #main .imgList .textBox .banner50off {
        position: initial;
    }

    /*ご提供サービス*/
    #main .imgList li {
        width: 100%;
        float: none;
        position: static;
    }

    #main .imgList .third {
        background: url(../img/index/str_03_sp.png) no-repeat right top;
        background-size: contain;
    }

    #main .imgList .forth {
        background: url(../img/index/str_04.png) no-repeat 50px -20px;
        background-size: cover;
    }

    #main .imgList .textBox01 {
        float: none;
    }

    #main .imgList .textBox p {
        padding: 0 0 4%;
    }

    #main .section {
        height: auto;
    }

    #main .section .inner02 {
        position: relative;
        left: 0;
    }

    #main .btnOrange,
    #main .imgList .textBox01 .btnOrange,
    #main .imgList .textBox02 .btnOrange {
        padding: 0 0 4%;
        text-align: center;
    }

    /*代表の挨拶*/
    #main .greet01,
    #main .greet00 {
        height: auto;
        overflow: none;
    }

    #main .greet00 .imgBox .photoBox img,
    #main .greet01 .imgBox .photoBox img {
        margin: 0;
        width: 100%;
    }

    #main .greet .sectionBox {
        padding: 4%;
    }

    #main .greet .textBox {
        margin: 0;
    }

    #main .greet .textBox a {
        padding: 4% 0;
        margin: auto;
        /*width: 191px;*/
        display: block;
    }

    /* NEWS/info */
    #main .section .inner01,
    #main .section .inner02 {
        padding: 8% 4%;
    }

    #main .section .inner01 .title {
        padding: 4% 0 12%;
        text-align: center;
    }

    #main .section .inner01 .title img {
        height: 24px;
        width: auto;
    }

    #main .section .inner02 .tel,
    #main .mailBox,
    #main .section .inner02 ul {
        margin: 0;
    }

    #main .section .inner02 .spanTel {
        letter-spacing: 1px;
    }

    #main .mailBox .mail {
        width: 100%;
    }

    #main .mailBox .mail a {
        padding: 12px 0 11px;
        background: #ed6d00;
        text-align: center;
    }

    #main .inner02 .mailBox ul li,
    #main .inner02 .mailBox ul li:last-child {
        margin: 0 0 0 8px;
    }

    .mantionBnrSp {
        width: 100%;
        margin: auto;
        margin-top: 10px;
        display: block;
    }

    .mantionBnr {
        display: none;
    }

    #main .section .inner01 .spanNew {
        top: 0;
    }

    .news-list {
        display: block;
        height: 400px;
        padding: 0;
    }

    #main .section .inner01 dl {
        width: 100%;
        padding: 4%;
    }

    #main .section .inner01 dl:nth-child(4n + 3),
    #main .section .inner01 dl:nth-child(4n + 4) {
        background: none;
    }

    #main .section .inner01 dl:nth-child(even) {
        background: #fbf8f4;
    }

    #main .section .inner01 dt {
        margin: 0;
    }

    #main .section .inner01 dt .ttl01 {
        display: block;
        margin: 1% 0;
    }

    #main .section .inner01 dd {
        padding: 0;
    }

    #main .section .inner01 dd:last-child {
        border: none;
    }

    /* footer手前のパララックス */
    #main .mainVisual {
        height: 120px;
        background-size: initial;
    }

    /*新着物件*/
    #main .infoBox {
        padding: 12% 0 40px 0;
    }

    #main .info {
        padding: 0;
        margin: 0;
    }

    #main .info .h2Ttl,
    #main .info .title {
        margin: 0 0 4%;
    }

    #main .info .h2Ttl {
        font-size: 2.4em;
    }

    #main .info > ul {
        padding: 0 4%;
    }

    #main .info li {
        margin: 0 0 4%;
        padding: 4%;
    }

    #main .info li ul li {
        display: initial;
    }

    #main .info li .link {
        width: 100%;
    }

    #main .info .link a {
        padding: 4%;
        font-size: 1.4em;
    }

    #main .listBtn a {
        margin: 4% 0 12%;
    }

    
    /* SNSエリア */
    #main .snsBox {
        padding: 0;
    }

    #main .snsBox .h2Ttl {
        margin: 0 0 4%;
        font-size: 2.4em;
    }

    #main .snsBox .title {
        margin: 0 0 4%;
    }

    #main .snsBox .snsBox-wrapper {
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }

    #main .snsBox .snsBox-wrapper ul {
        display: grid;
        grid-template-columns: repeat(3, 40px); 
        gap: 30px; 
        justify-content: center;
    }

    #main .snsBox .snsBox-wrapper ul li img {
        width: 100%;
        height: auto;
    }


    /*----------------------------------------------------company*/
    .tableBrown th {
        border-right: none;
        width: 100%;
        display: block;
        padding: 2% 4%;
        background: #f7f7f3;
    }

    .tableBrown td {
        padding: 2% 4%;
        display: block;
        width: 100%;
        background: #fff;
    }

    .tableBrown tr:nth-child(odd) th {
        background: #f7f7f3;
    }

    .tableBrown tr:nth-child(odd) td {
        background: #fff;
    }

    /*----------------------------------------------------greeting*/
    #yasuda_profile {
        margin: 0 -4%;
    }

    dl#greeting {
        margin: 8% 0 0;
    }

    dl#greeting dt {
        padding: 0 0 4%;
    }

    dl#greeting dt img {
    }

    dl#greeting dd {
        padding: 0 0 8%;
    }

    #profile {
        margin: 0 0 12%;
    }

    #profile #leftBox {
        min-height: auto;
    }

    #profile #history {
        padding: 6%;
    }

    #profile #history p:last-child {
        padding: 0;
    }

    #profile #history p {
        font-size: 1.4em;
        line-height: 1.75;
    }

    /*----------------------------------------------------idea*/
    #ideaimage {
        margin: 0 -4% 12%;
    }

    #ideaArea p.idealist {
        margin: 0 0 12%;
    }

    #ideaArea img {
        margin: 0 auto 15px;
        width: 55px;
        display: block;
    }

    #ideaArea p {
        line-height: 2;
        margin: 0 0 12%;
    }

    /*----------------------------------------------------sell*/
    #AboutSell div,
    #AboutBuy div {
        padding: 4%;
        margin: 0 0 4%;
        min-height: auto;
        background: #46301d;
    }

    #AboutSell div h3,
    #AboutBuy div h3 {
        padding: 0 0 4%;
    }

    #AboutSell div li,
    #AboutBuy div li {
        background: url(/img/sell/icon_check.png) no-repeat left 4px;
        display: block;
        padding-left: 30px;
        font-size: 1.4em;
        margin-bottom: 4%;
    }

    #Sellcomment,
    #Buycomment {
        padding: 0 0 12%;
    }

    #AboutSell p,
    #AboutBuy p {
        padding: 0 0 4%;
    }

    #Sellflow h3,
    #Buyflow h3 {
        font-size: 2em;
        padding: 4%;
        text-align: left;
        margin-bottom: 4%;
    }

    #Niniflow h4 {
        margin: 0 0 5px;
        font-size: 2em;
    }

    #Niniflow p {
        line-height: 1.6;
        font-size: 1.6em;
    }

    #Sellflow .flowbox01,
    #Buyflow .flowbox01,
    #Niniflow .flowbox01 {
        min-height: auto;
        padding: 0;
    }

    #Sellflow .flowbox01 .no,
    #Sellflow .flowbox02 .no,
    #Sellflow .flowbox03 .no,
    #Sellflow .flowbox04 .no,
    #Sellflow .flowbox05 .no,
    #Sellflow .flowbox06 .no,
    #Sellflow .flowbox07 .no,
    #Buyflow .flowbox01 .no,
    #Buyflow .flowbox02 .no,
    #Buyflow .flowbox03 .no,
    #Buyflow .flowbox04 .no,
    #Buyflow .flowbox05 .no,
    #Buyflow .flowbox06 .no,
    #Buyflow .flowbox07 .no,
    #Niniflow .flowbox01 .no,
    #Niniflow .flowbox02 .no,
    #Niniflow .flowbox03 .no,
    #Niniflow .flowbox04 .no,
    #Niniflow .flowbox05 .no,
    #Niniflow .flowbox06 .no,
    #Niniflow .flowbox07 .no,
    #Niniflow .flowbox08 .no {
        float: left;
        width: 20%;
        padding: 0 4% 0 0;
        margin: 0;
    }

    #Sellflow .flowbox01 .flowtxt,
    #Sellflow .flowbox02 .flowtxt,
    #Sellflow .flowbox03 .flowtxt,
    #Sellflow .flowbox04 .flowtxt,
    #Sellflow .flowbox05 .flowtxt,
    #Sellflow .flowbox06 .flowtxt,
    #Sellflow .flowbox07 .flowtxt,
    #Buyflow .flowbox01 .flowtxt,
    #Buyflow .flowbox02 .flowtxt,
    #Buyflow .flowbox03 .flowtxt,
    #Buyflow .flowbox04 .flowtxt,
    #Buyflow .flowbox05 .flowtxt,
    #Buyflow .flowbox06 .flowtxt,
    #Buyflow .flowbox07 .flowtxt,
    #Niniflow .flowbox01 .flowtxt,
    #Niniflow .flowbox02 .flowtxt,
    #Niniflow .flowbox03 .flowtxt,
    #Niniflow .flowbox04 .flowtxt,
    #Niniflow .flowbox05 .flowtxt,
    #Niniflow .flowbox06 .flowtxt,
    #Niniflow .flowbox07 .flowtxt,
    #Niniflow .flowbox08 .flowtxt {
        width: 80%;
        margin: 0 0 4%;
    }

    #Sellflow .flowbox01 .sellphoto,
    #Sellflow .flowbox02 .sellphoto,
    #Sellflow .flowbox03 .sellphoto,
    #Sellflow .flowbox04 .sellphoto,
    #Sellflow .flowbox05 .sellphoto,
    #Sellflow .flowbox06 .sellphoto,
    #Sellflow .flowbox07 .sellphoto,
    #Buyflow .flowbox01 .sellphoto,
    #Buyflow .flowbox02 .sellphoto,
    #Buyflow .flowbox03 .sellphoto,
    #Buyflow .flowbox04 .sellphoto,
    #Buyflow .flowbox05 .sellphoto,
    #Buyflow .flowbox06 .sellphoto,
    #Buyflow .flowbox07 .sellphoto {
        float: none;
    }

    #Sellflow .arrow::after,
    #Buyflow .arrow::after {
        content: '';
        background: url(../img/sell/img_sellflow_arrow.png);
        width: 65px;
        height: 48px;
        background-size: cover;
        margin: auto;
    }

    #Sellflow .flowbox02,
    #Buyflow .flowbox02 {
        padding: 4% 0 0;
    }

    #Sellflow h4,
    #Buyflow h4 {
        margin: 0 0 4%;
    }

    .flowbox04_02 {
        padding: 4% 0 0;
    }

    .flowbox04_02 h4 {
    }

    #Sellflow .flowbox02,
    #Sellflow .flowbox03,
    #Sellflow .flowbox04,
    #Sellflow .flowbox05,
    #Sellflow .flowbox06,
    #Sellflow .flowbox07,
    #Buyflow .flowbox02,
    #Buyflow .flowbox03,
    #Buyflow .flowbox04,
    #Buyflow .flowbox05,
    #Buyflow .flowbox06,
    #Buyflow .flowbox07 {
        padding: 0;
    }

    #Sellflow .flowbox04_02 {
        border: 2px solid #46301d;
        padding: 4%;
        margin: 4% 0 0;
    }

    #Sellflow .flowbox04_02 h4 {
        line-height: 1;
        font-size: 1.8em;
    }

    #mechanism {
        padding: 0;
        border: none;
    }

    #mechanism p {
        border: none;
        padding: 0 0 4%;
    }

    .banner {
        margin: 0 0 12%;
    }

    .banner2 {
        margin: -4% 0 12%;
    }

    /*----------------------------------------------------buy*/

    /*----------------------------------------------------lawyer*/
    #Lawyercomment {
        padding: 0 0 12%;
    }

    .lawyersupportbox h2 span {
        vertical-align: middle;
    }

    .lawyersupportbox {
        margin: 0 0 0 55px;
        padding: 4%;
    }

    .lawyersupportbox p {
        margin: 0 0 4%;
    }

    .lawyersupportbox h2 {
        line-height: 1;
        font-size: 2.4em;
        margin: 2% 0;
    }

    #LawyerSupport01,
    #LawyerSupport02,
    #LawyerSupport03,
    #LawyerSupport04,
    #LawyerSupport05,
    #LawyerSupport06 {
        background-size: 55px;
        margin: 0 0 8%;
    }

    .lawyersupportbox h3 {
        margin: 0 0 4%;
    }

    .lawyersupportbox .textblock01 {
        padding: 4% 0 0;
    }

    .lawyersupportbox .textblock02 {
        padding: 4% 0 0;
    }

    #main .txtRead span {
        padding: 0;
    }

    #main .txtRead {
        line-height: 1.5;
        text-align: left;
    }

    /*----------------------------------------------------ninibaikyaku*/
    #Ninicomment {
        padding: 0 0 12%;
    }

    #AboutNini p {
        padding: 0;
    }

    #AboutNini div {
        padding: 0;
        background: none;
        color: #222;
        min-height: auto;
        margin: 0 0 12%;
    }

    #Ninimerit div#merit01 .meritBox,
    #Ninimerit div#merit02 .meritBox,
    #Ninimerit div#merit03 .meritBox,
    #Ninimerit div#merit04 .meritBox,
    #Ninimerit div#merit05 .meritBox {
        padding: 4%;
        min-height: auto;
        margin-left: 70px;
    }

    #Ninimerit dl.meritBox dt {
        font-size: 2em;
        margin: 0 0 4%;
    }

    #merit01,
    #merit02,
    #merit03,
    #merit04 {
        margin: 0 0 4%;
    }

    #Ninimerit div.clearfix {
        margin: 0;
    }

    .colorBg {
        text-align: center;
        background: #efeee9;
        padding: 4%;
        margin: 0 0 12%;
    }

    #NiniConsultation h2 {
        font-size: 2.2em;
        text-align: center;
    }

    #NiniConsulationleft {
        display: table;
        margin: 4% 0 2% 0;
    }

    /*----------------------------------------------------form*/
    .formTable th,
    .formTable td {
        display: block;
        width: 100%;
        border-bottom: none;
        padding: 2%;
    }

    .formTable {
        border-bottom: #cbc8b9 1px solid;
    }

    .btnArea {
        padding: 8% 0 0;
        width: 100%;
    }

    .btnArea input {
        padding: 4% 0;
        font-size: 1.8em;
        width: 100%;
        margin: 0 0 4%;
    }

    #NiniConsulationleft li {
        display: table-cell;
        padding: 0;
    }

    #NiniConsulationleft li img {
        width: 90%;
    }

    .formTable .name {
        width: 100%;
    }

    .mwform-radio-field {
        margin: 0;
    }

    .mwform-tel-field {
        display: table;
    }

    .mwform-tel-field input[type='text'] {
        display: table-cell;
    }

    .formTable td input,
    .formTable .email,
    .formTable textarea {
        font-size: 0.8em;
    }

    .method {
        padding: 0;
        font-size: 0.8em;
    }

    .mw_wp_form .horizontal-item + .horizontal-item {
        margin: 0;
    }

    input[type='button'],
    input[type='submit'] {
        -webkit-appearance: none;
    }

    .completeInfo {
        width: 100%;
        padding: 4% 8%;
        margin-top: 4%;
    }

    a.btnBack {
        width: 100%;
        text-align: center;
    }

    .complete .mainCatch {
        padding: 4%;
    }

    /*------------------------------------------------------------
    strength
    ------------------------------------------------------------*/
    .readBox {
        padding: 0 0 12%;
    }

    .pointArea,
    .pointArea:nth-child(3),
    .pointArea:nth-child(5),
    .pointArea:nth-child(6) {
        height: auto;
    }

    .pointArea .txtBox,
    .pointArea .photoBox {
        float: none;
        width: 100%;
    }

    .pointArea.color {
    }

    .pointArea.trans {
        background: none;
    }

    .pointArea .txtBox {
        padding: 12% 4% 4%;
    }

    .pointArea .txtBox:first-child {
        padding: 8% 4% 4%;
    }

    .pointArea:nth-child(odd) .txtBox {
    }

    .pointArea .txtBox img {
        margin: 0 0 4%;
    }

    .pointArea .photoBox {
    }

    .pointArea .photoBox img {
        width: 100%;
        height: auto;
    }

    #strength .bnrBox {
        margin: 15% 0 0 0;
        text-align: center;
        line-height: 2;
    }

    #strength .bnrBox .h2Ttl {
        padding: 0;
    }

    #strength .banner {
        margin: 3% 0 5%;
        text-align: center;
    }

    /* 20240805 add */
    #strength .pointArea .txtBox img {
        margin: 0;
        width: 50px;
    }

    #strength .pointArea .point {
        font-size: 15px;
    }
    
    #strength .pointArea .number {
        font-size: 20px;
        margin-left: 5px;
    }
    
    #strength .pointArea .title {
        font-size: 20px;
        line-height: 1.5;
    }

    /*------------------------------------------------------------
    property
    ------------------------------------------------------------*/
    .pagerBox .number {
        width: auto;
    }

    .pagerBox {
        margin: 0 0 4%;
    }

    .propertyBox {
        width: 92%;
        margin: 0 4% 8% 4%;
        padding: 4% 4% 74px 4%;
    }

    .propertyBox .subPhoto img {
        width: auto;
        height: auto;
        max-width: 170px;
        max-height: 200px;
    }

    #baibai .caption {
        font-size: 16px;
        margin: 4% 0 0;
        padding: 2% 0;
    }

    #baibai .priceBox {
        display: block;
    }

    #baibai .photoBox a {
        position: absolute;
        bottom: 15px;
        width: 91%;
    }

    #baibai .title01 {
        margin: 0 0 4%;
    }

    #baibai .priceBox {
        border: solid #e0d9ce 1px;
        border-bottom: none;
        width: 100%;
        padding: 2% 0;
    }

    #baibai .tableBox,
    #baibai .priceBox {
        display: block;
        width: 100%;
    }

    #baibai .propertyTable.box1 {
        margin: 0;
    }

    #baibai .propertyTable.box1 th,
    #baibai .propertyTable.box2 th {
        border: solid #e0d9ce 1px;
        border-bottom: none;
        padding: 1% 2%;
        text-align: left;
        display: table-cell;
        text-align: center;
    }

    #baibai .propertyTable.box1 th,
    #baibai .propertyTable.box2 th {
        width: 20%;
    }

    #baibai .propertyTable.box1 td,
    #baibai .propertyTable.box2 td {
        border: solid #e0d9ce 1px;
        border-bottom: none;
        padding: 2% 4%;
        text-align: left;
        display: table-cell;
    }

    #baibai .propertyTable.box1 td {
        width: 30%;
    }

    #baibai .propertyTable.box2 {
        border-bottom: solid #e0d9ce 1px;
    }

    #baibai .photoArea,
    #baibai .infoArea .propertyTable,
    #baibai .floorImg,
    #baibai .photobox,
    #baibai .propertyTable {
        margin: 0 0 4%;
    }

    #baibai .propertyTable.box1 {
        display: table;
        width: 100%;
    }

    #tab-menu li {
        display: inline-block;
        padding: 4% 2%;
        background: #e6dfd8;
        color: #422914;
        font-size: 1.6em;
        cursor: pointer;
        margin: 2px 0 0;
        width: 49%;
        text-align: center;
    }

    #tab-box section {
        padding: 4% 0 0;
    }

    #baibai .pointbox {
        padding: 4%;
    }

    #baibai .title02 {
        font-size: 1.6em;
    }

    #baibai .infoArea .propertyTable th,
    #baibai .infoArea .propertyTable td,
    #baibai .propertyTable th,
    #baibai .propertyTable td,
    #baibai .propertyTable.col4 table th,
    #baibai .propertyTable.col4 table td {
        padding: 1% 2%;
        font-size: 1.2em;
    }

    #baibai .propertyTable.col4 table td {
        white-space: normal;
    }

    #baibai .pointbox,
    #tab-box {
        margin: 0 0 4%;
    }

    #baibai .pointbox p {
        margin: 0 0 8%;
    }

    #baibai .bnrMail a {
        background: none;
        padding: 0;
        display: block;
        margin: 0 0 4%;
    }

    #baibai .photonavi li {
        width: 30%;
        margin: 0 4% 4% 0;
    }

    #baibai .photoImg {
        margin: 0 0 4%;
    }

    #baibai .photoImg .subTxt {
        font-size: 1.4em;
        padding: 4%;
        margin: 0 0 4%;
    }

    .btnDetail {
        position: absolute;
        bottom: 2%;
        width: 92%;
    }

    /*------------------------------------------------------------
    successful-completion
    ------------------------------------------------------------*/
    .concluded {
        margin: 0;
        padding: 4%;
    }

    .concludedTable {
        border-bottom: solid 1px #d6cdbf;
    }

    .concludedTable tbody:nth-child(even) {
        background: #f8f6f3;
    }

    .concludedTable td {
        display: block;
        border-bottom: none;
    }

    .concludedTable .speciation span {
        white-space: nowrap;
        font-size: 12px;
    }

    .concludedTable .completionMonth {
        text-align: left;
    }

    .concludedTable .appearance {
        padding: 2%;
    }

    .concludedTable .speciation {
        padding: 0 2% 2% 2%;
    }

    .concludedTable .address,
    .concludedTable .completionMonth,
    .concludedTable .note {
        width: 100%;
        padding: 1% 2%;
    }

    /*.concludedTable .address::before,
    .concludedTable .completionMonth::before,
    .concludedTable .note::before {
        content: "・";
    }*/
    .concludedTable td:nth-child(2),
    .concludedTable td:nth-child(4),
    .concludedTable td:nth-child(5) {
        border-top: none;
    }

    #main .seoTxt p,
    #main .seoTxt02 p {
        text-align: center;
        padding: 0 2%;
    }

    .seoTxt {
        margin-top: 40px;
    }
}

/*------------------------------------------------------------
recruit
------------------------------------------------------------*/

.pointArea.recruit {
    height: auto;
    margin: 0 0 60px;
}

.pointArea.color {
    background: none;
}

.pointArea.recruit .txtBox {
    padding: 0 45px 0 0;
}

.pointArea.recruit:nth-child(odd) .txtBox {
    float: right;
    padding: 0 0 0 60px;
}

.pointArea.recruit.trans {
    background: none;
}

.mail.recruit a {
    padding: 20px 10px 20px 30px;
    margin: 40px auto;
    text-align: center;
    display: block;
    width: 250px;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 50px;
    position: relative;
    behavior: url(js/pie.htc);
    border-bottom: 2px solid #ab6022;
    background: #ed6d00 url(../img/common/icon05.png) no-repeat 29px center;
}

@media screen and (max-width: 767px) {
    .mail.recruit a {
        width: 100%;
    }

    .pointArea.recruit .txtBox,
    .pointArea.recruit:nth-child(odd) .txtBox {
        padding: 0 0 45px 0;
    }

    .pointArea.recruit {
        margin: 0 0 20px;
    }
}

/*-----------------------------------------------------------------------------------
旧iPad用
------------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 767px) and (max-device-width: 769px) {
    .mainCopy {
        height: 768px;
    }
}

@media only screen and (min-device-width: 1023px) and (max-device-width: 1025px) {
    .mainCopy {
        height: 614px;
    }
}

.appearance img {
    width: 141px;
    height: 97px;
}

@media screen and (max-width: 767px) {
    #main .info > ul.infoFlexWrap a {
        width: 100%;
        display: block;
    }
}
a.linkType01 {
    text-decoration: underline;
}
.linkType01:hover {
    text-decoration: none;
    opacity: 0.7;
}


/* 20250307 */

#footer .sns-list {
    width: 100%;
    background: unset;
    margin-top: 30px;
}
#footer .sns-list p {
    color: #fff;
    font-size: 1.4em;
    margin-bottom: 8px;
}
#footer .sns-list ul {
    display: flex;
    justify-content: start;
    gap:15px;
}
#footer .sns-list ul li {
    width: 30px;
    min-width: unset;
    float: unset;
    margin: unset;
}
#footer .sns-list img {
    width: 100%;
    height: auto;
    transition: opacity 0.5s ease;
}
#footer .sns-list img:hover {
    opacity: 0.6;
}

@media screen and (max-width: 767px) {
    #footer .sns-list {
        width: 100%;
        background: unset;
        margin-top: 30px;
    }
    #footer .sns-list p {
        color: #fff;
        font-size: 1.4em;
        margin-bottom: 8px;
        text-align: center;
    }
    #footer .sns-list ul {
       
        justify-content: center;
    }
    #footer .sns-list ul li {
        width: 40px;
        min-width: unset;
        float: unset;
    }
    #footer .sns-list img {
        width: 100%;
        height: auto;
        transition: opacity 0.5s ease;
    }
    #footer .sns-list img:hover {
        opacity: 0.6;
    }
}

/*-----------------------------------------------------------------------------------
20251212 追加
------------------------------------------------------------------------------------*/
.flex-box {
    display: flex;
    justify-content: space-between;
}
.flex-box .flex-left {
    width: 15%;
}
.flex-box .flex-right {
    width: 84%;
}
@media screen and (max-width: 767px) {
    .flex-box .flex-left {
        width: 22%;
    }
    .flex-box .flex-right {
        width: 77%;
    }
}