@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/optima');

/* =reset
----------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, label, textarea, p, blockquote, table, caption, tbody, tfoot, thead, th, td, option, figure, figcaption {
    margin: 0;
    padding: 0;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 500;}
a, ins, del {text-decoration: none;}
a {cursor: pointer;color: #414141;}
a:hover {color: #002567;}

img {width: 100%;height: auto;border: 0;margin: 0;vertical-align: bottom;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
picture, figure, audio {display: inline-block;}

/* =common
----------------------------------*/
* {outline: none;}
html {
    color: #414141;
    /*overflow: hidden;*/
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #F7F7F7;
    scroll-padding-top: 160px; /* 固定ヘッダの高さ分 */
    scroll-behavior: smooth;
}

body {
    position: relative;
    overflow: hidden;
    font-family: 'Noto Serif JP', '游明朝', YuMincho, 'Yu Mincho', serif;
}

.en {
    font-family: 'Optima', 'Marcellus', 'Segoe', serif;
}

.corporate_fontcolor{
    color: #002567;
}
.corporate_backcolor{
    /*background-color: #002567;*/
    background-color: #002058;
}
.white_fontcolor{
    color: white;
}

.navopen {
    overflow-y: hidden;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------
			自作ページネーション
----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.pagination{
    margin: 150px auto 0;
    width: fit-content;
}

.pagination .page-numbers{
    display: flex;
    justify-content: space-between;
    color: #002567;
}
.pagination .page-numbers .page-numbers{
    width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 1px solid #002567;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Optima', 'Marcellus', 'Segoe', serif;
    font-size: 14px;
    letter-spacing: 0.045em;
    transition: 0.2s;
}
.pagination .page-numbers .page-numbers:hover{
    background-color: #002567;
    color: white;
}
.pagination .page-numbers li{
    margin-right: 25px;
    display: flex;
    align-items: center;
}
.pagination .page-numbers li:last-child{
    margin-right: unset;
}
.pagination .page-numbers.dots{
    border: unset;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev{
    /*font-size: 10px;*/
}
.pagination .page-numbers.current{
    background-color: #002567;
    color: white;
}

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    ----------------------------------------------------

                PC

    ----------------------------------------------------
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.pc_none {
    display: none;
}

.sp_none {
    display: block;
}

.pc_mb0{
    margin-bottom: unset;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
			header
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
header{
    position: absolute;
    width: calc(100% - 84px);
    height: 160px;
    padding: 0 50px 0 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
    transition: 0.5s;
}

header .logo{
    width: 233px;
}
header .logo svg{
    width: 100%;
    height: auto;
}
header .logo .full{
    display: block;
}
header .logo .shorts{
    display: none;
}
header .nav{
    width: calc(100% - 233px);
    display: flex;
    flex-direction: column-reverse;
}

header .nav .link{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

header .nav .link a{
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.9;
    margin-right: 28px;
}
header .nav .link a:last-child{
    margin-right: unset;
}

header .nav .link2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 13px;
}

header .nav .link2 a{
    margin-right: 15px;
}

header .nav .link2 .immigrationColumn_btn{
    position: relative;
    width: calc(174px - 30px);
    height: 32px;
    display: flex;
    align-items: center;
    border: 1px solid #BFBFBF;
    border-radius: 22px;
    padding: 0 15px;
    font-size: 11px;
    transition: 0.2s;
}

header .nav .link2 .immigrationColumn_btn:before,
header .nav .link2 .immigrationColumn_btn:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #414141;
    transition: 0.2s;
}
header .nav .link2 .immigrationColumn_btn:before{
    right: 13px;
    width: 5px;
    height: 1px;
}
header .nav .link2 .immigrationColumn_btn:after{
    right: 15px;
    width: 1px;
    height: 5px;
}

header .nav .link2 .immigrationColumn_btn:hover{
    color: white;
    background-color: #002058;
}

header .nav .link2 .immigrationColumn_btn:hover:before,
header .nav .link2 .immigrationColumn_btn:hover:after{
    transform: rotate(-90deg);
    background-color: white;
}

header .nav .link2 .corporate_btn{
    position: relative;
    width: calc(174px - 30px);
    height: 32px;
    display: flex;
    align-items: center;
    border: 1px solid #BFBFBF;
    border-radius: 22px;
    padding: 0 15px;
    font-size: 11px;
    transition: 0.2s;
}

header .nav .link2 .corporate_btn:before,
header .nav .link2 .corporate_btn:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #414141;
    transition: 0.2s;
}
header .nav .link2 .corporate_btn:before{
    right: 13px;
    width: 5px;
    height: 1px;
}
header .nav .link2 .corporate_btn:after{
    right: 15px;
    width: 1px;
    height: 5px;
}

header .nav .link2 .corporate_btn:hover{
    color: white;
    background-color: #002058;
}

header .nav .link2 .corporate_btn:hover:before,
header .nav .link2 .corporate_btn:hover:after{
    transform: rotate(-90deg);
    background-color: white;
}


header .nav .link2 .contact_btn{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #BFBFBF;
    border-radius: 50%;
}
header .nav .link2 .contact_btn svg{
    width: 12px;
    height: auto;
}

header .nav .link2 .hamburger_btn{
    position: relative;
    content: '';
    cursor: pointer;
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
header .nav .link2 .hamburger_btn span{
    position: absolute;
    content: '';
    width: 17px;
    height: 1px;
    background-color: white;
    transition: 0.5s;
}
header .nav .link2 .hamburger_btn span:first-child{
    top: 15px;
}
header .nav .link2 .hamburger_btn span:last-child{
    bottom: 15px;
}

/*scrollされたら*/
.scrolled header{
    position: fixed;
    height: 85px;
    background-color: white;
}
.scrolled header .logo{
    width: 65px;
}
.scrolled header .logo .full{
    display: none;
}
.scrolled header .logo .shorts{
    display: block;
}

.scrolled header .nav{
    flex-direction: unset;
    width: calc(100% - 65px);
    justify-content: flex-end;
}

.scrolled header .nav .link a{
    font-size: 15px;
    margin-right:24px;
}
.scrolled header .nav .link2{
    margin-bottom: unset;
}

.scrolled header .nav .link2 .corporate_btn{
    display: none;
}

/*ナビ展開後*/
.navopen header{
    position: fixed;
    z-index: 3;
    background-color: transparent;
    height: 160px;
    transition: unset;
}

.navopen.scrolled header{
    position: fixed;
    z-index: 3;
    background-color: transparent;
    height: 85px;
    transition: unset;
}

.navopen header .nav{
    /*display: none;*/
}
.navopen header .nav .link{
    visibility: hidden;
}
.navopen header .nav .link2{
    color: white;
}
.navopen .nav .link2 .immigrationColumn_btn{
    color: white;
}
.navopen .nav .link2 .immigrationColumn_btn:hover{
    color: #002058;
    background-color: white;
}

.navopen header .nav .link2 .immigrationColumn_btn:before,
.navopen header .nav .link2 .immigrationColumn_btn:after{
    background-color: white;
}
.navopen header .nav .link2 .immigrationColumn_btn:hover:before,
.navopen header .nav .link2 .immigrationColumn_btn:hover:after{
    background-color: #002058;
}

.navopen header .nav .link2 .corporate_btn{
    color: white;
}

.navopen.scrolled header .nav .link2 .corporate_btn{
    display: flex;
}

.navopen .nav .link2 .corporate_btn:hover{
    color: #002058;
    background-color: white;
}

.navopen header .nav .link2 .corporate_btn:before,
.navopen header .nav .link2 .corporate_btn:after{
    background-color: white;
}
.navopen header .nav .link2 .corporate_btn:hover:before,
.navopen header .nav .link2 .corporate_btn:hover:after{
    background-color: #002058;
}

.navopen header .nav .link2 .contact_btn:hover{
    background-color: white;
}

.navopen header .nav .link2 .contact_btn g path{
    fill: white;
}

.navopen header .nav .link2 .contact_btn:hover g path{
    fill: #002058;
}

.navopen header .nav .link2 .hamburger_btn{
    background-color: white;
}
.navopen header .nav .link2 .hamburger_btn span{
    background-color: #002058;
}
.navopen header .nav .link2 .hamburger_btn span:first-child{
    transform: rotate(45deg);
    top: 18px;
}
.navopen header .nav .link2 .hamburger_btn span:last-child{
    transform: rotate(-45deg);
    bottom: 18px;
}

.navopen header .logo {
    width: 233px;
}
.navopen.scrolled header .logo {
    width: 65px;
}

.navopen header .logo .full{
    display: block;
}
.navopen header .logo .shorts{
    display: none;
}
.navopen header .logo svg path{
    fill: white;
}

.navopen.scrolled header .logo .full{
    display: none;
}
.navopen.scrolled header .logo .shorts{
    display: block;
}

.navopen #mv,
.navopen #top_gallery,
.navopen #top_lifeStyle,
.navopen #top_immigrationColumn,
.navopen .swiper-wrapper,
.navopen .container{
    visibility: hidden;
    opacity: 0;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
			leftmenu
			PC版にある左側のメニュー
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#leftmenu{
    position: fixed;
    width: 50px;
    height: 100%;
    background-color: white;
    z-index: 2;
    transition: .3s;
}

#leftmenu .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#leftmenu .wrapper .hamburger_btn{
    position: relative;
    width: 21px;
    height: 7px;
    cursor: pointer;
}
.navopen #leftmenu .wrapper .hamburger_btn:before{
    position: absolute;
    content: 'Close';
    font-size: 15px;
    letter-spacing: 0.15em;
    color: white;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -65px;
    height: fit-content;
}

#leftmenu .wrapper .hamburger_btn span{
    position: absolute;
    content:'';
    width: 100%;
    height: 1px;
    background-color: #002567;
    transition: 0.5s ;
}
#leftmenu .wrapper .hamburger_btn span:first-child{
    top: 0;
}
#leftmenu .wrapper .hamburger_btn span:last-child{
    bottom: 0;
}
#leftmenu .wrapper .sns_area{
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
#leftmenu .wrapper .sns_area .ig{
    width: 14px;
    height: auto;
    margin-top: 13px;
}
#leftmenu .wrapper .sns_area .fb{
    width: 13px;
    height: auto;
}
#leftmenu .wrapper .sns_area .ig path,
#leftmenu .wrapper .sns_area .fb path{
    fill: #002058;
}

.navopen #leftmenu{
    background-color: transparent;
    z-index: 3;
}

.navopen #leftmenu .wrapper .hamburger_btn span:first-child,
.navopen #leftmenu .wrapper .hamburger_btn span:last-child{
    background-color: white;
}

.navopen #leftmenu .wrapper .hamburger_btn span:first-child{
    transform: rotate(45deg);
    top: 4px;
}
.navopen #leftmenu .wrapper .hamburger_btn span:last-child{
    transform: rotate(-45deg);
    bottom: 2px;
}

.navopen #leftmenu .wrapper .sns_area .ig path,
.navopen #leftmenu .wrapper .sns_area .fb path{
    fill: white;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			menuarea
			ハンバーガーメニュー押された時に表示
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#menu_area{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
    transition: .3s;
    opacity: 0;
    position: fixed;
    z-index: -1;
}
.navopen #menu_area{
    z-index: 2;
    opacity: 1;
}
#menu_area .wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    width: 100%;
}

#menu_area .immigrationColumn_btn,
#menu_area .corporate_btn{
    display: none;
}

#menu_area .absolute{
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

#menu_area .link{
    display: flex;
    flex-direction: column;
    width: 371px;
    height: fit-content;
    margin-right: 100px;
}

#menu_area .link.right{
    margin-right: unset;
}
#menu_area .link a{
    color: white;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    margin-bottom: 35px;
    height: auto;
    transition: 0.2s;
}
#menu_area .link a p{
    font-size: 23px;
    letter-spacing: 0.15em;
    width: 195px;
}
#menu_area .link a span{
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-left: 50px;
}
#menu_area .link a:last-child{
    margin-bottom: unset;
    margin-right: unset;
}
#menu_area .link a:hover{
    color: #6F7B90;
}
#menu_area .link a span:after{
    background-color: #6F7B90!important;
}

#menu_area .sub{
    margin-top: -20px;
    margin-bottom: 35px;
}
#menu_area .sub.pc_mb0{
    margin-bottom: 0;
}
#menu_area .sub .line{
    display: flex;
}
#menu_area .sub .line:first-child{
    margin-bottom: 7px;
}
#menu_area .sub .line:last-child{
    margin-bottom: unset;
}
#menu_area .sub a{
    margin-bottom: unset;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 0.045em;
    color: #AAB5C9;
}

#menu_area .corporate_btn_sponly{
    display: none;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
			footer
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
footer{
    position: relative;
    width: calc(100% - 200px);
    margin: 150px 0 0 50px;
    padding: 98px 75px 0;
    height: calc(385px - 98px);
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
footer .info{

}
footer .info .logo{
    width: 211px;
    height: auto;
    margin-bottom: 12px;
}
footer .info .logo svg{
    width: 100%;
    height: auto;
}
footer .info .logo svg path{
    fill: white;
}
footer .info .logo span{
    color: white;
    font-size: 12px;
    letter-spacing: 0.1em;
}

footer .info .company_info,
footer .info .company_info a{
    color: white;
    font-size: 12px;
}
footer .info .company_info .asahikawa,
footer .info .company_info .sapporo{
    display: flex;
    letter-spacing: 0.05em;
}
footer .info .company_info .asahikawa{
    margin-bottom: 5px;
}
footer .info .company_info .sapporo{
}
footer .info .company_info .asahikawa p,
footer .info .company_info .sapporo p{
    margin-right: 19px;
}
footer .info .company_info .asahikawa p:last-child,
footer .info .company_info .sapporo p:last-child{
    margin-right: unset;
}
footer .info .company_info .asahikawa .tel,
footer .info .company_info .sapporo .tel{
    margin-right: 19px;
}
footer .info .company_info .asahikawa .tel_fax,
footer .info .company_info .sapporo .tel_fax{
    display: flex;
}

footer .ftr_contact{
    position: relative;
    max-width: 344px;
    width: 100%;
    height: 129px;
    background-color: #001B4A;
}

footer .ftr_contact img{
    position: absolute;
    width: 216px;
    height: auto;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
footer .ftr_contact .ftr_contact_txt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    margin: auto;
}
footer .ftr_contact .ftr_contact_txt p{
    position: relative;
    color: white;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.1em;
}
footer .ftr_contact .ftr_contact_txt p:before,
footer .ftr_contact .ftr_contact_txt p:after{
    position: absolute;
    content: '';
    background-color: white;
    transition: 0.2s;
}
footer .ftr_contact .ftr_contact_txt p:before{
    width: 1px;
    height: 9px;
    right: 80px;
    top: 0;
    bottom: 0;
    margin: auto;
}
footer .ftr_contact .ftr_contact_txt p:after{
    width: 9px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 76px;
}
footer .ftr_contact:hover .ftr_contact_txt p:before,
footer .ftr_contact:hover .ftr_contact_txt p:after{
    transform: rotate(90deg);
}
footer .copyright{
    position: absolute;
    left: 75px;
    bottom: 65px;
    color: #5974A5;
    font-size: 10px;
    letter-spacing: 0.01em;
}
footer .privacypolicy{
    display: block;
    width: fit-content;
    color: white;
    font-size: 12px;
    letter-spacing: 0.003em;
    margin-top: 15px;
}
footer .privacypolicy span{
    position: relative;
}
footer .privacypolicy span:before,
footer .privacypolicy span:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
footer .privacypolicy:hover span:before,
footer .privacypolicy:hover span:after{
    transform: rotate(90deg);
}
footer .privacypolicy span:before{
    width: 7px;
    height: 1px;
    right: -15px;
}
footer .privacypolicy span:after{
    width: 1px;
    height: 7px;
    right: -12px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			Modelhouse_bnr
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#modelhouse_bnr{
    position: fixed;
    display: flex;
    width: 230px;
    height: 57px;
    right: 50px;
    top: calc(100vh - 102px);
    z-index: -1;
    transition: 1s;
    opacity: 0;
}
.scrolled #modelhouse_bnr{
    z-index: 1;
    opacity: 1;
}
#modelhouse_bnr.is-hidden{
    display: none;
}
#modelhouse_bnr .img{
    width: 83px;
    height: 100%;
}
#modelhouse_bnr .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#modelhouse_bnr .txt{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: calc(100% - 83px);
    font-size: 15px;
    letter-spacing: 0.05em!important;
    margin: unset !important;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			Kartell_bnr
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#kartell_bnr{
    padding: 0 0 0 125px;
    max-width: 935px;
    width: calc(100% - 125px);
    display: block;
    margin: 0 auto;
}
#kartell_bnr .wrapper{
    position: relative;
    display: flex;
    width: 100%;
    height: 200px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#kartell_bnr .wrapper:before{
    position: absolute;
    content: '';
    background-image: url("../images/kartell_bnr_cross.svg");
    background-size: cover;
    background-position: center;
    width: 85px;
    height: 85px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
#kartell_bnr .kartell,
#kartell_bnr .hkhouse{
    width: 50%;
    display: flex;
    align-items: center;
}
#kartell_bnr .kartell{
    padding-right: 70px;
    justify-content: right;
    background-color: white;
}
#kartell_bnr .kartell img{
    width: 132px;
    height: auto;
}

#kartell_bnr .hkhouse{
    position: relative;
    padding-left: 70px;
    background-image: url("../images/kartell_bnr_hkbg.jpg");
    background-size: cover;
    background-position: center;
}
#kartell_bnr .hkhouse:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    left: 0;
}

#kartell_bnr .hkhouse img{
    width: 163px;
    height: auto;
    z-index: 1;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
			共通
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.section_title{
}
.section_title span{
    position: relative;
    font-size: 23px;
    margin-right: 40px;
    font-weight: 400;
    letter-spacing: 0.15em;
}
.section_title span:after{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    background-color: #002567;
    bottom: 7px;
    right: -30px;
}
.section_title .noline:after{
    display: none;
}
.section_title .white_fontcolor span:after{
    background-color: white;
}

.section_title p{
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.page_title{
    margin-bottom: 28px;
}
.page_title h2{
    position: relative;
    font-size: 37px;
    letter-spacing: 0.15em;
    font-weight: 400;
    line-height: 0.8;
}

.page_title span{
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.detail_btn{
    background-color: #002567;
    width: 138px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.detail_btn.white{
    background-color: white;
}
.detail_btn span{
    font-size: 12px;
    letter-spacing: 0.15em;
    color: white;
}
.detail_btn.white span{
    color: #002567;
}


.content .img1{
    position: relative;
    margin-bottom: 15px;
}

.content .img1.vertical{
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 15px;
}

.content .img1.vertical img{
    height: 100%;
    width: auto;
}

.content .img1 .caption{
    display: none;
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 17px 14px;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.6;
    width: calc(100% - 28px);
}

.content .img1:hover .caption{
    display: block;
}

.content .img2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.content .img2 .parts{
    position: relative;
    width: calc(50% - 8px);
}

.content .img2 .parts img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content .img2 .parts .caption{
    position: absolute;
    bottom: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 17px 14px;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.6;
    width: calc(100% - 28px);
    transition: 0.2s;
    opacity: 0;
}
.content .img2 .parts:hover .caption{
    opacity: 1;
}

/*カーソル追従*/
#black_cursor {
    margin-top: -60px;
    margin-left: -47px;
    z-index: 100;
    width:31px;
    height: 31px;
    position: absolute;
    pointer-events: none;
}

#black_cursor img {
    transform: translate(0px, 0px) scale(0);
    transition: transform 0.2s;
    transform-origin: center;
    pointer-events: none;
}
.drag_cursor_handle {
    cursor: none;
}

.wp-pagenavi>a.last {
    margin-left: 64px;
    position: relative;
}

.wp-pagenavi>a.last:before {
    position: absolute;
    content: '...';
    font-size: 16px;
    letter-spacing: 0.045em;
    left: -42px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
			MV
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#mv{
    position: relative;
    height: calc(100vh - 160px);
    padding: 160px 0 0 150px;
    transition: .5s;
}

@keyframes zoom-in {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes progressbar-in {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}
@keyframes progressbar-in2 {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

#mv .swiper-container{
    position: relative;
    width: 100%;
    height: 100%;
}
#mv .swiper-wrapper {
    overflow: hidden;
}
#mv .swiper-pagination{
    position: absolute;
    bottom: 45px !important;
    left: unset !important;
    right: 50px;
    display: flex;
    width: fit-content !important;
}
#mv .swiper-slide{}
#mv .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}
#mv .swiper-slide-active img{
    animation: zoom-in 7s linear 0s 1 normal both;
}

#mv .swiper-pagination-bullet{
    background: #C6C9C8!important;
    opacity: 1!important;
    margin: 0 7px!important;
}
#mv .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #002567!important;
}
#mv .progressbar {
    position: absolute;
    top: 160px;
    right: 0;
    width: 7px;
    height: calc(100vh - 160px);
    background: transparent;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
}
#mv .progressbar span{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002058;
    border-radius: 7px;
    transform: scaleY(0);
    transform-origin: left top;
    transition-timing-function: linear;
}
#mv .progressbar span.start {
    /*animation: progressbar-in 4.8s linear;*/
    animation: progressbar-in 6.8s linear;
}

.mv_news{
    position: absolute;
    left: 95px;
    bottom: 37px;
    z-index: 1;
}
.mv_news li:first-child{
    margin-bottom: 5px;
}
.mv_news a{
    display: flex;
    background-color:#F7F7F7;
    width: fit-content;
    padding: 8px 25px 8px 1px;
}
.mv_news .cat_date{
    position: relative;
    letter-spacing: 0.1em;
    margin-right: 30px;
}
.mv_news .cat_date:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: -15px;
    margin: auto;
    width: 1px;
    height: 13px;
    background-color: #D3D3D3;
}
.mv_news .cat_date .cat{
    margin-right: 10px;
}
.mv_news .title{
    letter-spacing: 0.15em;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Concept
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_concept{
    padding: 140px 0 0 125px;
    transition: .5s;
}
#top_concept .wrapper{
    max-width: 872px;
    width: 100%;
    margin: 45px 0;
    padding-left: 65px;
}
#top_concept .wrapper h3{
    margin-bottom: 30px;
    font-size: 20px;
    letter-spacing: 0.15em;
    font-weight: 500;
}
#top_concept .wrapper p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #5C5C5C;
}
#top_concept .detail_btn{
    margin-left: 65px;
}
#top_concept .img_area_sp{
    display: none;
}
#top_concept .img_area_pc{
    display: flex;
    padding-left: 65px;
    width: calc(100% - 65px);
    margin-top: 150px;
}
#top_concept .img_area_pc img{
    width: 33.3%;
    height: auto;
    object-fit: cover;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Gallery
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_gallery{
    padding: 150px 140px 0 50px;
    overflow-x: hidden;
    transition: .5s;
}

#top_gallery .wrapper{
    padding: 95px 65px 48px 75px;
}

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

#top_gallery .cat_area{
    display: flex;
    align-items: center;
}

#top_gallery .cat_area a{
    position: relative;
    margin-right: 50px;
    color: white;
    font-size: 15px;
    letter-spacing: 0.1em;
}

#top_gallery .cat_area a:after{
    position: absolute;
    content: '';
    background-image: url("../images/plus.svg");
    background-size: cover;
    background-position: center;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    transition: 0.2s;
}
#top_gallery .cat_area .detail_btn{
    margin-right: unset;
    position: unset;
}
#top_gallery .cat_area a:hover:after{
    transform: rotate(-90deg);
}

#top_gallery .topgallery_swiper-container{
    position: relative;
    margin-top: 45px;
    padding-bottom: 50px;
    cursor: none !important;
}
#top_gallery .topgallery_swiper-container:before {
    position: absolute;
    content: '';
    background-color: #002058;
    width: 140px;
    height: 100%;
    z-index: 2;
    left: -75px;
    top: -1px;
}

.single #top_gallery .topgallery_swiper-container:before{
    background-color: white;
}

#top_gallery .topgallery_swiper-container .swiper-wrapper{
    cursor: none !important;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper:hover{
    cursor: none !important;
}
#top_gallery .topgallery_swiper-container .swiper-scrollbar{
    background-color: white;
    z-index: 1;
    max-width: calc(85% - 110px);
}
#top_gallery .topgallery_swiper-container .swiper-scrollbar-drag{
    background-color: #002567;
    height: 2px;
    top: 1px;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide{
    position: relative;
    width: 345px!important;
    height: 210px;
    cursor: none !important;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption{
position: absolute;
bottom: 0;
color: white;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.4;
display: none;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .caption{
display: block;
}
#top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover:before{
position: absolute;
content: '';
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
#top_gallery .topgallery_sp{
    display: none;
}
#top_gallery .swiper-button-prev,
#top_gallery .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: -21px;;
    top: unset;
    z-index: 1;
    opacity: 1;
}
#top_gallery .swiper-button-prev{
    left: unset;
    right: 55px;
}
#top_gallery .swiper-button-next{
    right: 0;
}
#top_gallery .swiper-button-prev:after,
#top_gallery .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#top_gallery .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#top_gallery .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");
    /*transform: rotate(180deg);*/
}
#top_gallery .swiper-button-prev:hover:after,
#top_gallery .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
        TOP - With Architect
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_witharchitect{
    background-color: white;
    padding: 130px 0 0 125px;
    transition: .5s;
}
#top_witharchitect .wrapper{
    position: relative;
    padding-bottom: 70px;
    max-width: 872px;
    width: 100%;
    margin: 50px auto 45px;
}
#top_witharchitect .wrapper img{
    max-width: 870px;
    width: 100%;
    height: 427px;
    margin: 0 auto 70px;
    object-fit: cover;
}
#top_witharchitect .wrapper h3{
    margin-bottom: 30px;
    font-size: 20px;
    letter-spacing: 0.15em;
    font-weight: 500;
}
#top_witharchitect .wrapper p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #5C5C5C;
    margin-bottom: 50px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - LifeStyle
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_lifeStyle{
    padding-top: 150px;
    padding-right: 140px;
    padding-left: 50px;
    overflow-x: hidden;
    transition: .5s;
}

#top_lifeStyle .wrapper{
    padding: 95px 65px 48px 75px;
}

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

#top_lifeStyle .cat_area{
    display: flex;
    align-items: center;
}

#top_lifeStyle .cat_area a{
    position: relative;
    margin-right: 50px;
    color: white;
}
#top_lifeStyle .cat_area a:after{
    position: absolute;
    content: '';
    background-image: url("../images/plus.svg");
    background-size: cover;
    background-position: center;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    transition: 0.2s;
}
#top_lifeStyle .cat_area a:last-child{
    margin-right: unset;
    position: unset;
}
#top_lifeStyle .cat_area a:hover:after{
    transform: rotate(-90deg);
}


#top_lifeStyle .topgallery_swiper-container{
    margin-top: 45px;
    cursor: none !important;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper{

}
#top_lifeStyle .topgallery_swiper-container {
    margin-top: 45px;
    position: relative;
    padding-bottom: 50px;
    cursor: none !important;
}
#top_lifeStyle .topgallery_swiper-container:before{
    position: absolute;
    content: '';
    background-color: #002058;
    width: 140px;
    height: 100%;
    z-index: 2;
    left: -75px;
    top: -1px;
}

#top_lifeStyle .topgallery_swiper-container .swiper-scrollbar{
    background-color: white;
    z-index: 1;
    max-width: calc(85% - 110px);
}
#top_lifeStyle .topgallery_swiper-container .swiper-scrollbar-drag{
    background-color: #002567;
    height: 2px;
    top: 1px;
}

#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide{
    position: relative;
    width: 345px!important;
    height: 210px;
    cursor: none !important;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption{
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    display: none;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption .en{
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover .caption{
    display: flex;
    flex-direction: column;
}
#top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:hover:before{
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}
#top_lifestyle .toplifestyle_sp{
    display: none;
}
#top_lifeStyle .toplifestyle_sp{
    display: none;
}

#top_lifeStyle .swiper-button-prev,
#top_lifeStyle .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: -21px;;
    top: unset;
    z-index: 1;
    opacity: 1;
}
#top_lifeStyle .swiper-button-prev{
    right: 55px;
    left: unset;
}
#top_lifeStyle .swiper-button-next{
    right: 0;
}
#top_lifeStyle .swiper-button-prev:after,
#top_lifeStyle .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#top_lifeStyle .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#top_lifeStyle .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");
    /*transform: rotate(180deg);*/
}
#top_lifeStyle .swiper-button-prev:hover:after,
#top_lifeStyle .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Immigration Column
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_immigrationColumn{
    padding-top: 150px;
    padding-left: 50px;
    width: calc(100% - 50px);
    transition: .5s;
}
#top_immigrationColumn .wrapper{
    padding: 65px 0 100px 75px;
}
#top_immigrationColumn .txt{
    margin: 30px auto 30px;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    width: calc(100% - 280px);
}

#top_immigrationColumn .immigrationswiper-container{
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 25px;
}
#top_immigrationColumn .swiper-wrapper {
}
#top_immigrationColumn .swiper-pagination{
    position: absolute;
    display: flex;
    width: 108px;
    justify-content: center;
    align-items: center;
    height: 108px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.4em;
    right: 140px;
    left: unset;
    top: 0;
    background-color: #002567;
    z-index: 1;
}
#top_immigrationColumn .swiper-slide{
    position: relative;
    height: 400px;
}
#top_immigrationColumn .swiper-slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#top_immigrationColumn .swiper-slide span{
    position: absolute;
    left: 25px;
    bottom: 25px;
    background-color: white;
    padding: 10px 15px;
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 2;
}
#top_immigrationColumn .progressbar2 {
    position: absolute;
    top: 50px;
    left: 0;
    width: 7px;
    height: calc(100% - 75px);
    background: transparent;
    border-radius: 7px;
    overflow: hidden;
    z-index: 1;
}
#top_immigrationColumn .progressbar2 span{
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002058;
    border-radius: 7px;
    transform: scaleY(0);
    transform-origin: left top;
    transition-timing-function: linear;
}
#top_immigrationColumn .progressbar2 span.start {
    /*animation: progressbar-in2 3s linear;*/
    animation: progressbar-in2 5s linear;
}

/*前後のボタン*/
#top_immigrationColumn .swiper-button-prev,
#top_immigrationColumn .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: 0;
    top: unset;
    z-index: 1;
}
#top_immigrationColumn .swiper-button-prev{
    right: 250px;
    left: unset;
}
#top_immigrationColumn .swiper-button-next{
    right: 195px;
}
#top_immigrationColumn .swiper-button-prev:after,
#top_immigrationColumn .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#top_immigrationColumn .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
}
#top_immigrationColumn .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}

#top_immigrationColumn .swiper-button-prev:hover:after,
#top_immigrationColumn .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}

#top_immigrationColumn .detail_btn{
    display: none;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
            TOP - News
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_news{
    position: relative;
    padding: 0 0 0 125px;
    margin: 90px auto 150px;
    max-width: 935px;
    width: calc(100% - 125px);
    transition: .5s;
}
#top_news .section_title{
    margin-bottom: 45px;
}

#top_news .detail_btn{
    position: absolute;
    top: 0;
    right: 0;
}
#top_news li{
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 25px;
    border-bottom: 1px solid #DBDBDB;
}
#top_news li:before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-image: url("../images/plus_b.svg");
    background-size: cover;
    background-position: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 0.2s;
}
#top_news li:hover:before{
    transform:  rotate(-90deg);
}
#top_news li:last-child{
    margin-bottom: unset;
}

#top_news .cat_date{
    margin-bottom: 5px;
    font-size: 12px;
}
#top_news .cat_date .cat{
    margin-right: 10px;
}
#top_news .title{
    font-size: 14px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Blog
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#top_blog{
    position: relative;
    padding: 0 0 0 125px;
    margin: 90px auto 150px;
    max-width: 935px;
    width: calc(100% - 125px);
    transition: .5s;
}
#top_blog .section_title{
    margin-bottom: 45px;
}
#top_blog .detail_btn{
    position: absolute;
    top: 0;
    right: 0;
}
#top_blog li{
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 25px;
    border-bottom: 1px solid #DBDBDB;
    transition: 0.2s;
}
#top_blog li:before{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-image: url("../images/plus_b.svg");
    background-size: cover;
    background-position: center;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 0.2s;
}
#top_blog li:hover:before{
    transform:  rotate(-90deg);
}

#top_blog li:last-child{
    margin-bottom: unset;
}

#top_blog .cat_date{
    margin-bottom: 5px;
    font-size: 12px;
}

#top_blog .cat_date .cat{
    margin-right: 10px;
}

#top_blog .title{
    font-size: 14px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
            下層
            Company
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#company{

}
#company .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#company .content{
    padding: 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#company .content .section_title{
    margin-bottom: 40px;
}
#company table{
    width: 100%;
    margin-bottom: 25px;
}
#company table tr{
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 25px;
}
#company table th{
    width: 210px;
    border-bottom: 1px solid #002567;
    padding-bottom: 10px;
    font-size: 15px;
    letter-spacing: 0.075em;
    font-weight: 600;
    vertical-align: baseline;
}
#company table td{
    width: calc(100% - 210px);
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.045em;
    line-height: 1.6;
}

#company table td.relative{
    position: relative;
}
#company table td.relative span{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    letter-spacing: 0.075em;
}

#company .content .contact{
    display: flex;
    align-items: center;
    flex-direction: column;
    color: white;
    margin: 30px 0 105px;
    padding: 45px 0;
    font-size: 14px;
    letter-spacing: 0.045em;
    text-align: center;
}
#company .content .contact span{
    position: relative;
    margin-top: 10px;
    font-size: 15px;
    letter-spacing: 0.1em;
}
#company .content .contact span:before,
#company .content .contact span:after{
    position: absolute;
    content: '';
    background-color: white;
    transition: 0.2s;
}
#company .content .contact span:before{
    width: 9px;
    height: 1px;
    right: -18px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#company .content .contact span:after{
    width: 1px;
    height: 9px;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#company .content .contact:hover span:before,
#company .content .contact:hover span:after{
    transform: rotate(90deg);
}


#company .content #about .hkhouse{
    font-size: 17px;
    letter-spacing: 0.075em;
    margin-bottom: 27px;
}

#company .architect_award{
    margin-top: 20px;
}

#company .architect_award .title{
    font-size: 17px;
    letter-spacing: 0.075em;
    margin-bottom: 25px;
}
#company .architect_award .parts{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EBEBEB;
}
#company .architect_award .parts:last-child{
    margin-bottom: unset;
    border-bottom: unset;
}

#company .architect_award .architect{
    display: flex;
    font-size: 15px;
    letter-spacing: 0.15em;
    margin-bottom: 15px;
}
#company .architect_award .architect p:first-child{
    position: relative;
    margin-right: 37px;
}
#company .architect_award .architect p:first-child:before{
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    background-color: #C6C9C8;
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
}

#company .architect_award .architect span{
    font-size: 11px;
    letter-spacing: 0.15em;
}
#company .architect_award .award{

}
#company .architect_award .award li{
    display: flex;
    margin-bottom: 12px;
    font-size: 14px;
    letter-spacing: 0.075em;
}
#company .architect_award .award li:last-child{
    margin-bottom: unset;
}
#company .architect_award .award .year{
    margin-right: 15px;
}
#company .architect_award .award .subject{
}
#company #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
            下層
            Contact
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contact,#contact-confirm{

}
#contact .container,
#contact-confirm .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#contact .content,
#contact-confirm .content{
    padding: 75px 150px;
    width: calc(100% - 300px);
    background-color: white;
}
#contact .content .section_title,
#contact-confirm .content .section_title{
    margin-bottom: 30px;
}
#contact .content .tel,
#contact-confirm .content .tel{
    margin-bottom: 70px;
}
#contact .content .tel .parts,
#contact-confirm .content .tel .parts{
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

#contact .content .tel svg,
#contact-confirm .content .tel svg{
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
#contact .content .tel .txt,
#contact-confirm .content .tel .txt{
    display: flex;
    flex-direction: column;
}
#contact .content .tel .txt a,
#contact-confirm .content .tel .txt a{
    font-size: 23px;
    letter-spacing: 0.15em;
}
#contact .content .tel .txt span,
#contact-confirm .content .tel .txt span{
    font-size: 12px;
    letter-spacing: 0.045em;
}

#contact .content .form{

}
#contact .content .form_item.preferreddate_area{
    align-items: center;
}
#contact .content .form_item.preferreddate_area .contents{
    border-bottom: unset!important;
}
#contact .content .form_item.preferreddate_area input[type="text"]{
    position: relative;
    padding: 10px 14px;
    border: solid 1px #EBEBEB !important;
    margin-left: 14px;
    width: calc(285px - 28px)!important;
}
#contact .content .form_item.preferreddate_area input[type="text"]:before,
#contact .content .form_item.preferreddate_area input[type="text"]:after{
    position: absolute;
    background-color: #414141;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
}
#contact .content .form_item.preferreddate_area input[type="text"]:before{
    width: 9px;
    height: 1px;
    right: 20px;
}
#contact .content .form_item.preferreddate_area input[type="text"]:after{
    width: 1px;
    height: 9px;
    right: 20px;
}

#contact .content .form .txt,
#contact-confirm .content .form .txt{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 50px;
}
#contact .content .mw_wp_form{}

#contact .content .mw_wp_form .form_item,
#contact-confirm .content .mw_wp_form .form_item{
    display: flex;
    margin-bottom: 30px;
}

#contact .content .mw_wp_form .form_item .name,
#contact-confirm .content .mw_wp_form .form_item .name{
    width: 190px;
    padding-bottom: 10px;
    border-bottom: 1px solid #002567;
}
#contact .content .mw_wp_form .form_item .contents,
#contact-confirm .content .mw_wp_form .form_item .contents{
    width: calc(100% - 190px);
    padding-bottom: 10px;
    border-bottom: 1px solid #EBEBEB;
    display: flex;
    flex-wrap: wrap;
}

#contact .content .mw_wp_form .form_item .contents input[type="text"],
#contact .content .mw_wp_form .form_item .contents textarea{
    font-size: 14px;
    letter-spacing: 0.045em;
    line-height: 2.2;
    border: unset;
}
#contact .content .mw_wp_form .form_item .contents input[type="text"]::placeholder,
#contact .content .mw_wp_form .form_item .contents textarea::placeholder{
    color: #C9C9C9;
}

#contact .content .mw_wp_form .form_item .contents input[type="text"],
#contact .content .mw_wp_form .form_item .contents textarea{
    font-family: 'Noto Serif JP', '游明朝', YuMincho, 'Yu Mincho', serif;
    width: 100%;
}
#contact .mw_wp_form .horizontal-item,
#contact-confirm .mw_wp_form .horizontal-item{
    margin-right: 30px;
}
#contact .mw_wp_form .horizontal-item + .horizontal-item,
#contact-confirm .mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: unset!important;
    margin-bottom: 8px;
}
#contact .mw_wp_form input[type="submit"],
#contact .mw_wp_form input[type="button"],
#contact .mw_wp_form input[type="reset"],
#contact-confirm .mw_wp_form input[type="submit"],
#contact-confirm .mw_wp_form input[type="button"],
#contact-confirm .mw_wp_form input[type="reset"]{
    max-width: 300px;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #002567;
    color: white;
    font-size: 15px;
    letter-spacing: 0.045em;
    margin: 0 auto;
    cursor: pointer;
}

#contact .mw_wp_form .btnarea,
#contact .mw_wp_form .privacy,
#contact-confirm .mw_wp_form .btnarea,
#contact-confirm .mw_wp_form .privacy{
    text-align: center;
}
#contact .mw_wp_form .privacy,
#contact-confirm .mw_wp_form .privacy{
    margin-bottom: 10px;
}
#contact .mw_wp_form .privacy .horizontal-item,
#contact-confirm .mw_wp_form .privacy .horizontal-item{
    margin-right: unset;
}
#contact .mw_wp_form .btnarea .mwform-checkbox-field,
#contact-confirm .mw_wp_form .btnarea .mwform-checkbox-field{
    margin-right: unset !important;
    margin-bottom: 10px;
}
#contact .mwform-radio-field input,
#contact-confirm .mwform-radio-field input{
    visibility: hidden;
}
#contact .mwform-radio-field label,
#contact-confirm .mwform-radio-field label{
    position: relative;
}
#contact .mwform-radio-field label:before,
#contact-confirm .mwform-radio-field label:before{
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 50%;
    border: 1px solid #002567;
}
#contact .mwform-radio-field label.checked:before ,
#contact-confirm .mwform-radio-field label.checked:before {
    background-color: #002567;
}


/*確認*/
.mw_wp_form_confirm{}

.mw_wp_form_confirm .tel,
.mw_wp_form_confirm .privacy{
    display: none;
}

.mw_wp_form_confirm .btnarea{
    display: flex;
}

/*完了*/
.mw_wp_form mw_wp_form_complete{

}

#contact #kartell_bnr,
#contact-confirm #kartell_bnr{
    display: none;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    thankyou
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contact-thankyou,
#kartell-thankyou{

}
#contact-thankyou .container,
#kartell-thankyou .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#contact-thankyou .content,
#kartell-thankyou .content{
    padding: 215px 150px 0;
    width: calc(100% - 300px);
    background-color: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#contact-thankyou .content img,
#kartell-thankyou .content img{
    width: 445px;
    height: auto;
}
#contact-thankyou .content .top_btn,
#kartell-thankyou .content .top_btn{
    width: 300px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 15px;
    letter-spacing: 0.1em;
    position: relative;
    margin-top: 190px;
}
#contact-thankyou .content .top_btn:before,
#contact-thankyou .content .top_btn:after,
#kartell-thankyou .content .top_btn:before,
#kartell-thankyou .content .top_btn:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
}
#contact-thankyou .content .top_btn:before,
#kartell-thankyou .content .top_btn:before{
    width: 9px;
    height: 1px;
    right: 20px;
}
#contact-thankyou .content .top_btn:after,
#kartell-thankyou .content .top_btn:after{
    width: 1px;
    height: 9px;
    right: 24px;
}
#contact-thankyou #kartell_bnr,
#kartell-thankyou #kartell_bnr{
    display: none;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    ModelHouse
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#modelhouse{

}
#modelhouse .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#modelhouse .content{
    padding: 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#modelhouse .content .section_title{
    margin-bottom: 33px;
}

#modelhouse .title{
    font-size: 20px;
    letter-spacing: 0.15em;
    margin-bottom: 30px;
}

#modelhouse .content .slide {
    margin-bottom: 75px;
}
#modelhouse .content .slide .modelhouseswiper-container{
    position: relative;
    overflow-x: hidden;
    /*padding-bottom: 50px;*/
}
#modelhouse .content .slide .swiper-wrapper{
    padding-bottom: 30px;
}
#modelhouse .content .slide .modelhouseswiper-container .swiper-scrollbar{
    background-color: #F4F4F4;
    height: 1px;
    z-index: 1;
    width: 80%;
    left: 0;
}
#modelhouse .content .slide .modelhouseswiper-container .swiper-scrollbar-drag{
    background-color: #002567;
}

#modelhouse .content .caption {
    margin-bottom: 105px;
}

#modelhouse .content .caption p{
    display: inline-block;
}
#modelhouse .content .caption p:first-child{
    font-size: 17px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    margin-bottom: 20px;
}
#modelhouse .content .caption p:nth-child(2){
    font-size: 15px;
    letter-spacing: 0.075em;
    line-height: 2;
    margin-bottom: 30px;
}
#modelhouse .content .caption p:last-child{
    font-size: 15px;
    letter-spacing: 0.15em;
    display: flex;
    flex-direction: column;
}

#modelhouse .content .caption p:last-child span{
    font-size: 10px;
    letter-spacing: 0.1em;
}

#modelhouse .content .overview{
    display: flex;
    margin-bottom: 100px;
}

#modelhouse .content .overview table{
    width: 50%;
}
#modelhouse .content .overview table tr{
    margin-bottom: 13px;
    display: block;
}
#modelhouse .content .overview table th{
    width: 112px;
    padding-bottom: 13px;
    text-align: left;
    border-bottom: 1px solid #002567;
}
#modelhouse .content .overview table td{
    width: calc(100% - 112px);
    padding-bottom: 13px;
    border-bottom: 1px solid #EBEBEB;
}
#modelhouse .content .overview table td span{
    font-size: 12px;
}

#modelhouse .content .overview .map{
    width: calc(50% - 25px);
    padding-left: 25px;
}

#modelhouse .content .overview .map iframe{
    width: 100%;
    height: 100%;
}

#modelhouse .content .area360{

}

#modelhouse .content .area360 iframe{
    width: 100% !important;
}
#modelhouse .content .contact{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-top: 88px;
    height: 90px;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-align: center;
}

#modelhouse .content .contact span{
    position: relative;
}
#modelhouse .content .contact span:before,
#modelhouse .content .contact span:after{
    position: absolute;
    content: '';
    background-color: white;
}
#modelhouse .content .contact span:before{
    width: 9px;
    height: 1px;
    right: -18px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#modelhouse .content .contact span:after{
    width: 1px;
    height: 9px;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#modelhouse #kartell_bnr{
    display: none;
}

#modelhouse .swiper-button-prev,
#modelhouse .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: 0;
    top: unset;
    z-index: 1;
    opacity: 1;
}
#modelhouse .swiper-button-prev{
    right: 75px;
    left: unset;
}
#modelhouse .swiper-button-next{
    right: 20px;
}
#modelhouse .swiper-button-prev:after,
#modelhouse .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#modelhouse .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#modelhouse .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");

}

#modelhouse .swiper-button-prev:hover:after,
#modelhouse .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    プライバシーポリシー
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#privacypolicy{

}
#privacypolicy .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#privacypolicy .content{
    padding: 75px 150px 150px;
    width: calc(100% - 300px);
    background-color: white;
}
#privacypolicy .content .section_title{
    margin-bottom: 33px;
}

#privacypolicy .content .txt{
    margin-bottom: 50px;
}

#privacypolicy .content h3{
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.7;
}
#privacypolicy .content p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1.8;
}

#privacypolicy .content ul{
}
#privacypolicy .content li{
    position: relative;
    list-style: none;
    line-height: 2;
}
#privacypolicy .content li:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #002567;
    left: 0;
    top: 14px;
}

#privacypolicy .content .parts{
    margin-bottom: 35px;
}
#privacypolicy #kartell_bnr{
    display: none;
}
/*追加*/
#privacypolicy .content .title{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
#privacypolicy .content .title small{
    font-size: 11px;
}
#privacypolicy .content .title .point_txt{
    border-radius: 50%;
    border: 1px solid #002567;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
#privacypolicy .content .title .point_txt img{
    /*width: 19px;*/
    /*height: auto;*/
    width: auto;
    height: 13px;
}
#privacypolicy .content .subtitle{
    font-size: 15px;
    margin: 10px 0;
    display: flex;
    align-items: center;
}
#privacypolicy .content .subtitle.multiline{
    align-items: baseline;
}
#privacypolicy .content .subtitle .subpoint_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
#privacypolicy .content .subtitle .subpoint_txt img{
    width: auto;
    height: 13px;
}
#privacypolicy .content .revision_txt{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1.8;
    margin-top: 75px;
}
#privacypolicy .content .consultation{
    position: relative;
    border: solid 1px #707070;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 90px;
}
#privacypolicy .content .consultation .title{
    position: absolute;
    margin-bottom: unset;
    top: -17px;
    padding: 0 20px;
    background-color: white;
}
#privacypolicy .content .consultation .title p{
    font-size: 18px;
    letter-spacing: 0.15em;
}
#privacypolicy .content .consultation .txtarea{

}
#privacypolicy .content .consultation .txtarea p{
    line-height: 1;
    margin-bottom: 8px;
}
#privacypolicy .content .consultation .txtarea p:first-child{
    margin-bottom: 20px;
}
#privacypolicy .content .consultation .txtarea p:last-child{
    position: relative;
    margin-bottom: unset;
}
#privacypolicy .content .consultation .txtarea p:last-child:before{
    position: absolute;
    content: 'ただし、祝祭日及び年末年始・GW・夏季休業期間は除く。';
    font-size: 11px;
    letter-spacing: 0.01em;
    left: 83px;
    bottom: -12px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Concept
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#concept{

}
#concept .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#concept .content{
    padding: 75px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#concept .content .section_title{
    margin-bottom: 33px;
}

#concept .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 15px;
}
#concept .content .txt{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#concept .content .parts{
    display: inline-block;
    margin-bottom: 75px;
}

#concept .content .mv{
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-bottom: 75px;
}

#concept .content .parts.mb-0{
    margin-bottom: unset;
}

#concept .content .parts.flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 335px;
}

#concept .content .parts.flex img{
    width: calc(50% - 2.5px);
    height: 100%;
    object-fit: cover;
}
#concept .linkarea{
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    padding-right: 75px;
}

#concept .linkarea a{
    position: relative;
    /*max-width: 315px;*/
    width: 30%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #002567;
    font-size: 17px;
    letter-spacing: 0.15em;
    line-height: 1.8;
}

#concept .linkarea a:before,
#concept .linkarea a:after{
    position: absolute;
    content: '';
    background-color: #002567;
    top: 0;
    bottom: 0;
    margin: auto;
}
#concept .linkarea a:before{
    width: 9px;
    height: 1px;
    right: 25px;
}
#concept .linkarea a:after{
    width: 1px;
    height: 9px;
    right: 29px;
}
#concept #kartell_bnr{
    display: none;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    kartell
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#kartell{

}

#kartell-confirm .container,
#kartell .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#kartell-confirm .content,
#kartell .content{
    padding: 75px 0 75px 75px;
    width: calc(100% - 75px);
    background-color: white;
}

#kartell-confirm .content .section_title,
#kartell .content .section_title{
    margin-bottom: 33px;
}

#kartell-confirm .content .section_title p,
#kartell .content .section_title p{
    position: relative;
    width: fit-content;
    background-color: white;
}

#kartell-confirm .content .detail .section_title p:after,
#kartell .content .detail .section_title p:after{
    position: absolute;
    content: '';
    width: 86px;
    height: 86px;
    background-image: url(../images/detail_deco.svg);
    background-size: cover;
    background-position: center;
    top: -55px;
    right: -65px;
    z-index: 0;
}

#kartell-confirm .swiper-scrollbar,
#kartell .swiper-scrollbar{
    background-color: #F4F4F4;
    height: 1px;
    z-index: 1;
    width: 80%;
    left: 0;
}

#kartell-confirm .swiper-scrollbar-drag,
#kartell .swiper-scrollbar-drag{
    background-color: #002567;
}


#kartell-confirm .content .image,
#kartell .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}

#kartell-confirm .content .image img,
#kartell .content .image img{
    width: 100%;
    height: auto;
}

#kartell-confirm .content h3,
#kartell .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 25px;
}

#kartell-confirm .content .spec h3,
#kartell .content .spec h3 {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    padding: 0 45px;
    margin: auto;
    display: flex;
    width: fit-content;
    background-color: #FFFFFF;
}

#kartell-confirm .content .slide,
#kartell .content .slide{
    margin-bottom: 105px;
    padding-right: 75px;
}

#kartell-confirm .content .slide p,
#kartell .content .slide p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#kartell-confirm .content .slide .kartellswiper-container,
#kartell .content .slide .kartellswiper-container{
    position: relative;
    overflow-x: hidden;
    margin: 50px 0;
}

#kartell-confirm .content .slide .kartellswiper-container .swiper-wrapper,
#kartell .content .slide .kartellswiper-container .swiper-wrapper{
    padding-bottom:30px;
}

#kartell-confirm .swiper-container-horizontal>.swiper-scrollbar,
#kartell .swiper-container-horizontal>.swiper-scrollbar{
    height: 1px;
    z-index: 1;
    left: 0;
    width: 100%;
}

#kartell-confirm .content .slide .form_btn,
#kartell .content .slide .form_btn{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 45px;
    color: white;
    margin: 50px auto 0;
    transition: 0.2s;
    border: solid 1px #002058;
}

#kartell-confirm .content .slide .form_btn:hover,
#kartell .content .slide .form_btn:hover{
    background-color: white;
    color: #002058;
}

#kartell-confirm .content .slide .form_btn:before,
#kartell-confirm .content .slide .form_btn:after,
#kartell .content .slide .form_btn:before,
#kartell .content .slide .form_btn:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}

#kartell-confirm .content .slide .form_btn:before,
#kartell .content .slide .form_btn:before{
    width: 9px;
    height: 1px;
    right: 19px;
}

#kartell-confirm .content .slide .form_btn:after,
#kartell .content .slide .form_btn:after{
    width: 1px;
    height: 9px;
    right: 23px;
}


#kartell-confirm .content .slide .form_btn:hover:before,
#kartell-confirm .content .slide .form_btn:hover:after,
#kartell .content .slide .form_btn:hover:before,
#kartell .content .slide .form_btn:hover:after{
    background-color: #002058;
    transform: rotate(90deg);
}

#kartell-confirm .content .detail,
#kartell .content .detail{
    padding-right: 75px;
}

#kartell-confirm .content .detail .flex,
#kartell .content .detail .flex{
    display: flex;
    justify-content: space-between;
}

#kartell-confirm .content .detail .flex .info,
#kartell .content .detail .flex .info{
    width: 50%;
}

#kartell-confirm .content .detail .flex .info .item,
#kartell .content .detail .flex .info .item{
    display: flex;
    margin-bottom: 25px;
}

#kartell-confirm .content .detail .flex .info .item:last-child,
#kartell .content .detail .flex .info .item:last-child{
    margin-bottom: unset;
}

#kartell-confirm .content .detail .flex .info .item .name,
#kartell .content .detail .flex .info .item .name{
    width: 112px;
    padding-bottom: 11px;
    border-bottom: 1px solid #002567;
}

#kartell-confirm .content .detail .flex .info .item .txt,
#kartell .content .detail .flex .info .item .txt{
    width: calc(100% - 112px);
    padding-bottom: 11px;
    border-bottom: 1px solid #EBEBEB;
}

#kartell-confirm .content .detail .flex .info .item .txt p,
#kartell .content .detail .flex .info .item .txt p{
    font-size: 15px;
    letter-spacing: 0.045em;
}
#kartell .content .detail .flex .info .item .txt p:first-child{

}

#kartell-confirm .content .detail .flex .info .item .txt p:nth-child(2),
#kartell .content .detail .flex .info .item .txt p:nth-child(2){
    margin-bottom: 18px;
}

#kartell-confirm .content .detail .flex .info .item .txt p:nth-child(2) span,
#kartell .content .detail .flex .info .item .txt p:nth-child(2) span{
    font-size: 12px;
    letter-spacing: 0.045em;
}

#kartell-confirm .content .detail .flex .info .item .txt span,
#kartell .content .detail .flex .info .item .txt span{
    font-size: 12px;
    letter-spacing: 0;
}

#kartell-confirm .content .detail .flex .map,
#kartell .content .detail .flex .map{
    width: calc(50% - 37px);
}

#kartell-confirm .content .detail .flex .map iframe,
#kartell .content .detail .flex .map iframe{
    width: 100%;
    height: 100%;
}

#kartell-confirm .content .slidearea,
#kartell .content .slidearea{
    margin: 50px 0;
    overflow-x: hidden;
}

#kartell-confirm .content .form,
#kartell .content .form{
    margin-top: 100px;
    padding-right: 75px;
}

#kartell-confirm .content .form .txt,
#kartell .content .form .txt{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#kartell-confirm .content .mw_wp_form,
#kartell .content .mw_wp_form{
    margin-top: 50px;
}

#kartell-confirm .content .mw_wp_form .form_item,
#kartell .content .mw_wp_form .form_item{
    display: flex;
    margin-bottom: 30px;
}

#kartell-confirm .content .mw_wp_form .form_item .name,
#kartell .content .mw_wp_form .form_item .name{
    width: 190px;
    padding-bottom: 10px;
    border-bottom: 1px solid #002567;
}

#kartell-confirm .content .mw_wp_form .form_item .contents,
#kartell .content .mw_wp_form .form_item .contents{
    width: calc(100% - 190px);
    padding-bottom: 10px;
    border-bottom: 1px solid #EBEBEB;
}

#kartell-confirm .content .mw_wp_form .form_item .contents input[type="text"],
#kartell .content .mw_wp_form .form_item .contents input[type="text"]{
    font-size: 14px;
    letter-spacing: 0.045em;
    line-height: 2.2;
    border: unset;
}

#kartell-confirm .content .mw_wp_form .form_item .contents input[type="text"]::placeholder,
#kartell .content .mw_wp_form .form_item .contents input[type="text"]::placeholder{
    color: #C9C9C9;
}

#kartell-confirm .mw_wp_form .horizontal-item,
#kartell .mw_wp_form .horizontal-item{
    margin-right: 30px;
}

#kartell-confirm .mw_wp_form .horizontal-item + .horizontal-item,
#kartell .mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: unset!important;
}

#kartell-confirm .mw_wp_form input[type="submit"],
#kartell-confirm .mw_wp_form input[type="button"],
#kartell-confirm .mw_wp_form input[type="reset"],
#kartell .mw_wp_form input[type="submit"],
#kartell .mw_wp_form input[type="button"],
#kartell .mw_wp_form input[type="reset"]{
    max-width: 300px;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #002567;
    color: white;
    font-size: 15px;
    letter-spacing: 0.045em;
    margin: 0 auto;
    cursor: pointer;
}

#kartell-confirm .mw_wp_form .btnarea,
#kartell-confirm .mw_wp_form .privacy,
#kartell .mw_wp_form .btnarea,
#kartell .mw_wp_form .privacy{
    text-align: center;
}

#kartell-confirm .mw_wp_form .privacy,
#kartell .mw_wp_form .privacy{
    margin-bottom: 10px;
}

#kartell-confirm .mw_wp_form .privacy .horizontal-item,
#kartell .mw_wp_form .privacy .horizontal-item{
    margin-right: unset;
}

#kartell-confirm .mw_wp_form .btnarea .mwform-checkbox-field,
#kartell .mw_wp_form .btnarea .mwform-checkbox-field{
    margin-right: unset !important;
    margin-bottom: 10px;
}

#kartell-confirm #kartell_bnr,
#kartell #kartell_bnr{
    display: none;
}

#kartell-confirm .mv,
#kartell .mv{
    margin: 50px 0 75px;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層Stance
    共通パーツ
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*プルダウン*/
#stance_housing .stance_menu,
#stance_spec .stance_menu,
#stance_with_architect .stance_menu,
#stance_flow .stance_menu,
#stance_reform_renovation .stance_menu,
.archive .cat_menu,
.single .cat_menu{
    position: absolute;
    top: 260px;
    right: 75px;
    font-size: 15px;
    letter-spacing: 0.1em;
}
#stance_housing .stance_menu .sp_only,
#stance_spec .stance_menu .sp_only,
#stance_with_architect .stance_menu .sp_only,
#stance_flow .stance_menu .sp_only,
#stance_reform_renovation .stance_menu .sp_only,
.archive .cat_menu .sp_only,
.single .cat_menu .sp_only{
    display: none;
}
#stance_housing .stance_menu .list,
#stance_spec .stance_menu .list,
#stance_with_architect .stance_menu .list,
#stance_flow .stance_menu .list,
#stance_reform_renovation .stance_menu .list,
.archive .cat_menu .list,
.single .cat_menu .list{
    display: flex;
}
.archive .cat_menu .list li,
.single .cat_menu .list li{
    list-style: none;
    margin-right: 40px;
}
.archive .cat_menu .list li:last-child,
.single .cat_menu .list li:last-child{
    margin-right: unset;
}
#stance_housing .stance_menu .list a,
#stance_spec .stance_menu .list a,
#stance_with_architect .stance_menu .list a,
#stance_flow .stance_menu .list a,
#stance_reform_renovation .stance_menu .list a,
.archive .cat_menu .list a,
.single .cat_menu .list a {
    position: relative;
    margin-right: 40px;
    color: #002567;
}

#stance_housing .stance_menu .list a:before,
#stance_housing .stance_menu .list a:after,
#stance_spec .stance_menu .list a:before,
#stance_spec .stance_menu .list a:after,
#stance_with_architect .stance_menu .list a:before,
#stance_with_architect .stance_menu .list a:after,
#stance_flow .stance_menu .list a:before,
#stance_flow .stance_menu .list a:after,
#stance_reform_renovation .stance_menu .list a:before,
#stance_reform_renovation .stance_menu .list a:after,
.archive .cat_menu .list a:before,
.archive .cat_menu .list a:after,
.single .cat_menu .list a:before,
.single .cat_menu .list a:after{
    position: absolute;
    content: '';
    background-color: #002567;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
.stance_menu .list a:hover:before,
.archive .cat_menu .list a:hover:before,
.single .cat_menu .list a:hover:before,
.stance_menu .list a:hover:after,
.archive .cat_menu .list a:hover:after,
.single .cat_menu .list a:hover:after{
    transform: rotate(90deg);
}
#stance_housing .stance_menu .list a:before,
#stance_spec .stance_menu .list a:before,
#stance_with_architect .stance_menu .list a:before,
#stance_flow .stance_menu .list a:before,
#stance_reform_renovation .stance_menu .list a:before,
.archive .cat_menu .list a:before,
.single .cat_menu .list a:before{
    width: 9px;
    height: 1px;
    right: -14px;
}
#stance_housing .stance_menu .list a:after,
#stance_spec .stance_menu .list a:after,
#stance_with_architect .stance_menu .list a:after,
#stance_flow .stance_menu .list a:after,
#stance_reform_renovation .stance_menu .list a:after,
.archive .cat_menu .list a:after,
.single .cat_menu .list a:after{
    width: 1px;
    height: 9px;
    right: -10px;
}
#stance_housing .stance_menu .list a.active:after,
#stance_spec .stance_menu .list a.active:after,
#stance_with_architect .stance_menu .list a.active:after,
#stance_flow .stance_menu .list a.active:after,
#stance_reform_renovation .stance_menu .list a.active:after,
.archive .cat_menu .list a.active:after,
.single .cat_menu .list a.active:after,
.archive .cat_menu .list .current-cat a:after,
.single .cat_menu .list .current-cat a:after {
    display: none;
}
#stance_housing .stance_menu .list a:last-child,
#stance_spec .stance_menu .list a:last-child,
#stance_with_architect .stance_menu .list a:last-child,
#stance_flow .stance_menu .list a:last-child,
#stance_reform_renovation .stance_menu .list a:last-child,
.archive .cat_menu .list a:last-child,
.single .cat_menu .list a:last-child{
    margin-right: unset;
}
.archive .cat_menu .list .active,
.single .cat_menu .list .active{
    color: #414141;
}
.archive .cat_menu .list .active:before,
.single .cat_menu .list .active:before{
    background-color: #414141;

}

/*下部リンクエリア*/
#stance_housing .linkarea,
#stance_spec .linkarea,
#stance_with_architect .linkarea,
#stance_flow .linkarea,
#stance_reform_renovation .linkarea{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 100px;
    padding-right: 75px;
}

#stance_housing .linkarea a,
#stance_spec .linkarea a,
#stance_with_architect .linkarea a,
#stance_flow .linkarea a,
#stance_reform_renovation .linkarea a{
    position: relative;
    /*width: 49%;*/
    width: 30%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #002567;
    font-size: 17px;
    letter-spacing: 0.15em;
    line-height: 1.8;
}

#stance_housing .linkarea a:first-child,
#stance_spec .linkarea a:first-child,
#stance_with_architect .linkarea a:first-child,
#stance_flow .linkarea a:first-child,
#stance_reform_renovation .linkarea a:first-child{
    margin-bottom: 15px;
}

#stance_housing .linkarea a:before,
#stance_housing .linkarea a:after,
#stance_spec .linkarea a:before,
#stance_spec .linkarea a:after,
#stance_with_architect .linkarea a:before,
#stance_with_architect .linkarea a:after,
#stance_flow .linkarea a:before,
#stance_flow .linkarea a:after,
#stance_reform_renovation .linkarea a:before,
#stance_reform_renovation .linkarea a:after{
    position: absolute;
    content: '';
    background-color: #002567;
    top: 0;
    bottom: 0;
    margin: auto;
}
#stance_housing .linkarea a:before,
#stance_spec .linkarea a:before,
#stance_with_architect .linkarea a:before,
#stance_flow .linkarea a:before,
#stance_reform_renovation .linkarea a:before{
    width: 9px;
    height: 1px;
    right: 25px;
}
#stance_housing .linkarea a:after,
#stance_spec .linkarea a:after,
#stance_with_architect .linkarea a:after,
#stance_flow .linkarea a:after,
#stance_reform_renovation .linkarea a:after{
    width: 1px;
    height: 9px;
    right: 29px;
}

/*下部ポイント*/
.content .point{
}

.content .point .title{
    display: flex;
    align-items: center;
    font-size: 17px;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
}
.content .point .title span{
    font-size: 11px;
    letter-spacing: 0.15em;
}
.content .point .title .en{
    width: 42px;
    height: 42px;
    border: 1px solid #002058;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 17px;
    letter-spacing: 0.03em;
}
.content .point .explanation{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance-Housing
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#stance_housing{

}
#stance_housing .list a:nth-child(2):after{
    display: none;
}
#stance_housing .list a:nth-child(2){
    color: #414141;
}
#stance_housing .list a:nth-child(2):before{
    background-color: #414141;
}
#stance_housing .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#stance_housing .content{
    padding: 75px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#stance_housing .content .section_title{
    margin-bottom: 33px;
}

#stance_housing .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 57px 0;
    margin-bottom: 75px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
}
#stance_housing .content .image img{
    width: auto;
    height: 100%;
}

#stance_housing .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 15px;
}

#stance_housing .content .parts{}
#stance_housing .content .parts .point{
    padding-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #EBEBEB;
}
#stance_housing .content .parts .point:last-child{
    border-bottom: unset;
    padding-bottom: 13px;
}

#stance_housing .content .parts .point .title{
    display: flex;
    align-items: center;
    font-size: 17px;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
}
#stance_housing .content .parts .point .title span{
    font-size: 11px;
    letter-spacing: 0.15em;
}
#stance_housing .content .parts .point .title .en{
    width: 42px;
    height: 42px;
    border: 1px solid #002058;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 17px;
    letter-spacing: 0.03em;
}

#stance_housing .content .parts .point .explanation{
    position: relative;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    display: inline-block;
}
#stance_housing .content .parts .point .explanation small{
    position: absolute;
    font-size: 11px;
    top: 0px;
    letter-spacing: 0;
}

#stance_housing .content .parts #point3{
    position: relative;
}
#stance_housing .content .parts #point3 .explanation span{
    /*position: absolute;*/
    /*content: '※1　UA値により厚さの種類は変更となります※2　柱、間柱等断熱材に較べ、熱の通り道となり易い部分';*/
    padding-left: 30px;
    font-size: 11px;
    letter-spacing: 0.1em;
    /*right: 0;*/
    /*bottom: 20px;*/
}
/*#stance_housing .content .parts #point3:before{*/
/*    position: absolute;*/
/*    content: '※1　UA値により厚さの種類は変更となります※2　柱、間柱等断熱材に較べ、熱の通り道となり易い部分';*/
/*    font-size: 11px;*/
/*    letter-spacing: 0.1em;*/
/*    right: 0;*/
/*    bottom: 20px;*/
/*}*/

#stance_housing #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance-Spec
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#stance_spec{

}
#stance_spec .list a:nth-child(1):after{
    display: none;
}
#stance_spec .list a:nth-child(1){
    color: #414141;
}
#stance_spec .list a:nth-child(1):before{
    background-color: #414141;
}
#stance_spec .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#stance_spec .content{
    padding: 75px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#stance_spec .content .section_title{
    margin-bottom: 33px;
}

#stance_spec .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}
#stance_spec .content .image img{
    width: 100%;
    height: auto;
}
#stance_spec .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 30px;
}
#stance_spec .content .spec h3 {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    padding: 0 45px;
    margin: auto;
    display: flex;
    width: fit-content;
    background-color: #FFFFFF;
}

#stance_spec .content .parts p,#stance_spec .content .parts.spec p{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#stance_spec .content .parts{
    padding: 0 0 87px;
    position: relative;
}

#stance_spec .content .parts.spec{
    padding: 75px 0 0;
    position: relative;
    border: solid 1px #C6C9C8;
}

#stance_spec .content .parts.spec a{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: fit-content;
}

#stance_spec .content .parts.spec a span{
    position: relative;
    font-size: 12px;
    letter-spacing: 0.015em;
    padding-right: 15px;
}

#stance_spec .content .parts.spec a span:before,
#stance_spec .content .parts.spec a span:after{
    position: absolute;
    content: '';
    background-color: #002567;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
#stance_spec .content .parts.spec a:hover span:before,
#stance_spec .content .parts.spec a:hover span:after{
    transform: rotate(90deg);
}
#stance_spec .content .parts.spec a span:before{
    width: 7px;
    height: 1px;
    right: 0;
}
#stance_spec .content .parts.spec a span:after{
    width: 1px;
    height: 7px;
    right: 3px;
}

#stance_spec .content .parts .point{
    padding: 0 0 30px;
    margin: 30px 100px 0;
    border-bottom: 1px solid #EBEBEB;
}
#stance_spec .content .parts .point:nth-child(2){
    margin-top: unset;
}
#stance_spec .content .parts .point:nth-child(5){
    border-bottom: unset;
}

#stance_spec .content .parts .point .title{
    display: flex;
    align-items: center;
    font-size: 17px;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
}
#stance_spec .content .parts .point .title span{
    font-size: 11px;
    letter-spacing: 0.15em;
}
#stance_spec .content .parts .point .title .en{
    width: 42px;
    height: 42px;
    border: 1px solid #002058;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 17px;
    letter-spacing: 0.03em;
}

#stance_spec .content .parts .point .explanation{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}
#stance_spec .content .parts .grade{
    display: flex;
    flex-direction: column;
    padding: 30px 100px;
    border-top: solid 1px #EBEBEB;
}
#stance_spec .content .parts .grade p{
    font-size: 14px;
    letter-spacing: 0.15em;
    margin-bottom: 5px;
    line-height: 1;
}
#stance_spec .content .parts .grade span{
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.7;
}

#stance_spec #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_flow
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#stance_flow{

}
#stance_flow .list a:nth-child(3):after{
    display: none;
}
#stance_flow .list a:nth-child(3){
    color: #414141;
}
#stance_flow .list a:nth-child(3):before{
    background-color: #414141;
}
#stance_flow .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#stance_flow .content{
    padding: 75px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#stance_flow .content .section_title{
    margin-bottom: 33px;
}

#stance_flow .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}
#stance_flow .content .image img{
    width: 100%;
    height: auto;
}
#stance_flow .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 30px;
}
#stance_flow .content .spec h3 {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    padding: 0 45px;
    margin: auto;
    display: flex;
    width: fit-content;
    background-color: #FFFFFF;
}

#stance_flow .content .parts p,
#stance_flow .content .parts.spec p{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#stance_flow .content .parts{
    padding: 0 0 87px;
    position: relative;
}

#stance_flow .content .slide{
    margin-bottom: 75px;
}
#stance_flow .content .slide p{
    font-size: 15px;
    letter-spacing: 0.075em;
    line-height: 2;
}

#stance_flow .point_area{
    display: flex;
    flex-direction: column;
}
#stance_flow .point_area .point{
    position: relative;
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}
#stance_flow .point_area .point:first-child{
    align-items: flex-start;
}
#stance_flow .point_area .point .txt{
    width: calc(100% - 256px);
}
#stance_flow .point_area .point .txt .sales{
    position: relative;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    padding: 0 25px;
    margin-bottom: 20px;
}
#stance_flow .point_area .point .txt .sales .left_brackets,
#stance_flow .point_area .point .txt .sales .right_brackets{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    background-color: #002567;
}
#stance_flow .point_area .point .txt .sales .left_brackets{
    left: 0;
}
#stance_flow .point_area .point .txt .sales .left_brackets:before,
#stance_flow .point_area .point .txt .sales .left_brackets:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 5px;
    background-color: #002567;
    left: 2px;
}
#stance_flow .point_area .point .txt .sales .left_brackets:before{
    transform: rotate(45deg);
    top: -3px;
}
#stance_flow .point_area .point .txt .sales .left_brackets:after{
    transform: rotate(-45deg);
    bottom: -3px;
}

#stance_flow .point_area .point .txt .sales .right_brackets{
    right: 0;
}

#stance_flow .point_area .point .txt .sales .right_brackets:before,
#stance_flow .point_area .point .txt .sales .right_brackets:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 5px;
    background-color: #002567;
    right: 2px;
}
#stance_flow .point_area .point .txt .sales .right_brackets:before{
    transform: rotate(-45deg);
    top: -3px;
}
#stance_flow .point_area .point .txt .sales .right_brackets:after{
    transform: rotate(45deg);
    bottom: -3px;
}

#stance_flow .point_area .point:first-child .txt .explanation{
    margin-bottom: 50px;
}
#stance_flow .point_area .point:first-child .txt .sales:last-child{
    margin-bottom: unset;
}
#stance_flow .point_area .point .txt .sales p{
    letter-spacing: 0.15em;
    margin-bottom: 5px;
}
#stance_flow .point_area .point .txt .sales span{
}

#stance_flow .point_area .point .img{
    background-size: cover;
    background-position: center;
    width: 216px;
    height: 163px;
    margin-right: 40px;
}

#stance_flow .point_area .point:nth-child(1) .img{
    background-image: url("../images/flow_img1.jpg");
    height: 476px;
}
#stance_flow .point_area .point:nth-child(2) .img{
    background-image: url("../images/flow_img2.jpg");
}
#stance_flow .point_area .point:nth-child(3) .img{
    background-image: url("../images/flow_img3.jpg");
}
#stance_flow .point_area .point:nth-child(4) .img{
    background-image: url("../images/flow_img4.jpg");
}
#stance_flow .point_area .point:nth-child(5) .img{
    background-image: url("../images/flow_img5.jpg");
}
#stance_flow .point_area .point:nth-child(6) .img{
    background-image: url("../images/flow_img6.jpg");
}
#stance_flow .point_area .point:nth-child(7) .img{
    background-image: url("../images/flow_img7.jpg");
}

#stance_flow #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_with_architect
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#stance_with_architect{

}
#stance_with_architect .stance_menu .list a{
    font-size: 11px;
    letter-spacing: 0.1em;
}
#stance_with_architect .stance_menu .list a .en{
    font-size: 15px;
    letter-spacing: 0.1em;
    padding-right: 3px;
}

#stance_with_architect .list a:nth-child(4):after{
    display: none;
}
#stance_with_architect .list a:nth-child(4){
    color: #414141;
}
#stance_with_architect .list a:nth-child(4):after{
    background-color: #414141;
}
#stance_with_architect .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#stance_with_architect .content{
    /*padding: 75px 75px;*/
    padding: 75px 75px 170px;
    width: calc(100% - 150px);
    background-color: white;
}
#stance_with_architect .content .section_title{
    margin-bottom: 30px;
}

#stance_with_architect .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}
#stance_with_architect .content .image img{
    width: 100%;
    height: auto;
}
#stance_with_architect .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 30px;
}
#stance_with_architect .content .spec h3 {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    padding: 0 45px;
    margin: auto;
    display: flex;
    width: fit-content;
    background-color: #FFFFFF;
}

#stance_with_architect .content .parts p,
#stance_with_architect .content .parts.spec p{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#stance_with_architect .content .parts{
    padding: 0 0 87px;
    position: relative;
}

#stance_with_architect .content .slide{
    margin-bottom: 75px;
}
#stance_with_architect .content .slide p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}
#stance_with_architect .content .slide .architectswiper-container{
    position: relative;
    overflow-x: hidden;
    margin-bottom: 50px;
    z-index: 0;
}
#stance_with_architect .content .slide .architectswiper-container .swiper-wrapper{
    padding-bottom:30px;
}

#stance_with_architect .swiper-scrollbar{
    background-color: #F4F4F4;
    height: 1px;
    width: 100%;
    left: 0;
    max-width: calc(85% - 110px);
}

#stance_with_architect .swiper-container-horizontal>.swiper-scrollbar{
    height: 1px;
    z-index: 1;
    left: 0;
    width: 100%;
}

#stance_with_architect .content .slide .gallery_btn{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 45px;
    color: white;
    margin: 50px auto 0;
}
#stance_with_architect .content .slide .gallery_btn:before,
#stance_with_architect .content .slide .gallery_btn:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
}
#stance_with_architect .content .slide .gallery_btn:before{
    width: 9px;
    height: 1px;
    right: 20px;
}
#stance_with_architect .content .slide .gallery_btn:after{
    width: 1px;
    height: 9px;
    right: 24px;
}

#stance_with_architect .swiper-button-prev,
#stance_with_architect .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: 0;
    top: unset;
    z-index: 1;
    opacity: 1;
}
#stance_with_architect .swiper-button-prev{
    right: 75px;
    left: unset;
}
#stance_with_architect .swiper-button-next{
    right: 20px;
}
#stance_with_architect .swiper-button-prev:after,
#stance_with_architect .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#stance_with_architect .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#stance_with_architect .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");

}

#stance_with_architect .swiper-button-prev:hover:after,
#stance_with_architect .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}

#stance_with_architect .detail_btn{
    display: none;
}

#stance_with_architect .content .architect_list{}
#stance_with_architect .content .architect_list .list_area{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#stance_with_architect .content .architect_list .list_area .list{
    /*max-width: 290px;*/
    /*width: 30%;*/
    /*padding: 16px 0 21px;*/
    /*border-top: 1px solid #C6C9C8;*/
    width: calc(33% - 9px);
    padding: 16px 0 21px;
    border-top: 1px solid #C6C9C8;
}
#stance_with_architect .content .architect_list .list_area .list:last-child{
    border-bottom: 1px solid #C6C9C8;
}

#stance_with_architect .content .architect_list .list_area .list .name{
    margin-bottom: 10px;
}
#stance_with_architect .content .architect_list .list_area .list .name p{
    font-size: 17px;
    letter-spacing: 0.15em;
}
#stance_with_architect .content .architect_list .list_area .list .name span{
    font-size: 13px;
    letter-spacing: 0.09em;
}
#stance_with_architect .content .architect_list .list_area .list .info{
    font-size: 13px;
}
#stance_with_architect .content .architect_list .list_area .list .info p{
    letter-spacing: 0.045em;
    line-height: 2.3;
}
#stance_with_architect .content .architect_list .list_area .list .info a{
    position: relative;
    padding-left: 18px;
    letter-spacing: 0.09em;
}
#stance_with_architect .content .architect_list .list_area .list .info a:before{
    position: absolute;
    content: '';
    top: 5px;
    /*bottom: 0;*/
    left: 0;
    margin: auto;
    background-image: url("../images/architect_link.svg");
    background-size: cover;
    background-position: center;
    width: 10px;
    height: 10px;
}

#stance_with_architect .witharichitect_bnr{
    width: calc(100% - 170px);
    height: 140px;
    margin: -70px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
}
#stance_with_architect .witharichitect_bnr p{
    font-size: 14px;
    letter-spacing: 0.045em;
}
#stance_with_architect .witharichitect_bnr span{
    position: relative;
    margin-top: 11px;
    font-size: 15px;
    letter-spacing: 0.1em;
}
#stance_with_architect .witharichitect_bnr span:before,
#stance_with_architect .witharichitect_bnr span:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
#stance_with_architect .witharichitect_bnr span:before{
    width: 7px;
    height: 1px;
    right: -17px;
}
#stance_with_architect .witharichitect_bnr span:after{
    width: 1px;
    height: 7px;
    right: -14px;
}
#stance_with_architect .witharichitect_bnr:hover span:before,
#stance_with_architect .witharichitect_bnr:hover span:after{
    transform: rotate(90deg);
}

#stance_with_architect #kartell_bnr{
    display: none;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_reform_renovation
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#stance_reform_renovation{

}
#stance_reform_renovation .list a:last-child{
    color: #414141;
}
#stance_reform_renovation .list a:last-child:after{
    display: none;
}
#stance_reform_renovation .list a:last-child:before{
    background-color: #414141;
}
#stance_reform_renovation .container{
    position: relative;
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#stance_reform_renovation .content{
    padding: 75px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#stance_reform_renovation .content .section_title{
    margin-bottom: 33px;
}

#stance_reform_renovation .content .image{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
}
#stance_reform_renovation .content .image img{
    width: 100%;
    height: auto;
}
#stance_reform_renovation .content h3{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 30px;
}
#stance_reform_renovation .content .spec h3 {
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    padding: 0 45px;
    margin: auto;
    display: flex;
    width: fit-content;
    background-color: #FFFFFF;
}

#stance_reform_renovation .content .parts p,
#stance_reform_renovation .content .parts.spec p{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#stance_reform_renovation .content .parts{
    padding: 0 0 87px;
    position: relative;
}

#stance_reform_renovation .content .slide{
    margin-bottom: 75px;
}
#stance_reform_renovation .content .slide p{
    font-size: 15px;
    letter-spacing: 0.075em;
    line-height: 2;
}
#stance_reform_renovation .content .slide .reformswiper-container{
    position: relative;
    overflow-x: hidden;
    margin-bottom: 50px;
    z-index: 0;
}
#stance_reform_renovation .content .slide .reformswiper-container .swiper-wrapper{
    padding-bottom:30px;
}
#stance_reform_renovation .swiper-container-horizontal>.swiper-scrollbar{
    height: 1px;
    z-index: 1;
    width: 100%;
    left: 0;
}

#stance_reform_renovation .point_area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#stance_reform_renovation .point_area .point{
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    width: calc(50% - 17px);
    padding: 30px 0;
}

#stance_reform_renovation .txt{
    margin: 75px 0;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
}

#stance_reform_renovation .contact{
    position: relative;
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 15px;
    letter-spacing: 0.1em;
}
#stance_reform_renovation .contact:before,
#stance_reform_renovation .contact:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
}
#stance_reform_renovation .contact:before{
    width: 9px;
    height: 1px;
    right: 29px;
}
#stance_reform_renovation .contact:after{
    width: 1px;
    height: 9px;
    right: 33px;
}

#stance_reform_renovation #kartell_bnr{
    display: none;
}

#stance_reform_renovation .swiper-button-prev,
#stance_reform_renovation .swiper-button-next {
    height: 55px;
    width: 55px;
    bottom: 0;
    top: unset;
    z-index: 1;
    opacity: 1;
}
#stance_reform_renovation .swiper-button-prev{
    right: 75px;
    left: unset;
}
#stance_reform_renovation .swiper-button-next{
    right: 20px;
}
#stance_reform_renovation .swiper-button-prev:after,
#stance_reform_renovation .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#stance_reform_renovation .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#stance_reform_renovation .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");

}

#stance_reform_renovation .swiper-button-prev:hover:after,
#stance_reform_renovation .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Estate
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#estate{

}
#estate .cat_menu .en{
    padding-top: 2px;
}

#estate .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#estate .content{
    position: relative;
    padding: 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#estate .content .section_title{
    margin-bottom: 33px;
}

/*タイトル*/
#estate .content .title{
    margin-bottom: 30px;
}

#estate .content .title .cat{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 123px;
    height: 25px;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: white;
    font-weight: bold;
    background-color: #002567;
    margin-bottom: 5px;
}
#estate .content .title h3{
    font-size: 20px;
    letter-spacing: 0.15em;
}

#estate.archive{

}
#estate.archive .parts{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
#estate.archive .parts:before,
#estate.archive .parts:after{
    position: absolute;
    content: '';
    background-color: #414141;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s;
}
#estate.archive .parts:before{
    width: 9px;
    height: 1px;
    right: 0px;
}
#estate.archive .parts:after{
    width: 1px;
    height: 9px;
    right: 4px;
}
#estate.archive .parts:hover:before,
#estate.archive .parts:hover:after{
    transform: rotate(90deg);
}
#estate.archive .parts:last-child{
    margin-bottom: unset;
}
#estate.archive .parts .img{
    width: 233px;
    height: 163px;
    background-size: cover;
    background-position: center;
}
#estate.archive .parts .txt{
    width: calc(100% - 263px);
    padding-left: 30px;
}

#estate.archive .parts .txt .cat{
    color: white;
    padding: 3px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.1em;
}

#estate.archive .parts .txt .title{
    font-size: 20px;
    letter-spacing: 0.15em;
    margin-bottom: unset;
}
#estate.archive .parts .txt .data{
    font-size: 15px;
    letter-spacing: 0.045em;
    margin-top: 15px;
}

    /*スライド*/
#estate .content .slide{
    margin-bottom: 70px;

}
#estate .content .slide .estateswiper-container{
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 30px;
}
#estate .content .slide .estateswiper-container .swiper-wrapper{
    height: 540px;
}

#estate .content .slide .estateswiper-container .swiper-slide{

}
#estate .content .slide .estateswiper-container .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#estate .content .slide .estateswiper-container .swiper-scrollbar{
    height: 1px !important;
    z-index: 1;
    left: 0;
    width: 80%;
}

/*土地情報*/
#estate .content .detail{
    margin-bottom: 70px;
}
#estate .content .detail .parts{
    display: flex;
    width: 100%;
    margin-top: 25px;
}
#estate .content .detail .parts:first-child{
    margin-top: unset;
}
#estate .content .detail .parts .name{
    font-size: 15px;
    letter-spacing: 0.075em;
    padding-bottom: 10px;
    width: 210px;
    border-bottom: 1px solid #002567;
}
#estate .content .detail .parts .txt{
    font-size: 14px;
    letter-spacing: 0.045em;
    padding-bottom: 10px;
    width: calc(100% - 210px);
    border-bottom: 1px solid #EBEBEB;
}

/*アクセス情報*/
#estate .content .access{
    margin-bottom: 70px;
}
#estate .content .access iframe{
    width: 100%;
    height: 540px;
}
#estate .content .access .address{
    margin-top: 15px;

}

/*アクセス情報*/
#estate .content .contact{
    width: 100%;
    height: 138px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#estate .content .contact span:first-child{
    font-size: 14px;
    letter-spacing: 0.045em;
}
#estate .content .contact span:last-child{
    position: relative;
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-top: 10px;
}
#estate .content .contact span:last-child:before,
#estate .content .contact span:last-child:after{
    position: absolute;
    content: '';
    background-color: white;
    top: 0;
    bottom: 0;
    margin: auto;
}
#estate .content .contact span:last-child:before{
    width: 9px;
    height: 1px;
    right: -18px;
}
#estate .content .contact span:last-child:after{
    width: 1px;
    height: 9px;
    right: -14px;
}
#estate.single .contact_bnr{
    position: absolute;
    font-size: 12px;
    letter-spacing: 0.15em;
    padding: 15px 20px;
    width: calc(250px - 40px);
    color: white;
    top: -23px;
    right: 75px;
}
#estate.single .contact_bnr .wrapper{
    position: relative;
}
#estate.single .contact_bnr .wrapper:before,
#estate.single .contact_bnr .wrapper:after
{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
}
#estate.single .contact_bnr .wrapper:before{
    width: 9px;
    height: 1px;
    right: 0;
}
#estate.single .contact_bnr .wrapper:after{
    width: 1px;
    height: 9px;
    right: 4px;
}

#estate #kartell_bnr{
    display: none;
}

#estate .swiper-button-prev,
#estate .swiper-button-next {
    height: 55px;
    width: 55px;
    /*bottom: 0;*/
    top: unset;
    z-index: 1;
    opacity: 1;
}
#estate .swiper-button-prev{
    right: 75px;
    left: unset;
}
#estate .swiper-button-next{
    right: 20px;
}
#estate .swiper-button-prev:after,
#estate .swiper-button-next:after {
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    transition: 0.5s;
}
#estate .swiper-button-prev:after {
    background-image: url("../images/swiper_navibtn.svg");
    transform: rotate(180deg);
}
#estate .swiper-button-next:after {
    background-image: url("../images/swiper_navibtn.svg");

}

#estate .swiper-button-prev:hover:after,
#estate .swiper-button-next:hover:after{
    background-image: url("../images/swiper_navibtn_reversal.svg");
    transition: 0.5s;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    lifestyle
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#lifestyle{

}
#lifestyle .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#lifestyle .content{
    padding: 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#lifestyle .content .section_title{
    margin-bottom: 33px;
}

/*一覧*/
#lifestyle.archive .parts{
    width: 100%;
    height: 285px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
#lifestyle.archive .parts:last-child{
    margin-bottom: unset;
}
#lifestyle.archive .parts a{
    display: flex;
    align-items: center;
    height: 100%;
}
#lifestyle.archive .parts .img{
    content: '';
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
}
#lifestyle.archive .parts .txt{
    width: calc(50% - 100px);
    padding: 50px;
    font-size: 15px;
    letter-spacing: 0.045em;
    line-height: 1.5;
}

/*個ページ*/
/*タイトル*/
#lifestyle.single .content{
    padding: 60px 0 40px;
    width: calc(100%);
}
#lifestyle.single .content .title{
    padding: 0 75px;
    margin-bottom: 75px;
}

#lifestyle.single .content .title .cat{
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}
#lifestyle.single .content .title h3{
    font-size: 18px;
    letter-spacing: 0.15em;
}
#lifestyle.single .content .title .info,
#lifestyle.single .content .title .company_info{
    font-size: 14px;
    letter-spacing: 0.045em;
    line-height: 2.2;
    margin-bottom: 30px;
}

#lifestyle.single .content .title .summary{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;

}
#lifestyle.single .content .mv{
    position: relative;
    content: '';
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    margin-bottom: 75px;
}
#lifestyle.single .content .mv .caption{
    display: none;
    position: absolute;
    bottom: 0;
    margin: auto;
    color: white;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 17px 14px;
    width: calc(100% - 28px);
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1.6;
}
#lifestyle.single .content .mv:hover .caption{
    display: block;
}
#lifestyle.single .content .detail{
    padding: 0 75px;
}

#lifestyle.single .content .detail p{
    display: inline-block;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 75px;
}

/*life-style*/
#lifestyle.single.life-style .cat_menu .list a:nth-child(2):after{
    display: none;
}
/*immigration-column*/
#lifestyle.single.immigration-column .cat_menu .list a:last-child:after{
    display: none;
}

#lifestyle #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    gallery
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#gallery{

}
#gallery .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

#gallery .parts .txt{
    width: 100%;
}

/*一覧ページ*/
#gallery.archive{

}
#gallery.archive .content .section_title{
    margin-bottom: 33px;
}

#gallery.archive #post_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#gallery.archive .content{
    padding: 75px 75px 25px;
    width: calc(100% - 150px);
    background-color: white;
}
/*タイトル*/
#gallery.archive .content .title{
    margin-bottom: 30px;
}

#gallery.archive .content .title .cat{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 123px;
    height: 25px;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: white;
    font-weight: bold;
    background-color: #002567;
    margin-bottom: 5px;
}
#gallery.archive .content .title h3{
    font-size: 20px;
    letter-spacing: 0.15em;
}
#gallery.archive .parts .txt .meta{
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
}
#gallery.archive .parts .txt .title{
    padding: unset;
    margin-bottom: unset;
    font-size: 15px;
    letter-spacing: 0.045em;
    line-height: 1.5;
}
#gallery.archive .parts{
    width: calc(50% - 25px);
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
#gallery.archive .parts:last-child{
    margin-bottom: unset;
}
#gallery.archive .parts .img{
    content: '';
    width: 100%;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    margin-bottom: 23px;
}

/*個ページ*/
#gallery.single{

}
#gallery.single .content{
    width: 100%;
    padding: 0 0 75px;
    background-color: white;
}
#gallery.single .content .mv{
    position: relative;
    margin-bottom: 70px;
}

#gallery.single .content .mv img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

#gallery.single .content .mv .caption{
    display: none;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    padding: 12px 15px;
    color: white;
    font-size: 12px;
    letter-spacing: 0.05em;
    background-color: rgba(0, 0, 0, 0.4);
}
#gallery.single .content .mv:hover .caption{
    display: block;
}
#gallery.single .content .title{
    width: calc(100% - 150px);
    padding: 0 75px;
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 43px;
}
#gallery.single .content .detail{
    width: calc(100% - 150px);
    padding: 0 75px;
}

#gallery.single .content .table{
    margin: 50px auto 75px;
}

#gallery.single .content .table .parts{
    display: flex;
    margin-bottom: 20px;
}
#gallery.single .content .table .parts:last-child{
    margin-bottom: unset;
}
#gallery.single .content .table .parts .label{
    padding-bottom: 13px;
    width: 123px;
    border-bottom: 1px solid #002567;
    font-size: 15px;
    letter-spacing: 0.15em;
}
#gallery.single .content .table .parts .caption{
    padding-bottom: 13px;
    width: calc(100% - 123px);
    border-bottom: 1px solid #EAEAEA;
    font-size: 14px;
    letter-spacing: 0.1em;
}

/*hkhouce*/
#gallery.single.hk-house .cat_menu .list a:nth-child(2):after{
    display: none;
}
/*with-arichitect*/
#gallery.single.with-arichitect .cat_menu .list a:last-child:after{
    display: none;
}

#gallery #kartell_bnr{
    display: none;
}

#gallery .beginning{
    width: calc(100% - 150px);
    padding: 0 0 0 75px;
    margin-bottom: 75px;
}
#gallery .beginning .title{
    padding: unset;
    margin-bottom: 27px;
    font-size: 18px;
    letter-spacing: 0.15em;
}
#gallery .beginning .caption{
    padding-left: 75px;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 50px;
}
#gallery .beginning .architect_parts,
#gallery .beginning .photographer_parts{
    display: flex;
    margin-bottom: 20px;
    padding-left: 75px;
    width: calc(100% - 75px);
}
#gallery .beginning .architect_parts .label,
#gallery .beginning .photographer_parts .label{
    border-bottom: 1px solid #002567;
    width: 123px;
    padding-bottom: 12px;
}
#gallery .beginning .architect_parts .label p,
#gallery .beginning .photographer_parts .label p{
    margin-bottom: unset;
    font-size: 15px;
    letter-spacing: 0.15em;
    font-weight: 600;
}
#gallery .beginning .architect_parts .name,
#gallery .beginning .photographer_parts .name{
    border-bottom: 1px solid #EAEAEA;
    width: calc(100% - 123px);
}
#gallery .beginning .architect_parts .name p,
#gallery .beginning .photographer_parts .name p{
    margin-bottom: unset;
    font-size: 14px;
    letter-spacing: 0.1em;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    post(投稿)とblog(投稿)
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#post,#blog
{

}

.archive.post,
.archive.blog{

}
.archive.post .container,
.archive.blog .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
.archive.post .content,
.archive.blog .content{
    padding: 80px 75px;
    width: calc(100% - 150px);
    background-color: white;
}

.archive.post .parts,
.archive.blog .parts{
    position: relative;
    margin-bottom: 25px;
    height: 160px;
}
.archive.post .parts:before,
.archive.post .parts:after,
.archive.blog .parts:before,
.archive.blog .parts:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: black;
}
.archive.post .parts:before,
.archive.blog .parts:before{
    width: 9px;
    height: 1px;
    right: 0;
    transition: 0.2s;
}
.archive.post .parts:hover:before,
.archive.blog .parts:hover:before{
    transform: rotate(90deg);
}
.archive.post .parts:after,
.archive.blog .parts:after{
    width: 1px;
    height: 9px;
    right: 4px;
    transition: 0.2s;
}
.archive.post .parts:hover:after,
.archive.blog .parts:hover:after{
    transform: rotate(90deg);
}
.archive.post .parts a,
.archive.blog .parts a{
    display: flex;
    align-items: center;
    height: 100%;
}
.archive.post .parts .img,
.archive.blog .parts .img{
    /*width: auto;*/
    max-width: 230px;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}
.archive.post .parts .img img,
.archive.blog .parts .img img{
    /*width: auto;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.archive.post .parts .txt,
.archive.blog .parts .txt{
    padding-left: 30px;
}

.archive.post .parts .txt .meta,
.archive.blog .parts .txt .meta{
    font-size: 12px;
    letter-spacing: 0.1em;
}

.archive.post .parts .txt .cat,
.archive.blog .parts .txt .cat{
    margin-right: 10px;
}
.archive.post .parts .txt .title,
.archive.blog .parts .txt .title{
    font-size: 15px !important;
    letter-spacing: 0.15em !important;
    margin-bottom: unset !important;
}

.archive .wp-pagenavi{
    position: relative;
    margin: 114px auto;
    display: flex;
    justify-content: center;
    font-family: 'Optima', 'Marcellus', 'Segoe', serif;
    font-size: 14px;
    width: fit-content;
}

.archive .wp-pagenavi .prevpostslink{
    position: absolute;
    left: -64px;
}

.archive .wp-pagenavi .nextpostslink{
    position: absolute;
    right: -64px;
}
.archive .wp-pagenavi .prevpostslink,
.archive .wp-pagenavi .nextpostslink,
.archive .wp-pagenavi .page,
.archive .wp-pagenavi .previouspostslink{
    transition: 0.2s;
}
.archive .wp-pagenavi .prevpostslink:hover,
.archive .wp-pagenavi .nextpostslink:hover,
.archive .wp-pagenavi .page:hover,
.archive .wp-pagenavi .previouspostslink:hover{
    color: white;
    background-color: #002567;
}

.wp-pagenavi>span, .wp-pagenavi>a{
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #002567;
    border-radius: 50%;
    margin: 0 10px;
}
.wp-pagenavi>span{
    color: white;
    background-color: #002567;
}

#post .container,
#blog .container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}
#post .content,
#blog .content{
    padding: 80px 75px;
    width: calc(100% - 150px);
    background-color: white;
}
#post .content .section_title,
#blog .content .section_title{
    margin-bottom: 33px;
}

#post .cat_date,
#blog .cat_date{
    display: flex;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
}
#post .cat_date span:first-child,
#blog .cat_date span:first-child{
    margin-right: 10px;
}

#post .content h1,
#blog .content h1{
    font-size: 20px;
    letter-spacing: 0.15em;
    line-height: 1.5;
    margin-bottom: 30px;
}

#post .content h2,
#blog .content h2{
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1.7;
    margin-bottom: 20px;
}
#post .content h3,
#blog .content h3{
    font-size: 17px;
    letter-spacing: 0.15em;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #002567;
}
#post .content h4,
#blog .content h4{
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 2;
    margin-bottom: 25px;
    padding: 17px 20px;
    color: #002567;
    background-color: #F4F7FC;
}
#post .content h5,
#blog .content h5{
    position: relative;
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 2;
    margin-bottom: 25px;
    padding: 0 12px;
    color: #002567;
}
#post .content h5:before,
#blog .content h5:before{
    position: absolute;
    content: '';
    width: 3px;
    height: 21px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #002567;
}
#post .content h6,
#blog .content h6{
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 2;
    margin-bottom: 25px;
    text-decoration: underline;
    color: #002567;
}
#post .content p,
#blog .content p{
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 75px;
}
#post .content p:last-child,
#blog .content p:last-child{
    margin-bottom: unset;
}

#post .content .wp-block-group__inner-container,
#blog .content .wp-block-group__inner-container{
    display: flex;
    justify-content: space-between;
    margin-bottom: 75px;
}
#post .content .wp-block-group__inner-container figure,
#blog .content .wp-block-group__inner-container figure{
    width: calc(50% - 10px);
}

#post #kartell_bnr,
#blog #kartell_bnr{
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
下層
個ページページリンク
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#post .pagenavi,
#blog .pagenavi,
.single .pagenavi{
    margin: 50px 0;
    display: flex;
    justify-content: center;
    font-size: 17px;
    letter-spacing: 0.1em;
}
#post .pagenavi ul,
#blog .pagenavi ul,
.single .pagenavi ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
#post .pagenavi ul .back,
#blog .pagenavi ul .back,
.single .pagenavi ul .back{
    margin: 0 120px;
    width: 74px;
    height: 74px;
    border: solid 1px #002567;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}
#post .pagenavi ul .back:hover,
#blog .pagenavi ul .back:hover,
.single .pagenavi ul .back:hover{
    background-color: #002567;
}
#post .pagenavi ul .back:hover a,
#blog .pagenavi ul .back:hover a,
.single .pagenavi ul .back:hover a{
    color: white;
}

#post .pagenavi ul .inactive,
.single .pagenavi ul .inactive{
    color: #C6C9C8;
}

#post .pagenavi ul .prev,
#post .pagenavi ul .next,
.single .pagenavi ul .prev,
.single .pagenavi ul .next{
    position: relative;
}
#post .pagenavi ul .prev:before,
#post .pagenavi ul .next:before,
.single .pagenavi ul .prev:before,
.single .pagenavi ul .next:before{
    position: absolute;
    content: '';
    width: 64px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #002567;
}
#post .pagenavi ul .prev.inactive:before,
#post .pagenavi ul .next.inactive:before,
.single .pagenavi ul .prev.inactive:before,
.single .pagenavi ul .next.inactive:before{
    background-color: #C6C9C8;
}
#post .pagenavi ul .prev:before,
.single .pagenavi ul .prev:before{
    right: -84px;
}
#post .pagenavi ul .next:before,
.single .pagenavi ul .next:before{
    left: -84px;
}

#post .pagenavi ul .prev,
.single .pagenavi ul .prev{

}
#post .pagenavi ul .next,
.single .pagenavi ul .next{

}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    404
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.error_container{
    padding: 223px 0 0 126px;
    width: calc(100% - 126px);
}

/* =========================================================================
 1300PX
========================================================================= */
@media screen and (max-width: 1300px) {
    header .nav .link{
        display: none;
    }
}

/* =========================================================================
 870PX
========================================================================= */
@media screen and (max-width: 870px) {
    #stance_housing .content .parts #point3:before{
        bottom: 0;
        right: unset;
        left: 0;
    }
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			SP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/* =========================================================================
 740PX
========================================================================= */
@media screen and (max-width: 740px) {
    .pc_none {
        display: block;
    }

    .sp_none {
        display: none;
    }
    .wp-pagenavi .page{
        /*display: none;*/
    }
    .wp-pagenavi .page:nth-child(3),
    .wp-pagenavi .page:nth-child(4),
    .wp-pagenavi .page:nth-child(5){
        /*display: none;*/
    }
    .wp-pagenavi .smaller{
    }
    .wp-pagenavi .larger{
    }
    /*.wp-pagenavi .smaller:not(:first-child){*/

    /*}*/
    /*.wp-pagenavi .larger:not(:first-child){*/

    /*}*/
    .wp-pagenavi .smaller:first-child{

    }
    .wp-pagenavi .larger:first-child{

    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    ----------------------------------------------------
                自作ページネーション
    ----------------------------------------------------
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    .pagination{
        margin: 50px auto;
    }

    .pagination .page-numbers{
    }
    .pagination .page-numbers .page-numbers{
        /*width: 30px;*/
        /*font-size: 12px;*/
        width: 8vw;
    }
    .pagination .page-numbers li{
        margin-right: 10px;
    }
    .pagination .page-numbers li:last-child{
    }
    .pagination .page-numbers.dots{
        width: 10px;
    }
    .pagination .page-numbers.next,
    .pagination .page-numbers.prev{
    }
    .pagination .page-numbers.current{
    }


    /*||||||||||||||||||||||||||||||||||||||||||||||||||
                header
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    header{
        position: fixed;
        width: calc(100% - 40px);
        height: 97px;
        padding: 0 20px;
        background-color: white;
    }
    header .logo{
        width: 140px;
    }
    header .nav{
        width: auto;
    }
    header .nav .link,
    header .nav .link2 .immigrationColumn_btn,
    header .nav .link2 .corporate_btn{
        display: none !important;
    }
    header .nav .link2{
        margin-bottom: unset;
    }
    header .nav .link2 .contact_btn{
        background-color: #002567;
    }
    header .nav .link2 .contact_btn path{
        fill: white;
    }
    header .nav .sns_area{
        margin-right: 15px;
        display: flex;
    }
    header .nav .sns_area path{
        fill: #002058;
    }
    header .nav .sns_area a:first-child{
        margin-right: 9px;
    }
    header .nav .sns_area a:last-child{
        margin-right: unset;
    }

    /*ナビ展開後*/
    .navopen header{
        background-color: #002058;
        height: 97px;
    }
    .navopen header .logo {
        width: 140px;
    }
    .navopen header .nav{
        display: flex;
    }
    .navopen header .nav .link2 .contact_btn,
    .navopen header .nav .link2 .hamburger_btn{
        background-color: white;
    }
    .navopen header .nav .link2 path{
        fill: white;
    }
    .navopen header .nav .link2 .contact_btn path{
        fill: #002058;
    }
    .navopen header .nav .link2 .hamburger_btn span{
        background-color: #002058;
    }
    .navopen header .nav .link2 .hamburger_btn span:first-child{
        transform: rotate(-45deg);
        top: 18px;
    }
    .navopen header .nav .link2 .hamburger_btn span:last-child{
        transform: rotate(45deg);
        top: 18px;
    }
    .navopen header .nav .link2 .contact_btn svg g path{
        fill: #002058;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			menuarea
			ハンバーガーメニュー押された時に表示
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #menu_area{
        padding-top: 97px;
        height: calc(100% - 97px);
    }
    #menu_area .link{
        margin-right: unset;
        margin-top: unset;
        width: auto;
    }
    #menu_area .link:last-child{
        margin-top: 11px;
    }
    #menu_area .link a{
        flex-direction: column;
        margin-bottom: 19px !important;
    }
    #menu_area .link:nth-child(2) a:last-child{
        display: none;
    }
    #menu_area .immigrationColumn_btn{
        display: block;
        position: fixed;
        width: 100px;
        height: 100px;
        bottom: 11px;
        right: 13px;
    }

    #menu_area .link a p{
        width: auto;
    }
    #menu_area .link a span{
        margin-left: unset;
    }
    #menu_area .sub{
        margin-top: -5px;
        margin-bottom: 19px;
    }
    #menu_area .sub.pc_mb0{
        margin-bottom: 19px;
    }
    #menu_area .sub .line{
        flex-direction: column;
    }
    #menu_area .sub .line:first-child{
        margin-bottom: unset;
    }
    #menu_area .sub .line:last-child{
    }
    #menu_area .sub a{
        margin-right: unset;
        margin-bottom: 12px !important;
    }

    #menu_area .corporate_btn_sponly{
        display: block;
        padding-bottom: 45px;
        margin-top: 10px;
    }

    #menu_area .corporate_btn_sponly a{
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 10px;
        letter-spacing: 0.03em;
        width: 161px;
        height: 34px;
        border: 1px solid white;
        border-radius: 22px;
        margin: 0 auto;
        text-align: center;
    }

    #menu_area .corporate_btn_sponly span{
        position: relative;
        width: 100%;
        display: block;
    }
    #menu_area .corporate_btn_sponly span:before,
    #menu_area .corporate_btn_sponly span:after{
        position: absolute;
        content: '';
        background-color: white;
        transition: 0.2s;
    }
    #menu_area .corporate_btn_sponly span:before{
        width: 5px;
        height: 1px;
        right: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #menu_area .corporate_btn_sponly span:after{
        width: 1px;
        height: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 8px;
    }

    #menu_area .corporate_btn_sponly:hover span:before,
    #menu_area .corporate_btn_sponly:hover span:after{
        transform: rotate(90deg);
    }


    #menu_area .absolute{
        position: unset;
        display: unset;
        top: unset;
        bottom: unset;
        margin: unset;
        height: unset;
    }
    /*ナビ展開後*/
    .navopen #menu_area {
        overflow-y: scroll;
    }
    .navopen #menu_area .wrapper {
        flex-direction: column;
        justify-content: unset;
        padding-top: 20px;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
                footer
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    footer{
        position: relative;
        width: calc(100% - 40px);
        height: auto;
        margin-left: unset;
        margin-top: 50px;
        padding: 50px 20px 36px;
        flex-direction: column;
    }
    footer:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 275px;
        background-color: white;
        top: -275px;
        left: 0;
        z-index: -1;
    }
    footer .info{
        width: 100%;
    }
    footer .info .logo{
        margin-bottom: 22px;
    }
    footer .ftr_contact{
        margin: 28px auto 50px;
    }
    footer .copyright{
        position: unset;
        bottom: unset;
        margin-top: 45px;
    }
    footer .info .company_info .asahikawa,
    footer .info .company_info .sapporo{
        flex-direction: column;
    }
    footer .info .company_info .asahikawa .address,
    footer .info .company_info .sapporo .address{
        margin: 5px 0;
    }
    footer .info .company_info .asahikawa p,
    footer .info .company_info .sapporo p {
        margin-right: unset;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			Modelhouse_bnr
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #modelhouse_bnr{
        flex-direction: column;
        width: 104px;
        right: 20px;
        height: auto;
    }
    #modelhouse_bnr .img{
        width: 100%;
        height: 47px;
    }
    #modelhouse_bnr .txt{
        width: 100%;
        height: 30px;
        font-size: 12px;
        padding: unset !important;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			Kartell_bnr
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #kartell_bnr{
        max-width: 335px;
        width: calc(100% - 40px);
        height: 300px;
        padding-left: unset;
    }
    #kartell_bnr .wrapper{
        flex-direction: column;
        height: 100%;
    }
    #kartell_bnr .wrapper:before{
        width: 60px;
        height: 60px;
        transform: rotate(90deg);
    }
    #kartell_bnr .kartell,
    #kartell_bnr .hkhouse{
        width: 100%;
        height: 50%;
        justify-content: center;
    }
    #kartell_bnr .kartell{
        padding-right: unset;
    }
    #kartell_bnr .hkhouse{
        padding-left: unset;
    }
    #kartell_bnr .hkhouse img{
        width: 135px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			共通
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    .section_title{
    }
    .section_title span{
    }
    .section_title span:after{

    }
    .section_title .white_fontcolor span:after{
    }
    .section_title p{
    }
    .page_title{
        margin-bottom: 50px;
        padding-left: 30px;
        width: calc(100% - 30px);
    }
    .page_title h2{
        font-size: 27px;
    }
    .page_title span{
    }

    .content .img1{
        margin-bottom: 30px;
    }
    .content .img1.vertical{
        width: 100%;
        flex-direction: column;
    }

    .content .img1 .caption{
        display: block;
        position: relative;
        background-color: unset;
        color: #414141;
        padding: unset;
        margin-top: 10px;
        padding: 0 30px;
        width: calc(100% - 60px);
    }

    .content .img1:hover .caption{
    }

    .content .img2{
        flex-direction: column;
        margin-bottom: 50px;
    }
    .content .img2 .parts{
        width: 100%;
        margin-bottom: 30px;
    }
    .content .img2 .parts:last-child{
        margin-bottom: unset;
    }
    .content .img2 .parts .caption{
        position: relative;
        background-color: unset;
        color: #414141;
        margin-top: 10px;
        padding: 0 30px;
        width: calc(100% - 60px);
        opacity: 1;
    }
    .content .img2 .parts:hover .caption{
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			MV
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #mv{
        padding-left: unset;
        padding-top: 97px;
        height: auto;
        margin-bottom: 50px;
    }
    #mv .swiper-container{
        height: 270px;
        padding-bottom: 25px;
    }
    #mv .swiper-wrapper {
    }
    #mv .swiper-pagination{
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
    #mv .swiper-slide{}
    #mv .swiper-slide img{
    }
    #mv .swiper-pagination-bullet{
    }
    #mv .swiper-pagination-bullet.swiper-pagination-bullet-active{
    }
    #mv .progressbar {
        display: none;
    }
    #mv .progressbar span{
    }

    .mv_news{
        position: unset;
        bottom: unset;
        left: unset;
        margin-top: 30px;
        padding: 0 20px;
        width: calc(100% - 40px);
    }
    .mv_news li{
     border-bottom: 1px solid #E5E5E5;
    }
    .mv_news li:first-child{
        margin-bottom: 13px;
    }
    .mv_news li:last-child{
        border-bottom: unset;
    }
    .mv_news a{
        flex-direction: column;
        font-size: 12px;
        padding: 0 0 13px;
    }
    .mv_news .cat_date{
    }
    .mv_news .cat_date:after{
        display: none;
    }
    .mv_news .cat_date .cat{
    }
    .mv_news .title{
        margin-top: 5px;
        font-weight: 500;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Concept
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_concept{
        padding: unset;
        width: 100%;
    }
    #top_concept .wrapper{
        padding: 0 20px;
        margin: 33px 0 50px;
        width: calc(100% - 40px);
    }
    #top_concept .wrapper h3{
        font-size: 16px;
        letter-spacing: 0.1em;
        margin-bottom: 20px;
        font-weight: bold;
    }
    #top_concept .wrapper p{
        font-size: 14px;
        line-height: 2.2;
    }
    #top_concept .scroll_area{
    }
    #top_concept .detail_btn{
        margin-left: 20px;
    }
    #top_concept .section_title{
        padding: 0 20px;
    }
    #top_concept .img_area_sp{
        display: flex;
        margin-bottom: 45px;
    }
    #top_concept .img_area_sp img{
        width: 50%;
    }
    #top_concept .img_area_pc{
        padding-left: unset;
        width: 100%;
        margin-top: 50px;
        height: 250px;
    }
    #top_concept .img_area_pc img{
        width: 100%;
    }
    #top_concept .img_area_pc img:first-child,
    #top_concept .img_area_pc img:last-child{
        display: none;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Gallery
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_gallery{
        position: relative;
        padding: unset;
    }
    #top_gallery .wrapper{
        padding: 45px 20px 135px;
    }
    #top_gallery .title_cat{
    }
    #top_gallery .cat_area{
        position: absolute;
        bottom: 45px;
        flex-direction: row-reverse;
        justify-content: space-between;
        width: calc(100% - 40px);
    }
    #top_gallery .cat_area a{
        width: fit-content;
    }
    #top_gallery .cat_area a:after{
    }

    #top_gallery .cat_area a:last-child{
    }
    #top_gallery .cat_area a:hover:after{
    }
    #top_gallery .cat_area .flex{
        display: flex;
        flex-direction: column;
    }
    #top_gallery .cat_area .detail_btn{
        width: 138px;
    }
    #top_gallery .cat_area .detail_btn:after{
        display: none;
    }
    #top_gallery .topgallery_swiper-container{
        padding-bottom: unset;
        display: none;
    }
    #top_gallery .topgallery_swiper-container .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }
    #top_gallery .topgallery_swiper-container .swiper-scrollbar{
        display: none;
    }
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide{
        width: 100% !important;
        height: auto;
    }
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:nth-child(4),
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide:last-child{
        display: none;
    }
    #top_gallery .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption{
        display: block;
        padding: 7px 10px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
        width: calc(100% - 20px);
    }


    #top_gallery .topgallery_sp{
        display: flex;
        flex-direction: column;
        margin-top: 33px;
    }
    #top_gallery .swiper-slide{
        width: 100% !important;
        height: auto;
        position: relative;
    }
    #top_gallery .swiper-slide .caption{
        display: block;
        padding: 7px 10px;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
        width: calc(100% - 20px);
        position: absolute;
        bottom: 0;
        color: white;
    }


    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - With Architect
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_witharchitect{
        padding: 45px 20px 57px;
    }
    #top_witharchitect .wrapper{
        margin: 30px auto 0;
        padding-bottom: unset;
    }
    #top_witharchitect .wrapper img{
        height: 270px;
        margin-bottom: 50px;
    }
    #top_witharchitect .wrapper h3{
        font-size: 16px;
        letter-spacing: 0.1em;
        margin-bottom: 25px;
        font-weight: bold;
    }
    #top_witharchitect .wrapper p{
        font-size: 14px;
        line-height: 2.2;
    }
    #top_witharchitect .section_title span{
        letter-spacing: 0.09em;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - LifeStyle
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_lifeStyle{
        padding: unset;
        position: relative;
    }

    #top_lifeStyle .wrapper{
        padding: 45px 20px 135px;
    }

    #top_lifeStyle .title_cat{
    }

    #top_lifeStyle .cat_area{
        position: absolute;
        bottom: 45px;
    }
    #top_lifeStyle .cat_area a{
        display: none;
    }
    #top_lifeStyle .cat_area a:last-child{
        display: flex;
    }
    #top_lifeStyle .cat_area a:last-child:after{
        display: none;
    }
    #top_lifeStyle .topgallery_swiper-container{
        padding-bottom: unset;
        display: none;
    }
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }
    #top_lifeStyle .topgallery_swiper-container .swiper-scrollbar{
        display: none;
    }
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide{
        width: 100%!important;
        height: auto;
    }
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:nth-child(4),
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide:last-child{
        display: none;
    }
    #top_lifeStyle .topgallery_swiper-container .swiper-wrapper .swiper-slide .caption{
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 7px 10px;
        width: calc(100% - 20px);
        font-size: 14px;
    }

    #top_lifeStyle .toplifestyle_sp{
        display: flex;
        flex-direction: column;
        margin-top: 33px;
    }

    #top_lifeStyle .swiper-slide{
        width: 100%!important;
        height: auto;
        position: relative;
    }
    #top_lifeStyle .swiper-slide .caption{
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 7px 10px;
        width: calc(100% - 20px);
        font-size: 14px;
        position: absolute;
        bottom: 0;
        color: white;
    }
    #top_lifeStyle .swiper-slide .vol{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 75px;
        height: 31px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        color: white;
        background-color: #002058;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Immigration Column
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_immigrationColumn{
        padding: 45px 0;
        width: calc(100%);
    }
    #top_immigrationColumn .section_title{
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    #top_immigrationColumn .wrapper{
        padding: unset;
    }
    #top_immigrationColumn .txt {
        font-size: 14px;
        line-height: 2.2;
        width: calc(100% - 40px);
        padding: 0 20px;
    }
    #top_immigrationColumn .immigrationswiper-container{
        height: 250px;
        width: calc(100% - 40px);
        padding: 0 20px 25px;
    }
    #top_immigrationColumn .swiper-pagination{
        top: 0;
        right: 20px;
        width: 60px;
        height: 60px;
        font-size: 12px;
    }
    #top_immigrationColumn .swiper-slide{
        height: 100%;
    }
    #top_immigrationColumn .swiper-slide img{
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    #top_immigrationColumn .swiper-slide span{
        bottom: -25px;
        left: 0;
        width: 75%;
    }


    #top_immigrationColumn .swiper-button-prev,
    #top_immigrationColumn .swiper-button-next {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40px;
        height: 40px;
    }
    #top_immigrationColumn .swiper-button-prev{
        left: 0;
        right: unset;
    }
    #top_immigrationColumn .swiper-button-next{
        right: 0;
        left: unset;
    }
    #top_immigrationColumn .detail_btn{
        display: flex;
        margin: 20px auto 0;
    }
    #top_immigrationColumn .progressbar2{
        display: none;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
        TOP - News
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_news{
        padding: 0 20px;
        width: calc(100% - 40px);
        margin: 50px auto 75px;
    }
    #top_news .section_title{
        margin-bottom: 28px;
    }
    #top_news .detail_btn{
        position: unset;
        top: unset;
        right: unset;
        margin: 0 auto;
    }
    #top_news ul{
        margin-bottom: 45px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
			TOP - Blog
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #top_blog{
        padding: 0 20px;
        width: calc(100% - 40px);
        margin: 0 auto 75px;
    }
    #top_blog .section_title{
        margin-bottom: 28px;
    }
    #top_blog .detail_btn{
        position: unset;
        top: unset;
        right: unset;
        margin: 0 auto;
    }
    #top_blog ul{
        margin-bottom: 45px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
            下層
            Company
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #company{}
    #company .content .section_title {
        margin-bottom: 25px;
    }
    #company .section_title p{
        display: flex;
        flex-direction: column;
        font-size: 11px;
    }
    #company .section_title span:after{
        display: none;
    }
    #company .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #company .content{
        padding: 30px;
        width: calc(100% - 60px);
    }
    #company table tr{
        display: flex;
        flex-direction: column;
    }
    #company table th{
        width: 100%;
        font-size: 14px;
    }
    #company table td{
        width: 100%;
        padding-top: 10px;
        padding-bottom: unset;
        border-bottom: unset;
    }
    #company table td.relative span{
        height: fit-content;
        top: unset;
    }
    #company .content .contact{
        font-size: 12px;
        line-height: 1.9;
        margin-bottom: 70px;
        padding: 40px 0;
    }
    #company .content .contact span{
        margin-top: 18px;
    }
    #company .architect_award .architect{
        flex-direction: column;
    }
    #company .architect_award .architect p:last-child{
        font-size: 13px;
    }
    #company .architect_award .architect p:first-child:before{
        display: none;
    }
    #company .content #about .hkhouse{
        margin-bottom: 27px;
    }
    #company .architect_award .award li{
        flex-direction: column;
        letter-spacing: 0.045em;
    }
    #company #kartell_bnr{
        display: flex;
        margin-top: 50px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
            下層
            Company
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #contact{

    }

    #kartell-confirm .container,
    #contact .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }

    #kartell-confirm .content,
    #contact .content{
        padding: 30px;
        width: calc(100% - 60px);
        margin-bottom: 50px;
    }

    #kartell-confirm .content .section_title,
    #contact .content .section_title{
        margin-bottom: 30px;
    }

    #kartell-confirm .content .section_title p,
    #contact .content .section_title p{
        display: flex;
        flex-direction: column;
    }

    #kartell-confirm .content .section_title span:after,
    #contact .content .section_title span:after{
        display: none;
    }

    #kartell-confirm .content .tel,
    #contact .content .tel{
        margin-bottom: 45px;
    }

    #kartell-confirm .content .tel .parts,
    #contact .content .tel .parts{
        padding: 25px 0;
    }
    #contact .content .tel img{
    }
    #contact .content .tel .txt{
    }
    #contact .content .tel .txt a{
    }
    #contact .content .tel .txt span{
    }
    #contact .content .form{
    }

    #kartell-confirm .content .form .txt,
    #contact .content .form .txt{
        font-size: 14px;
        letter-spacing: 0.045em;
    }
    #contact .content .mw_wp_form{
    }

    #kartell-confirm .content .mw_wp_form .form_item,
    #contact .content .mw_wp_form .form_item{
        flex-direction: column;
    }

    #kartell-confirm .content .mw_wp_form .form_item .name,
    #contact .content .mw_wp_form .form_item .name{
        width: 100%;
    }

    #kartell-confirm .content .mw_wp_form .form_item .contents,
    #contact .content .mw_wp_form .form_item .contents{
        width: 100%;
        margin-top: 10px;
        border-bottom: unset;
    }

    #kartell-confirm .content .mw_wp_form .form_item .contents input[type="text"],
    #kartell-confirm .content .mw_wp_form .form_item .contents textarea,
    #contact .content .mw_wp_form .form_item .contents input[type="text"],
    #contact .content .mw_wp_form .form_item .contents textarea{
        background-color: #F7F7F7;
        width: calc(100% - 30px);
        padding: 15px 12px;
    }
    #contact .content .mw_wp_form .form_item .contents input[type="text"]::placeholder,
    #contact .content .mw_wp_form .form_item .contents textarea::placeholder{
    }
    #contact .content .mw_wp_form .form_item .contents textarea{
    }

    #kartell-confirm .content .mw_wp_form .form_item .contents.kind,
    #contact .content .mw_wp_form .form_item .contents.kind{
        display: flex;
        flex-direction: column;
    }
    #contact .mw_wp_form .horizontal-item{
    }
    #contact .mw_wp_form .horizontal-item + .horizontal-item{
    }

    #kartell-confirm .mw_wp_form input[type="submit"],
    #kartell-confirm .mw_wp_form input[type="button"],
    #kartell-confirm .mw_wp_form input[type="reset"],
    #contact .mw_wp_form input[type="submit"],
    #contact .mw_wp_form input[type="button"],
    #contact .mw_wp_form input[type="reset"]{
        max-width: unset;
    }
    #contact .mw_wp_form .btnarea,
    #contact .mw_wp_form .privacy{
    }
    #contact .mw_wp_form .privacy{
    }
    #contact .mw_wp_form .privacy .horizontal-item{
    }
    #contact .mw_wp_form .btnarea .mwform-checkbox-field{
    }
    #contact #kartell_bnr{
        display: flex;
    }

    #kartell-confirm .content .form {
        padding-right: 0;
    }

    #kartell-confirm .content .detail .flex .map, #kartell .content .detail .flex .map {
        width: 100%;
        padding-top: 30px;
    }

    #kartell-confirm .content .detail,
    #kartell .content .detail {
        padding-right: 0;
    }

    #kartell-confirm .content .detail .flex,
    #kartell .content .detail .flex {
        display: flex;
        flex-direction: column;
    }

    #kartell-confirm .content .detail .flex .info,
    #kartell .content .detail .flex .info {
        width: 100%;
    }

    #kartell-confirm .mw_wp_form .btnarea,
    #kartell-confirm .mw_wp_form .privacy,
    #kartell .mw_wp_form .btnarea,
    #kartell .mw_wp_form .privacy {
        flex-direction: column;
        row-gap: 20px;
    }

    #kartell-confirm .content .slide,
    #kartell .content .slide {
        padding-right: 0;
    }



    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    thankyou
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #thankyou{

    }
    #contact-thankyou .container,
    #kartell-thankyou .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #contact-thankyou .content,
    #kartell-thankyou .content{
        padding: 210px 30px 0;
        width: calc(100% - 60px);
    }
    #contact-thankyou .content img,
    #kartell-thankyou .content img{
        width: 100%;
        height: auto;
    }
    #contact-thankyou .content .top_btn,
    #kartell-thankyou .content .top_btn{
        width: 100%;
        margin-top: 210px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
        下層
        ModelHouse
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #modelhouse{
    }
    #modelhouse .section_title p{
        display: flex;
        flex-direction: column;
        font-size: 11px;
    }
    #modelhouse .section_title span:after{
        display: none;
    }
    #modelhouse .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #modelhouse .content{
        padding: 30px 0;
        width: calc(100%);
        margin-bottom: 50px;
    }
    #modelhouse .title{
        font-size: 16px;
        padding: 0 30px;
    }
    #modelhouse .content .slide {
        margin-bottom: 50px;
    }
    #modelhouse .content .caption {
        margin-bottom: 71px;
        padding: 0 30px;
    }
    #modelhouse .content .caption p:first-child{
        font-size: 16px;
        line-height: 1.5;
    }
    #modelhouse .content .caption p:nth-child(2){
        line-height: 2.2;
        font-size: 14px;
    }
    #modelhouse .content .caption p:last-child span{
        font-size: 12px;
        line-height: 1.5;
    }
    #modelhouse .content .overview{
        flex-direction: column;
        margin-bottom: 45px;
    }
    #modelhouse .content .overview table{
        width: 100%;
    }
    #modelhouse .content .overview table tr{
        display: flex;
        flex-direction: column;
        text-align: left;
        font-size: 14px;
        margin-bottom: 25px;
    }
    #modelhouse .content .overview table th{
        width: 100%;
        padding-bottom: 10px;
    }
    #modelhouse .content .overview table td{
        width: 100%;
        padding-top: 10px;
        padding-bottom: unset;
        border-bottom: unset;
    }
    #modelhouse .content .overview .map{
        width: 100%;
        padding-left: unset;
        height: 303px;
    }
    #modelhouse .content .contact{
        margin-top: 30px;
        height: 45px;
    }
    #modelhouse .content .contact.sp_size{
        width: calc(100% - 60px);
        margin: 30px auto 0;
    }
    #modelhouse #kartell_bnr{
        display: flex;
    }

    #modelhouse .content .detail,
    #modelhouse .content .virtualtour{
        padding: 0 30px;
    }

    #modelhouse .content .slide .modelhouseswiper-container{
        padding: 0 30px;
    }

    #modelhouse .swiper-button-prev,
    #modelhouse .swiper-button-next {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #modelhouse .swiper-button-prev{
        left: 0;
        right: unset;
    }
    #modelhouse .swiper-button-next{
        right: 0;
    }

    #modelhouse .swiper-scrollbar{
        left: 0;
        right: 0;
        margin: auto;
        max-width: unset !important;
        width: calc(100% - 60px) !important;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
        下層
        プライバシーポリシー
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #privacypolicy{
    }
    #privacypolicy .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #privacypolicy .content{
        padding: 30px;
        width: calc(100% - 60px);
    }
    #privacypolicy .content .txt{
        font-size: 14px;
        letter-spacing: 0.045em;
        line-height: 1.9;
        margin-bottom: 30px;
    }
    #privacypolicy .content h3{
        /*font-size: 16px;*/
        /*line-height: 1.9;*/
    }
    #privacypolicy .content p{
        /*font-size: 14px;*/
        /*letter-spacing: 0.045em;*/
        /*line-height: 1.9;*/
    }
    #privacypolicy .content .parts{
        /*margin-bottom: 30px;*/
        margin-bottom: 70px;
    }
    #privacypolicy #kartell_bnr{
        display: flex;
    }
    #privacypolicy{

    }
    #privacypolicy .container{
    }
    #privacypolicy .content{
    }
    #privacypolicy .content .section_title{
    }
    #privacypolicy .content .txt{
    }
    #privacypolicy .content h3{
        width: calc(100% - 50px);
    }
    #privacypolicy .content p{
    }
    #privacypolicy .content ul{
    }
    #privacypolicy .content li{
    }
    #privacypolicy .content .parts{
    }
    #privacypolicy #kartell_bnr{
    }
    /*追加*/
    #privacypolicy .content .title{
    }
    #privacypolicy .content .title.sp_column{
        flex-direction: column;
        align-items: unset;
    }
    #privacypolicy .content .title small{
    }
    #privacypolicy .content .title .point_txt{
    }
    #privacypolicy .content .title .point_txt img{
    }
    #privacypolicy .content .subtitle{
    }
    #privacypolicy .content .subtitle.multiline{
    }
    #privacypolicy .content .subtitle .subpoint_txt {
    }
    #privacypolicy .content .subtitle .subpoint_txt img{
    }
    #privacypolicy .content .revision_txt{
    }
    #privacypolicy .content .consultation{
        border-right: unset;
        border-left: unset;
        height: 350px;
    }
    #privacypolicy .content .consultation .title{
    }
    #privacypolicy .content .consultation .title p{
    }
    #privacypolicy .content .consultation .txtarea{
    }
    #privacypolicy .content .consultation .txtarea p{
        margin-bottom: 10px;
        line-height: 1.6;
    }
    #privacypolicy .content .consultation .txtarea p:first-child{
        line-height: 1.6;
    }
    #privacypolicy .content .consultation .txtarea p:last-child{
    }
    #privacypolicy .content .consultation .txtarea p:last-child:before{
        left: 0;
        bottom: -30px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Concept
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #concept{}
    #concept .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #concept .content{
        padding: 0 0 30px;
        width: 100%;
    }
    #concept .content h3{
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.6;
        font-weight: bold;
        margin-bottom: 20px;
    }
    #concept .content .txt{
        font-size: 14px;
        line-height: 2.2;
    }
    #concept .content .parts{
        margin-bottom: 50px;
        width: calc(100% - 60px);
        padding: 0 30px;
    }
    #concept .content .mv{
        height: 270px;
        margin-bottom: 50px;
    }
    #concept .content .parts.flex{
        flex-direction: column;
        height: unset;
        width: calc(100% - 60px);
    }
    #concept .content .parts.flex img{
        width: 100%;
        height: 230px;
    }
    #concept .linkarea{
        flex-direction: column;
        justify-content: unset;
        align-items: center;
        padding-right: unset;
        margin: 50px 0;
    }
    #concept .linkarea a{
        max-width: 315px;
        width: 100%;
        margin-bottom: 10px;
    }
    #concept .linkarea a:last-child{
        margin-bottom: unset;
    }
    #concept #kartell_bnr{
        display: flex;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    kartell
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #kartell{
    }
    #kartell .page_title{
        margin-bottom: 25px;
    }
    #kartell .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #kartell .content{
        padding: 30px 0;
        width: calc(100%);
        margin-top: 55px;
        margin-bottom: 50px;
    }
    #kartell .content .section_title{
    }
    #kartell .content .section_title p{
        display: flex;
        flex-direction: column;
    }
    #kartell .content .section_title span:after{
        display: none
    }
    #kartell .content .detail .section_title p:after{
        top: -58px;
        right: -27px;
    }
    #kartell .content h3{
        font-size: 16px;
    }
    #kartell .content .slide{
        margin-bottom: 114px;
        padding: 0 30px;
    }
    #kartell .content .slide p{
        font-size: 14px;
        letter-spacing: 0.045em;
    }
    #kartell .content .slide .form_btn{
        width: 100%;
    }
    #kartell .content .detail{
        padding: 0px 30px;
    }
    #kartell .content .detail .flex{
        flex-direction: column;
    }
    #kartell .content .detail .flex .info{
        width: 100%;
    }
    #kartell .content .detail .flex .info .item{
        flex-direction: column;
    }
    #kartell .content .detail .flex .info .item:last-child{
        margin-bottom: 20px;
    }
    #kartell .content .detail .flex .info .item .name{
        width: 100%;
    }
    #kartell .content .detail .flex .info .item .txt{
        width: 100%;
        margin-top: 10px;
        border-bottom: unset;
    }
    #kartell .content .detail .flex .map{
        width: 100%;
    }
    #kartell .content .detail .flex .map iframe{
        height: 206px;
    }

    #kartell .content .form{
        padding: 0 30px;
        margin-top: 75px;
    }
    #kartell .content .form .txt{
        font-size: 14px;
    }
    #kartell .content .mw_wp_form{
    }
    #kartell .content .mw_wp_form .form_item{
        flex-direction: column;
    }
    #kartell .content .mw_wp_form .form_item .name{
        width: 100%;
    }
    #kartell .content .mw_wp_form .form_item .contents{
        width: 100%;
        margin-top: 10px;
        border-bottom: unset;
    }
    #kartell .content .mw_wp_form .form_item .contents input[type="text"]{
        width: calc(100% - 30px);
        padding: 15px 12px;
        background-color: #F7F7F7;
    }
    #kartell .content .mw_wp_form .form_item .contents input[type="text"]::placeholder{
    }
    #kartell .mw_wp_form .horizontal-item{
    }
    #kartell .mw_wp_form .horizontal-item + .horizontal-item{
    }
    #kartell .mw_wp_form input[type="submit"],
    #kartell .mw_wp_form input[type="button"],
    #kartell .mw_wp_form input[type="reset"]{
    }

    #kartell .mw_wp_form .btnarea,
    #kartell .mw_wp_form .privacy{
    }
    #kartell .mw_wp_form .privacy{
    }
    #kartell .mw_wp_form .privacy .horizontal-item{
    }
    #kartell .mw_wp_form .btnarea .mwform-checkbox-field{
    }
    #kartell #kartell_bnr{
        display: flex;
    }

    #kartell .content .slidearea{
        height: 265px;
    }

    #kartell .kartellautoswiper-container{
        height: 100%;
    }
    #kartell .kartellautoswiper-container .swiper-wrapper{
        height: 100%;
    }
    #kartell .kartellautoswiper-container .swiper-wrapper .swiper-slide{
        height: 100%;
        width: auto !important;
    }
    #kartell .kartellautoswiper-container .swiper-wrapper .swiper-slide img{
        height: 100%;
        width: auto !important;
    }
    #kartell .mv{
        margin-bottom: 50px;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層Stance
    共通パーツ
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    /*プルダウン*/
    #stance_housing .stance_menu,
    #stance_spec .stance_menu,
    #stance_with_architect .stance_menu,
    #stance_flow .stance_menu,
    #stance_reform_renovation .stance_menu,
    .archive .cat_menu,
    .single .cat_menu{
        position: relative;
        top: unset;
        right: unset;
        flex-direction: column;
        width: calc(100% - 60px);
        margin: 0 auto;
        padding: 0 30px;
        font-size: 13px;
    }
    #stance_housing .stance_menu .sp_only,
    #stance_spec .stance_menu .sp_only,
    #stance_with_architect .stance_menu .sp_only,
    #stance_flow .stance_menu .sp_only,
    #stance_reform_renovation .stance_menu .sp_only,
    .archive .cat_menu .sp_only,
    .single .cat_menu .sp_only{
        display: flex;
        font-size: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #002567;
    }
    #stance_housing .stance_menu .sp_only p ,
    #stance_spec .stance_menu .sp_only p,
    #stance_with_architect .stance_menu .sp_only p,
    #stance_flow .stance_menu .sp_only p,
    #stance_reform_renovation .stance_menu .sp_only p,
    .archive .cat_menu .sp_only p,
    .single .cat_menu .sp_only p{
        position: relative;
        width: 100%;
    }
    #stance_housing .stance_menu .sp_only p:before,
    #stance_housing .stance_menu .sp_only p:after,
    #stance_spec .stance_menu .sp_only p:before,
    #stance_spec .stance_menu .sp_only p:after,
    #stance_with_architect .stance_menu .sp_only p:before,
    #stance_with_architect .stance_menu .sp_only p:after,
    #stance_flow .stance_menu .sp_only p:before,
    #stance_flow .stance_menu .sp_only p:after,
    #stance_reform_renovation .stance_menu .sp_only p:before,
    #stance_reform_renovation .stance_menu .sp_only p:after,
    .archive .cat_menu .sp_only p:before,
    .archive .cat_menu .sp_only p:after,
    .single .cat_menu .sp_only p:before,
    .single .cat_menu .sp_only p:after{
        position: absolute;
        content: '';
        background-color: #002567;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #stance_housing .stance_menu .sp_only p:before,
    #stance_spec .stance_menu .sp_only p:before,
    #stance_with_architect .stance_menu .sp_only p:before,
    #stance_flow .stance_menu .sp_only p:before,
    #stance_reform_renovation .stance_menu .sp_only p:before,
    .archive .cat_menu .sp_only p:before,
    .single .cat_menu .sp_only p:before{
        width: 9px;
        height: 1px;
        right: 0;
    }
    #stance_housing .stance_menu .sp_only p:after,
    #stance_spec .stance_menu .sp_only p:after,
    #stance_with_architect .stance_menu .sp_only p:after,
    #stance_flow .stance_menu .sp_only p:after,
    #stance_reform_renovation .stance_menu .sp_only p:after,
    .archive .cat_menu .sp_only p:after,
    .single .cat_menu .sp_only p:after{
        width: 1px;
        height: 9px;
        right: 4px;
    }
    #stance_housing .stance_menu .list,
    #stance_spec .stance_menu .list,
    #stance_with_architect .stance_menu .list,
    #stance_flow .stance_menu .list,
    #stance_reform_renovation .stance_menu .list,
    .archive .cat_menu .list,
    .single .cat_menu .list{
        display: none;
    }
    #stance_housing .stance_menu.active .list,
    #stance_spec .stance_menu.active .list,
    #stance_with_architect .stance_menu.active .list,
    #stance_flow .stance_menu.active .list,
    #stance_reform_renovation .stance_menu.active .list,
    .archive .cat_menu.active .list,
    .single .cat_menu.active .list{
        position: absolute;
        display: flex;
        flex-direction: column;
        width: calc(100% - 120px);
        padding: 30px;
        background-color: #f7f7f7;
        z-index: 1;
    }
    #stance_housing .stance_menu .list a,
    #stance_spec .stance_menu .list a,
    #stance_with_architect .stance_menu .list a,
    #stance_flow .stance_menu .list a,
    #stance_reform_renovation .stance_menu .list a,
    .archive .cat_menu .list a,
    .single .cat_menu .list a{
        margin-right: unset;
        margin-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid white;
    }
    #stance_housing .stance_menu .list a:first-child,
    #stance_spec .stance_menu .list a:first-child,
    #stance_with_architect .stance_menu .list a:first-child,
    #stance_flow .stance_menu .list a:first-child,
    #stance_reform_renovation .stance_menu .list a:first-child,
    .archive .cat_menu .list a:first-child,
    .single .cat_menu .list a:first-child{
        margin-top: unset;
    }
    #stance_housing .stance_menu .list a:last-child,
    #stance_spec .stance_menu .list a:last-child,
    #stance_with_architect .stance_menu .list a:last-child,
    #stance_flow .stance_menu .list a:last-child,
    #stance_reform_renovation .stance_menu .list a:last-child,
    .archive .cat_menu .list a:last-child,
    .single .cat_menu .list a:last-child{
        border-bottom: unset;
    }
    /*下部リンクエリア*/
    #stance_housing .linkarea,
    #stance_spec .linkarea,
    #stance_with_architect .linkarea,
    #stance_flow .linkarea,
    #stance_reform_renovation .linkarea{
        margin: 50px 0;
        padding-right: unset;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    #stance_housing .linkarea a,
    #stance_spec .linkarea a,
    #stance_with_architect .linkarea a,
    #stance_flow .linkarea a,
    #stance_reform_renovation .linkarea a{
        max-width: 315px;
        width: 100%;
        margin: 0 auto 10px;
    }
    #stance_housing .linkarea a:last-child,
    #stance_spec .linkarea a:last-child,
    #stance_with_architect .linkarea a:last-child,
    #stance_flow .linkarea a:last-child,
    #stance_reform_renovation .linkarea a:last-child{
        margin-bottom: unset;
    }
    #stance_housing #kartell_bnr,
    #stance_spec #kartell_bnr,
    #stance_with_architect #kartell_bnr,
    #stance_flow #kartell_bnr,
    #stance_reform_renovation #kartell_bnr{
        display: flex;
    }
    /*下部ポイント*/
    .content .point .title{
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    .content .point .explanation{
        font-size: 14px;
        letter-spacing: 0.1em;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
        下層
        Stance-Housing
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #stance_housing{
    }
    #stance_housing .page_title{
      margin-bottom: 25px;
    }
    #stance_housing .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #stance_housing .content{
        padding: 30px;
        width: calc(100% - 60px);
        margin-top: 55px;
    }
    #stance_housing .content .image{
        padding: 25px 0;
        margin-bottom: 30px;
    }
    #stance_housing .content .image svg{
        width: calc(100% - 60px);
        height: auto;
    }
    #stance_housing .content h3{
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.6;
        font-weight: bold;
    }
    #stance_housing .section_title p{
        display: flex;
        flex-direction: column;
    }
    #stance_housing .section_title span:after{
        display: none;
    }
    #stance_housing .content .parts .point .title{
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    #stance_housing .content .parts .point .explanation{
        font-size: 14px;
        letter-spacing: 0.1em;
    }
    #stance_housing .content .parts .point:last-child {
        padding-bottom: 20px;
    }
    #stance_housing .content .parts #point3{
        /*padding-bottom: 40px;*/
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance-Spec
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #stance_spec{
    }
    #stance_spec .page_title{
        margin-bottom: 25px;
    }
    #stance_spec .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #stance_spec .content{
        padding: 30px;
        width: calc(100% - 60px);
        margin-top: 55px;
    }
    #stance_spec .content .image{
        margin-bottom: 30px;
    }
    #stance_spec .content .image img{
        height: 270px;
        object-fit: cover;
        padding: 0 30px;
    }
    #stance_spec .section_title p{
        display: flex;
        flex-direction: column;
    }
    #stance_spec .section_title span:after{
        display: none;
    }
    #stance_spec .content h3{
        font-size: 16px;
        letter-spacing: 0.1em;
        line-height: 1.6;
        font-weight: bold;
    }
    #stance_spec .content .parts{
        padding-bottom: 47px;
    }
    #stance_spec .content .parts.spec{
        padding-top: 37px;
    }
    #stance_spec .content .spec h3{
        padding: 0 15px;
        font-weight: 400;
    }
    #stance_spec .content .parts .point{
        margin: 30px 30px 0;
    }
    #stance_spec .content .parts .point .title{
        font-size: 15px;
        letter-spacing: 0.15em;
        line-height: 1.6;
    }
    #stance_spec .content .parts .point .explanation{
        font-size: 14px;
        letter-spacing: 0.1em;
    }
    #stance_spec .content .parts .grade{
        padding: 30px;
        border-top: solid 1px #EBEBEB;
    }
    #stance_spec .content .parts .grade p{
        font-size: 14px;
        letter-spacing: 0.15em;
        margin-bottom: 5px;
    }
    #stance_spec .content .parts .grade span{
        font-size: 12px;
        letter-spacing: 0.1em;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_with_architect
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #stance_with_architect{
    }

    #stance_with_architect .page_title{
        margin-bottom: 25px;
    }
    #stance_with_architect .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #stance_with_architect .content{
        /*padding: 30px 30px 50px;*/
        /*width: calc(100% - 60px);*/
        padding: 30px 0 100px;
        width: calc(100%);
        margin-top: 55px;
    }
    #stance_with_architect .content .image{
        margin-bottom: 30px;
    }
    #stance_with_architect .content .image img{
        height: 270px;
        object-fit: cover;
        padding: 0 30px;
    }
    #stance_with_architect .section_title p{
        display: flex;
        flex-direction: column;
    }
    #stance_with_architect .section_title span:after{
        display: none;
    }
    #stance_with_architect .content .section_title{
        padding: 0 30px;
    }
    #stance_with_architect .content h3{
        font-size: 17px;
        letter-spacing: 0.15em;
        margin-bottom: 20px;
    }
    #stance_with_architect .content .parts{
        padding-bottom: 47px;
    }
    #stance_with_architect .content .parts.spec{
        padding-top: 37px;
    }
    #stance_with_architect .content .spec h3{
        padding: 0 15px;
    }
    #stance_with_architect .content .slide{
        margin-bottom: 100px;
    }
    #stance_with_architect .content .slide p{
        font-size: 14px;
        line-height: 2.2;
        padding: 0 30px;
    }
    #stance_with_architect .content .slide .gallery_btn{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 300px;
        height: 45px;
        color: white;
        margin: 50px auto 0;
    }
    #stance_with_architect .content .architect_list .list_area{
        flex-direction: column;
        flex-wrap: unset;
    }
    #stance_with_architect .content .architect_list .list_area .list{
        max-width: unset;
        width: 100%;
        padding: 16px 0 21px;
        border-top: 1px solid #C6C9C8;
        border-bottom: 1px solid #C6C9C8;
    }
    #stance_with_architect .content .architect_list .list_area .list .name p{
        font-size: 16px;
        letter-spacing: 0.15em;
    }
    #stance_with_architect #kartell_bnr{
        display: flex;
        margin-top: 75px;
    }
    #stance_with_architect .content .slide .architectswiper-container{
        padding: 0 30px;
    }

    #stance_with_architect .swiper-button-prev,
    #stance_with_architect .swiper-button-next {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #stance_with_architect .swiper-button-prev{
        left: 0;
        right: unset;
    }
    #stance_with_architect .swiper-button-next{
        right: 0;
    }

    #stance_with_architect .swiper-scrollbar{
        left: 0;
        right: 0;
        margin: auto;
        max-width: unset;
        width: calc(100% - 60px);
    }
    #stance_with_architect .content .architect_list {
        padding: 0 30px;
    }

    #stance_with_architect .witharichitect_bnr{
        position: relative;
        height: 70px;
        width: calc(100% - 60px);
        margin-top: -20px;
    }
    #stance_with_architect .witharichitect_bnr:before,
    #stance_with_architect .witharichitect_bnr:after{
        position: absolute;
        content: '';
        background-color: white;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: 0.2s;
    }
    #stance_with_architect .witharichitect_bnr:before{
        width: 7px;
        height: 1px;
        right: 20px;
    }
    #stance_with_architect .witharichitect_bnr:after{
        width: 1px;
        height: 7px;
        right: 23px;
    }
    #stance_with_architect .witharichitect_bnr:hover:before,
    #stance_with_architect .witharichitect_bnr:hover:after{
        transform: rotate(90deg);
    }
    #stance_with_architect .witharichitect_bnr p{
        text-align: center;
        font-size: 13px;
        line-height: 1.5;
    }
    #stance_with_architect .witharichitect_bnr span{
        display: none;
        /*position: relative;*/
        /*margin-top: 11px;*/
        /*font-size: 15px;*/
        /*letter-spacing: 0.1em;*/
    }
    #stance_with_architect .witharichitect_bnr span:before,
    #stance_with_architect .witharichitect_bnr span:after{
        /*position: absolute;*/
        /*content: '';*/
        /*background-color: white;*/
        /*top: 0;*/
        /*bottom: 0;*/
        /*margin: auto;*/
        /*transition: 0.2s;*/
    }
    #stance_with_architect .witharichitect_bnr span:before{
        /*width: 7px;*/
        /*height: 1px;*/
        /*right: -17px;*/
    }
    #stance_with_architect .witharichitect_bnr span:after{
        /*width: 1px;*/
        /*height: 7px;*/
        /*right: -14px;*/
    }
    #stance_with_architect .witharichitect_bnr:hover span:before,
    #stance_with_architect .witharichitect_bnr:hover span:after{
        /*transform: rotate(90deg);*/
    }


    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_reform_renovation
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #stance_reform_renovation{
    }
    #stance_reform_renovation .page_title{
        margin-bottom: 25px;
    }
    #stance_reform_renovation .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #stance_reform_renovation .content{
        padding: 30px 0 50px;
        width: calc(100%);
        margin-top: 55px;
    }
    #stance_reform_renovation .content .image{
        margin-bottom: 30px;
    }
    #stance_reform_renovation .content .image img{
        height: 270px;
        object-fit: cover;
        padding: 0 30px;
    }
    #stance_reform_renovation .section_title p{
        display: flex;
        flex-direction: column;
    }
    #stance_reform_renovation .section_title span{
        margin-right: unset;
    }
    #stance_reform_renovation .section_title span:after{
        display: none;
    }
    #stance_reform_renovation .content h3{
        font-size: 17px;
        letter-spacing: 0.15em;
    }
    #stance_reform_renovation .content .parts{
        padding-bottom: 47px;
    }
    #stance_reform_renovation .content .parts.spec{
        padding-top: 37px;
    }
    #stance_reform_renovation .content .spec h3{
        padding: 0 15px;
    }
    #stance_reform_renovation .content .slide{
        margin-bottom: 50px;
    }
    #stance_reform_renovation .content .slide p{
        font-size: 14px;
        line-height: 2.2;
        letter-spacing: 0.1em;
        padding: 0 30px;
    }
    #stance_reform_renovation .point_area{
        flex-direction: column;
        padding: 0 30px;
    }
    #stance_reform_renovation .point_area .point{
        width: 100%;
    }
    #stance_reform_renovation .txt{
        margin: 50px 0 25px;
        padding: 0 30px;
    }
    #stance_reform_renovation #kartell_bnr{
        display: flex;
    }
    #stance_reform_renovation .content .section_title{
        padding: 0 30px;
    }
    #stance_reform_renovation .contact{
        height: 45px;
        width: calc(100% - 60px);
        margin: 0 auto;
    }

    #stance_reform_renovation .content .slide .reformswiper-container{
        padding: 0 30px;
    }

    #stance_reform_renovation .swiper-button-prev,
    #stance_reform_renovation .swiper-button-next {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #stance_reform_renovation .swiper-button-prev{
        left: 0;
        right: unset;
    }
    #stance_reform_renovation .swiper-button-next{
        right: 0;
    }

    #stance_reform_renovation .swiper-scrollbar{
        left: 0;
        right: 0;
        margin: auto;
        max-width: unset !important;
        width: calc(100% - 60px) !important;
    }
    #stance_reform_renovation .content .architect_list {
        padding: 0 30px;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Stance_flow
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #stance_flow{
    }
    #stance_flow .page_title{
        margin-bottom: 25px;
    }
    #stance_flow .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #stance_flow .content{
        padding: 30px;
        width: calc(100% - 60px);
        margin-top: 55px;
    }
    #stance_flow .section_title p{
        display: flex;
        flex-direction: column;
    }
    #stance_flow .section_title span:after{
        display: none;
    }
    #stance_flow .content h3{
        font-size: 17px;
        letter-spacing: 0.15em;
    }
    #stance_flow .content .parts{
        padding-bottom: 47px;
    }
    #stance_flow .content .parts.spec{
        padding-top: 37px;
    }
    #stance_flow .content .spec h3{
        padding: 0 15px;
    }
    #stance_flow .point_area{
        flex-direction: column;
    }
    #stance_flow .point_area .point{
        width: 100%;
        flex-direction: column;
        padding: 0 0 50px;
    }
    #stance_flow .point_area .point:last-child{
        padding-bottom: 20px;
    }
    #stance_flow .point_area .point .txt{
        width: 100%;
    }
    #stance_flow .point_area .point .txt .sales{
        letter-spacing: 0.15em;
        margin-bottom: 25px;
    }
    #stance_flow .point_area .point .txt .sales img{
        object-fit: cover;
    }
    #stance_flow .point_area .point:first-child .txt .explanation{
        margin-bottom: 30px;
    }
    #stance_flow .point_area .point .img{
        height: 140px;
        width: 100%;
        margin-right: unset;
        margin-bottom: 20px;
    }
    #stance_flow .point_area .point:nth-child(1) .img{
        height: 140px;
        background-image: url("../images/flow_img1sp.jpg");
    }
    #stance_flow #kartell_bnr{
        display: flex;
    }
    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    Estate
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #estate{

    }
    #estate .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #estate .content{
        padding: 30px 0;
        width: calc(100%);
        margin-top: 55px;
    }
    #estate .content .section_title{
    }
    #estate .content .section_title p{
        display: flex;
        flex-direction: column;
    }
    #estate .content .section_title span:after{
        display: none;
    }

    /*タイトル*/
    #estate .content .title{
        margin-bottom: 20px;
        padding: 0 30px;
    }

    #estate .content .title .cat{
    }
    #estate .content .title h3{
        font-size: 16px;
    }

    #estate.archive{

    }
    #estate.archive .parts{
        flex-direction: column;
        margin-bottom: 35px;
    }
    #estate.archive .parts .img{
        height: 195px;
        width: 100%;
    }
    #estate.archive .parts .txt{
        width: 100%;
        padding-left: unset;
        margin-top: 15px;
    }
    #estate.archive .parts .txt .cat{
        position: absolute;
        top: -210px;
    }
    #estate.archive .parts .txt .title{
        margin-bottom: 5px;
    }
    #estate.archive .parts:before,
    #estate.archive .parts:after{
        display: none;
    }

    /*スライド*/
    #estate .content .slide{
        margin-bottom: 45px;
    }
    #estate .content .slide .estateswiper-container{
        padding: 0 30px 30px;
        width: auto;
    }
    #estate .content .slide .estateswiper-container .swiper-wrapper{
        height: auto;
    }
    #estate .content .slide .estateswiper-container .swiper-scrollbar{
    }

    /*土地情報*/
    #estate .content .detail{
        margin-bottom: 45px;
    }
    #estate .content .detail .parts{
        flex-direction: column;
    }
    #estate .content .detail .parts:first-child{
    }
    #estate .content .detail .parts .name{
        font-size: 14px;
        width: 100%;
    }
    #estate .content .detail .parts .txt{
        margin-top: 10px;
        width: 100%;
        padding-bottom: unset;
        border:unset;
    }

    /*アクセス情報*/
    #estate .content .access{
        margin-bottom: 45px;
        padding: 0 30px;
    }
    #estate .content .access iframe{
        height: 185px;
    }
    #estate .content .access .address{
    }

    /*アクセス情報*/
    #estate .content .contact{
        height: 128px;
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    #estate .content .contact span:first-child{
        text-align: center;
    }
    #estate .content .contact span:last-child{
    }
    #estate .content .contact span:last-child:before,
    #estate .content .contact span:last-child:after{
    }
    #estate .content .contact span:last-child:before{
    }
    #estate .content .contact span:last-child:after{
    }

    #estate.single .contact_bnr{
        display: none;
    }
    #estate #kartell_bnr{
        display: flex;
    }

    #estate .content .detail,
    #estate .content .virtualtour{
        padding: 0 30px;
    }

    #modelhouse .content .slide .estateswiper-container{
        padding: 0 30px;
    }

    #estate .swiper-button-prev,
    #estate .swiper-button-next {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #estate .swiper-button-prev{
        left: 0;
        right: unset;
    }
    #estate .swiper-button-next{
        right: 0;
    }

    #estate .swiper-scrollbar{
        left: 0;
        right: 0;
        margin: auto;
        max-width: unset !important;
        width: calc(100% - 60px) !important;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    lifestyle
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #lifestyle{

    }
    #lifestyle #kartell_bnr{
        display: flex;
    }

    #lifestyle .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #lifestyle .content{
        width: calc(100%);
        margin-top: 55px;
    }

    #lifestyle .content .section_title span:after{
        display: none;
    }

    #lifestyle .content .section_title p{
        display: flex;
        flex-direction: column;
    }

    /*一覧*/
    #lifestyle.archive .parts{
        height: auto;
    }
    #lifestyle.archive .parts:last-child{
    }
    #lifestyle.archive .parts a{
        flex-direction: column;
    }
    #lifestyle.archive .parts .img{
        width: 100%;
        height: 195px;
    }
    #lifestyle.archive .parts .txt{
        padding: 60px 50px;
        width: calc(100% - 100px);
    }

    /*一覧*/
    #lifestyle.archive{

    }
    #lifestyle.archive .content{
        width: calc(100% - 60px);
        padding: 25px 30px 50px;
    }
    /*個ページ*/
    #lifestyle.single{

    }
    #lifestyle.single .content{
        padding: 50px 0;
    }
    #lifestyle.single .content .detail p,
    #lifestyle.single .content .detail h2{
        width: calc(100% - 60px);
        padding: 0 30px;
    }
    #lifestyle.single  .content .title .info,
    #lifestyle.single  .content .title .company_info{
        font-size: 12px;
        line-height: 2.5;
    }
    #lifestyle.single .content .title{
        padding: 0 30px;
        margin-bottom: 50px;
    }

    #lifestyle.single .content .title .cat{
    }
    #lifestyle.single .content .title h3{
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

    #lifestyle.single .content .title .summary{
        font-size: 14px;
    }
    #lifestyle.single .content .mv{
        margin-bottom: 50px;
    }
    #lifestyle.single .content .mv .caption{
        position: relative;
        display: block;
        background-color: unset;
        color: #414141;
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-top: 10px;
    }
    #lifestyle.single .content .mv:hover .caption{
    }
    #lifestyle.single .content .detail {
        padding: unset;
    }

    #lifestyle.single .content .detail p{
        font-size: 14px;
        margin-bottom: 50px;
        padding: 0 30px;
    }


    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    gallery
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #gallery{

    }
    #gallery .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }

    #gallery .content .section_title span:after{
        display: none;
    }


    /*一覧ページ*/
    #gallery.archive{

    }

    #gallery.archive .content{
        padding: 30px 30px 50px;
        width: calc(100% - 60px);
        margin-top: 55px;
    }
    #gallery.archive .content .section_title p{
        display: flex;
        flex-direction: column;
    }
    #gallery.archive .parts{
        width: 100%;
        margin-bottom: 30px;
    }
    #gallery.archive .parts .img{
        height: 195px;
        margin-bottom: 13px;
    }
    #gallery.archive .parts .txt .title{
        width: 100%;
    }

    /*個ページ*/
    #gallery.single{

    }
    #gallery.single .content{
        margin-top: 55px;
    }
    #gallery.single .content .mv{
        margin-bottom: 50px;
    }
    #gallery.single .content .mv .caption{
        display: block;
        position: unset;
        padding: 0 30px;
        width: calc(100% - 60px);
        background-color: unset;
        color: #414141;
        margin-top: 10px;
    }
    #gallery.single .content .detail{
        width: calc(100%);
        padding: 0;
    }

    /*タイトル*/
    #gallery.single .content .title{
        padding: 0 30px;
        width: calc(100% - 60px);
        font-size: 16px;
        margin-bottom: 30px;
    }
    #gallery.single .content .table{
        width: calc(100% - 60px);
    }
    #gallery.single .content .table .parts{
        flex-direction: column;
    }
    #gallery.single .content .table .parts .label{
        width: 100%;
        padding-bottom: 10px;
    }
    #gallery.single .content .table .parts .caption{
        width: 100%;
        border-bottom: unset;
        padding-bottom: unset;
        padding-top: 10px;
    }
    #gallery.single .content .detail p,
    #gallery.single .content .detail h2{
        width: calc(100% - 60px);
        padding: 0 30px;
    }
    #gallery.single .content .table p,
    #gallery.single .content .table h2{
        padding: unset;
        width: 100%;
    }

    #gallery #kartell_bnr{
        display: flex;
    }

    #gallery .beginning{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin-bottom: 50px;
    }
    #gallery .beginning .title{
        padding: unset !important;
        width: 100% !important;
    }
    #gallery .beginning .caption{
        font-size: 14px;
        letter-spacing: 0.045em;
        line-height: 1.9;
        padding-left: unset;
    }
    #gallery .beginning .architect_parts,
    #gallery .beginning .photographer_parts{
        padding-left: unset;
        width: 100%;
        flex-direction: column;
        margin-bottom: 30px;
    }
    #gallery .beginning .architect_parts .label,
    #gallery .beginning .photographer_parts .label{
        width: 100%;
        margin-bottom: 10px;
    }
    #gallery .beginning .architect_parts .label p,
    #gallery .beginning .photographer_parts .label p{
    }
    #gallery .beginning .architect_parts .name,
    #gallery .beginning .photographer_parts .name{
        width: 100%;
        border-bottom: unset;
    }
    #gallery .beginning .architect_parts .name p,
    #gallery .beginning .photographer_parts .name p{
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
        下層
        post(投稿)とblog(投稿)
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #post,#blog{
    }
    .archive.post{
    }
    .archive.post .container{
    }
    .archive.post .content{
    }
    .archive.post .parts,
    .archive.blog .parts{
        height: auto;
        margin-bottom: 30px;
    }
    .archive.post .parts:before,
    .archive.post .parts:after,
    .archive.blog .parts:before,
    .archive.blog .parts:after{
        display: none;
    }
    .archive.post .parts:before,
    .archive.blog .parts:before{
    }
    .archive.post .parts:after,
    .archive.blog .parts:after{
    }
    .archive.post .parts a,
    .archive.blog .parts a{
        flex-direction: column;
    }
    .archive.post .parts .img,
    .archive.blog .parts .img{
        max-width: unset;
        width: 100%;
        height: 210px;
        text-align: center;
        margin-bottom: 15px;
    }
    .archive.post .parts .img img,
    .archive.blog .parts .img img{
        width: 100%;
        height: 100%;
    }
    .archive.post .parts .txt,
    .archive.blog .parts .txt{
        width: 100%;
        padding: unset;
    }

    .archive.post .parts .txt .meta,
    .archive.blog .parts .txt .meta{
    }

    .archive.post .parts .txt .cat,
    .archive.blog .parts .txt .cat{
    }
    .archive.post .parts .txt .title,
    .archive.blog .parts .txt .title{
        letter-spacing: 0.045em!important;
    }

    .archive .wp-pagenavi{
        margin: 50px auto;
    }

    .archive .wp-pagenavi .prevpostslink{
    }

    .archive .wp-pagenavi .nextpostslink{
         position: unset;

         right: unset;
    }

    .archive .wp-pagenavi>span, .wp-pagenavi>a{
        width: 25px;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .wp-pagenavi>a.last{
        margin-left: unset;
        position: unset;
        display: none;
    }
    .archive .wp-pagenavi>span{
    }

    .archive .cat_menu .list li,
    .single .cat_menu .list li{
        margin-right: unset;
        margin-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid white;
    }
    .archive .cat_menu .list li:last-child,
    .single .cat_menu .list li:last-child{
        border-bottom: unset;
        padding-bottom: unset;
    }
    .archive .cat_menu .list li a,
    .single .cat_menu .list li a{
        display: block;
    }


    #post .container,
    #blog .container{
        padding-left: unset;
        padding-top: 117px;
        width: 100%;
    }
    #post .content,
    #blog .content{
        padding: 50px 30px;
        width: calc(100% - 60px);
        margin-top: 55px;
    }
    #post .content .section_title,
    #blog .content .section_title{
    }
    #post .cat_date,
    #blog .cat_date{
    }
    #post .cat_date span:first-child,
    #blog .cat_date span:first-child{
    }
    #post .content h1,
    #blog .content h1{
        font-size: 16px;
    }
    #post .content h2,
    #blog .content h2{
        font-size: 15px;
        letter-spacing: 0.09em;
    }
    #post .content h3,
    #blog .content h3{
        font-size: 15px;
        letter-spacing: 0.09em;
    }
    #post .content h4,
    #blog .content h4{
        font-size: 14px;
        letter-spacing: 0.09em;
        padding: 19px 17px;
    }
    #post .content h5,
    #blog .content h5{
        font-size: 14px;
        padding-right: unset;
    }
    #post .content h5:before,
    #blog .content h5:before{
    }
    #post .content h6,
    #blog .content h6{
    }
    #post .content p,
    #blog .content p{
        font-size: 14px;
        margin-bottom: 50px;
    }
    #post .content .wp-block-group__inner-container,
    #blog .content .wp-block-group__inner-container{
        flex-direction: column;
        margin-bottom: 50px;
    }
    #post .content .wp-block-group__inner-container figure,
    #blog .content .wp-block-group__inner-container figure{
        width: 100%;
    }
    #post .content .wp-block-group__inner-container figure:first-child,
    #blog .content .wp-block-group__inner-container figure:first-child{
        margin-bottom: 10px;
    }

    #post #kartell_bnr,
    #blog #kartell_bnr{
        display: flex;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    個ページページリンク
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    #post .pagenavi,
    #blog .pagenavi,
    .single .pagenavi{
        padding: 0 30px;
        width: calc(100% - 60px);
        margin: 50px 0;
    }

    #post .pagenavi ul,
    #blog .pagenavi ul,
    .single .pagenavi ul{
        justify-content: space-between;
        width: 100%;
    }
    #post .pagenavi ul .back,
    #blog .pagenavi ul .back,
    .single .pagenavi ul .back{
        margin: unset;
    }

    #post .pagenavi ul .inactive,
    .single .pagenavi ul .inactive{
    }

    #post .pagenavi ul .prev,
    #post .pagenavi ul .next,
    .single .pagenavi ul .prev,
    .single .pagenavi ul .next{
    }
    #post .pagenavi ul .prev:before,
    #post .pagenavi ul .next:before,
    .single .pagenavi ul .prev:before,
    .single .pagenavi ul .next:before{
        width: 40px;
    }
    #post .pagenavi ul .prev.inactive:before,
    #post .pagenavi ul .next.inactive:before,
    .single .pagenavi ul .next.inactive:before{
    }
    #post .pagenavi ul .prev:before,
    .single .pagenavi ul .prev:before{
        right: -45px;
    }
    #post .pagenavi ul .next:before,
    .single .pagenavi ul .next:before{
        left: -45px;
    }

    #post .pagenavi ul .prev,
    .single .pagenavi ul .prev{
    }
    #post .pagenavi ul .next,
    .single .pagenavi ul .next{
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||
    下層
    404
    ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    .error_container{
        padding: 117px 30px 0;
        width: calc(100% - 60px);
    }

}

/* =========================================================================
 420PX
========================================================================= */
@media screen and (max-width: 420px) {
}

/* =========================================================================
 400PX
========================================================================= */
@media screen and (max-width: 400px) {
}

/* =========================================================================
 374PX
========================================================================= */
@media screen and (max-width: 374px) {
    #company table td.relative span {
        bottom: -13px;
    }
    #stance_housing .content .parts #point3{
        /*padding-bottom: 50px;*/
    }
}