@charset "utf-8";

.txtWH{color: #FFFfff;}
.txtBk{color: #000000;}
.txtGr{color: #a0a0a0;}
.txtRed{color: #d95c65;}
.txtBl{color: #4499db;}
.txtGreen{color: #97c472;}
.txtBe{color: #f39876;}
.txtNe{color: #25729d;}
.txtBl2{color: #64a1c8;}
.txtYel{color:#f4cb45}

.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}
.mgb40{margin-bottom: 40px;}
.mgb50{margin-bottom: 50px;}
.mgb60{margin-bottom: 60px;}
.mgb70{margin-bottom: 70px;}
.mgb80{margin-bottom: 80px;}
.mgb90{margin-bottom: 90px;}
.mgb100{margin-bottom: 100px;}
.mgb110{margin-bottom: 110px;}
.mgb120{margin-bottom: 120px;}
.mgb130{margin-bottom: 130px;}
.mgb170{margin-bottom: 170px;}
.mgb180{margin-bottom: 180px;}
.mgb230{margin-bottom: 230px;}


.bgBl{background-color: #4499db;}
.bgRed{background-color: #d95c65;}
.bgWH{background-color: #ffffff;}
.bgGreen{background-color:#97c472;}
.bgBe{background-color: #f9f2e6;}
.bgYel{background-color: #f4cb45;}


.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
.font48{font-size: 48px;}
.font60{font-size: 60px;}

html{
    overflow-x: hidden;
    width: 100%;
	scroll-behavior: smooth;
}
body{
    color: #000000;
    font-family: "Noto Sans CJK JP", "Noto Sans",  sans-serif;
    overflow-x: hidden;
}
body *{
    box-sizing: border-box;
}
.container{
    margin: 0 auto;
    max-width: 1260px;
    width: 85%;
}
a{
    display: block;
    text-decoration: none;
}
li{
    list-style: none;
}
p{
    font-size: 14px;
}

.c-btn{
    background-color: #ffffff;
    border: solid 1px #000000;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    padding-left: 8%;
    width: 300px;
}
.c-btn--a,
.c-btn--a:visited{
    color: #000000;
    line-height: 70px;
}

.visit-btn{
    background-color: #d95c65;
    border-radius: 25px;
    height: 50px;
    width: 200px;
}
.catalog-btn{
    background-color: #97c472;
    border-radius: 25px;
    height: 50px;
    width: 200px;
	position:relative;
}
.visit-btn a,
.catalog-btn a{
    color: #ffffff;
    display: block;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
}
.btn-more{
    background-color: #ffffff;
    border: solid 1px #000000;
    bottom: -130px;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
	padding: 0 10px 0 90px;
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    width: 300px;
}
.btn-more a,
.btn-more a:visited{
    color: #000000;
}
.btn-more i{
    margin-left: 55px;
}
h2{
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.en{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.en-red{
    color: #d95c65;
    font-family: 'Shelby';
    font-size: 65px;
    font-weight: inherit;
}
.en-WH{
    color: #ffffff;
    font-family: 'Shelby';
    font-size: 65px;
    font-weight:lighter;
    letter-spacing: 0.3rem;
    padding: 80px 0 0 40px;
    transform: rotate( 10deg );

}
.ku{
    color: #4499db;
    font-family: "AB-kirigirisu";
    font-size: 72px;
    font-weight: bolder;
    letter-spacing: -1.5rem;
    text-stroke: 0.5px #FFFfff;
    -webkit-text-stroke: 0.5px #FFFfff;
}
.ro{
    color: #d95c65;
    font-family: "AB-kirigirisu";
    font-size: 72px;
    font-weight: bolder;
    letter-spacing: -1.5rem;
    text-stroke: 0.5px #FFFfff;
    -webkit-text-stroke: 0.5px #FFFfff;
}
.no{
    color: #97c472;
    font-family: "AB-kirigirisu";
    font-size: 72px;
    font-weight: bolder;
    letter-spacing: -1.5rem;
    text-stroke: 0.5px #FFFfff;
    -webkit-text-stroke: 0.5px #FFFfff;
}
.su{
    color: #f4cb45;
    font-family: "AB-kirigirisu";
    font-size: 72px;
    font-weight: bolder;
    letter-spacing: -1.5rem;
    text-stroke: 0.5px #FFFfff;
    -webkit-text-stroke: 0.5px #FFFfff;
}
.home{
    color: #f2a83c;
    font-family: "AB-kirigirisu";
    font-size: 72px;
    font-weight: bolder;
    letter-spacing: -1rem;
    text-stroke: 0.5px #FFFfff;
    -webkit-text-stroke: 0.5px #FFFfff;
}
.newhouse{
    color: #97c472;
    font-size: 48px;
    font-weight: bolder;
    letter-spacing: 0.1rem;
    line-height: 72px;
    text-stroke: 1px #333333;
    -webkit-text-stroke: 1px #333333;
}
.cat{
    color: #4499db;
    font-family: "AB-kirigirisu";
    font-weight:normal;
    letter-spacing: -0.5rem;
}
.blue{
    color: #4499db;
}
.red{
    color: #d95c65;
}
.green{
    color: #97c472;
}
.yellow{
    color: #f4cb45;
}


.c-breadcrumb,.c-breadcrumb::after,.c-breadcrumb::before{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.c-breadcrumb{
    box-sizing: border-box;
	margin: 20px 0;
	padding: 0 2em;
	border-radius: 0.5em;
}
.c-breadcrumb a,
.c-breadcrumb a:visited {
    font-size: 14px;
    text-decoration: none;
	color: #000000;
}
.c-breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
}
.c-breadcrumb li {
	display: inline-block;
	position: relative;
	margin-right: 14px;
}
.c-breadcrumb li::before {
	content: '>';
	width: 0.5em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: -0.6rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.c-breadcrumb li:last-child {
	margin-right: 0;
}
.c-breadcrumb li:last-child::before {
	content: normal;
}
.c-commonfv{
    background-image: url(./img/mv3.jpg);
    background-repeat: no-repeat;
    background-size: 100vw 200px;
    box-sizing: border-box;
    height: 200px;
    letter-spacing: 0.1rem;
    padding-top: 60px;
}
.c-commonfv2{
    background-image: url(./img/commonfv2.jpg);
    background-repeat: no-repeat;
    background-size: 100vw 200px;
    box-sizing: border-box;
    height: 200px;
    letter-spacing: 0.1rem;
    padding-top: 60px;
}
.c-banner-c a{
    display: inline-block;
}
.c-banner-c{
    margin: 140px auto;
    width: fit-content;
}
.c-start{
    background-image: url(./img/start-bg.jpg);
    box-sizing: border-box;
    margin-top: 40px;
    padding: 110px 0 80px;
    position: relative;
}
.c-start--title{
    background-color: #4499db;
    border-radius: 15px;
    font-size: 24px;
    font-weight: bold;
    left: 50%;
	transform: translateX(-50%);
    line-height: 1.7;
    min-height: 100px;
    position: absolute;
    top: -5px;
    width: 98.5%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-start--title::before{
    bottom: -25px;
    content: "";
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    border-style: solid;
    border-width: 40px 25px 0 25px;
    border-color: #4499db transparent transparent transparent;
    }
.c-start--bgWH{
    background-color: #ffffff;
    border-radius: 15px;
    box-sizing: border-box;
    display: inline-block;
    height: 100px;
    left: 50%;
	transform: translateX(-50%);
    padding: 10px 20px 20px;
    position: absolute;
    top: -40px;
    width: 60%;
	max-width: 600px;
}
.c-start--bgWH::before{
    bottom: -30px;
    content: "";
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    border-style: solid;
    border-width: 40px 25px 0 25px;
    border-color: #ffffff transparent transparent transparent;
    }
.c-start--list ul{
    background-color: #ffffff8a;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding: 30px;
    width: 90%;
}
.c-start--list li{
    display: flex;
    justify-content: space-between;
    width: 48%;
	position: relative;
}
.c-start--list li p{
    font-weight: 500;
}
.c-btn-gr{
    background-color: #4ea853;
    border: solid 2px #ffffff;
    bottom: 0;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 45px;
    padding-right: 20px;
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    width: 235px;
}
.c-btn-gr a{
    color: #ffffff;
    display: block;
    font-weight: normal;
    line-height: 40px;
    position: relative;
    text-align: center;
}
.c-btn-gr i{
    position: absolute;
    right: 0;
    top: 13px;
}
.c-start--list-l{
    width: 48%;
	padding-bottom: 50px;
}
.c-start--list-l img{
    object-fit: contain;
    width:100%;
}
.c-start--list-r{
    box-sizing: border-box;
    line-height: 1.8rem;
    padding: 0 5px 50px 10px;
    text-align: center;
    width: 52%;
}
.c-start .btn-catalog{
    bottom: -35px;
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
}
.c-start .btn-catalog a{
    font-weight: 500;
}
.c-message{
    box-sizing: border-box;
    color: #a0a0a0;
    font-weight: 500;
    line-height: 1.9rem;
    margin: 0 auto;
    padding: 120px 0 100px;
    width: 82%;
}
.c-message h2{
    text-align: left;
}
.cta-banner2{
    margin: 0 auto 100px;
    width: 80%;
}
.cta-banner2 .p-banner-c_pc-only{
    display: flex;
    justify-content: center;
    width: 100%;
}
.cta-banner2 .p-banner-c_pc-only img{
    object-fit: cover;
    width: 100%;
}
.cta-banner2-event-pc{
    margin-right: 10px;
    max-width: 440px;
    width: 44%;
}
.cta-banner2-reservation-pc{
    max-width: 560px;
    width: 56%;
}
@media screen and (min-width:1024px){
    .title-sp-only{
        display: none;
    }
}
@media screen and (max-width:1023px){
    .title-pc-only{
        display: none;
    }
    .case .c-start--title,
    .privacypolicy .c-start--title,
    .casedetail .c-start--title{
        width: 98%;
    }
}
@media screen and (min-width:769px){
    .sp-only{
        display: none !important;
    }
	.cta-area.sp-only {
		display: none;
	}
    .p-banner-c_sp-only{
        display: none;
    }    
}
@media screen and (max-width:768px){
    main{
        width: 100vw;
    }
    .c-commonfv--title{
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    .h2-sub{
        font-size: 12px;
        text-align: center;
    }
    .c-commonfv,
    .c-commonfv2{
        height: 95px;
        padding: 25px 0;
        width: 100vw;
    }
    .c-breadcrumb a{
        font-size: 12px;
    }
    .pc-only{
        display: none;
    }
    .sp-present-title{
        position: relative;
    }
    .sp-present-title img{
        margin-bottom: 10px;
    }
    .sp-present-title3{
        position: absolute;
        right: 0;
        top: -93%;
        width: 40%;
    }
    .present-bg{
        box-sizing: border-box;
        margin-bottom: 20px;
        padding: 30px 0;
        width: 100%;
    }
    .case #present{
        padding-bottom: 650px;
    }
    .p-newhouse #present .container,
    .case #present .container,
    .p-aboutus #present .container,
    .privacypolicy #present .container,
    .casedetail #present .container{
        padding: 0;
    }
    .p-newhouse .present-area,
    .case .present-area,
    .p-aboutus  .present-area,
    .privacypolicy .present-area,
    .casedetail .present-area{
        flex-direction: column;
        margin: 100px auto 0;
        padding: 0 5px;
        width: 90%;
    }
    .p-newhouse .present-img,
    .case .present-img,
    .p-aboutus .present-img,
    .privacypolicy .present-img,
    .casedetail .present-img{
        margin: 0 auto;
        width: 70%;
    }
    .p-newhouse .present-img img,
    .case .present-img img,
    .p-aboutus .present-img img,
    .privacypolicy .present-img img,
    .casedetail .present-img img{
        max-height: 300px;
        width: 100%;
    }
    .present-contents{
        width: 100%;
    }
    .present-text{
        width: 100%;
    }
    .btn-catalog{
        left: 5%;
    }  
    .p-newhouse .c-start,
    .p-aboutus .c-start,
    .privacypolicy .c-start,
    .casedetail .c-start{
        margin-top: 260px;
    }
    .c-start--list-r{
        box-sizing: border-box;
        padding-bottom: 50px;
		width: 65%;
    }
    .c-start--list .c-start--list-r p{
        font-size: 14px;
        line-height: 1.4rem;
        padding-top: 0;
    }
    .c-start--list-l{
        height: 120px;
        width: auto;
		padding-bottom: 0;
    }
    .c-start--list-l img{
        height: 100%;
        object-fit: cover;
    }
    .c-btn-gr{
        font-size: 12px;
    }
    .c-btn-gr i{
        right: 0;
        top: 15px;
    }
    .c-message{
        padding: 80px 0 70px;
    }
    .c-message h2{
        font-weight: normal;
    }
    .c-message h2 span{
        font-size: 20px;
        font-weight: normal;
    }
    .c-message p{
        font-weight: normal;
    }
    .p-newhouse .p-banner-c,
    .p-aboutus .p-banner-c,
    .case .p-banner-c,
    .casedetail .p-banner-c{
        padding-left: 0;
    }
    .p-newhouse .p-about--banner .p-banner-c,
    .p-aboutus .p-about--banner .p-banner-c,
    .case .p-banner-c{
        margin: 0 0 60px 0;
        width: 100%;
    }
    .p-aboutus .p-banner-c img{
        width: 100%;
    }
    .p-aboutus .p-about--showroom{
        padding-bottom: 60px;
        width: 100%;
    }
    .p-about--showroom-list-sp{
        margin-bottom: 40px;
        width: 100%;
    }
    .p-about--showroom-list-sp ul li img{
        width: 100%;
    }
    .p-about--showroom-list-sp .c-btn{
        margin: 0 auto;
        text-align: center;
    }
    .p-about--showroom-list-sp .c-btn i{
        margin-left: 30px;
    }
    .c-about--contents .p-about--history table{
        margin: 0;
        width: 100%;
    }
    .p-about--history table tr{
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 30px 5px
    }
    .p-about--history table th{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5rem;
        padding-left: 10px;
        text-align: left;
    }
    .p-about--history table td{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5rem;
        padding-left: 10px;
        text-align: left;
    }
    .cta-banner2 .p-banner-c_pc-only{
        display: none;
    }
    .p-banner-c_sp-only{
        flex-direction: column;
        width: 100%;
    }
    .p-banner-c_sp-only div{
        margin-bottom: 10px;
        width: 100%;
    }
    .p-banner-c_sp-only div img{
        width: 100%;
    }
}


/* ここからheader-top */
header a{
    color: #ffffff;
}
header a:visited{
    color: #ffffff;
}
.tel{
    display: flex;
	flex-direction: column;
	justify-content: center;
	width: 280px;
}
.tel p{
    margin-bottom: 10px;
}
.tel a{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.08rem;
    margin-left: 5px;
}
.tel a:visited{
    color: #d95c65;
}
.header-top .container{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    height: 115px;
}
.header-top-right {
	display: flex;
	justify-content: center;
	width: 800px;
}
.logo{
    display: flex;
	align-items: center;
}
.logo a{
    display: block;
}
.cta-sns-area{
	display: flex;
}
.btn-area{
    display: flex;
    justify-content: space-between;
	align-items: center;
}
header .visit-btn{
    margin-right: 10px;
	position:relative;
}
.icon-area{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
	align-items: center;
	margin-left: 10px;
	width: 70px;
}
@media screen and (max-width:1200px){
	.header-top-right {
		flex-direction: column;
		justify-content: space-around;
	}
	.tel {
		flex-direction: row;
		justify-content: flex-end;
		width: auto;
		align-items: center;
		order: 1;
	}
	.tel p {
		margin-bottom: 0;
		margin-right: 10px;
	}
	.cta-sns-area {
		justify-content: flex-end;
	}
}
@media screen and (max-width:768px){
    .header-top{
        height: 60px;
    }
    .header-top .container{
        height: 60px;
        margin: 0;
    }
    .logo{
        height: 60px;
        padding: 5px;
        width: auto;
    }
    .logo img{
        height: 50px;
        object-fit: contain;
    }
}
/* ここまでheader-top */

/* ここからheader-nav */
.header-nav{
    background-color: #767676;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
}
.header-nav nav ul{
    display: flex;
    height: 50px;
    justify-content: space-between;
    width: 100%;
	align-items: center;
}
.header-nav li a{
    display: block;
    letter-spacing: 0.09rem;
    text-align: center;
}
@media screen and (max-width:1299px){
    .header-nav{
        font-size: 14px;
    }
}
@media screen and (max-width:1199px){
    .header-nav{
        font-size: 14px;
    }
}
@media screen and (max-width:959px){
    .tel,
    .btn-area,
    .icon-area,
    .header-nav{
        display: none;
    }
}
/* ここまでheader-nav */

/* sp-nav */
.sp-nav{
    overflow-x: hidden;
    position: relative;
    width: 100vw;
}
.burger-btn {
    display: block;
    width: 75px;
    height: 60px;
    position: fixed;
    right: 0;;
    top: 0;
    z-index: 20;
    border: none;
    background-color: #4499db;
    margin: 0 0 0 auto;
}
.burger-btn p{
	bottom: 8px;
	left: 15px;
	position: absolute;
}
.bar {
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}
.bar_top {
    top: 15px;
}
.bar_mid {
    top: 38%;
    transform: translate(-50%, -50%);
}
.bar_bottom {
    bottom: 30px;
}
.burger-btn.close .bar_top {
	 background-color: #fff;
    transform: translate(-50%, 6px) rotate(45deg);
    top: 24px;
    width: 30px;
    transition: transform 0.3s;
}
.burger-btn.close .bar_mid {
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.3s;
}
.burger-btn.close .bar_bottom {
    background-color: #fff;
    transform: translate(-50%, -8px) rotate(-45deg);
    width: 30px;
    top: 38px;
    transition: transform 0.3s;
}
.burger-btn.close{
    background-color: #4499DB;
}
.burger-btn.close .txtWH {
    display: none;
}
.nav-menu .nav-item a {
    color: #000;
    font-size: 14px;
}
.nav-menu .nav-item a:visited{
	color:#000000;
}
.nav-menu{
    background-color: #ffffff;
    box-sizing: border-box;
    display: none;
    padding: 10px 20px 150px 20px;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
	overflow-y: scroll;
}
.sp-btn-area .visit-btn{
    margin: 0 auto 10px;
}
.sp-btn-area .catalog-btn{
	margin: 0 auto;
}

/* .nav-menu .nav-list{
    display: block;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 60%;
} */
.nav-menu .nav-list {
    display: block;
    text-align: left;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 45px;
}
/* .sp-icon-area{
    bottom: 40px;
    display: flex;
    justify-content: center;
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
} */
.sp-icon-area{
	display: flex;
    justify-content: center;
    column-gap: 10px;
    margin-top: 10px
}
.sp-icon-area div:first-of-type{
	margin-right: 10px;
}
.nav-menu .nav-list .nav-item{
    border-bottom: solid 1px #B4B4B4;
    padding-bottom: 10px;
	padding-top: 10px;
    width: 100%;
}
.nav-menu .nav-list .nav-item:first-child {
    border-top: solid 1px #B4B4B4;
}
body.noscroll{
    overflow: hidden;
}
.sp-btn-area {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 23px;
}
.sp-btn-area_fx {
    display: flex;
    column-gap: 5px;
    margin-top: 8px;
}
.sp-btn-area img {
    width: 100%;
}
@media screen and (min-width:959px){
    .sp-nav{
        display: none;
    }
}


/* sp-nav */

/* ここからmv */
#mv-pc .slider{
/*     margin-top: -20px; */
}
.prev-arrow,
.next-arrow{
    display: none!important;
}
#loan .slick-slide {
	padding: 0 20px;
}
.slick-slide img{
    height: 100%;
    margin: 0 auto ; 
    object-fit: contain;
    width: 100%;
}
.casedetail .container .slider2 .slick-slide img{
    width: 75%;
}
#case .slick-list {
	overflow: visible !important;
}

.slider p {
	font-size: 3rem;
	font-weight: bold;
	line-height: 100px;
	color: #666;
	margin: 10px;
	text-align: center;
	background-color: #e0e0e0;
}
#mv{
    box-sizing: border-box;
    padding-top: 30px;
}
@media screen and (max-width:768px){
    .casedetail .container .slider2 .slick-slide img{
        width: 90%;
    }
    #mv-pc .pc-only{
        display: none;
    }
    #mv{
        padding-top: 0;
    }
}
/* ここまでmv */

/* ここからevent&campaign */
#event-campaign{
    background-image: url(./img/event-bg.jpg);
    /* margin-top: 60px; */
}
#event-campaign .container{
    box-sizing: border-box;
    padding: 40px 0 80px;
}
#event-campaign h2{
    color: #333333;
    font-size: 36px;
    margin-bottom: 15px;
}
.h2-sub{
    margin-bottom: 50px;
    text-align: center;
}
.event-list{
    margin: 0 auto;
    position: relative;
    width: 78%;
}
.event-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.event-list ul li{
    background-color: #f2f2f2;
    box-shadow: 0 2px 4px #666666;
    /* height: 400px; */
    margin-bottom: 30px;
    max-width: 300px;
    width: 32%;
}
.event-list ul li img{
    width: 100%;
}
.event-text h3,.date-title,.address,.date-time{
    color: #000000;
    font-weight: normal;
    line-height: 1.5rem;
    text-align: left;
}
.event-text{
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.event-title {
	margin-bottom: 20px;
}
.date-title{
    background-color: #f4cb45;
    color: #ffffff;
    display: inline-block;
    text-align: center;
	position: absolute;
	padding: 0 20px;
    letter-spacing: 0.2rem;
}
.event-date{
    border: solid 1px #f4cb45;
    display: flex;
	flex-direction: column;
	position: relative;
}
.event-text-blue,.event-text-red,.event-text-green{
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    letter-spacing: 0.2rem;
    line-height: 25px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.event-text-blue{
    background-color: #4499db;
    text-align: center;
}
.event-text-green{
    background-color: #97c472;
    text-align: center;
}
.event-text-red{
    background-color: #d95c65;
    text-align: center;
}
.address{
    margin-bottom: 30px;
}
.date-time{
	padding: 30px 10px 5px;
}
#event-campaign .btn-more{
    bottom: -110px;
    position: absolute;
}
@media screen and (max-width:768px){
    #event-campaign h2{
        font-size: 30px;
    }
    .event-list{
        flex-wrap: wrap;
        margin: 0;
        width: 100%;
    }
    .event-list ul{
        width: 100%;
    }
    .event-list li{
        width: 49%;
    }
}
/* ここまでevent&campaign */

/* ここからnew */
#new{
    height: auto;
    margin-top: 135px;
}
.new-bg{
    background-image: url(./img/house-bg.jpg);
    height: 590px;
    width: 100%;
}
.new-bgimg{
    background-image: url(./img/house-bg-img.jpg);
    height: 340px;
    width: 100%;
}
.new-bgimg-bk{
    background-image: url(./img/house-bg-bk.png);
    height: 340px;
    width: 100%;
}
.new-bgimg-bk .container{
    box-sizing: border-box;
    padding: 64px 0 150px;
    position: relative;
}
.new-bgimg-bk .container h2{
    left: 50%;
	transform:translateX(-50%);
    position: absolute;
    top: -80px;
}
.no-bk{
    position: absolute;
    top: 0;
}
.newhouse{
    position: absolute;
    right: -38%;
    top: -5px;
}
.new-list{
    display: flex;
    justify-content: space-between;
    margin-top: 122px;
	flex-wrap: wrap;
}
.new-list li{
    background-color: #ffffff;
    box-sizing: border-box;
    padding-bottom: 20px;
    position: relative;
    width: 250px;
    z-index: 0;
	margin-bottom: 30px;
}
.new-list li a,
.new-list li a:visited{
    color: #000000;
}
.new-img{
    /* left: 0;
    position: absolute;
    top: 0; */
    width: 100%;
    /* z-index: -1; */
}
.new-img img{
    width: 100%;
}
.point{
    color: #ffffff;
    font-family: 'AB-kirigirisu';
    font-size: 18px;
    height: 110px;
    padding-left:0.5em;
	text-indent:-0.5em;
    width: 10px;
}
.point span{
    font-size: 36px;
    font-weight: normal;
}
.point-triangle{
    /* background-color: #d44830;
    box-sizing: border-box;
    width: 110px;
    height: 110px;
    clip-path: polygon(0 0, 0% 100%, 100% 0%);
    padding-left: 10px;
    padding-top: 10px; */
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 1;
}
h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
}
.new-1{
    background-color: #4499db;
    box-sizing: border-box;
    height: 55px;
    margin-bottom: 10px;
    margin-top: -5px;
}
.new-2{
    background-color: #d95c65;
    box-sizing: border-box;
    height: 55px;
    margin-bottom: 10px;
    margin-top: -5px;
}
.new-3{
    background-color: #97c472;
    box-sizing: border-box;
    height: 55px;
    margin-bottom: 10px;
    margin-top: -5px;
    position: relative;
}
.new-3 h3{
    line-height: 1.4rem;
    padding-top: 5px;
}
.new-4{
    background-color: #f4cb45;
    box-sizing: border-box;
    height: 55px;
    margin-bottom: 10px;
    margin-top: -5px;
}
.new-text{
    font-size: 16px;
    font-weight: normal;
    line-height: 2rem;
    text-align: center;
}
.new-text span{
    font-size: 20px;
    font-weight: bold;
}
.new-bgimg-bk .container .btn-more{
    bottom: 20px;
    font-size: 16px;
    z-index: 15;
}
.new-bgimg-bk .container .btn-more i{
    margin-left: 50px;
}
@media screen and (max-width:1200px) and (min-width:769px){
	.new-list {
		justify-content: space-around;
	}
	.new-list li {
		margin: 0 calc((100% - 500px)/4) 30px;
	}
	.new-bg {
		height: 950px;
	}
}
@media screen and (max-width:768px){
    #new{
        height: 1400px;
    }
    .new-bg .container{
        background-image: url(./img/house-bg.jpg);
        background-repeat: repeat;
        /* height: 800px; */
        width: 100%;
    }
    .new-bgimg{
        background-image: none;
        width: 100%;
    }
    .new-bgimg-bk{
        background-image: none;
        width: 100%;
    }
    .new-bgimg-bk .container{
        padding-bottom: 90px;
        padding-top: 30px;
        position: relative;
    }
    .new-bgimg-bk .container h2{
        height: 25px;
        line-height: 25px;
        position: absolute;
    }
    .new-img img{
        object-fit: contain;
        width: 100%;
    }

    .new-bgimg-bk .container ul{
        flex-direction: column;
        padding-left: 0;
        width: 100%;
    }
    .new-bgimg-bk .container ul li{
        height: 300px;
        margin: 0 auto 20px;
        width: 300px;
    }
    .new-list{
        margin-top: 0;
    }
    .new-list .point{
        font-size: 19px;
        line-height: 1.6rem;
    }
    .new-list .point span{
        font-size: 38px;
    }
    #new .new-list li .point-triangle{
        width: 100px;
        height: 100px;
        padding-left: 0;
        padding-top: 0;
    }
    .new-bgimg-bk .container .btn-more{
        bottom: -40px;
    }
}
/* ここまでnew */

/* ここからcase */
#case{
    background-image: url(./img/top-case-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 25%;
    box-sizing: border-box;
    height: fit-content;
    padding-bottom: 60px;
    position: relative;
    z-index: 10;
}
#case::before{
    background-image: url(./img/case-bg.jpg);
    height: fit-content;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#case .container{
    box-sizing: border-box;
    padding-top: 120px;
    position: relative;
}
/* #case::before{
    background-image: url(./img/case-img.png);
    background-repeat: no-repeat;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 1000px;
}
#case::after{
    background-image: url(./img/case-img.png);
    background-repeat: no-repeat;
    content: "";
    height: 100px;
    position: absolute;
    right: -21%;
    top: 20px;
    width: 1000px;
} */
#case .en{
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
}
#case h2{
    color: #333333;
    font-size: 16px;
    margin-bottom: 60px;
}
.case-list{
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
}
.case-list li div img{
    width: 90%;
}
.case-list p{
    color: #333333;
    font-size: 20px;
    text-align: center;
}
.case-img1,.case-img2,.case-img3{
    margin-bottom: 40px;
    position: relative;
}
.case-img1 h3,.case-img2 h3,.case-img3 h3{
    font-family: 'AB-kirigirisu';
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    top: -15px;
    z-index: 1;
}
.case-img1::before,.case-img2::before,.case-img3::before{
    background-image: url(./img/case1-ribbon-sub.png);
    background-repeat: no-repeat;
    content: "";
    height: 50px;
    left: -11px;
    position: absolute;
    top: 32px;
    width: 50px;
    z-index: 0;
}
.case-img2::before{
    background-image: url(./img/case2-ribbon-sub.png);
}
.case-img3::before{
    background-image: url(./img/case3-ribbon-sub.png);
}
.case-img1::after,.case-img2::after,.case-img3::after{
    background-image: url(./img/case1-ribbon.png);
    background-repeat: no-repeat;
    content: "";
    height: 50px;
    left: -11px;
    position: absolute;
    top: -5px;
    width: 200px;
    z-index: 0;
}
.case-img2::after{
    background-image: url(./img/case2-ribbon.png);
}
.case-img3::after{
    background-image: url(./img/case3-ribbon.png);
}
.btn-archive{
    background-color: #ffffff;
    border: solid 1px #000000;
    bottom: -95px;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    padding-left: 80px;
    position: absolute;
    left: 50%;
	transform: translateX(-50%);
    width: 300px;
    z-index: 1;
}
.btn-archive a,
.btn-archive a:visited{
    color: #000000;
}
.btn-archive i{
    margin-left: 30px;
}
@media screen and (max-width:768px){
    #case{
        background-image: url(./img/top-case-bg-sp.jpg);
        background-repeat: no-repeat;
        margin-bottom: 60px;
        padding-bottom: 100px;
    }
    #case .en{
        font-size: 30px;
    }
    #case h2{
        font-size: 14px;
    }
    #case::after{
        background-image: none;
    }
    #case .container .case-list{
        margin: 0 auto;
        padding-left: 0;
        width: 90%;
    }
    #case .btn-archive{
        bottom: -130px;
    }
	.case-list p {
		font-size: 16px;
	}
	.case-img1, .case-img2, .case-img3 {
		margin-bottom: 20px;
	}
}

/* ここまでcase */

/* ここからbanner */
.banner{
    box-sizing: border-box;
    padding: 130px 0 85px;
}
.banner-img{
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.banner-img img{
	width: 100%;
	height: 100%;
}
.banner-img .btn-more{
    background-color: #ffffff;
    border: solid 1px #000000;
    bottom: -35px;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 70px;
    left: auto;
    line-height: 70px;
    padding-left: 100px;
    position: absolute;
    right: 0;
	transform: translateX(0);
    width: 300px;
}
.banner-img .btn-more a,
.banner-img .btn-more a:visited{
    color: #000000;
}
.banner-img .btn-more i{
    margin-left: 30px;
}

/* ここまでbanner */

/* ここからplan */
#plan{
    box-sizing: border-box;
    margin-bottom: 90px;
    padding-bottom: 30px;
    position: relative;
}
#plan h2{
    color: #333333;
    font-size: 16px;
    margin-bottom: 60px;
}
#plan .container .en{
    margin-bottom: 30px;
}
.plan-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.plan-list .plan-red,
.plan-list .plan-green,
.plan-list .plan-blue,
.plan-list .plan-yellow{
    border: solid 1px #333333;
    box-sizing: border-box;
    margin-bottom: 70px;
    padding: 0 30px 0 30px;
    position: relative;
    width: 49.5%;
	height: 600px;
}
.plan-list h3{
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 45px 30%;
    text-align: center;
}
.plan-img{
    width: 100%;
	margin: 20px auto;
}
.plan-img img{
    height: fit-content;
    object-fit: contain;
    text-align: center;
    width: 100%;
	max-height: 400px;
}
.plan-list .btn-more{
    border: none;
    bottom: -35px;
    box-sizing: border-box;
    height: 90px;
    left: auto;
    line-height: 90px;
    padding-left: 120px;
    position: absolute;
    right: -1px;
    width: 330px;
}
.plan-list li .btn-more a,
.plan-list li .btn-more a:visited{
    color: #ffffff;
}
.plan-list li .btn-more i{
    margin-left: 60px;
}
/* .number{
    color: #ffffff;
    font-family: 'AB-kirigirisu';
    font-size: 24px;
    font-weight: bold;
    margin: 40px 20px 0 10px;
    position: relative;
    width: 100px;
} */
.plan-title{
    display: flex;
    justify-content: left;
    position: relative;
}
.plan-green .plan-img{
    width: 90%;
}
.plan-green .plan-img img{
    object-fit: contain;
    text-align: center;
    width: 100%;
}
.plan-yellow .plan-img{
    width: 90%;
}
.plan-yellow .plan-img img{
    object-fit: contain;
    text-align: center;
    width: 70%;
}

.plan-blue,.plan-yellow{
    object-fit: contain;
    text-align: center;
    width: 100%;
}
#plan .btn-more{
    bottom: 0;
}
@media screen and (max-width:768px){
    #plan{
        margin-bottom: 10px;
    }
    #plan .container h2{
        font-size: 14px;
        margin-bottom: 40px;
    }
    #plan .container .en{
        font-size: 30px;
        margin-bottom: 30px;
    }
    #plan .container .plan-list .plan-red,
    #plan .container .plan-list .plan-green,
    #plan .container .plan-list .plan-blue,
    #plan .container .plan-list .plan-yellow{
        box-sizing: border-box;
        padding: 0 20px 20px 20px;
    }
    .plan-list .plan-green .plan-img img,
    .plan-list .plan-yellow .plan-img img{
        object-fit: contain;
        text-align: center;
        width: 100%;
		max-height: 300px;
    }
    .plan-list .plan-red .plan-img,
    .plan-list .plan-blue .plan-img{
        object-fit: contain;
        text-align: center;
        width: 100%;
    }
    .plan-list .plan-red .plan-img img,
    .plan-list .plan-blue .plan-img img{
        width: 100%;
    }
    .plan-list .plan-red,
    .plan-list .plan-green,
    .plan-list .plan-blue,
    .plan-list .plan-yellow{
        height: 650px;
        margin-bottom: 30px;
        padding: 15px 0 0 30px;
        position: relative;
        width: 49.5%;
    }
    #plan .btn-more{
        bottom: -80px;
        left: 10%;
    }
    .plan-red .plan-title::before,
    .plan-blue .plan-title::before,
    .plan-green .plan-title::before,
    .plan-yellow .plan-title::before{
        height: 140px;
        left: -10px;
        top:-20px;
    }
    .plan-list h3{
        font-size: 18px;
        margin: 30px 0 30px 50px;
    }
    .number{
        font-size: 24px;
        margin: 20px 20px 0 0;
    }    
}
/* ここまでplan */

/* ここからshowroom */
#showroom{
    position: relative;
}
#showroom .btn-more{
    bottom: -35px;
}
.showroom-img{
    text-align: center;
}
.showroom-img img{
    width: 100%;
}
@media screen and (max-width:768px){
	#showroom {
		margin-bottom: 80px;
    }
}
/* ここまでshowroom */

/* ここからabout */
#about{
    box-sizing: border-box;
    font-weight: 500;
    padding-bottom: 100px;
    padding-top: 170px;
}
.about-text{
    position: relative;
	min-width: 400px;
}
.about-text h2{
    color: #000000;
    letter-spacing: 0.18rem;
    margin-bottom: 100px;
    margin-top: 60px;
    position: relative;
    text-align: left;
}
.aboutus-img{
    position: absolute;
    right: 20px;
    top: 100px;
}
#about .container{
    display: flex;
    justify-content: space-between;
}
.about-text h3{
    color: #000000;
    font-size: 24px;
    margin-bottom: 40px;
    text-align: left;
}
.about-img{
	width: 50%;
}
.about-contents{
    line-height: 1.85rem;
    margin-bottom: 25px;
    width: 120%;
}
.btn-about{
    background-color: #ffffff;
    border: solid 1px #000000;
    box-shadow: 0 2px 4px #666666;
    height: 70px;
    line-height: 70px;
    padding-left: 40px;
    width: 300px;
	margin: 0 auto 30px;
}
.btn-about a,
.btn-about a:visited{
    color: #000000;
}
.btn-about i{
    margin-left: 15px;
}
@media screen and (max-width:768px){
	#about {
		padding-bottom: 30px;
	}
    #about .container .about-text h2{
        font-size: 24px;
        margin-bottom: 60px;
    }
    #about .container .about-text h3{
        font-size: 20px;
        margin-bottom: 30px;
    }
    #about .container .about-text .en-red{
        font-size: 59px;
        left: 55%;
        top: 80px;
        width: fit-content;
    }
    #about .container{
        flex-direction: column;
        margin: 0 auto;
        width: 94%;
    }
    #about .container .about-text{
        width: 100%;
    }
    .about-contents{
        width: 100%;
    }
    .about-img{
        width: 100%;
    }
    .about-img img{
        width: 100%;
    }
    .aboutus-img{
        left: 35%;
    }
	.about-text {
		min-width: auto;
	}
}
/* ここまでabout */

/* ここからloan */
#loan{
    background-image: url(./img/loan-bg.jpg);
    box-sizing: border-box;
    padding: 80px 0 70px;
    position: relative;
	padding-top: 100px;
}
#loan .container h2{
    background-color:#97c472;
    border-radius: 15px;
    color: #ffffff;
    display: flex;
	justify-content: center;
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    top: -50px;
    padding: 30px 50px;
	width: min(650px, 80%);
	font-size: 34px;
}
#loan .container h2::before{
    bottom: -25px;
    content: "";
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    border-style: solid;
    border-width: 40px 25px 0 25px;
    border-color: #97c472 transparent transparent transparent;
    }

#loan .container .sub{
    font-size: 24px;
    font-weight:normal;
    letter-spacing: 0.1rem;
    margin-bottom: 100px;
    text-align: center;
}
#loan h3 {
	line-height: 1.7;
	margin: 10px 0;
}
.loan-list{
    display: flex;
    justify-content: space-between;
}
.loan-list .card{
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 0 20px 20px;
    position: relative;
    width: 31.5%;
    z-index: 1;
}
.loan-list h3{
    color: #000000;
    font-size: 18px;
    text-align: center;
}
.loan-number{
    color: #ffffff;
    font-size: 16px;
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    text-align: center;
    top: -35px;
    z-index: 10;
}
.loan-number::before{
    background-image: url(./img/circle-yellow.png);
    background-repeat: no-repeat;
    content: "";
    height: 55px;
    left: 50%;
	transform: translateX(-50%);
    position: absolute;
    top: -20px;
    width: 144px;
    z-index: -5;
}
.loan-number span{
    font-size: 24px;
}
.loan-list .img-area{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.img-area .loan-img{
    width: 50%;
}
.loan-list .img-area img{
    width: 100%;
}
.loan-text{
    font-size: 14px;
    line-height: 1.5rem;
}
.loan-titlearea{
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    width: 50%;
}
.loan-title{
    background-color: #97c472;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    width: 100%;
	margin: 5px auto 20px;
}
.loan-month{
    font-size: 14px;
    margin-bottom: 5px;
}
.loan-price{
    font-size: 18px;
    margin-bottom: 20px;
}
.loan-titlearea .small{
    font-size: 12px;
    margin-bottom: 10px;
}
@media screen and (max-width:1100px) and (min-width: 769px) {
	.img-area {
		flex-direction: column;
	}
	.loan-img, .loan-titlearea {
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (max-width:768px){
    #loan{
        margin-bottom: 60px;
        padding-top: 80px;
    }
    #loan .container .pc-only{
        display: none;
    }
    #loan .container h2{
        font-size: 20px;
        line-height: 2rem;
		padding: 10px 20px;
		top: -25px;
		width: 320px;
    }
	#loan .container h2::before{
		bottom: -30px;
	}
    #loan .container .sub{
        font-size: 18px;
        line-height: 1.5rem;
        text-align: center;
    }
    #loan .container .loan-list .card{
        height: 560px;
        margin-top: 120px;
        padding: 0 10px 20px;
        position: relative;
        width: 100%;
        z-index: -1;
        margin-top: 60px;
    }
    #loan .container .loan-list .card h3{
        font-size: 18px;
    }
    .loan-title{
        width: 80%;
    }

    #loan .container .loan-list{
        flex-direction: column;
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }
    .loan-number{
        top: -35px;
    }
    .loan-number::before{
        top: -20px;
    }
}
/* ここまでloan */

/* ここからbanner-area */
.top .p-banner-cta {
    box-sizing: border-box;
    padding: 80px 0 100px;
    text-align: center;
    width: 100%;
}
.top .p-banner-cta img{
    width: 90%;
}


/* new来場予約 */

.p-banner-cta_new{
    text-align: center;
    box-sizing: border-box;
    padding: 0 13px;
    padding-bottom: 67px;
    padding-top: 75px;
    width: 90%;
    max-width: 1012px;
    margin: 0 auto;
    margin-top: 80px;
    border: 5px solid #DD5966;
    position: relative;
    margin-bottom: 80px;
}
.p-showroom_new .p-banner-cta_new{
/*     width: 95%; */
	margin-top: 10px;
	margin-bottom: 160px;
}
.p-banner-cta_new .tate_txt{
	color: #DD5966;
}
.p-banner-cta_new img{
    width: 100%;
}

.p-banner_fx {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    max-width: 849px;
    margin: 0 auto;
    column-gap: 10px;
}
.cp_img_sp{
	display: none;
}
.cp_img {
    max-width: 392px;
    width: 47%;
}
.cp_txt {
    max-width: 510px;
    width: 73%;
}
.cp_txt p {
    font-size: clamp(13px, 1.4vw, 16px);
    line-height: 2;
    font-weight: 500;
    margin-bottom: 40px;
}
.btn-cp {
    background-color: #DD5966;
    height: 59px;
    line-height: 22px;
    width: 255px;
    border-radius: 30px;
    margin: 0 auto;
    padding-top: 7px;
}
.p-banner-cta_new a, .p-banner-cta_new a:visited {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    position: relative;
}
.p-banner-cta_new a::after {
    content: "";
    position: absolute;
    top: 51%;
    right: 10px;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left: 8px solid #fff;
}
@media screen and (max-width:875px){
	.cp_txt .pc_br02{
 		display: none;
	}
	
}
@media screen and (max-width:768px){
    .top .p-banner-cta{
        padding: 10px 0 30px;
    }
	/* 	new来場予約 */
	.cp_img_pc{
		display: none;
	}
	.cp_img_sp{
		display: block;
		max-width: 392px;
		width: 100%;
		margin-bottom: 33px;
	}

	.cp_txt {
		max-width: 340px;
		margin: 0 auto;
		width: 100%;
	}
	.cp_txt p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 14px;
		text-align: left;
	}
	.p-banner-cta_new {
		padding: 0 25px;
		padding-bottom: 30px;
		padding-top: 35px;
	}
	.p-banner-cta_new a, .p-banner-cta_new a:visited {
		font-size: 14px;
	}
}
/* ここまでbanner-area */

/* ここからpresent */
#present{
    box-sizing: border-box;
    position: relative;
}
#present h2{
    text-align: left;
	width: 94%;
	position: relative;
}
.present-bg{
    background-color: #f1d5a3;
    height: 170px;
    width: 100%;
}
#present .container{
    box-sizing: border-box;
    padding: 0 13px;
    padding-bottom: 55px;
    padding-top: 80px;
    width: 90%;
    max-width: 1012px;
    border: 5px solid #95CD72;
    position: relative;
    margin-bottom: 80px;
}
#present .container .en{
    color: #ffffff;
    font-family: 'Shelby';
    font-size: 380%;
    font-weight:lighter;
    left: 10%;
    letter-spacing: 0.3rem;
    line-height: 2.3rem;
    padding-top: 25%;
    position: absolute;
    top: 0;
    transform: rotate( 15deg );
}
.present-title1 {
	width: 100%;
	max-height: 130px;
	min-height: 80px;
	object-fit: contain;
}
.present-title2 {
	position: absolute;
	right: 0;
	top: -50%;
	width: 25%;
	max-width: 150px;
}
.en-bg{
    /* background-image: url(./img/present-bal.png);
    background-repeat: no-repeat;
    background-size: 100% ; */
    /* height: 300px; */
    left: 70%;
    position: absolute;
    top: -5%;
    /* transform: rotateZ(0); */
    width: 80%;
}
.en-bg img{
    width: 30%;
}
.present--title{
    letter-spacing: -0.8rem;
    line-height: 4rem;
    margin-bottom: 80px;
    margin-left: 10%;
    text-align: left;
}
.present-area{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 95%;
    max-width: 829px;
    margin: 0 auto;
    column-gap: 10px;
}
.present-area img{
    width: 100%;
}
.present-img {
	max-width: 323px;
    width: 39%;
}
.present-contents{
    letter-spacing: 0.1rem;
    line-height: 1.9rem;
    padding-top: 30px;
    position: relative;
}
.present-text{
   margin-bottom: 40px;
    text-align: center;
    font-size: clamp(13px, 1.4vw, 16px);
    line-height: 2;
    font-weight: 500;
}
.btn-catalog{
    background-color: #f4cb45;
    border: solid 1px #000000;
    box-shadow: 0 2px 4px #666666;
    height: 70px;
    line-height: 70px;
    width: 300px;
	margin: 0 auto;
}

.btn-catalog a,
.btn-catalog a:visited{
    color: #000000;
    margin-left: 80px;
}
.btn-catalog_new {
    background-color: #95CD72;
    height: 59px;
    line-height: 59px;
    width: 255px;
    border-radius: 30px;
    margin: 0 auto;
}
.btn-catalog_new a::after{
    content: "";
    position: absolute;
    top: 51%;   
    right: 29px;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left: 8px solid #fff;
}
.btn-catalog_new a,
.btn-catalog_new a:visited{
    color: #fff;
    margin-left: 65px;
    font-weight: bold;
    font-size: 16px;
	position: relative;
}

.btn-catalog i{
    margin-left: 50px;
}

.tate_txt {
    position: absolute;
    writing-mode: vertical-rl;
    background-color: #fff;
    color: #95CD72;
    font-size: 16px;
    font-weight: bold;
    top: 20px;
    left: -10px;
    padding: 13px 0;
}
.present-img_sp {
    display: none;
}
@media screen and (max-width:768px){
	.present-img_sp {
		display: block;
	}
	.present-img_pc, .pc_br {
		display: none;
	}
    #present{
		margin-top:100px;
    }
    #present .container {
		padding: 0 16px;
		padding-bottom: 30px;
		padding-top: 8px;
	}
    #present .present-area{
        flex-direction:column;
        padding: 0;
        width: 100%;
    }
	#present .btn-catalog_new {
		height: 59px;
		line-height: 59px;
		width: 255px;
		position: static;
	}
    .btn-catalog_new a,
	.btn-catalog_new a:visited{
		margin-left: 65px;
	}
	.btn-catalog a,
	.btn-catalog a:visited{
		margin-left: 50px;
	}
	#present .present-area .present-img {
		margin: 0 auto;
		width: 92%;
		margin-bottom: 15px;
	}
    #present .present-area .present-contents {
		margin: 0 auto;
		width: 90%;
	}
	.present-bg{
        box-sizing: border-box;
        margin-bottom: 20px;
		padding-top: 20px;
        width: 100%;
		height: 120px;
    }
	.present-title1 {
		height: 80px;
	}
    .btn-catalog a,
	.btn-catalog a:visited{
		margin-left: 50px;
	}
	#present .present-area .btn-catalog_new a {
		font-size: 16px;
	}
	.present-img {
		margin-right: 0;
	}
	.present-text {
		width: 100%;
		max-width: 340px;
		margin: 0 auto;
		font-size: 14px;
		text-align: left;
		margin-bottom: 17px;
	}
}

/* ここからfooter-top */
footer{
    background-image: url(./img/footer-bg.jpg);
    box-sizing: border-box;
    color: #ffffff;
    font-size: 16px;
    /* height: 440px; */
    /* margin-bottom: 50px; */
    padding: 50px 0 40px;
}
footer a{
    color: #ffffff;
    font-weight: bold;
}
footer a:visited{
    color: #ffffff;
}
.footer-top{
    display: flex;
	justify-content:center;
    padding: 0 100px;
}
.footer-logo-column {
	margin-right: 50px;
}
.footer-logo{
    text-align: center;
	margin-bottom: 30px;
}
.footer-top nav{
    display: flex;
}
.footer-top nav ul {
	display: flex;
	flex-direction: column;
	margin: 50px 30px 50px 0;
}
.footer-top nav ul.sub{
	margin:20px 0 0 0;
}
.footer-top nav ul.sub li:last-of-type{
	margin-bottom:0;
}
.footer-top nav ul:last-of-type {
	margin-right: 0;
}
.footer-top nav ul li{
    font-size: 14px;
    line-height: 0.9rem;
	margin-bottom: 20px;
}
.footer-title{
    margin-bottom: 20px;
	text-align: center;
}
.footer-tel{
    font-size: 27px;
    letter-spacing: 0.15rem;
    margin-bottom: 20px;
    text-align: center;
}
.footer-cta{
	margin-bottom: 50px;
}
.cta-area{
    display: flex;
}
.footer-cta .visit-btn{
    margin-right: 25px;
}
@media screen and (max-width:1259px){
    .footer-top{
        padding: 0 30px;
    }
    .footer-top nav li{
        font-size: 10px;
    }
    .footer-cta{
        padding-left: 15px;
    }
	.footer-top nav{
		flex-direction: column;
	}
	.footer-top nav ul {
		margin: 0;
	}
}
@media screen and (max-width:950px){
    .footer-top {
		flex-direction: column;
	}
	.footer-logo-column {
		margin: 0 auto;
	}
	.footer-top nav{
        text-align: center;
		margin-bottom: 30px;
    }
}
@media screen and (max-width:768px){
    footer{
        box-sizing: border-box;
/*         margin-bottom: 50px; */
        padding-bottom: 40px;
        width: 100vw;
    }
    .footer-logo{
        margin: 0 auto 30px;
    }
    .footer-top{
        flex-direction: column;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .footer-title{
        font-size: 14px;
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }
    .footer-tel{
        font-size: 24px;
        margin-bottom: 60px;
        padding: 0;
        text-align: center;
    }
    .footer-cta .cta-area{
        flex-direction: column;
        margin: 0 auto 60px;
        width: 200px;
    }
    .visit-btn{
        margin: 0 auto 30px;
    }
    .catalog-btn{
        margin: 0 auto;
    }
}
/* ここまでfooter-top */

/* ここからcopy */
.copy{
    color: #ffffff;
    font-size: 15px;
    font-weight:inherit;
    text-align: center;
}
/* ここまでcopy */



/*---------------------

ここからConcept

-----------------------*/

.concept-fv{
	margin-bottom: 10vw;
}
.concept-fv img {
	width: 100%;
}
.concept-fv--title{
    background-color: #ffffff;
    height: 80px;
    margin: 0 auto;
    width: 50%;
}
.p-concept--house{
    background-image: url('./img/concept-bg1.png');
    background-size: cover;
    background-position: top center;
}
.p-concept--house-txt{
    width: 100%;
}
.p-concept--house h2{
    font-size: 36px;
    font-weight: 500;
    line-height: 5rem;
}
.p-concept--house-img{
    text-align: center;
    width: 100%;
    padding-top: 13em;
    padding-bottom: 6em;
}
.p-concept--house-img img{
    width: 100%;
    max-width: 1100px;
}

.concept--read{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    margin-top: 5em;
    position: relative;
}
.concept--read-img01{
    position: absolute;
    top: 28%;
    left: -5%;
}
.concept--read-img02{
    position: absolute;
    top: 28%;
    right: 0;
}

.concept--read p{
    font-size: 36px;
    line-height: 1.7;
		position: relative;
		z-index: 1;
}
.concept--read--p{
    margin-top: 2em;
}
.concept--read .txtBl2 {
color: #64a1c8;
font-size: 3.125vw;
border: 2 px solid #64a1c8;
width: 550 px;
margin: 0 auto;
margin-top: 1 em;
white-space: nowrap;
}
.concept--read-txt p{
    font-size: 16px;
}
.underline{
    background: linear-gradient(transparent 69%, #f8ea00 50%);
}
.concept--read-txt{
    margin-top: 3.125em;
    margin-bottom:30px;
}
.concept--read-txt .txtWH {
    color: #fff;
    background-color: #d94a3c;
}

/* concept--read02 */

.concept--read02{
    background-image: url('./img/concept-bg2.jpg');
    background-size: cover;
    text-align: center;
    padding-top: 3.125em;
    padding-bottom: 5em;
}
.read02-txt01{
    font-size: 36px;
    padding-bottom: 1.12em;
}
.read02-txt01 .txtRed {
    color: #d95c65;
}
.read02-txt01 .txtBl {
    color: #4499db;
}
.read02-txt02{
		font-size: 16px;
    padding-bottom: 1.5em;
}
.read02-txt03{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}
.read02-txt03{
    padding-bottom: 2.7em;
}
/* concept--read02 */

/* concept--important */
.concept--important{
    background-color: #d95c65;
    color: #fff;
    text-align: center;
    padding: 6em 0px;
}

.important-txt01{
    font-size: 16px;
    font-weight: normal;
}
.important-txt02{
    font-size: 3.33333vw;
    padding: .737em 0;
}
/* concept--important */
.picture{
    text-align: center;
    padding: 30px 0;
}
.picture img{
    width: 95%;
    margin: 0 auto;
}

/* concept--suggestion */
.concept--suggestion img{
    width: 100%;
}
/* concept--suggestion */

/* concept--cospa */
.concept--cospa {
    margin-top: 5em;
}
.concept--cospa img{
    width: 100%;
}
/* concept--cospa */

/* concept-house */

.concept-house{
    text-align: center;
    position: relative;
    background-color: #e7e7e7;
    margin-bottom: 80px;
    padding-top: 3.5em;
    padding-bottom: 8em;
}
.concept-house-box{
    background-color: #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.concept-house-box-txt{
    padding-left: 7em;
    text-align: left;
}
.concept-house-box-txt h3{
    color: #d94a3c;
    text-align: left;
    font-size: 24px;
    padding-top: .525em;
}
.concept-house-box-txt p{
    font-size: 16px;
    line-height: 1.5;
}
.concept-house-box-img img {
    width: 100%;
}
.concept-house--read p{
    font-size: 16px;
    font-weight: normal;
}
.concept-house--read {
    padding-top: 4.5em;
}
.concept-house--read .btn-more {
    background-color: #ffffff;
    border: solid 1px #000000;
    box-shadow: 0 2px 4px #666666;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    padding-left: 24px;
    width: 300px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);    text-align: center;
}
.check-btn{
    position: absolute;
    bottom: 8%;
    left: 39%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);    
}

/* concept-house */


/* p-about--banner */

.p-about--banner{
    margin-top: 10em;
    margin-bottom: 12em;
}
.concept--banner{
    display: flex;
    justify-content: center;
    padding: 0 !important;

}
.concept--banner a{
    margin: 0 5px;
}
/* p-about--banner */
#concept-present{
    padding-bottom: 0;
}
.freecatalog img{
    width: 100%;
}
.concept-present-area{
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    margin-top: 80px;
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
}
.concept-present-area p,.concept-present-area .btn-catalog a{
    font-size: 16px;
}
.concept-present-area .present-img img {
    width: 100%;
    max-width: 328px;
}
.concept-present-area .present-contents{
    padding-left: 3em;
}

.concept-start-list p{
    line-height: 1.8;
}
.concept-start-list .c-btn-gr a{
    font-size: 16px;
    background-color: #4ea853;
}
.c-start .btn-catalog a{
    font-size: 16px;
}

/* concept-message */
.concept-message p{
    font-size: 14px;
    line-height: 2;
}
.concept-message-txt{
    padding-left: 2em;
}
.brank02{
    display: block;
}

/* concept-message */

/*---------------------

ここまでConcept

-----------------------*/



/* event.html */
.event .event-list{
    margin-bottom: 100px;
}
.p-about h2{
    font-size: 20px;
    font-weight: normal;
}
.p-about--top p{
    font-size: 16px;
    font-weight:inherit;
}
.p-about--top-text{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:768px){
    .event-list{

        width: 100%;
    }
    .event-list ul{
        margin: 0 auto;
        max-width: 375px;
        padding: 0;
        width: 100%;
    }
    .event-list ul li{
        margin-bottom: 20px;
        max-width: 180px;
        width: 48%;
    }
    .event-list ul li img{
        width: 100%;
    }
    .event-text-blue,
    .event-text-green,
    .event-text-red,
    .date-title,
    .date-time{
        font-size: 12px;
    }
    .event-text h3{
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 5px 0;
    }
    .address{
        font-size: 9px;
        line-height: 0.8rem;
        margin: 0 0 5px 0;
    }
    .event-text{
        padding: 5px;
    }
    .date-time{
		padding-top: 25px;
    }
	.date-title {
		font-size: 14px;
	}
    .p-event--list .c-btn{
        bottom: 60px;
        left: 30%;
        padding-left: 30px;
        position: absolute;
    } 
}


/* reservation.html */
.reservation-mv img{
    width: 100%;
}
.reservation-promise{
    background-color: #f9f2e6;
}
.reservation-promise .container{
    padding: 40px 0 80px;
}
.reservation-promise-title{
    line-height: 50px;
    margin-bottom: 30px;
    text-align: center;
    width: 30%;
    padding: 10px;
    border-radius: 37px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d95c65;
    background-color: white;
    color: #d95c65;
    font-weight: 900;
}
.reserv-attention {
    line-height: 1.5;
    padding-top: 10px;
}
.reservation-promise-text{
    display: flex;
    justify-content: s;
    width: 95%;
}
.reservation-promise-text div{
    margin-left: 40px;
    width: 70%;
}
.staff-img{
    object-fit: contain;
    width: 28%;
}
.reservation-promise h2{
    background: linear-gradient(transparent 50%, #f4ed3a 50%);
    display: inline-block;
    margin: 0 0 70px 32%;
}
.reservation-promise-box{
    background-color: #ffffff;
    border: solid 1px #000000;
    line-height: 3rem;
    margin-bottom:40px;
    padding: 20px 0;
    text-align: center;
}
.reservation-promise-list li{
    background-color: #d95c65;
    height: 300px;
    line-height: 1.5rem;
    margin: 0 3px 20px;
    padding: 20px 15px;
    text-align: center;
    width: 300px;
}
.reservation-promise-list li img{
    margin-bottom: 20px;
    width: 100%;
}
.reservation-promise-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}
.reservation-banner{
    padding: 100px 0 130px;
}
.reservation-banner img{
    width: 100%;
}
.reservation-flow h2{
    margin-bottom: 80px;
}
.reservation-flow-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 80px;
    text-align: center;
    width: 90%;
}
.reservation-flow-list li{
    margin: 0 15px 30px;
}
.reservation-flow-list li img{
    margin-bottom: 10px;
}
.reservation-flow-list li h3{
    margin-bottom: 10px;
}
.reservation-flow-list li p{
    line-height: 1.8rem;
}
.flow-comment li{
    font-size: 14px;
    margin-bottom: 8px;
}
.reservation-flow-text{
    font-size: 16px;
    font-weight: 500;
}
.flow-comment{
    display: flex;
    justify-content: space-between;
}
.reservation-flow{
    margin-bottom: 160px;
}
#reservation-form h2{
    height: 120px;
    line-height: 120px;
    margin-bottom: 40px;
}
.reservation-form-comment{
    margin: 0 0 100px 80px;
}
.reservation-form-comment li{
    margin-bottom: 8px;
}
.flow-box{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 100px;
    width: 75%;
}
.flow-box-bk{
    background-color: #000000;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 280px;
}
.flow-box-wh{
    border: solid 1px #000000;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 280px;
}

@media screen and (max-width:768px){
    .reservation-promise-text h2{
        background-size: 30px;
        display:inline-block;
        font-size: 20px;
        margin: 40px 0 90px 40%;
        width: 60%;
    }
    .reservation-promise-text{
        flex-direction: column;
        position: relative;
        width: 100%;
    }
    .reservation-promise-text div{
        margin-left: 0;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
    }
    .staff-img{
        left: 0;
        position: absolute;
        object-fit: contain;
        top: -170px;
        width: 40%;
    }
    .reservation-promise-box{
        font-size: 18px;
        margin: 0 auto 30px;
        width: 100%;
    }
    .reservation-promise-list{
        flex-direction: column;
        width: 100%;
    }
    .reservation-promise-list li{
        margin: 0 auto 20px;
    }
    .reservation-flow{
        margin-bottom: 60px;
    }
    .reservation-flow-list{
        flex-direction: column;
        margin-bottom: 10px;
    }
    .reservation-flow-list li{
        margin-bottom: 40px;
    }
    .flow-comment{
        flex-direction: column;
    }
    .reservation-banner .container{
        text-align: center;
    }
    .reservation-form-comment{
        font-size: 16px;
        margin: 0 auto 40px;
        text-align: left;
    }
    .flow-box{
        flex-direction: column;
    }
    .flow-box li{
        margin-bottom: 10px;
    }

}
/* ここまでreservation.html */

/* catalog.html */
.p-catalog .c-commonfv2{
    box-sizing: border-box;
    height: 200px;
    letter-spacing: 0.15rem;
    padding-top: 70px;
}
.p-catalog--contents{
    margin: 0 auto 50px;
    position: relative;
    width: 86%;
}
.p-catalog--contents h2{
    line-height: 4rem;
    margin-bottom: 15px;
    margin-left: 30px;
    text-align: left;
}
.p-catalog--contents-area .h2-next{
    margin-right: 120px;
    text-align: right;
}
.p-catalog--contents-area{
    display: flex;
    justify-content:space-between;
}
.p-catalog div .present-bg{
    padding-top: 15px;
    height: 170px;
    margin-bottom: 50px;
    position: relative;
}
.p-catalog div .present-bg .en-bg{
    position: absolute;
    top: -50px;
    left: 76%;
}


    .en-bg2{
    background-image: url(./img/catalog-bg2.jpg);
    background-repeat: no-repeat;
    height: 300px;
    position: absolute;
    top: -80px;
    transform: rotateZ(0);
    right: -13%;
    width: 350px;
}
.p-catalog--contents-area-l{
    width: 55%;
}
.p-catalog--contents-area-l h3{
    box-sizing: border-box;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    left: -30px;
    letter-spacing: 0.01rem;
    line-height: 50px;
    padding: 0 30px;
    position: absolute;
    top: -30px;
}
.p-catalog--contents-area-r{
    margin-top: 200px;
    width: 45%;
}
.p-catalog--contents-area-r img{
    width: 100%;
}
.p-catalog--contents-text p,
.p-catalog--contents-area li{
    font-weight: 500;
}
.p-catalog--contents-text p{
    line-height: 1.9rem;
    margin-left: 50px;
}
.p-catalog--contents-area li{
    list-style:initial;
}
.p-catalog--box{
    border: solid 1px #000000;
    box-sizing: border-box;
    margin-left: 40px;
    padding: 40px 0 40px 40px;
    position: relative;
    width: 70%;
}
.p-catalog--form h2{
    background-color: #eaab3c;
    font-weight: 500;
    height: 95px;
    line-height: 95px;
}
.catalogform-table{
    margin: 0 auto 30px;  
    width: 70%;
}
.catalogform-table table{
    margin-bottom: 40px;
    width: 100%;
}
.catalogform-table tr{
    padding: 10px;
    width: 100%;
}
.catalogform-table th{
    min-width: 200px;
    width: 30%;
}
.catalogform-table td
.catalogform-table tr td:last-child{
    width: 60%;
}
.catalogform-table .required-area{
    box-sizing: border-box;
    padding: 0 20px 0 20px;
    position: relative;
    width: 80px;
}
.catalogform-table .required-red{
    color: #ffffff;
    top: 20px;
    left:-40px;
    line-height: 15px;
}
.catalogform-table tr,
.catalogform-table th,
.catalogform-table .required-area,
.catalogform-table td{
    height: 70px;
    line-height: 70px;
}
.catalogform-table td input{
    height: 40px;
    line-height: 40px;
    width: 100%;
}
#bot{
	width: 2em;
    height: 2em;
	cursor:pointer;
}
.bot_label{
	display: flex;
    align-items: center;
}
.catalogform-table td textarea{
    height: 140px;
    line-height: 1.4;
    width: 100%;
}
.catalogform-table td input[type=radio]{
    height: 14px;
    line-height: 14px;
	width:fit-content;
	width: -moz-fit-content;
}
.catalogform-table .td-time {
	display: flex;
	flex-wrap:wrap;
}
.catalogform-table .mwform-radio-field label{
	display: flex;
	align-items: center;
}

.catalogform-table .mwform-radio-field label:not(:first-child){
	margin-right: 15px;
}

.catalogform-table .address{
    margin: 0;
}
.catalogform-table p{
    text-align: center;
}
.catalogform-table .confirm{
    background-color: #f4cb45;
    font-size: 18px;
    height: 40px;
    width: 400px;
    margin-left: 50%;
    transform: translateX(-50%);
	cursor: pointer;
	border: none;
}
@media screen and (max-width:1023px){
    .p-catalog--contents-area-l h3{
        font-size: 20px;
    }
    .p-catalog--box{
        border: solid 1px #000000;
        box-sizing: border-box;
        margin-left: 40px;
        padding: 40px 0 40px 40px;
        position: relative;
        width: 80%;
    } 
    .ku,.ro,.no,.su,.home{
        font-size: 64px;
    }
    .p-catalog--contents-area .h2-next{
        font-size: 48px;
        font-weight:normal;
        letter-spacing: -0.8rem;
        margin: 0 20px 40px;
    }
}
@media screen and (max-width:768px){
    .p-catalog div .present-bg{
        padding-top: 15px;
        height: 120px;
        margin-bottom: 50px;
        position: relative;
    }
    .sp-present-title{
        margin: 0 auto;
        width: 94%;
    }
    .p-catalog .c-commonfv2{
        height: 95px;
        padding: 25px 0;
        width: 100vw;
    }
    .p-catalog--contents{
        width: 94%;
    }
    .p-catalog--contents-area{
        -webkit-display: flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .p-catalog--contents-area-l,
    .p-catalog--contents-area-r{
        width: 100%;
    }
    .p-catalog--contents-area-l{
        position: relative;
    }
    .p-catalog--contents-area-l h2{
        margin: 0;
    }
    .ku,.ro,.no,.su,.home{
        font-size: 64px;
    }
    .p-catalog--contents-area .h2-next{
        font-size: 48px;
        font-weight:normal;
        letter-spacing: -0.8rem;
        margin: 0 20px 40px;
    }
    .p-catalog--contents-text p{
        margin: 0;
        width: 100%;
    }
    .p-catalog--contents-text{
        box-sizing: border-box;
        margin-bottom: 0;
        padding-bottom: 140px;
        position: relative;
    }
    .en-bg3{
        bottom: -15px;
        position: absolute;
        right: 0;
        width: 240px;
        z-index: 10;
    }   
    .en-bg3 img{
        object-fit: contain;
        width: 100%;
    }  
    .p-catalog--box{
        margin-left: 0;
        padding: 60px 0 40px 25px;
        position: relative;
        width: 100%;
    }
    .p-catalog--contents-area-l h3{
        display: block;
        font-size: 20px;
        height: 40px;
        left: 0;
        line-height: 40px;
        padding: 0 30px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .p-catalog--box li{
        font-size: 14px;
    }
    .p-catalog--contents-area-r{
        margin-top: 0;
    }
    .p-catalog--contents-area-r img{
        width: 100%;
    }
    .p-catalog--box{
        margin-bottom: 30px;
        margin-left: 0;
        width: 100%;
    }
    .p-catalog--form h2{
        font-size: 20px;
        height: 40px;
        line-height: 40px;
    }
    .catalogform-table tr{
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .catalogform-table,
    .catalogform-table table,
    .catalogform-table th,
    .catalogform-table td,
    .catalogform-table input{
        width: 100%;
    }
    .catalogform-table,
    .catalogform-table table{
        margin: 0 auto;
        width: 85%;
    }
    .catalogform-table th{
        margin-bottom: 10px;
        text-align: left;
    }
    .catalogform-table .pc-only{
        display: none;
    }
    .catalogform-table tr,
    .catalogform-table th,
    .catalogform-table .required-area,
    .catalogform-table td{
        height: fit-content;
        line-height: 1.8rem;
    }
    .catalogform-table .confirm{
        font-size: 16px;
        height: 60px;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 80%;
    }
    .catalogform-table tr td:last-child{
        width: 100%;
    }
    .required-red-sp{
        background-color: #fd404e;
        box-sizing: border-box;
        color: #ffffff;
        font-size: 14px;
        height: 30px;
        margin-left: 20px;
        padding: 7px 10px;
        width: 50px;
    }
    .catalogform-table .zip{
        width: 50%;
    }
}
/* ここまでcatalog.html */

/* about.html */
.p-about .c-commonfv--title{
    font-size: 36px;
    font-weight:bold;
}
.p-about--h2{
    font-size: 20px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
}
.p-about--top p{
    font-size: 16px;
    font-weight:inherit;
    margin-bottom: 24px;
}
.p-about--top-text{
    display: flex;
    justify-content: space-between;
}
.c-about--contents{
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 60px;
    width: 82%;
}
.p-about--top-text-r{
    width: 40%;
}
.p-about--top-text-r p{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: right;
}
.p-about--top-text-r p .top-name{
    font-size: 20px;
    font-weight: bold;
}
.p-about--top-text-r img{
    margin-bottom: 20px;
    object-fit: contain;
    width: 100%;
}
.p-about--top-text-l{
    box-sizing: border-box;
    line-height: 1.5rem;
    padding: 40px 20px;
    width: 60%;
}
.p-about--top-text-l img{
    object-fit: contain;
    width: 100%;
}
.p-about--about{
    box-sizing: border-box;
    padding-bottom: 100px;
}
.p-about--about caption{
    text-align: center;
}
.p-about--about table{
    margin: 0 auto;
    width: 80%;
}
.p-about--about table th{
    box-sizing: border-box;
    font-weight: 500;
    line-height: 70px;
    padding-left: 60px;
    text-align: left;
    width: 38%;
}
.p-about--about li{
    margin-bottom: 10px;
    padding-left: 1rem;
    position: relative;
}
.p-about--about li::before{
    content: '・';
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px;
}
.p-about--map-img{
    margin: 0 auto;
}
.p-about--map-img img{
    object-fit: contain;
    width: 100%;
}
.p-about--map h3,
.p-about--map p{
    font-weight: 500;
    text-align: center;
}
.p-about--map .p-kagoshimasr--map-box iframe{
    height: 300px;
    object-fit: contain;
    width: 100%;
}
.p-about--map .p-about--map-box{
    height: 250px;
    width: 100%;
}
.p-about--map .p-about--map-box iframe{
    height: 100%;
    width: 100%;
}
.p-about--showroom{
    box-sizing: border-box;
    padding-bottom: 450px;
}
.p-about--showroom-text{
    background-color: #70a8cc;
    box-sizing: border-box;
    line-height: 2rem;
    padding: 40px 20px 80px;
    text-align: center;
    width: 100%;
}
.p-about--showroom-text p{
    font-weight: 500;
}
.p-about--showroom-list{
    margin: 0 auto;
    position: relative;
    width: 68%;
}
.p-about--showroom-list ul{
    display: flex;
    height: 300px;
    justify-content: space-between;
    position: absolute;
    top: -50px;
    width: 100%;
}
.p-about--showroom-list li{
    max-width: 300px;
    width: 33%;
}
.p-about--showroom-list img{
    object-fit:cover;
}
.p-about--showroom-list .c-btn{
    box-sizing: border-box;
    text-align: center;
}
.p-about--showroom-list .c-btn i{
    margin-left: 40px;
}
.p-about--history table{
    margin: 0 auto;
    width: 80%;
}
.p-about--history tr{
    height: 60px;
    line-height: 60px;
}
.p-about--history th,
.p-about--history td{
    box-sizing: border-box;
    font-weight: 500;
    padding-left: 40px;
}
.p-banner-c{
    box-sizing: border-box;
    margin: 0 auto;
    object-fit: contain;
    padding-left: 20px;
    width: 90%;
}
.p-about--history{
    box-sizing: border-box;
    padding-bottom: 110px;
}
.p-aboutus .p-about--banner{
    margin: 0 auto 100px;
    width: 80%;
}
.p-banner-c img{
    object-fit: contain;
    width: 100%;
}
@media screen and (max-width:768px){
    .p-about--h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .p-about--top-text-l{
        font-size: 16px;
        margin: 0 auto 40px;
        padding: 0;
        width: 90%;
    }
    .p-about--top-text{
        flex-direction: column;
    }
    .c-about--contents{
        width: 100%;
    }
    .p-about--about table th{
        font-size: 16px;
        padding-left: 20px;
    }
    .p-about--about table td{
        font-size: 14px;
    }
    .p-about--about table{
        width: 96%;
    }
    .sp-table-tr5 td{
        box-sizing: border-box;
        padding: 30px 20px;
    }
    .sp-table-tr5 td p{
        margin-bottom: 30px;
    }
    .p-about--about{
        padding-bottom: 60px;
    }    
    .p-about--map .p-kagoshimasr--map-box {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        overflow:auto; 
        -webkit-overflow-scrolling:touch;
        border:2px solid #ccc; 
      }
      .p-about--map .p-kagoshimasr--map-box iframe {
          position:absolute;
          top:0;
          left:0;
          width:100%;
          height:100%;
          border:none;
          display:block;
      }
    .p-about--map-img img{
        margin-bottom: 0;
    }
    .p-about--showroom-text p{
        font-size: 16px;
    }
    .p-about--showroom-text{
        box-sizing: border-box;
        padding: 30px 20px;
    }
    .p-aboutus .p-about--banner{
        width: 100%;
    }
    .p-aboutus .p-banner-c{
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .p-about--top-text-r{
        margin: 0 auto;
        width: 90%;
    }
    _:lang(x)+_:-webkit-full-screen-document, .p-aboutus .container{
        width: 94%;
        margin: 0 auto;
    }

}
/* ここまでabout.html */

/* ここからshowroom.html */
.p-showroom--kagoshima p{
    background-color: #eaab3c;
    box-sizing: border-box;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 30px;
    padding: 0 20px;
    text-align: center;
    width: 50%;
}
.p-showroom--all p{
	width:100%;
	margin: 70px auto 50px;
}
.p-showroom--kagoshima-img{
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 70px;
    width: 65%;
}
.p-showroom--kagoshima-img img{
    object-fit: contain;
    width: 100%;
}
.p-showroom--banner{
    box-sizing: border-box;
    padding-bottom: 160px;
}
.p-showroom--point{
    background-image: url(./img/showroom-point-bg.jpg);
}
.p-showroom--point .container{
    position: relative;
}
.p-showroom--point .container h2{
    background-color:#97c472;
    border-radius: 15px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    height: 90px;
    left: 30%;
    line-height: 90px;
    padding-left: 8%;
    padding-right: 4%;
    position: absolute;
    text-align: center;
    top: -50px;
    width: fit-content;
}
.p-showroom--point .container h2::before{
    bottom: -25px;
    content: "";
    left: 46%;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 25px 0 25px;
    border-color: #97c472 transparent transparent transparent;
}
.p-showroom--point .container h2 span{
    color: #617551;
    font-size: 60px;
    left: 6%;
    position: absolute;
    top: -5px;
}
.p-showroom--point-list{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 90px 0 50px;
    width: 84%;
}
.p-showroom--point-list li{
    width: 300px;
}
.p-showroom--point-list li img{
    margin-bottom: 30px;
    width: 100%;
}
.p-showroom--point-list h3{
    color: #333333;
}
.p-showroom--list-text{
    box-sizing: border-box;
    color: #333333;
    font-weight: 500;
    line-height: 1.5rem;
    height: 200px;
    margin: 0 auto 20px;
    padding: 0 auto;
    width: 85%;
}
.showroom--banner p{
    color: #e7a93d;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.showroom--banner img{
    width: 100%;
}
.showroom--banner{
    margin: 0 auto;
    width: 84%;
}
.p-about--banner{
    margin: 10px 0 160px;
}
.p-about--banner .p-banner-c{
    margin: 0 auto;
    padding: 0;
    width: 84%;
}
.p-about--map .p-kagoshimasr--map-box{
    width: 100%;
}
.p-kagoshimasr .container h2{
    padding: 30px 0;
}

.p-kagoshimasr .p-kagoshimasr--map{
    display: flex;
    justify-content: space-between;
}
.p-kagoshimasr--map-box{
    width: 55%;
}
.p-kagoshimasr--map-box iframe{
    width: 100%;
}
.p-kagoshimasr--map-text{
    margin-left: 20px;
    position: relative;
    width: 40%;
}
.p-kagoshimasr--map-comment{
    font-weight: 500;
    line-height: 1.5rem;
}
.p-kagoshimasr--map .p-kagoshimasr--map-table{
        box-shadow: 0 2px 4px #666666;
        margin-bottom: 30px;
        max-width: 450px;
        padding: 30px 20px;
        width: 100%;
    }
.p-kagoshimasr--map .p-kagoshimasr--map-table table{
    line-height: 2.5rem;
    width: 100%;
}

.p-kagoshimasr--map .p-kagoshimasr--map-table th{
    margin-bottom: 10px;
    text-align: left;
    width: 40%;
}
.p-kagoshimasr--map .p-kagoshimasr--map-table td{
    margin-bottom: 10px;
}
.p-kagoshimasr--map-text .btn-more{
    position: absolute;
    bottom: 30px;
}
.p-kagoshimasr--map-text .btn-more a{
    display: inline-block;
    line-height: 70px;
}

@media screen and (max-width:768px){
    .pc-only{
        display: none;
    }
    .p-showroom--kagoshima h2{
        font-size: 24px;
    }
    .p-showroom--kagoshima p{
        font-size: 20px;
        width: fit-content;
    }
	.p-showroom--all p{
		width:100%;
		margin: 50px auto 30px;
	}
    .p-showroom--kagoshima-img{
        width: 80%;
    }
    .p-showroom .p-banner-c{
        padding-left: 0;
        width: 100%;
    }
    .p-showroom .p-about--banner{
        margin: 20px 0 80px;
        width: 100%;
    }
    .p-showroom--point{
        width: 100%;
    }
    .p-showroom--point .container h2{
        box-sizing: border-box;
        font-size: 24px;
        left: 0;
        padding-left: 22%;
        text-align: left;
        width: 100%;
    }
    .p-showroom--point .container h2 span{
        font-size: 60px;
        left: 7%;
    }
    .p-showroom--point-list{
        flex-direction: column;
        width: 90%;
    }
    .p-showroom--point-list li{
        width: 100%;
    }
    .showroom--banner{
        width: 100%;
    }
    .showroom--banner .p-about--banner{
        margin: 40px 0;
        width: 100%;
    }
    .p-kagoshimasr .p-kagoshimasr--map{
        flex-direction: column;
    }
    .p-kagoshimasr h2{
        font-size: 18px;
    }
    .p-kagoshimasr--map-box{
        height: 200px;
        margin: 0 auto 20px;
        width: 90%;
    }
    .p-kagoshimasr--map-box iframe{
        height: 200px;
    }
    
    .p-kagoshimasr--map-text{
        margin: 0 auto;
        width: 94%;
    }
    .p-kagoshimasr--map-comment{
        margin-bottom: 40px;
    }
    .p-kagoshimasr--map-text .p-kagoshimasr--map-table table tr{
        display: flex;
        flex-direction: column;
    }
    .p-kagoshimasr--map-text .btn-more{
        bottom: -60px;
        left: 5%;
    }
    .p-kagoshimasr--map .p-kagoshimasr--map-table th{
        margin-bottom: 10px;
        width: 100%;
    }    
    .p-about--map .p-kagoshimasr--map-box{
        margin: 0 auto;
        width: 94%;
    }
    .p-kagoshimasr--map-table{
        margin: 0 auto 30px;
    }
    .p-kagoshimasr--map-comment{
        margin: 0 auto 40px;
        width: 80%;
    }
}

/* ここまでshowroom.html */




/* ---------------

ここからkuronospack.html 

-----------------*/

.top-visual{
    background-image: url('http://maruhome.jp/wp-content/themes/maru-home/assets/img/top_vis.png');
    background-size: cover;
    padding-top: 41.9%;
}

/*------------------
kuronospack-contents01
---------------------*/

.kuronospack-contents01{
    text-align: center;
}
.kuronosu-pankuzu{
    padding-top: .9375em;
}
.contents01-img01 img{
    width: 100%;
    padding-top: 3em;
}
.contents01-img02{
    text-align: center;
}
.contents01-img02 img{
    width: 90%;
    margin: 0 auto;
    padding-top: 2.1825em;
}
.kuronospack-contents01-read{
    padding-top: 2.1875em;
}
.kuronospack-contents01-read .txtBl{
    color: #3c99e4;
    font-size: 60px;
}
.kuronospack-contents01-read .txtRed {
    color: #e23b4f;
    font-size: 60px;
}
.kuronospack-contents01-read p{
    font-size: 40px;
}
/*---------------------
kuronosupack-1580-img
-----------------------*/

.kuronosupack-1580-img img{
    width: 100%;
}
/*---------------------
worries-img
-----------------------*/

.worries-img img{
    width: 100%;
}

/*---------------------
message-img
-----------------------*/

.message-img{
    background-image: url('http://maruhome.jp/wp-content/uploads/2021/11/message_img-2.png');
    background-size: cover;
    padding-top: 83%;
}

/*---------------------
kuronospack-contents02
-----------------------*/
.kuronospack-contents02{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.kuronospack-contents02 h3{
    color: #fff;
    width: 100%;
    background-color: #000000;
    font-size: 30px;
    font-weight: normal;
}
.contents02-box-item {
    margin-top: 5em;
}

.contents02-box-img img{
    width: 100%;
}
.contents02-box-read{
    text-align: center;
    padding-top: .625em;
}
.cross-img{
    text-align: center;
    margin-top: 5em;
}
.cross-img img {
    width: 100%;
    max-width: 120px;
}
.others-img{
    border: 1px solid #000000;
    text-align: center;
    padding: 6em 0;
}
.others-img img{
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

/* kagoshima-house-banner */
.kagoshima-house-banner{
    background-image: url('http://maruhome.jp/wp-content/uploads/2021/11/oosaka_house.png');
    background-size: cover;
    padding-top: 49%;
}
/* kagoshima-house-banner */

/* house-kakaku */
.house-kakaku{
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}
.house-kakaku-box{
    display: flex;
    justify-content: space-around;
    margin-top: 5em;
    margin-bottom: 3em;
}
.house-kakaku-item{
    text-align: center;
    border: 5px solid #f4cb45;
    width: 180px;
    padding: 3em 0;
}
.tubo{
    font-size: 24px;
}
.zeinuki{
    font-size: 36px;
    line-height: 2;
    color: #e23b4f;
}
.zeinuki-small{
    font-size: 18px;
}
.zeikomi{
    font-size: 16px;
}
.kakaku-p p{
    font-size: 24px;
}
/* tab_container */
.tab_container {
    padding-bottom: 1em;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 6em;
}
.tab_item {
    font-size: 24px;
    width: calc(100%/5.59);
    padding:15px 0;
    margin-right: .97em;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}
/* .last-tab{
    margin-right: 0;
} */
input[name="tab_item"] {
     display: none;
}
.tab_content {
    border-top: 5px solid #000000 ;
    /* border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000; */
    display: none;
    clear: both;
    margin-bottom: 40px;
    overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content {
     display: block;
}
.tab_container input:checked + .tab_item {
    background-color: #000000 ;
    color: #fff;
  }
.tab-read{
  display: flex;
}
.tab_content_description{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}
.tab-tubo{
  text-align:center;
  line-height:1.4;
  padding: 0 1.4em;
  color: #fff;
  background-color: #eaab3c;
}
.tab-tubo-big{
    font-size: 80px;
}
.tab-tubo-small{
    font-size: 36px;
}
.tab-kakaku{
    text-align: left;
    padding-left: 4em;
    padding-bottom: 2em;
}
.tab-kakaku p{
    font-size: 90px;
    line-height: 1.5;
    color: #e23b4f;
}
.tab-kakaku-small{
    font-size: 40px;
}
.tubo-small{
    font-size: 24px;
}
/* tab_container */
.black-house-img {
    margin-top: 5em;
}
.black-house-img img {
    width: 100%;
}
.madori-img {
    border: 1px solid #000000;
    text-align: center;
    padding: 6em 0;
}
.madori-img img {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

/* house-kakaku */

/*zeh-contents*/
.zeh-contents-ttl h3{
    width: 100%;
    background-color: #97c472;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
}
.zeh-contents-box{
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
}
.zeh-contents-box{
    display: flex;
    align-items: center;
    margin-top: 3em;
}
.zeh-contents-box-img img {
    width: 100%;
}
.zeh-contents-box-txt h4{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 2.5em;
}
.zeh-contents-box-txt p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

.zeh-product {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.zeh-product{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 4em;
}
/* .zeh-product-box{
    display: flex;
} */
.zeh-product-box-txt h4 {
    font-size: 1.527777vw;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
    line-height: 1.5;
}
.zeh-product-box-txt p {
    font-size: 16px;
    line-height: 1.5;
}
.zeh-product-box{
  border: 4px solid #f4cb44;
  width: 586px;
  /* max-width: 600px; */
  /* height: 640px; */
  margin: .8em 1em;
}
.zeh-product-box-txt {
    /* width: 310px; */
    padding: 1em 2em 1rem 2em;
}
/* .zeh-product-box-img{
    width: 586px;
    height: 285px;
} */
.zeh-product-box-img img{
    object-fit: cover;
    width: 100%;
}
@media screen and(max-width:768px){
    .zeh-product-box{
        margin: 0 auto;
        width: 94%;
    }
    .zeh-product-box-img{
        width: 100%;
    }
    .zeh-product-box-img img{
        height: auto;
        margin-left: 0;
        width: 100%;
    }
    .zeh-product-box-txt{
        padding-top: 30px;
    }
}
/*zeh-contents*/

/* zeh-contents02  */
.zeh-contents02 {
    margin-top: 10em;
}
.zeh-energy-house-img{
    text-align: right;
    margin-right: 4em;
}
.zeh-energy-house-img img {
    width: 100%;
    max-width: 1110px;
}
.zeh-energy-house-img02{
    margin-top: 4em;
}
.zeh-energy-house-img02 img {
    width: 100%;
}
/* zeh-contents02  */


/* more-kurosupac */
.more-kurosupac{
    margin-top: 10em;
}
.more-kurosupac-txt p{
    text-align: center;
    font-size: 30px;
    margin-bottom: 1.5em;
}
.more-kurosupac-link{
    display: flex;
}
.more-kurosupac-link-l,.more-kurosupac-link-r{
    width: 50%;
}
.more-kurosupac-link-l img,
.more-kurosupac-link-r img{
    object-fit: contain;
    width: 100%;
}
/* more-kurosupac */

/* house-maker-contents */
.house-maker-contents{
    margin-top: 10em;
}
.house-maker-box{
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
}
.house-maker-box img{
    height: 200px;
    object-fit: cover;
    width: 250px;
}
.house-maker-box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.house-maker-box li{
    margin-top: 3em;
}
.house-maker-box p{
    text-align: center;
    font-size: 18px;
    margin-top: 1.5em;
}
.concept--p-about--banner {
    margin-top: 2.5em;
    margin-bottom: 3em;
}

/* house-maker-contents */

@media print, screen and (max-width: 1023px){

.concept--read-img02 img {
    max-width: 130px;
}
.concept--read-img01 img {
    max-width: 200px;
}
.concept--read .txtBl2 {
    width: 400px;
}
.concept--read-txt {
    margin: 0 auto;
    margin-top: 9.125em;
    margin-bottom: 5em;
    width: 83%;
    text-align: left;
}
.concept-house-box-txt {
    padding-left: 2em;
    text-align: left;
}
.concept-house-box {
    align-items: center;
}
.c-start {
    margin-top: 80px;
}
.c-start--title {
    line-height: 34px;
}
@media screen and (max-width:768px){
    .zeh-product-box .pc-only{
        display: none;
    }
}

/*---------------------

ここからkuronosupack

-----------------------*/

.house-kakaku {
    width: 100%;
    max-width: 1000px;
}
.tab_item {
    font-size: 24px;
    width: calc(100%/6.2);
    padding: 15px 0;
    margin-right: 0;
}
.zeh-product-box {
    border: 2px solid orange;
    width: 90%;
    max-width: 650px;
    /* height: 586px; */
    margin: .8em 1em;
}
/*---------------------

ここまでkuronosupack

-----------------------*/

}
@media print, screen and (max-width: 768px){


/*---------------------

ここからkuronosupack

-----------------------*/
.top-visual {
    background-image: url('http://maruhome.jp/wp-content/themes/maru-home/assets/img/top_vis-sp.png');
    background-size: cover;
    padding-top: 218%;
}
	.kagoshima-house-banner{
    background-image: url('http://maruhome.jp/wp-content/uploads/2021/11/oosaka_house_sp.png');
    background-size: cover;
    padding-top: 305%;
}

.container {
    margin: 0 auto;
    max-width: 1260px;
    width: 95%;
}

.contents01-img02 img {
    width: 100%;
    margin: 0 auto;
    padding-top: 2.1825em;
}
.kuronospack-contents01-read p {
    font-size: 9.6vw;
}
.kuronospack-contents01-read .txtBl,.kuronospack-contents01-read .txtRed {
    font-size: 10.66666vw;
    line-height: 1.2;
}

.message-img {
    background-image: url('http://maruhome.jp/wp-content/uploads/2021/11/message_img_sp.png');
    padding-top: 152%;
}
.kuronospack-contents02 {
    padding-top: 3em;
}
.contents02-box-item {
    margin-top: 2em;
}

.kuronospack-contents02 h3 {
    font-size: 5.33333vw;
    line-height: 1.5;
    padding: .5em 0;
}
.cross-img img {
    max-width: 70px;
}
.cross-img {
    margin-top: 2em;
}
.others-img {
    border: none;
    text-align: center;
    padding: 2em 0;
}
.others-img img {
    width: 95%;
}
.concept--p-about--banner {
    margin-top: 4em;
    margin-bottom: 2em;
}
.kagoshima-house-banner {
    background-image: url('http://maruhome.jp/wp-content/uploads/2021/11/oosaka_house_sp.png');
    background-size: cover;
    padding-top: 306%;
}

.house-kakaku-box {
    flex-wrap: wrap;
    margin-top: 2em;
    margin-bottom: 3em;
}

.house-kakaku-item {
    border: 5px solid #f4cb45;
    width: 46%;
    max-width: 170px;
    margin: .5em auto;
    padding: 3em 0;
}
.zeinuki {
    font-size: 9.6vw;
    line-height: 2;
}
.tubo {
    font-size: 6.4vw;
}
.zeikomi {
    font-size: 4.26666vw;
}
.kakaku-p p {
    font-size: 5.33333vw;
}
/* tab */
.tab_item {
    font-size: 6.4vw;
    width: calc(100%/3);
    padding: 15px 15px;
    margin-right: .1em;
    margin-left: .8em;
    margin-bottom: .3em;
    border-bottom: 1px solid #000000;
}
.tab-tubo-big {
    font-size: 9.6vw;
}
.tab-tubo-small {
    font-size: 6.4vw;
}
.tab-kakaku {
    padding-left: .95em;
    padding-bottom: 2em;
    padding-top: 1em;
}
.tab-kakaku p {
    font-size: 10vw;
    line-height: 1.5;
}
.tab-kakaku-small,.tubo-small {
    font-size: 5vw;
}
.tab-read {
    flex-direction: column;
}
.tab_content {
    width: 89%;
    margin: 0 auto;
    border-top: 1px solid #000000;
}
.last-tab{
    margin-bottom: 1em;
}
/* tab */
.zeh-contents-ttl h3 {
    font-size: 5.33333vw;
    line-height: 27px;
    padding: .5em 0;
}
.zeh-contents-box-txt h4 {
    font-size: 5.33333vw;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 1.5em;
}
.zeh-contents-box-txt p {
    font-size: 4.26666vw;
    font-weight: normal;
    line-height: 1.5;
}
.zeh-contents-box {
    flex-direction: column;
    margin-top: 3em;
    width: 95%;
    margin: 0 auto;
}
.zeh-contents-box-txt {
    width: 95%;
    margin: 0 auto;
    margin-top: 3em;
}
.zeh-product-box {
    width: 94%;
    height: auto;
    margin: .8em 1em;
}
.zeh-product-box-img{
    margin: 0 auto;
}

/* .zeh-product-box-img {
    width: 100%;
    height: auto;
    max-width: 0;
} */
.zeh-product-box-txt {
    width: 100%;
    padding: 17em 2em 0 2em;
}
/* .zeh-product-box-img img{
    border-bottom: 2px solid orange;
    height: auto;
} */
.zeh-product-box-txt h4 {
    font-size: 5.86666vw;
    margin-bottom: 1em;
    line-height: 1.5;
}
.zeh-product-box-txt p {
    font-size: 4.26666vw;
    line-height: 1.5;
    padding-bottom: 2em;
}
.zeh-contents02 {
    margin-top: 4em;
}
.zeh-energy-house-img {
    text-align: right;
    margin-right: 0;
    margin-top: 4em;
}
.zeh-energy-house-img02 {
    margin-top: 0em;
}
.more-kurosupac-txt p {
    font-size: 6.4vw;
    line-height: 1.5;
    margin-bottom: 1.5em;
}    
.more-kurosupac {
    margin-top: 3em;
}
.more-kurosupac-link {
    flex-direction: column;
}
.more-kurosupac-link-l, .more-kurosupac-link-r {
    width: 100%;
}
.more-kurosupac-link-l img,.more-kurosupac-link-r img {
    width: 100%;
}
.house-maker-contents {
    margin-top: 5em;
}
.house-maker-box p {
    font-size: 4.8vw;
    margin-top: .5em;
}
/*---------------------

ここまでkuronosupack

-----------------------*/

/*---------------------

ここからConcept

-----------------------*/
.brank{
    display: block;
}
.concept--read > p {
    font-size: 5.33333vw;
}
.p-concept--house {
    background-image: url('./img/concept-bg1_sp.png');
}
.p-concept--house-img {
    padding-top: 6.5em;
    padding-bottom: 3em;
}

/*　concept--read　*/
.concept--read-img01 img {
    max-width: 125px;
		display: block;
		margin-top: 20px;
}
.concept--read-img01 {
    position: relative;
		float: left;
}
.concept--read-img02 img {
    max-width: 86px;
		display: block;
		margin: 10px 0 0 auto;
}
.concept--read-img02 {
		position: relative;
}

.concept--read02 {
    background-image: url('./img/concept-bg2_sp.png');
    background-size: cover;
    text-align: center;
    padding-top: 3.125em;
    padding-bottom: 0em;
}
.concept--read02-box{
width: 97%;
margin: 0 auto;
}
.concept--read .txtBl2 {
    color: #64a1c8;
    font-size: 7.99999vw;
    border: 5px solid #64a1c8;
    width: 90%;
    margin: 0 auto;
    margin-top: 1em;
}
.read02-txt01 {
    font-size: 6.4vw;
    padding-bottom: 1.12em;
}
.read02-txt01 .txtBl {
    font-size: 8.53333vw;
}
.read02-txt01 .txtRed {
    font-size: 9.6vw;
}
.read02-txt02 {
    font-size: 5.33333vw;
}
.important-txt01 {
    font-size: 5.33333vw;
}
.important-txt02 {
    font-size: 7.99999vw;
    line-height: 1.5;
    padding: 1.737em 0 1.25em;
}
.concept--read-txt {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 4em;
}
/*　concept--read　*/

.picture {
    text-align: center;
    padding: 0;
    padding-bottom: 4em;
}
.picture img {
    width: 100%;
}
/*concept-house*/
.concept-house-box {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    padding-bottom: 1.5em;
}
.concept-house-box-img img {
    width: 100%;
    max-width: 280px;
}
.concept-house-box-txt {
    padding-left: 0; 
    width: 95%;
    margin: 0 auto;
    text-align: left;
}
.concept-house-box-txt h3 {
    text-align: center;
    font-size: max(5vw, 30px);
    line-height: 1.5;
    padding-top: .525em;
    margin-bottom: .9375em;
}
.concept-house-box-txt p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 2em;
}
.check-btn {
    bottom: 5%;
    left: 13%;
}
.concept-house--read .btn-more {
    height: 70px;
    line-height: 70px;
    padding-left: 24px;
    width: 300px;
    position: absolute;
    bottom: -5%;
    left: 50%;
    font-size: 4.26666vw;
}
.concept-house--read p {
    font-size: 4.26666vw;
    font-weight: normal;
    margin-bottom: 1.5em;
}
/*concept-house*/

/*banner*/
.p-about--banner {
    margin-top: 9em;
    margin-bottom: 2em;
}
.concept--banner {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.p-banner-c {
    width: 100%;
}
.concept--banner a {
    margin: 0 ; 
}
.p-banner-c img {
    margin-bottom: 2em;
}
/*banner*/

.concept-present-area {
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 85%;
max-width: 1030px;
margin: 0 auto;
margin-top: 2em;
}
.concept-present-area .present-contents {
    padding-left: 0;
}
.concept-present-area p {
    font-size: 4.26666vw;
    line-height: 2;
}
.btn-catalog {
    bottom: 20px;
    height: 70px;
    line-height: 70px;
    position: absolute;
    width: 300px;
}
.present-area .btn-catalog a {
    font-size: 4.26666vw;
}
.c-start--bgWH::before {
    border-width: 32px 15px 0 15px;
}
.c-start--title::before {
    border-width: 27px 11px 0 13px;
}
.c-start--bgWH {
    height: 100px;
    width: 90%;
}
.c-start--title {
    font-size: 4vw;
    width: 97.4%;
}


.c-start--list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    padding: 15px 10px 20px;
    width: 100%;
}
.concept-start-list {
    font-size: 3.73333vw;
}
.c-start--list li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 2em;
}
.c-start--list li p {
    font-size: 3.46666vw;
    text-align: left;
    padding-top: .625em;
}
.c-start--list-l img {
    max-width: 150px;
}
.concept-start-list .c-btn-gr a{
    font-size: 3.2vw;
}
.c-btn-gr {
    height: 45px;
    padding-right: 20px;
    position: absolute;
    right: 20px;
    width: 100%;
    bottom: 3px;
    max-width: 180px;
	left: auto;
	transform: none;
}
/* concept-message */
.concept-message .font36{
font-size: 9.6vw;
}
.concept-message .font24 {
    font-size: 5.33333vw;
    line-height: 2;
    margin-top: .9375em;
    padding-left: .625em; 
}
.concept-message-txt {
    padding-left: 0; 
}
.c-message {
    padding: 120px 0 70px;
    width: 85%;
}
.concept-message p {
    font-size: 3.73333vw;
}
.brank02{
    display: inline;
}
/* concept-message */

/* footer */

.cta-area {
    display: flex;
    flex-direction: column;
    justify-content: left;
/*     margin-right: 20px; */
}
.cta-area_new h3 {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
}
.cta-area_new p {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 50px;
}
.footer-cta {
    padding-left: 0;
}
.footer-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
}
/* iPhone5/SE */
@media print, screen and (max-width: 321px){
    .zeh-product-box-img img {
        border-bottom: 2px solid orange;
        height: auto;
        width: 288px;
    }
/* iPhone5/SE */

}

/* ここからprivacypolicy.html */
.privacypolicy-contents{
    box-sizing: border-box;
    line-height: 1.85rem;
    margin: 0 auto;
    padding-bottom: 200px;
    position: relative;
    width: 80%;
}
.privacypolicy-contents p{
    font-size: 16px;
    font-weight: 500;
}
.privacypolicy-contents h2{
    text-align: left;
}
.privacypolicy-name{
    bottom: 0;
    position: absolute;
    right: 7%;
}
.privacypolicy-contact{
    border: solid 1px #000000;
    margin: 60px auto 50px;
    width: 66%;
}
.privacypolicy-contact h2{
    font-weight: 500;
    height: 60px;
    line-height: 60px;
}
.privacypolicy-contact ul{
    box-sizing: border-box;
    padding: 15px 0 0 20px;
}
.privacypolicy .p-banner-cta{
    margin: 100px 0 80px;
}
.privacypolicy .p-banner-cta img{
    width: 100%;
}

.privacypolicy .p-banner-cta div{
    margin: 0 auto;
    width: 80%;
}
@media screen and (max-width:768px){
    .privacypolicy-contact{
        display: none;
    }
    .privacypolicy-contents{
        width: 95%;
    }
    .privacypolicy .p-banner-cta{
        width: 100%;
    }
    .casedetail .p-banner-cta{
        margin: 80px 0;
    }
    .privacypolicy .p-banner-cta img{
        width: 100%;
    }
}
/* ここまでprivacypolicy.html */

/* ここからcasedetail.html */
.casedetail-gallery{
    background-color: #f9f2e6;
    box-sizing: border-box;
    margin: 100px auto 60px;
    padding: 50px 40px 120px;
    position: relative;
    width: 82%;
}
.casedetail .container .slider2{
/*     border: solid 2px #4ea853; */
    height: 530px;
    width: 100%;
    margin-top: -5%;
}
.casedetail .container .slider2 img{
    height: 526px;
    object-fit: cover;
    width: 100%;
}
.casedetail .container .slider2 .prev-arrow,
.casedetail .container .slider2 .next-arrow{
    display: inline!important;
    height: 40px;
    width: 40px;
	cursor: pointer;
}
.casedetail .container .slider2 .prev-arrow img,
.casedetail .container .slider2 .next-arrow img{
    width: 100%;
}
.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .prev-arrow {
    left: 0;
    z-index: 10;
  }
  .next-arrow {
    right: 0;
  }
.casedetail-gallery::before{
    background-color: #97c472;
    content: "";
    height: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    z-index: -1;
}
.casedetail-gallery ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
}
.casedetail-gallery li{
    height: 165px;
	width: calc( 25% - 15px);
    margin: 0 7px 30px;
}
.casedetail-gallery li img{
    height: 165px;
    object-fit: cover;
	width: 100%;
}
.casedetail-gallery{
    font-weight: 500;
    letter-spacing: 0.1rem;
}
.casedetail .p-about--banner{
    margin: 60px auto 80px;
}
.p-newhouse #present .present-bg .container,
.case #present .present-bg .container,
.p-aboutus #present .present-bg .container,
.casedetail #present .present-bg .container{
    position: relative;
}
.p-newhouse #present .present-bg .container .en-bg img,
.case #present .present-bg .container .en-bg img,
.p-aboutus #present .present-bg .container .en-bg img,
.casedetail #present .present-bg .container .en-bg img{
    height: 100%;
    width: 30%;
}
.slider2 .prev-arrow {
   height: 40px;
  left: 25px;
  width: 40px;
  z-index: 10;
}
.slider2 .next-arrow {
     height: 40px;
  right: 25px;
  width: 40px;
  z-index: 10;
}

@media screen and (max-width:768px){
    .casedetail-gallery{
        margin: 40px auto 0;
        padding: 30px 0 30px;
        position: relative;
        width: 100%;
    }
    .casedetail-gallery::before{
        left: 0;
        top: 10px;
    }
    .casedetail .container .slider2{
/*         height: 200px; */
		height: 54vw;
        width: 100%;
		margin-top: 0;
    }
    .casedetail .container .slider2 img{
  /*         height: 196px; */
		height: 54vw;
        object-fit: cover;
        width: 100%;
    }  
    .casedetail .container .slider2 .prev-arrow,
.casedetail .container .slider2 .next-arrow{
    display: inline!important;
    height: 20px;
    width: 20px;
}
.casedetail .container .slider2 .prev-arrow img,
.casedetail .container .slider2 .next-arrow img{
    width: 100%;
}
.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .prev-arrow {
    left: 0!important;
    z-index: 10;
  }
  .next-arrow {
    right: 0!important;
  }
    .slider2 .next-arrow {
    right: -5px !important;
}	
	.slider2 .prev-arrow {
    left: -5px !important;
}
    .casedetail-container{
        width: 100%;
    }
    .casedetail-gallery li{
        height: 165px;
        margin: 0;
        width: 50%;
    }
    .casedetail-gallery li img{
        height: 165px;
        object-fit: cover;
        width: 100%;
    }
    .casedetail-gallery ul{
        margin-bottom: 60px;
    }
}

/* ここまでcasedetail.html */

/* ここからcase.html */
.case-type{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 100px auto 0;
    width: 90%;
}
.case-type li:nth-child(4n - 3),
.case-type li:nth-child(4n - 2),
.case-type li:nth-child(4n - 1),
.case-type li:nth-child(4n){
    margin: 0 10px 80px 0;
    position: relative;
    width: 24%;
}
.case-type  li:nth-child(4n - 3)::after{
    background-image: url(./img/case-ribbon-red.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type  li:nth-child(4n - 2)::after{
    background-image: url(./img/case-ribbon-blue.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type  li:nth-child(4n - 1)::after{
    background-image: url(./img/case-ribbon-green.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type  li:nth-child(4n)::after{
    background-image: url(./img/case-ribbon-yellow.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type p{
    color: #173e5d;
    font-weight: 500;
    text-align: center;
}
.case-type li img{
    margin-bottom: 10px;
    width: 100%;
}
.case-type-a,
.case-type-h,
.case-type-c,
.case-type-e{
    margin: 0 10px 80px 0;
    position: relative;
    width: 24%;
}
.case-type-a::after{
    background-image: url(./img/case-ribbon-red.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type-h::after{
    background-image: url(./img/case-ribbon-blue.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type-c::after{
    background-image: url(./img/case-ribbon-green.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
.case-type-e::after{
    background-image: url(./img/case-ribbon-yellow.png);
    content: '';
    height: 45px;
    left: -10px;
    position: absolute;
    top: -20px;
    width: 131px;
    z-index: 2;
}
@media screen and (max-width:768px){
    .case-type{
        justify-content: left;
        width: 100%;
    }
    .case-type li p{
        font-size: 14px;
    }
    .case-type li{
        margin: 0 auto 40px;
        width: 42%;
    }
    .case .p-about--banner{
        margin-top: 60px;
    }
}
/* ここまでcase.html */

/* ここからeventdetail.html */
.eventdetail-container{
    margin: 0 auto;
    max-width: 980px;
    width: 68%;
}
.eventdetail-mv img{
    width: 100%;
}
.eventdetail-table{
    width: 45%;
}
.eventdetail-title{
    display: flex;
    height: 40px;
    line-height: 40px;
    justify-content: left;
}
.eventdetail-title p{
    font-weight: 500;
}
.eventdetail-title-blue{
    box-sizing: border-box;
    display: inline-block;
    margin-right: 20px;
    padding: 0 20px;
}
.eventdetail-map{
    display: flex;
    justify-content: space-between;
}
.table-bg{
    box-shadow: 0 3px 3px #999999;
    box-sizing: border-box;
    line-height: 3rem;
    margin-right: 30px;
    max-width: 400%;
    padding: 20px 0 0 20px;
    width: 100%;
}
.table-bg th{
    text-align: left;
    width: 20%;
}
.table-bg tr{
    text-align: left;
}
.eventdetail-map-box{
    height: 300px;
    width: 50%;
}
.eventdetail-map-box iframe{
    height: 100%;
    width: 100%;
}
.eventdetail-table-title{
    font-weight: 500;
    margin-top: 20px;
}
.eventdetail-text p{
    color: #333333;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
}
.eventdetail-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
.eventdetail-list li{
    width: 32%;
}
.eventdetail-list img{
    object-fit: contain;
    width: 100%;
}
.eventdetail-list li p{
    box-sizing: border-box;
    color: #333333;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0 10px;
}
@media screen and (max-width:1023px){
    .eventdetail-table th{
        font-size: 12px;
    }
    .eventdetail-table td{
        font-size: 15px;
    }
    .eventdetail-table{
        width: 45%;
    }    
}
@media screen and (max-width:768px){
    .eventdetail-container{
        margin: 0 auto;
        width: 95%;
    }
    .c-commonfv{
        margin-bottom: 20px;
    }
    .eventdetail-container .c-breadcrumb a{
        font-size: 8px;
    }
    .eventdetail-title-blue{
        box-sizing: border-box;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        margin-bottom: 10px;
        padding: 0 5px;
    }
    .eventdetail-title{
        display: inline-block;
        flex-direction: column;
        line-height: 1.5rem;
    }
    .eventdetail-title .sp-only{
        font-size: 14px;
    }
    .eventdetail-table-title{
        font-size: 16px;
    }
    .eventdetail-map{
        flex-direction: column;
        margin: 0 auto 60px;
        width: 90%;
    }
    .eventdetail-table{
        margin-bottom: 10px;
        width: 100%;
    }
    .eventdetail-map-box{
        height: 180px;
        width: 100%;
    }
    .table-bg{
        width: 100%;
    }
    .eventdetail-table th{
        font-size: 12px;
    }
    .eventdetail-table td{
        font-size: 15px;
    }
    .eventdetail-map-box{
        width: 100%;
    }
    .eventdetail-text p{
        font-size: 16px;
    }
    .eventdetail-list{
        flex-direction: column;
        margin-bottom: 40px;
    }
    .eventdetail-list li{
        margin: 0 auto 40px;
        width: 90%;
    }

}
/* ここまでeventdetail.html */

/* ここからplan.html */
.plan-top{
    display: flex;
    justify-content: right;
    margin: 0 auto 110px;
    width: 80%;
}
.plan-top-text{
    border: solid 2px #4499db;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-right: 30px;
    padding: 15px 20px 0;
    position: relative;
}
.plan-top-text span{
    background-color: #f8eb00;
}
.plan-top-text::after{
    border: solid 2px #42a9d1;
    content: '';
    height: 100%;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 100%;
}
.plan-top-text p{
    font-weight: 500;
    letter-spacing: -0.05rem;
    line-height: 1.7rem;
}
.btn-stripe{
    background-image: url(./img/plan-stripe.jpg);
    box-sizing: border-box;
    /* height: 100px; */
    padding: 30px 0 30px;
}
.c-btn--red{
    background-color: #ffffff;
    border: solid 2px #f14c4b;
    box-shadow: 0 4px 0 #b93938;
    box-sizing: border-box;
    height: 55px;
    margin: 0 10px 15px 0;
    padding: 15px 15px 15px 40px;
    position: relative;
    width: 190px;
}
.btn-box{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0 10px;
    width: 85%;
}
.btn-box .fa-chevron-circle-down{
    font-size: 20px;
    margin-right: 60px;
    position: absolute;
    right: -45px;
    top: 15px;
}
.btn-box a,
.btn-box a:visited{
    color: #f14c4b;
    font-size: 16px;
    font-weight: bold;
}
.plan-type{
    margin: 0 auto;
    width: 92%;
}
.plan-type section:nth-child(4n-3) h2{background-color:#d95c65;}
.plan-type section:nth-child(4n-2) h2{background-color:#97c472}
.plan-type section:nth-child(4n-1) h2{background-color:#4499db;}
.plan-type section:nth-child(4n) h2{background-color:#f4cb45;}

.plan-type section{
    box-sizing: border-box;
    border: solid 1px #000000;
    margin-bottom: 50px;
    padding-bottom: 40px;
}
.plan-type h2{
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    margin-bottom: 60px;
    padding-left: 60px;
    text-align: left;
}
.plan-contents{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-left: 10%;
    padding-right: 3%;
}
.plan-contents p{
    font-weight: 500;
    letter-spacing: -0.05rem;
    line-height: 1.5rem;
}
.plan-contents-img{
    width: 42%;
}
.plan-contents-price{
    box-sizing: border-box;
    padding-top: 30px;
    width: 56%;
}
.plan-contents-img img{
    width: 100%;
}
.plan-floorplan{
    height: 300px;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
.plan-floorplan img{
    height: 300px;
    margin: 0 auto;
    object-fit: contain;
    width: 90%;
}
@media screen and (max-width:768px){
    .plan .plan-top{
        flex-direction: column;
        width: 100%;
    }
    .plan-top-img{
        width: 100%;
    }
    .plan-top-img img{
        width: 100%;
    }
    .btn-box a,
    .btn-box a:visited{
        font-size: 14px;
    }
    .c-btn--red{
        margin: 0 5px 15px;
        width: 170px;
    }
    .btn-box{
        padding: 0;
        width: 96%;
    }
    .plan-contents{
        flex-direction: column;
        margin: 0 auto;
        padding: 0 10px;
        width: 90%;
    }
    .plan-contents-img,
    .plan-contents-price{
        margin: 0 auto;
        width: 90%;
    }
    .plan-contents-price-price{
        line-height: 2rem;
        text-align: center;
    }
    .plan-contents-img img{
        width: 100%;
    }
    .plan-floorplan{
        width: 100%; 
    }
    .plan-floorplan img{
        width: 100%;
    }
    .plan-container{
        width: 100%;
    }
    .plan-type{
        width: 100%;
    }
}
/* ここまでplan.html */

/* ここからnewhouse.html */
.p-newhouse-top{
    background-image: url(./img/new--mv.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 330px;
    padding-top: 60px;
    position: relative;
    text-align: center;
}
.p-newhouse-top p,
.p-newhouse-top h2{
    font-weight: 500;
}
.p-newhouse-top h2 span{
    font-size: 48px;
}
.p-newhouse-top p{
    font-size: 26px;
}
.p-newhouse--subtitle{
    background-color: #4ea853;
    box-sizing: border-box;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.p-newhouse-bg{
    background-image: url(./img/new-mv-bg.jpg);
    box-sizing: border-box;
    padding-bottom: 60px;
    width: 100%
}
.p-newhouse--fv-logo{
    right: 68%;
    max-width: 180px;
    position: absolute;
    top: 30px;
    width: 17%;
}
.p-newhouse--fv-logo img{
    object-fit: contain;
    width: 100%;
}

.p-newhouse--point{
    margin: -90px auto 0;
    width: 85%;
}
.new-point-list{
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
}
.new-point-list li{
    background-color: #ffffff;
    box-sizing: border-box;
    padding-bottom: 20px;
    position: relative;
    width: 250px;
    z-index: 0;
}
.new-point-list1,
.new-point-list2,
.new-point-list3,
.new-point-list4{
    box-shadow: 0 2px 4px #666666;
}
.new-point-list li img{
    width: 100%;
}
.new-point-list li ul{
    box-sizing: border-box;
    margin-bottom: 50px;
    padding-left: 1.8rem;
}
.new-point-list li ul li{
    position: relative;
    width: 100%;
}
.new-point-list1 ul li::before{
    color: #4499db;
    content: '●';
    font-size: 12px;
    left: -1.2rem;
    position: absolute;
    top: 0;
}
.new-point-list2 ul li::before{
    color: #d95c65;
    content: '●';
    font-size: 12px;
    left: -1.2rem;
    position: absolute;
    top: 0;
}
.new-point-list3 ul li::before{
    color: #97c472;
    content: '●';
    font-size: 12px;
    left: -1.2rem;
    position: absolute;
    top: 0;
}
.new-point-list4 ul li::before{
    color: #f4cb45;
    content: '●';
    font-size: 12px;
    left: -1.2rem;
    position: absolute;
    top: 0;
}
.p-btn--green-down{
    bottom: 30px;
    height: 45px;
    left: 40%;
    position: absolute;    
    width: 45px;
}
.p-btn--green-down img{
    width: 100%;
}
.newhouse-point-title{
    background-color: #edf2ed;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 20px 0;
    position: relative;
}
.newhouse-point-title h2{
    line-height: 3rem;
}
.newhouse-point--l{
    width: 55%;
}
.newhouse-point-contents span{
    background-color: #f8ea00;
}
.newhouse-point-triangle{
    /* background-color: #d44830; */
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    /* clip-path: polygon(0 0, 0% 100%, 100% 0%); */
    left: -10px;
    /* padding-left: 10px;
    padding-top: 10px; */
    position: absolute;
    top: -10px;
}
.newhouse-point-subtitle{
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.newhouse-point--top{
    margin-bottom: 90px;
    position: relative;
}
.newhouse-point--r{
    position: absolute;
    right: 0;
    top: 40px;
    width: 48%;
}
.newhouse-point--r img{
    width: 100%;
}
.newhouse-point-contents p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.9rem;
}
.newhouse-point-contents{
    margin-left:5%;
    width: 80%;
}
.newhouse-point1-reason h3{
    background-color: #ffffff;
    box-sizing: border-box;
    color: #4ea853;
    font-weight: 500;
    left: 40%;
    padding: 0 50px;
    position: absolute;
    top: -35px;
}
.newhouse-point1-reason{
    border: solid 2px #4ea853;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 65px;
    position: relative;
    width: 90%;
}
.newhouse-point1-reason ul{
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
}
.newhouse-point1-reason ul li{
    width: 31%;
}
.newhouse-point1-reason ul li img{
    width: 100%;
}
.newhouse-point1-reason h4{
    line-height: 1.5rem;
    margin-bottom: 35px;
    text-align: center;
}
.newhouse-point1-reason p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4rem;
    margin: 0 auto;
    width: 96%;
}
.newhouse-point1-reason .btn-more{
    bottom: -30px;
    padding-left: 50px;
    padding-right: 15px;
    position: absolute;
    width: 350px;
}
#newhouse-point1{
    margin: 0 auto 120px;
}
.newhouse-point2-container,
.newhouse-point3-container{
    background-color: #f3f2e6;
    box-sizing: border-box;
    margin: 140px auto 120px;
    padding-bottom: 40px;
    position: relative;
    width: 84%;
}
.newhouse-point2-container h3{
    background-color: #4ea853;
    font-size: 30px;
    margin-bottom: 30px;
}
.newhouse-point2-container ul{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 30px;
}
.newhouse-point2-container ul li{
    background-color: #ffffff;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 20px 20px 40px;
    width: 49%;
}
.newhouse-point2-container ul li h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 2rem;
}
.newhouse-point2-number{
    background-color: #97c472;
    color: #ffffff;
    font-family: 'AB-kirigirisu';
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    margin-right: 40px;
    text-align: center;
    width: 75px;
}
.newhouse-point3-number{
    background-color: #4499db;
    color: #ffffff;
    font-family: 'AB-kirigirisu';
    font-size: 36px;
    height: 90px;
    line-height: 90px;
    margin-right: 40px;
    text-align: center;
    width: 95px;
}
.newhouse-point2-list,
.newhouse-point3-list{
    display: flex;
    justify-content: left;
    margin-bottom: 25px;
}
.newhouse-point2-txt-Green{
    color: #4ea853;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 20px;
    width: 85%;
}
.newhouse-point2-txt,
.newhouse-point3-txt{
    font-size: 16px;
    font-weight: normal;
    margin: 0 auto;
    width: 80%;
}
.newhouse-point3-txt{
    line-height: 1.15rem;
}
.newhouse-point2-list2,
.newhouse-point2-list4{
    margin-top: 20px;
}
.newhouse-point2-container .btn-more,
.newhouse-point3-container .btn-more{
    bottom: -35px;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 15px;
    position: absolute;
    width: 350px;
}
.newhouse-point3-container{
    position: relative;
}
.newhouse-point3-container h3{
    background-color: #4499db;
    font-size: 30px;
    margin-bottom: 40px;
}
.newhouse-point3--top{
    margin-bottom: 240px;
    position: relative;
}
.newhouse-point3-container ul{
    box-sizing: border-box;
    padding: 0 40px;
}
.newhouse-point3-container ul li{
    background-color: #ffffff;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.newhouse-point3-listbox1,
.newhouse-point3-listbox3{
    padding-bottom: 40px;
}

.newhouse-point3-listbox2{
    padding-bottom: 60px;
}
.newhouse-point3-list h4{
    font-size: 24px;
    font-weight: bold;
    line-height: 90px;
}
.newhouse-point4{
    margin-top: 180px;
}
.after-container{
    margin: 0 auto;
    position: relative;
    width: 96%;
}
.point4-aftter1{
    background-image: url(./img/newhouse-border-green1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 auto 40px;
    padding: 50px 50px 30px;
    position: relative;
    width: 100%;
}
.point4-aftter1 h4{
    left: 43%;
    position: absolute;
    top: -10px;
}
.point4-aftter2-1{
    background-image: url(./img/newhouse-border-green2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 15px 40px 0;
    padding: 30px 15px 40px 20px;
    position: relative;
    width: 90%;
}
.point4-aftter2-1 h4{
    left: 21%;
    position: absolute;
    top: -10px;
}
.point4-aftter2-2{
    background-image: url(./img/newhouse-border-green3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 0 40px 15px;
    padding: 30px 20px 40px 20px;
    position: relative;
    width: 96%;
}
.point4-aftter2-2 h4{
    left: 28%;
    position: absolute;
    top: -10px;
}
.point4-aftter3{
    background-image: url(./img/newhouse-border-green4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 auto 30px;
    padding: 35px 40px 50px;
    position: relative;
    width: 100%;
}
.point4-aftter3 h4{
    left: 43%;
    position: absolute;
    top: -10px;
}
.point4-aftter2{
    display: flex;
    justify-content: space-between;
}
.newhouse-point4-container h3{
    background-color: #4ea853;
    font-size: 30px;
    margin-bottom: 30px;
}
.newhouse-point4-container h4{
    color: #4ea853;
    font-size: 20px;
    font-weight: bold;
}
.newhouse-point4-container p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45rem;
}
.newhouse-point4-container{
    background-color: #f3f2e6;
    box-sizing: border-box;
    margin: 180px auto 120px;
    padding-bottom: 40px;
    position: relative;
    width: 82%;
}
.after-container .btn-more{
    bottom: -110px;
    box-sizing: border-box;
    left: 30%;
    padding-left: 40px;
    position: absolute;
    width: 380px;
}
@media screen and (max-width:1199px){
    .p-newhouse--fv-logo{
        left: 15%;
        width: 14%;
    }
}
@media screen and (max-width:768px){
    .p-newhouse-top{
        height: 170px;
        padding-top: 40px;
    }
    .p-newhouse-top p{
        font-size: 14px;
    }
    .p-newhouse-top .p-newhouse--subtitle{
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        margin-left: 50px;
        margin-bottom: 20px;
    }
    .p-newhouse-top h2{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .p-newhouse-top h2 span{
        font-size: 24px;
    }
    .p-newhouse-bg{
        box-sizing: border-box;
        padding-top: 40px;
    }
    .new-point-list{
        margin: 80px auto 0;
    }
    .p-newhouse--point{
        left: 2.5%;
        width: 95%;
    }
    .p-newhouse--point .new-point-list{
        flex-wrap: wrap;
        padding-left: 0;
        width: 100%;
    }
    .p-newhouse--point ul li{
        width: 49%;
    }
    .newhouse-point4-container{
        margin: 0 auto 120px;
        width: 100%;
    }
    .newhouse-point4-container h3{
        font-size: 24px;
    }
    .newhouse-point4-container h4{
        font-size: 20px;
    }
    .newhouse-point4-container p{
        font-size: 16px;
    }
    .new-point-list h3{
        font-size: 12px;
        height: 34px;
    }
    .new-point-list p,
    .new-point-list li{
        font-size: 10px;
    }
    .new-point-list p span{
        font-size: 13px;
    }
    .point-triangle{
        width: 70px;
        height: 70px;
        line-height: 1rem;
    }
    .new-text{
        line-height: 1.3rem;
        margin-bottom: 20px;
    }
    .new-point-list li{
        line-height: 1.1rem;
        padding-bottom: 10px;
    }
    .new-point-list1,
    .new-point-list2,
    .new-point-list3,
    .new-point-list4{
        margin-bottom: 20px;
    }
    .p-btn--green-down{
        bottom: 25px;
        height: 30px;
        left: 40%;
        position: absolute;    
        width: 30px;
    }   
    .newhouse-point--top{
        flex-direction: column;
    } 
    .newhouse-point--l{
        width: 100%;
    }
    .newhouse-point--r{
        margin: 0 auto;
        position: relative;
        width: 95%;
    }
    .newhouse-point--r img{
        width: 100%;
    }
    .newhouse-point-title h2{
        font-size: 12px;
        line-height: 1.8rem;
    }
    .newhouse-point-subtitle{
        font-size: 12px;
        height: 25px;
        line-height: 25px;
    }
    .newhouse-point-title h2 span{
        font-size: 19px;
    }
    .newhouse-point .point{
        font-size: 12px;
    }
    .newhouse-point .point span{
        font-size: 19px;
    }
    .newhouse-point-triangle{
        width: 80px;
        height: 80px;
        padding-left: 8px;
    }
    .newhouse-point-contents{
        line-height: 1.2rem;
        margin-left: 0;
        width: 100%;
    }
    .newhouse-point-contents p{
        margin-bottom: 20px;
    }
    .newhouse-point1-reason{
        width: 100%;
    }
    .newhouse-point1-reason h3{
        font-size: 18px;
        left: 25%;
        text-align: center;
    }
    .newhouse-point1-reason ul{
        flex-direction: column;
    }
    .newhouse-point1-reason ul li{
        margin-bottom: 40px;
        width: 100%;
    }
    .newhouse-point1-reason ul li img{
        margin-bottom: 30px;
    }
    .newhouse-point1-reason .btn-more{
        left: 0;
    }
    .newhouse-point2-container{
        margin: 140px 0 120px;
        width: 100%;
    }
    .newhouse-point2-container ul{
        flex-direction: column;
    }
    .newhouse-point2-container ul li{
        padding-bottom: 20px;
        width: 100%;
    }
    .newhouse-point2-container h3,
    .newhouse-point3-container h3{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .newhouse-point2-container ul li h4{
        font-size: 15px;
        line-height: 1.5rem
    }
    .newhouse-point3-container ul li h4{
        box-sizing: border-box;
        font-size: 15px;
        line-height: 1.2rem;
        padding-top: 20px;
    }
    .newhouse-point2-txt-Green,
    .newhouse-point2-txt{
        font-size:14px;
        margin: 0 auto 15px;
        width: 94%;
    }
    .newhouse-point2-txt{
        font-size: 13px;
    }
    .newhouse-point2-container ul{
        margin: 0 auto;
        padding: 0;
        width: 96%;
    }
    .newhouse-point2-number,
    .newhouse-point3-number{
        font-size: 28px;
        height: 56px;
        line-height: 56px;
        margin-right: 15px;
        width: 58px;
    }
    .newhouse-point2-list{
        margin-bottom: 20px;
    }
    .newhouse-point2-container .btn-more{
        left: 0;
    }
    .newhouse-point3--top{
        margin-bottom: 80px;
    }
    .newhouse-point3-container{
        margin-top: 0;
        width: 100%;
    }
    .newhouse-point3-container ul{
        margin: 0 auto;
        padding: 0;
        width: 96%;
    }
    .newhouse-point3-container ul li{
        padding-bottom: 20px;
        width: 100%;
    }
    .newhouse-point3-container .btn-more{
        left: 0;
    }
    .point4-aftter2{
        flex-direction: column;
        width: 100%;
    }
    .point4-aftter1{
        background-image: url(./img/sp-border-green-1.png);
        padding: 50px 20px;
    }
    .point4-aftter1 h4{
        left: 25%;
    }
    .point4-aftter2-1,
    .point4-aftter2-2{
        width: 100%;
    }
    .point4-aftter2-1 h4{
        margin-top: -10px;
        text-align: center;
    }
    .point4-aftter2-2{
        background-image: url(./img/sp-border-green-2.png);
        margin: 0 auto 30px;
    }
    .point4-aftter2-2 h4{
        left: 20%;
    }
    .point4-aftter3{
        background-image: url(./img/sp-border-green-3.png);
        padding: 50px 20px;
    }
    .point4-aftter3 h4{
        left: 30%;
    }
    .newhouse-point4-container .btn-more{
        left: 0;
        padding-left: 25px;
        width: 100%;
    }
    
}
/* ここまでnewhouse.html */

/* ここからthanks.html */
.thanks .c-commonfv2 h2{
    padding-top: 10px;
}
.thanks-comment h2{
    margin-bottom: 105px;
}
.thanks-flow{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 80px;
    overflow:hidden;
    width: 80%;
}
.thanks-flow li{
    line-height: 80px;
    text-align: center;
    width: 33%;
}
.thanks-flow-gr,
.thanks-flow-gr2{
    background-color: #aeaeae;
    height: 80px;
    position: relative;
}
.thanks-flow-gr::before{
    content: "";
    margin: auto;
    position: absolute;
    right: -55px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 52px solid #ffffff;
    z-index: 1;
}
.thanks-flow-gr::after{
    content: "";
    margin: auto;
    position: absolute;
    right: -50px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 50px solid #aeaeae;
    z-index: 2;
}
.thanks-flow-gr2::before{
    content: "";
    margin: auto;
    position: absolute;
    right: -50px;
    top: -18px;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 70px solid #ffffff;
    z-index: -4;
}
.thanks-flow-gr2::after{
    content: "";
    margin: auto;
    position: absolute;
    right: -46px;
    top: -18px;
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 70px solid #aeaeae;
    z-index: -3;
} 

.thanks-flow-last{
    background-color: #e51411;
    height: 80px;
    z-index: -5;
}
.thanks-comment p{
    font-weight: 500;
    line-height: 2.2rem;
    text-align: center;
}
.thanks-comment{
    margin-bottom: 120px;
}
.thanks-present-flow h2{
    height: 150px;
    line-height: 150px;
    margin-bottom: 50px;
}
.thanks-present-flowtext{
    font-weight: 500;
    line-height: 2.2rem;
    text-align: center;
}
.thanks-present-flowtext{
    margin-bottom: 120px;
}
.thanks-present-flowlist{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 70px;
    width: 75%;
}
.thanks-present-flowlist div{
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.thanks-present-flow1 div{
    margin-bottom: 70px;
}
.thanks-present-flowlist p{
    font-weight: 500;
    line-height: 1.6rem;
    text-align: center;
}
.thanks-present-flow1,
.thanks-present-flow2,
.thanks-present-flow3{
    background-color: #f9f2e6;
    padding: 80px 0 40px;
    position: relative;
    width: 32%;
}
.thanks-present-flow1::before{
    background-image: url(./img/plan1-ribbon.png);
    background-repeat: no-repeat;
    background-size: 60%;
    color: #ffffff;
    content: '01';
    font-size: 20px;
    height: 100px;
    left: 0;
    padding: 15px 0 0 13px;
    position: absolute;
    top: 0;
    width: 70px;
}
.thanks-present-flow2::before{
    background-image: url(./img/plan2-ribbon.png);
    background-repeat: no-repeat;
    background-size: 60%;
    color: #ffffff;
    content: '02';
    font-size: 20px;
    height: 100px;
    left: 0;
    padding: 15px 0 0 13px;
    position: absolute;
    top: 0;
    width: 70px;
}
.thanks-present-flow3::before{
    background-image: url(./img/plan4-ribbon.png);
    background-repeat: no-repeat;
    background-size: 60%;
    color: #ffffff;
    content: '03';
    font-size: 20px;
    height: 100px;
    left: 0;
    padding: 15px 0 0 13px;
    position: absolute;
    top: 0;
    width: 70px;
}
.thanks-present-flow-comment{
    border: solid 1px #000000;
    margin: 0 auto 100px;
    padding: 20px 0 20px 5%;
    width: 65%;
}
.thanks-present-flow-comment li{
    letter-spacing: 0.09rem;
    line-height: 1.6rem;
}
@media screen and (min-width:1199px){
    .thanks-flow .pc-only{
        display: none;
    }
}
@media screen and (max-width:1198px){
    .thanks-flow{
        width: 100%;
    }
    .thanks-flow li{
        width: 35%;
    }
    .thanks-flow .thanks-flow-gr{
        padding-left: 10px;
        text-align: left;
    }
    .thanks-flow .thanks-flow-gr2{
        padding-left: 40px;
    }
    .thanks-flow .thanks-flow-last{
        padding-left: 40px;
        padding-top: 25px;
        width: 40%;
    }
    .thanks-flow li{
        font-size: 14px;
        line-height: 1.5rem;
        padding-top: 15px;
    }
    .thanks-flow-gr::before{
        content: "";
        margin: auto;
        position: absolute;
        right: -50px;
        top: -18px;
        width: 0;
        height: 0;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        border-left: 70px solid #ffffff;
        z-index: 1;
    }
    .thanks-flow-gr::after{
        content: "";
        margin: auto;
        position: absolute;
        right: -46px;
        top: -18px;
        width: 0;
        height: 0;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        border-left: 70px solid #aeaeae;
        z-index: 1;
    } 
    .thanks-flow-gr2::before{
        content: "";
        margin: auto;
        position: absolute;
        right: -50px;
        top: -18px;
        width: 0;
        height: 0;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        border-left: 70px solid #ffffff;
        z-index: -4;
    }
    .thanks-flow-gr2::after{
        content: "";
        margin: auto;
        position: absolute;
        right: -46px;
        top: -18px;
        width: 0;
        height: 0;
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        border-left: 70px solid #aeaeae;
        z-index: -3;
    } 
}

@media screen and (max-width:768px){
    .thanks-comment p{
        font-size: 16px;
        text-align: left;
    }
    .thanks-present-flowtext h2{
        line-height: 2.5rem;
        padding-top: 30px;
    }
    .thanks-present-flowtext p{
        font-size: 16px;
        text-align: left;
    }
    .thanks-present-flowlist{
        flex-direction: column;
        margin: 0 auto;
        width: 94%;
    }
    .thanks-present-flowlist li{
        margin-bottom: 20px;
        width: 100%;
    }
    .thanks-present-flow-comment{
        margin: 0 auto 40px;
        width: 94%;
    }
}
/* ここまでthanks.html */

/* コンタクトフォーム */
#mw_wp_form_mw-wp-form-45,
#mw_wp_form_mw-wp-form-45 .form-table,
#mw_wp_form_mw-wp-form-45 .form-table tbody{
    width: 100%;
}

.form-confirm-btn{
    background-color: #e51411;
    border: none;
    color:#ffffff;
    font-size: 24px;
    text-align: center;
}
.form-place{
    background-color: #f9f2e6;
    border: solid 1px #fd404e;
    height: 80px;
    line-height: 80px;
    width: 380px;
}
.form-address-btn{
    background-color: #f9f2e6;
    border: solid 1px #000000;
    border-radius: 25px;
    height: 55px;
    line-height: 55px;
    width: 300px;
}
.form-red{
    background-color: #e51411;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 50px;
}

.form-table table{
    padding: 0 20px;
    width: 100%;
}
.form-table table p{
    font-weight: 500;
}
.form-table tr{
    border-bottom: solid 1px #636d79;
}
.form-table th{
    font-size: 20px;
    line-height: 1.5rem;
    min-width: 230px;
    padding: 25px 0 25px 15px;
    text-align: left;
    vertical-align: middle;
    width: 25%;
}
.form-table td ul{
    width: 90%;
}
.form-table td ul li{
    font-size: 14px;
}
.form-table .required-area{
    width: 80px;
}
.form-table td{
    font-size: 16px;
    padding: 25px 5px;
    width: 60%;
}
.form-table option,
.form-table .form-mail,
.form-table .name-sub,
.form-table .name,
.form-table input[type=text],
.form-table input[type=email],
.form-table input[type=]{
    line-height: 2rem;
    height: 40px;
    width: 100%;
}
.form-table textarea{
    height: 5rem;
    width: 90%;
}
.form-name,.form-date,.form-name-sub,.form-phone,
.form-mail,.form-age,.form-number{
    height: 40px;
    line-height: 40px;
    width: 90%;
}
.required-blue{
    background-color: #4499db;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    padding: 7px 10px;
    width: 50px;
}
.required-red{
    background-color: #fd404e;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    padding: 7px 10px;
    width: 50px;
}
#zip-btn{
    background-color: #e51411;
    border: solid 1px #000000;
    border-radius: 28.5px;
    color: #ffffff;
    height: 55px;
    margin-left: 30px;
    width: 300px;
}
.form-table .confirm{
    background-color: #E51411;
    border: none;
    color: #ffffff;
    display: block;
    font-size: 24px;
    height: 40px;
    margin: 30px auto 50px;
    text-align: center;
    width: 350px;
	cursor: pointer;
}
#p-catalog--form{
    margin: 0 auto;
    width: 70%;
}
.catalogform-table{
    width: 100%;
}
.catalogform-table table,
.catalogform-table table tbody{
    width: 100%;
}
@media screen and (max-width:480px){
	.sp-off01{
		display:none;
	}
}


@media screen and (max-width:768px){
    .form-table tr{
        -webkit-display: flex;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .form-table th{
        padding-bottom: 0;
        width: 100%;
    }
    .form-table .required-area{
        padding-bottom: 0;
    }
    .form-table,
    .form-table table,
    .form-table table tbody{
        margin: 0 auto;
        width: 90%;
    }
    .form-table option,
    .form-table .form-info,
    .form-table .form-mail,
    .form-table .form-name-sub,
    .form-table .form-name,
    .form-table input[type=text],
    .form-table input[type=email],
    .form-table input[type=]{
        width: 90%;
    }
    .form-table td{
        width: 100%;
    }    
    .form-table .confirm{
        width: 260px;
    }
}
/* コンタクトフォーム */
@media screen and (max-width:1024px){
	.catalog-present{
		display:block;
	}
	.p-catalog div .present-bg{
		height:100%;
	}
	h2.pc-only.catalog-present img {
    width: 100%;
}
	
	.concept--read-img01{
		top:17%;
	}
		.concept--read-img02{
		top:18%;
	}
	p.reservation-promise-box.font30.txtRed {
    font-size: 26px;
}
	ul.reservation-promise-list {
    justify-content: space-around;
    width: 80%;
}
	.newhouse-point4-container h4{
		font-size:16px;
		    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
	}
	.new-point-list li{
		width:24%;
	}
	.p-newhouse--point{
		width:95%;
	}

	.tel a{
		font-size:15px;
	}
	footer nav{
		display:none;
	}
	footer .visit-btn, footer .catalog-btn, footer .icon-area {
    margin-top: 15px;
    margin-bottom: 15px;
}
	.icon-area a {
    display: block;
    margin-right: 10px;
}
	.container{
		width:90%;
	}
	.loan-list h3{
		padding-top:20px;
		padding-bottom:20px;
	}
}
/* ff-nav */
@media screen and (max-width:768px){
    #ft-nav{
/* 		display: none; */
        bottom: 0;
        font-size: 13px;
        font-weight: bold;
        height: 65px;
        left: 0;
        position: fixed;
        -webkit-position: fixed;
        width: 100%;
        z-index: 1000;
    }
    #ft-nav ul{
        display: -webkit-box;
        -webkit-display: flex;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    #ft-nav ul li{
        height: 65px;
        width: 33.3%;
		display: flex;
		flex-direction: column;
		justify-content: center;
    }
    #ft-nav ul li a,
    #ft-nav ul li a:visited{
        color: #ffffff;
/*         line-height: 50px; */
        text-align: center;
		line-height: 1.42;
    	font-size: 14px;
    }
}
/* ff-nav */
.pcoff_img{
	display:none;
}
@media screen and (max-width:896px){
	#ft-nav li.bgYel {
		background:#A1CC7D;
	}
	#ft-nav li.bgGreen {
		background: #4FA0CF;
	}
	#ft-nav li.bgRed.foot- {
		background: #D95C65;
	}
	a.foot-icons {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	a.foot-icons img {
		width: 30px;
		display: inline-block;
		margin-right: 15px;
	}
	.reservation-promise-title{
		width:65%;
	}
	ul.case-type {
		justify-content:space-around;
	}
}

@media screen and (max-width:896px){
	.p-kagoshimasr--map-text .btn-more {
    left: 50%;
    transform: translateX(-50%);
}
	.p-kagoshimasr--map-comment{
		text-align:center;
	}
		/*#ft-nav li.bgYel {
    background: #eeb600;
}
	#ft-nav li.bgGreen {
    background: #58c200;
}
	#ft-nav li.bgRed.foot- {
    background: #d3111f;
}*/
	a.foot-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}
	a.foot-icons img {
    width: 30px;
    display: inline-block;
    margin-right: 15px;
}
	.reservation-promise-title{
		width:65%;
	}
	ul.case-type {
	justify-content:space-around;
	}
}

@media screen and (max-width:480px){
	.spoff_img{
		display:none;
	}
	#loan .container .sub{
		margin-bottom:40px;
	}
	.pcoff_img{
		display:inline;
	}
		.reservation-promise-title{
		width:80%;
	}
	a.foot-icons{
		flex-direction:column;
		padding:10px;
	}
	a.foot-icons img {
		margin:0;
		height:30px;
	}
	/*#ft-nav ul li{
		height:auto;
	}
	#ft-nav{
		height:auto;
	}*/
	.foot-icons span{
		line-height:1.5;
	}
.zeh-product-box-txt {
    padding-top: 10px;
}
	.case-type li:nth-child(4n - 3), .case-type li:nth-child(4n - 2), .case-type li:nth-child(4n - 1), .case-type li:nth-child(4n) {
    width: 40%;
}
	#present {
    margin-top: 100px;
}
	.nav-menu{
		z-index:15;
	}
	.burger-btn{
		z-index:18;
	}
	.plan-list .plan-green .plan-img img, .plan-list .plan-yellow .plan-img img{
		width:100%;
		    height: 100%;
	}
	.top-logo1-1{
		width:80%;
	}
	.top-logo1-1 img{
		width:100%;
	}
	.plan-list .plan-red,
    .plan-list .plan-green,
    .plan-list .plan-blue,
    .plan-list .plan-yellow{
        height: 410px;
    }
	#loan .container .loan-list .card h3{
		font-size:17px;
	}
}
@media screen and (max-width:320px){
	td.td-time span.mwform-radio-field.horizontal-item {
    width: 30%;
    white-space: nowrap;
    font-size: 13px;
}
}

.form-present {
    padding: 40px 80px;
    border: 2px solid #E9AB3B;
    margin-top: 70px;
}
.form-present h3 {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: 30px;
    line-height: 1.5;
}
.form-present li {
    font-size: 16px;
    font-weight: 500;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
    margin-bottom: 5px;
}

@media screen and (max-width:768px){
	
	.form-present {
		padding: 20px;
		margin-top: 30px;
	}
	.form-present h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.form-present li {
    	font-size: 14px;
	}
}

/* 施工事例　new */
.p-filter {
    background-color: #F9F2E6;
	padding-bottom: 50px;
}
.p-filter h3 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .2em;
    width: 95%;
    max-width: 885px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #707070;
	color: #000000;
}
.p-filter h3 img{
	width: 21px;
	vertical-align: middle; 
	margin-right: 20px;
}
.p-filter form {
    width: 90%;
    max-width: 885px;
    margin: 0 auto;
    margin-top: 25px;
}
.p-filter__block {
    display: flex;
}
@media screen and (max-width:768px){
	.p-filter__block {
		flex-direction: column;
		margin-bottom: 20px;
	}

}
.p-filter__block span.main {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 120px;
    margin-bottom: 16px;
}
/* ボタン */
.p-filter__button-item.p-filter__button-item--submit {
    background-color: #4EA853;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 276px;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer;
}
.p-filter__button-item.p-filter__button-item--submit img{
	width: 18px;
	margin-right: 8px;
	vertical-align: middle; 
}
/* チェックボックス */
input.p-filter__check {
    display: none;
}
.p-filter form label {
	display: inline-block;
    background-color: #fff;
    font-size: 16px;
    padding: 0 16px;
    margin-right: 5px;
    line-height: 1.5;
	cursor: pointer;
	margin-bottom: 8px;
}
input.p-filter__check:checked + label { 
	background: #4499DB;
	color: #ffffff; 
} 


/* cta */
.cta-element {
    background-color: #F9F2E6;
    padding: 40px 0;
    text-align: center;
	margin: 60px 0;
}
.cta-element a {
    display: block;
    background-color: #96C472;
    color: #fff;
    width: 85%;
    max-width: 370px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
}
.cta-element a img{
	width: 18px;
	margin-right: 22px;
	vertical-align: middle; 
}
.cta-element p {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

/* 事例  */

.case-type_new{
	margin-top: 140px;
	
}
.case-type_new_list{
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
}
.case-type_list{
	display: flex;
	column-gap: 16px;
	margin-top: 20px;
	margin-bottom: 30px;
}
@media screen and (max-width:768px){
	.case-type_new_list {
		width: 90%;
	}
	.case-type_list{
		display: block;
		margin-top: 20px;
		margin-bottom: 30px;
	}
}
.new_list_head{
	display: flex;
	align-items: flex-end;
	justify-content:space-between;
}
/* 事例 左 */
.case-type_list .case_list_l {
    width: 58%;
    max-width: 635px;
	position: relative;
}

@media screen and (max-width:768px){
	.case-type_list .list_link {
		width: 100%;
		max-width: none;
	}
	.case-type_list .case_list_l {
		width: 100%;
		max-width: none;
		position: relative;
	}
}
.list_col_img01 {
    width: 100%;
    object-fit: cover;
    height: 415px;
}
@media screen and (max-width:768px){
	.list_col_img01 {
		height: 59.72vw;
	}

}
.mask {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  bottom: 0;
  color: #fff; 
  display: flex; 
  height: auto;
  justify-content: center; 
  left: 0;
  opacity: 0; 
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .5s ease; 
  width: 100%;
}
.list_link:hover .mask{
  opacity: 1; 
}
.mask p {
  font-size: 24px;
	font-weight: bold;
	color: #fff;
	letter-spacing: .1em;
	line-height: 1.45;
  text-align: center;
	width: 90%;
}

@media screen and (max-width:768px){
	.mask {
		background: transparent;
		color: #000;
		display: block;
		opacity: 1;
		position: static;
		margin-top: 10px;
	}
	.mask p {
		font-size: 17px;
		color: #000;
	  	text-align: left;
	}
	.new_list_head_pc{
		display: none;
	}
}

/* 事例 右 */
.case-type_list_col {
    width: 47%;
    max-width: 449px;
}
@media screen and (max-width:768px){
	
	.case-type_list_col {
		display: none;
	}
	
}
.case-type_list_col .list_col_top {
	height: 217px;
}
.case-type_list_col .list_col_img02 {
    width: 100%;
	object-fit: cover;
    height: 217px;
}
.case-type_list_col .list_col_fx{
	display: flex;
	justify-content: space-between;
	column-gap: 9px;
}
.case-type_list_col .list_col_fx img{
	width: 49%;
	max-width: 220px;
	height: 190px;
	margin-top: 8px;
}
.list_col_fx .list_col_img03,.list_col_fx .list_col_img04 {
    width: 100%;
	object-fit: cover;
    height: 190px;
}

/* ナンバリング */

.cace_number {
	font-size: 14px;
	letter-spacing: .1em;
    font-weight: bold;
    color: #4EA853;
}
.cace_number span {
	font-size: 32px;
    font-weight: bold;
	letter-spacing: .1em;
    color: #4EA853;
}
.cace_number_sp{
	display: none;
}
@media screen and (max-width:768px){
	.cace_number_sp{
		display: block;
		margin-top: 15px;
	}
}

/* タクソノミー 一覧 */
.taxonomy-list {
    display: flex;
	column-gap: 4px;
	align-items: center;
	justify-content: flex-end;
}
.taxonomy-list li{
    background-color: #4499DB;
	font-size: 16px;
	color: #fff;
	padding: 0 8px 2px 8px;
	line-height:1.5; 
	
}
.case-type_new .taxonomy-list_sp{
	display: none !important;
}
@media screen and (max-width:768px){
	.case-type_new .taxonomy-list_sp{
		display: flex !important;
		align-items: center;
		flex-wrap: wrap;
	 justify-content: flex-start;
		margin-top: 15px;
	}
	.case-type_new .taxonomy-list li {
		margin-bottom: 5px;
	}
}
/* ページネーション */
.case_c-start{
    margin-top: 240px;
}
.p-custom-pagenation {
    margin-top: 70px;
}
.case_pagenation .page-numbers {
	font-family: 'Lato', sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    column-gap: 29px;
	align-items: center;
	font-size: 16px;
	letter-spacing: .1em;
	color: #333333;
}
.case_pagenation .page-numbers.current {
    background-color: #4EA853;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    line-height: 44px;
}

/* 矢印 */

.case_pagenation .next.page-numbers,.case_pagenation .prev.page-numbers {
  position: relative;
}

.case_pagenation .next.page-numbers::before,
.case_pagenation .next.page-numbers::after,
.case_pagenation .prev.page-numbers::before,
.case_pagenation .prev.page-numbers::after{
  content: ""; 
  width: 10px; 
  height: 2px; 
  display: inline-block;
  border-radius: 2px; 
  background: #757575;  
  position: absolute; 
}

.case_pagenation .next.page-numbers::before {
  top: -4px;    
  transform: rotate(45deg);
}
.case_pagenation .next.page-numbers::after {
  bottom: -4px;   
  transform: rotate(-45deg); 
}
.case_pagenation .prev.page-numbers::before {
  top: -4px;    
  transform: rotate(-45deg);
}
.case_pagenation .prev.page-numbers::after {
  bottom: -4px;   
  transform: rotate(45deg); 
}

/* 施工事例　詳細 */
.casedetail .detail_inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}
.detail_contents{
	position: relative;
}
.case_bg{
	position: absolute;
    z-index: -1;
    top: 100%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 1040px;
    background-image: url(./img/case_bg.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width:768px){
	
	.case_bg {
		position: absolute;
		z-index: -1;
		top: 100%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		width: 100%;
		height: 140vw;
	}
}
@media screen and (max-width:640px){
	
	.case_bg {
		height: 100vh;
		top: 110%;
	}

}
.casedetail .detail_data {
    display: flex;
    column-gap: 30px;
	margin-top: 86px;
}

.casedetail .detail_ttl {
    margin-top: 24px;
	margin-bottom: 40px;
}
.casedetail .detail_ttl h3 {
    color: #4EA853;
    font-size: clamp(24px, 3.5vw, 36px);
	line-height: 1.44;
    text-align: left;
    letter-spacing: .1em;
}
.detail_contents .taxonomy-list_sp{
	display: none;
}
@media screen and (max-width:768px){
	.detail_contents .taxonomy-list_sp{
		display: flex;
	}
	.casedetail .detail_ttl h3 {
		font-size: 24px;
	}
	.detail_contents .taxonomy-list_pc{
		display: none; 
	}
	.detail_contents .taxonomy-list {
		justify-content: flex-start;
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.detail_contents .taxonomy-list li {
		margin-bottom: 5px;
	}
}
/* メイン画像 */
.casedetail .detail_main_img{
	width: 100%;
	height: 720px;
}
.casedetail .detail_main_img img{
	width: 100%;
	height: 720px;
	object-fit: cover;
}

@media screen and (max-width:768px){
	.casedetail .detail_main_img{
		width: 100%;
		height:  61.11vw;
	}
	.casedetail .detail_main_img img {
		width: 100%;
		height: 61.11vw;
		object-fit: cover;
	}
}
.casedetail .line {
    border: 1px dashed #707070;
    margin: 40px 0;
}

/* ギャラリー */
.gallery_ttl {
	display: flex;
	align-content: center;
	column-gap: 15px;
    justify-content: space-between;
}
.gallery_ttl h3 {
	font-size: clamp(18px, 2.1vw, 24px);
	color: #000000;
	font-weight: bold;
	letter-spacing: .2em;
	text-align: center;
	line-height: 1.45;
}
.gallery_ttl h3 img{
	width: 30px;
	vertical-align:middle; 
	margin-right: 18px;
	margin-bottom: 8px;
}
.galley_l,.galley_r{
	width: 28%;
	max-width: 354px;
}
.galley_sp{
	display: none;
}
@media screen and (max-width:768px){
	.gallery_ttl {
		display: block;
	}
	.gallery_ttl h3 {
		font-size: 24px;
		margin-top: 35px;
		margin-bottom: 15px;
	}
	.galley_l,.galley_r{
		display: none;
	}
	.galley_sp{
		display: block;
		width: 100%;
	}
}

/* 記事詳細エリア */

.casedetail .detail_area {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 105px;
}
.casedetail .detail_area li {
    display: flex;
	column-gap: 15px;
    justify-content: space-between;
	margin-bottom: 100px;
}
.casedetail .detail_area li:nth-child(even) {
        flex-direction: row-reverse;
    }

@media screen and (max-width:768px){
	
	.casedetail .detail_area li {
		flex-direction: column;
		align-items: center;
		row-gap: 17px;
		margin-bottom: 40px;
	}
	.casedetail .detail_area li:nth-child(even) {
		flex-direction: column;
	}
}
/* 記事詳細画像 */
.casedetail .detail_img{
	width: 45%;
	max-width: 493px;
	height: 328px;
}
.casedetail .detail_img img {
    width: 100%;
	height: 328px;
	object-fit: cover;
}
@media screen and (max-width:768px){

	.casedetail .detail_img{
		width: 90%;
		max-width: none;
		height: 50vw;
	}
	.casedetail .detail_img img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
	}
}


/* 記事詳細テキスト */
.casedetail .detail_txt{
	width: 50%;
	max-width:542px;
}
.casedetail .detail_txt h4{
	font-size:24px;
	font-weight: bold;
	margin-bottom: 40px;
}

.casedetail .detail_txt p {
    font-size: 16px;
    line-height: 1.5;
}
@media screen and (max-width:768px){

	.casedetail .detail_txt{
		width: 90%;
    	max-width: none;
	}
	.casedetail .detail_txt h4 {
		font-size: 20px;
		margin-bottom: 20px;
	}
}
.btn_list {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 34px;
	padding-bottom: 74px;
    border-bottom: 1px dashed #707070;
    margin-bottom: 20px;
    margin-top: 130px;
}
.btn_list .visit-btn, .btn_list .event-btn, .btn_list .catalog-btn {
    width: 308px;
    height: 67px;
    border-radius: 34px;
    text-align: center;
}
.btn_list .visit-btn a, .btn_list .event-btn a, .btn_list .catalog-btn a {
    line-height: 67px;
	font-size: clamp(17px, 2.1vw, 22px);
	font-weight: bold;
}
.btn_list .event-btn {
    border: 3px solid #4EA853;
}
.btn_list .event-btn a{
   color: #4EA853;
	line-height: 63px;
}
.case_back{
	text-align: center;
	color: #4EA853;
	font-size: 16px;
	
}

@media screen and (max-width:768px){
	
	.btn_list {
		padding-bottom: 40px;
		border-bottom: 1px dashed #707070;
		margin-bottom: 20px;
		margin-top: 130px;
		flex-direction: column;
		row-gap: 8px;
	}
	.btn_list .visit-btn, .btn_list .event-btn, .btn_list .catalog-btn {
		width: 310px;
		height: 60px;
		border-radius: 34px;
		text-align: center;
		margin: 0;
	}
	.btn_list .visit-btn a, .btn_list .event-btn a, .btn_list .catalog-btn a {
    line-height: 60px;
	font-size: 16px;
}

	.btn_list .event-btn a{
	   color: #4EA853;
		line-height: 58px;
	}
}

.not_txt{
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
    line-height: 1.5;
    text-align: center;
}

@media screen and (max-width:768px){

	.not_txt{
		text-align: left;
	}
}

/* ショールーム一覧ページ */
.showroom-shop {
    margin-bottom: 120px;
}
.showroom-shop__img {
    display: flex;
}
.showroom-shop__img img {
    width: 50%;
}
.showroom-shop__detail {
    background-color: #232D36;
    color: #FFFFFF;
    font-weight: 700;
    display: flex;
    padding: 30px;
    letter-spacing: .1em;
}
.showroom-shop__detail-l {
    flex: 1;
}
.showroom-shop__detail-l h3 {
    font-size: 20px;
    margin-bottom: 30px;
    text-align: left;
    line-height: 1.7;
}
.showroom-shop__detail-l p {
    font-size: 16px;
	line-height:1.5;
}
.showroom-shop__detail-r {
    width: 250px;
}
.showroom-shop__btn {
    display: inline-block;
    width: 250px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 30px;
    border: 2px solid #D95C65;
    background-color: #fff;
    color: #D95C65;
    text-align: center;
    position: relative;
}

.showroom-shop__btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2em;
    width: 8px;
    height: 8px;
    border-bottom: 3px solid #D95C65;
    border-right: 3px solid #D95C65;
    transform: translateY(-50%) rotate(-45deg);
    display: inline-block;
}
.showroom-shop__btn.reverse {
    background-color: #D95C65;
    color: #FFF;
}
.showroom-shop__btn.reverse::after {
    border-bottom: 3px solid #FFF;
    border-right: 3px solid #FFF;
}
.showroom-shop__btn:not(:last-of-type) {
    margin-bottom: 18px;
}

@media screen and (max-width:768px){
    .showroom-shop__detail {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .showroom-shop__detail-l h3 {
        text-align: center;
        margin-bottom: 10px;
    }
    .showroom-shop__detail-l p {
        margin-bottom: 20px;
    }
    .showroom-shop__detail-r {
        width: auto;
        text-align: center;
    }
    .showroom-shop__btn {
        width: 80%;
        margin: 10px auto;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        border: 1px solid #D95C65;
    }
    .showroom-shop__btn.reverse::after, .showroom-shop__btn::after  {
        border-bottom-width: 2px;
        border-right-width: 2px;
    }

    .showroom-shop__btn:not(:last-of-type) {
        margin-bottom: auto;
    }
}


/* ------------------------------

           資料請求  new

---------------------------------*/
.catalog_new img{
	max-width: 100%;
}
.p-catalog_top .catalog_inner{
    width: 90%;
}
.p-catalog_top{
	background-image: url(./img/new_catalog_bg.jpg);
	background-size: cover;
	text-align: center;
	padding-top: 33px;
}

@media screen and (max-width:1045px){
    .p-catalog_top{
        padding-top: 70px;
	background-image: url(./img/new_catalog_bg_sp.jpg);

    }

}


.catalog_top_txt{
    margin-bottom: 28px;
}
.catalog_top_txt02{
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog_top_txt .n_c__logo{
	max-width: 188px;
	vertical-align: middle;
    margin-right: 21px;
    margin-bottom: 13px;
}
.catalog_top_txt p{
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
}
.catalog_top-title{
    max-width: 745px;
    margin: 0 auto;
	margin-bottom:4.5%;
}

@media screen and (max-width:1045px){

    .p-catalog_top .sp-only{
        display: block !important;
    }
    .catalog_top_txt .n_c__logo {
        width: 22%;
        max-width: 158px;
        min-width: 101px;
        margin-right: 16px;
        margin-bottom: 0;
    }
    .catalog_top-title {
        min-width: 331px;
        margin: 0 auto;
        margin-bottom: 6.5%;
    }
}

@media screen and (max-width:768px){

    .catalog_top_txt p{
        font-size: 16px;
    }
}

.catalog_top_txt02{
    position: relative;
}
.catalog_top_txt{
	position: relative;
    width: 68%;
    max-width: 745px;
    margin: 0 auto;
}
.catalog_free{
	position: absolute;
    top: 101%;
    left: -12%;
    transform: translate(-50%,-50%);
    width: 35% !important;
    max-width: 260px !important;
}



@media screen and (max-width:1045px){

    .catalog_top_txt {
        width: 90%;
    }

    .catalog_free {
        position: absolute;
        top: 21%;
        left: 15%;
        transform: translate(-50%,-50%);
        width: 28% !important;
        max-width: 198px !important;
    }

}

@media screen and (max-width:768px){
    .catalog_top_txt {
        width:100%;
    }

	.catalog_top-title{
		margin-bottom: 40px;
	}
    
    .catalog_free {
        top: 34%;
        left: 13%;
        width: 22% !important;
        max-width: 148px !important;
        min-width: 107px;
    }

}

@media screen and (max-width:479px){
    
    .catalog_free {
        top: -10%;
        left: 10%;
    }

}

.catalog_top_fx{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 40px;
    margin-left: 5%;
    position: relative;
    max-width: 705px;
    width: 65%;
}

.catalog_top_item:last-child{
    width: 49%;
    max-width: 340px;
    position: absolute;
	top:52%;
    left: 131%;
    transform: translate(-50%,-50%);
}
@media screen and (max-width:1110px){

    .catalog_top_fx{
        column-gap: 20px;
        margin-left: 2%;
    }

}

@media screen and (max-width:1045px){

	.catalog_top_fx{
		flex-direction: column;
        width: 100%;
		row-gap: 40px;
        margin: 0 auto;
	}
    .catalog_top_item:last-child{
        position: static;
        transform: translateY(-5%);
        width: 73%;
        max-width: 340px;
        min-width: 249px;

    }
	
}

.catalog_top_item:not(:last-child){
	border: 2px solid #00040A;
	background-color: #fff;
	text-align: center;
	color: #000000;
	height: 163px;
	display: flex;
	flex-direction: column; 
	align-items: center;
	justify-content: center;
	position: relative;
    width: 47%;
    max-width: 331px;
}

@media screen and (max-width:1045px){

    .catalog_top_item:not(:last-child){
        border: 2px solid #00040A;
        background-color: #fff;
        text-align: center;
        color: #000000;
        height: 163px;
        width: 90%;
        max-width: 431px;
        min-width: 295px;
    }


}


.catalog_top_item p{
	margin-top: 10px;
    font-size: 16px;
    line-height: 1.68;
    font-weight: bold;
}
.catalog_top_item h3{
	color: #000000;
    font-size: clamp(18px, 1.45vw, 20px);
    line-height: 2;
    font-weight: bold;
}


.catalog_top_check{
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 130px !important;
	transform: translate(-50%,-50%);
}
.catalog_top_p{
	background-color: #0B3C7D;
	padding: 56px 0 36px 0;
	text-align: center;
	color: #fff;
	margin-top: -2.5%;
	font-size: 24px;
	font-weight: bold;
    line-height: 1.66;
}

@media screen and (min-width:1850px){

    .catalog_top_p{
        margin-top: -1.5%;
    }

}



@media screen and (max-width:1045px){

    .catalog_top_p{
        margin-top: -5.5%;
    }

}


@media screen and (max-width:768px){

    .catalog_top_item p{
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.64;
    }
    .catalog_top_item h3{
        font-size:16px;
    }
    .catalog_top_p{
        font-size: 18px;
	    padding: 90px 0 30px 0;
        margin-top: -13.5%;
    }

}
@media screen and (max-width:510px){

    .catalog_top_p{
        margin-top: -22.5%;
    }

}



.catalog_btn{
	padding: 40px 0 47px;
}
.catalog_btn_link img{
    width: 29px;
    margin-right: 16px;
	vertical-align: middle;
} 

@media screen and (max-width:768px){

    .catalog_btn_link img{
        width: 18px;
        margin-right: 5px;
    } 
    .catalog_btn {
        padding: 30px 0 65px;
    }
}

/* reserve__cta */

.reserve__cta{
	margin-top: 80px;
	text-align: center;
}
.new_btn{
    outline: 2px solid #E6A02D;
    outline-offset: 5px;
    display: block;
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    background: #E6A02D;
    padding: 24px 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 32px;
    font-weight: bold;
}

@media screen and (max-width:768px){

    .reserve__cta{
        margin-top: 30px;
        text-align: center;
    }
    .new_btn{
        outline: 2px solid #E6A02D;
        outline-offset: 3px;
        padding: 18px 0;
        font-size: 18px;
        max-width: 500px;
    }

}


.new_btn::after{
    content: '';
    position: absolute;
    top: 47%;
    right: 26px;
    width: 8%;
    max-width: 50px;
    height: 10px;
    background-image: url('./img/n_arrow_white.png');
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width:768px){

    
    .new_btn::after{
        top: 46%;
    	right: 15px;
		    width: 6%;
		max-width: 45px;
		height: 4px;
    }
    
}



.catalog_pack{
	background-color: #FFFAF2;
	padding-top: 60px;
	padding-bottom: 80px;
	text-align: center;
}

.catalog_pack_ttl{
	background-color: #fff;
	padding: 48px 0 26px;
	border: 4px solid #00040A;
	position: relative;
	margin-bottom: 40px;
}
.pack_check {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 180px !important;
    transform: translate(-50%,-50%);
}

.catalog_pack h2{
    font-size: 36px;
    line-height: 1.80;

}
.catalog_pack_ttl .txt_o{
	color: #E6A02D;
    font-size: 48px;
    line-height: 1.35;
    font-weight: 900;
}
@media screen and (max-width:768px){
    .catalog_pack{
        padding-top: 25px;
        padding-bottom: 40px;
    }
    .catalog_pack_ttl{
        padding: 38px 0 25px;
        width: 83%;
        max-width: 650px;
        margin: 0 auto;
        border: 2px solid #00040A;
        margin-bottom: 11px;
    }
    .pack_check {
        max-width: 130px !important;
    }

    .catalog_pack h2{
        font-size: 18px;    
    }
    .catalog_pack_ttl .txt_o{
        font-size: 29px;
    }
}







.catalog_pack .c_pack_read{
	font-weight: bold;
	font-size: clamp(19px, 1.95vw, 28px);
	line-height: 1.42;
	position: relative;
    width: 66%;
    max-width: 720px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.catalog_pack .c_pack_read::after{
	position:absolute;
	content: '';
	background-image: url('./img/catalog_pack_img01.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 141px;
	height: 135px;
    left: 98%;
    bottom: 3px;
	transform: translateX(-50%);
}
@media screen and (max-width:768px){

    .catalog_pack .c_pack_read{
        font-size: 16px;
        line-height: 1.68;
       text-align: left;
        width: 100%;
        max-width: 295px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    
    .catalog_pack .c_pack_read::after{
        position:absolute;
        content: '';
        background-image: url('./img/catalog_pack_img01.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 97px;
        height: 93px;
        left: 83%;
        bottom: 8px;
        transform: translateX(-50%);
    }


}



.catalog_pack_img{
	max-width: 785px;
	margin-bottom: 40px;
}
.catalog_pack .txtbig{
	font-size: clamp(40px, 3.4vw, 48px);
    font-weight: bold;
    line-height: 1.68;
}

@media screen and (max-width:768px){

    .catalog_pack_img {
        width: 95% !important;
        max-width: 450px;
        margin-bottom: 20px;
    }
    .catalog_pack .txtbig{
        font-size:20px;
    }
    
}
.midokoro_bg{
	background-image: url('./img/midokoro_bg.jpg');
	background-size:cover;
	padding-top: 28%;
}

.catalog_midokoro{
	background-color: #fff;
	padding: 60px 0 80px;
	width: 90%;
	margin: 0 auto;
	max-width: 1100px;
	border-radius: 32px;
	margin-top: -12%;
}

@media screen and (max-width:768px){
    .midokoro_bg{
        background-image: url('./img/midokoro_bg_sp.jpg');
        background-size:cover;
        padding-top: 53%;
    }
    .catalog_midokoro{
        padding: 40px 0 40px;
        width: 90%;
        max-width: 650px;
        border-radius: 16px;
        margin-top: -38%;
    }
}


.midokoro_ttl{
	text-align:center;
	margin-bottom: 45px;
}
.midokoro_ttl h2{
	display: inline-block;
	position:relative;
	z-index: 0;
    font-size: 32px;
}

.midokoro_ttl .txtbig:after{
    content: '';
    display: inline-block;
    background-image: url(./img/maru_bg.png);
    width: 152px;
    height: 152px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.midokoro_ttl .txtbig{
	position: relative;
	font-size: 120px;
    font-weight: 900;
	display: inline-block;
	vertical-align: middle;
    padding: 0px 15px 15px;
}
.midokoro_ttl h2 .b_dot {
    border-bottom: 2px dotted #000000;
    padding-bottom: 11px;
}


@media screen and (max-width:768px){
    .midokoro_ttl {
        margin-bottom: 30px;
    }

    .midokoro_ttl .txtbig:after {
        width: 86px;
        height: 86px;
		 top: 43%;
    	left: 51%;
    }
	
	.midokoro_ttl .txtbig{
		font-size: 60px;
         padding: 0px 3px 10px;

	}
	.midokoro_ttl h2{
		font-size: 16px;
	}
	
	.midokoro_ttl h2:after{
		left: 50%;
		bottom: 6px;
	}
}


.midokoro_fx li{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
    align-items: center;
	border-bottom: 1px solid #E0E0E0;
	width: 90%;
    max-width: 931px;
	margin: 0 auto;
	margin-bottom: 20px;
	column-gap: 20px;
}

.midokoro_fx li:last-child{
	border-bottom: none;
}
@media screen and (max-width:768px){

	
	.midokoro_fx li{
		flex-direction: column-reverse;
		row-gap: 14px; 
		align-items: center;
		padding-bottom: 30px;
		width: 93%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	
}

.midokoro_img{
	width: 52%;
	max-width: 477px;
}
.midokoro_txt{
	width: 43%;
	max-width: 400px;
}

@media screen and (max-width:768px){

	.midokoro_img{
		width: 100%;
		max-width: 500px;
	}
	.midokoro_txt{
		width: 100%;
		max-width: 500px;
	}
}


.midokoro_txt .num{
	font-size: 73px;
	font-weight: 900;
    line-height: 1.69;
	color: #E6A02D;
	padding-bottom: 20px;
}
.midokoro_txt h3{
	font-size: clamp(21px, 1.95vw, 28px);
    font-weight: bold;
    line-height: 1.67;
	color: #000000;
	text-align: left;
	margin-bottom: 20px;
}
.midokoro_txt p{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.68;
}

@media screen and (max-width:768px){

    .midokoro_txt .num{
        font-size: 36px;
        line-height: 2;
        padding-bottom: 12px;
    }
    .midokoro_txt h3{
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 14px;
    }
    .midokoro_txt p{
        font-size: 14px;
        line-height: 1.64;
    }

}
/* catalog_catch */


.catalog_catch{
    text-align: center;
}
.catalog_catch h2{
	font-size: clamp(29px, 3.4vw, 48px);
	line-height: 1.68;
    display: inline-block;
    position: relative;
}
.catch_btn{
	width: 90%;
	max-width: 1110px;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}
img.catch_icon{
	position: absolute;
	bottom: -60px;
    left: -5%;
    z-index: 1;
    max-width: 117px;
	transform: translateX(-50%);
}

@media screen and (max-width:768px){

    .catalog_catch h2{
        font-size: 20px;
        line-height: 1.7;
        margin-left: 13%;
    }
    .catch_btn{
        width: 100%;
        max-width: 1110px;
        margin-top: 16px;
    }
    img.catch_icon{
        bottom: -16px;
    left: -17%;
        max-width: 69px;
    }
    
}


@media screen and (max-width:479px){
    .catalog_catch h2{
        margin-left: 20%;
    }

}


.catch_or{
	padding: 49px 0;
	position: relative;
	background-image: url(./img/new_catalog_bg.jpg);
	background-size: cover;
}
img.catch_or_img{
	width: 35% !important;
    max-width: 385px;
    position: absolute;
    top: 58%;
    left: 78%;
	z-index: 1;
	transform: translate(-50%,-50%);
}

.catch_or p{
	font-weight: bold;
	padding-left: 13%;
	color: #000000;
    text-align: left;
	font-size: clamp(18px, 1.7vw, 24px);
}
.catch_or .txtbig{
	font-size: clamp(25px, 2.5vw, 36px);
	display: block;
	padding-top: 22px;
}

@media screen and (max-width:865px){

    .catch_or p{
        padding-left: 6%;
    }

}


@media screen and (max-width:768px){

	.catch_or{
		text-align: center;
		padding: 20px 0 135px 0;
		position: relative;
	}

	img.catch_or_img{
        width: 100% !important;
		max-width: 180px;
		top: 72%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	.catch_or p{
		padding-left: 0;
        font-size: 14px;
        text-align: center;
	}
	.catch_or .txtbig{
        font-size: 18px;
        display: block;
        padding-top: 16px;
    }
}



.catch_bl{
	background-color: #0B3C7D;
	padding: 29px 0;
	position: relative;
	text-align: center;
}
.catch_bl p{
	color: #fff;
	position: relative;
	width: max-content;
    padding-right: 7%;
	margin: 0 auto;
	font-size: 32px;
	font-weight: bold;
}

.catch_bl p::after {
    content: '';
    position: absolute;
    top: 30%;
    right: -12px;
    width: 14%;
    max-width: 50px;
    height: 10px;
    background-image: url(./img/n_arrow_white.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.catch_bl p img{
	width: 29px;
	margin-right: 16px;
	vertical-align: middle;
} 
.catch_point{
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
	width: 90%;
	max-width: 950px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width:768px){

    .catch_bl{
        padding: 15px 0;
    }

	.catch_point{
		flex-direction:column;
		align-items: center;
        margin-top: 20px;
	}
	.catch_bl p{
        padding-right: 5%;
        font-size: 18px;
    }
    .catch_bl p img{
        width: 18px;
        margin-right: 5px;
    } 
    .catch_bl p::after{
        top: 44%;
        right: -9px;
        width: 11%;
        max-width: 45px;
        height: 6px;
    }
}

.catch_point li{
	width: 33%;
	max-width: 290px;
	text-align: center;
}
.catch_point li span{
	color:#0B3C7D;
	font-size: clamp(23px, 2vw, 28px);
	font-weight: 900;
	
}
.catch_point li p{
	font-size: clamp(23px, 2vw, 28px);
	font-weight: bold;
	line-height: 1.67;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:768px){

	.catch_point li{
		width: 100%;
		max-width: 500px;
		display: flex;
        justify-content: center;
		align-items: center;
		column-gap: 19px;
	}
	.catch_point li:nth-child(even){
		flex-direction: row-reverse;
	}
    .catch_txt {
        width: 50%;
        max-width: 255px;
    }
	.catch_img {
        width: 54%;
        max-width: 250px;
        min-width: 169px;
    }
    .catch_point li span {
        font-size: 14px;
    }
    .catch_point li p{
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 0;
    }
}



/* catch_last */


.catch_last{
	background-color: #EFF4F9;
	text-align: center;
	padding-top: 162px;
	padding-bottom: 80px;
	margin-top: -6%;
	z-index: 0;
    margin-bottom: 90px;
}
.catch_last_box{
	position: relative;
	width: 95%;
	margin: 0 auto;
	max-width: 1100px;
}
@media screen and (min-width:1900px){

    .catch_last{
        margin-top: -4%;
    }

}
@media screen and (max-width:768px){

    .catch_last{
        padding-top: 40px;
        padding-bottom: 24px;
        margin-top: 20px;
        margin-bottom: 60px;
    }

}


.catch_last p{
	font-size: clamp(23px, 3.2vw, 36px);
	line-height: 1.69;
	font-weight: bold;
}
.catch_last p.small{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7;
	margin-top: 20px;
}

.catch_last img{
	width: 7% !important;
	max-width: 70px;
    position: absolute;
    top: 50%;
    right: 32px;
	transform: translateY(-50%);
}

@media screen and (max-width:768px){

    .catch_last p{
        font-size: 20px;
    }
    .catch_last img{
        width: 8% !important;
        max-width: 70px;
        min-width: 40px;
        position: static;
        transform: none;
        margin-top: 30px;
    }
    .catch_last p.small{
        font-size: 14px;
    }

	
}

/* -------------------------------

    資料請求サンクスページ　new 

----------------------------------*/


.thanks_new .underline02{
    background: linear-gradient(transparent 60%, rgba(220, 94, 99, .5) 50%);
}
.thanks_new .c_pink{
	color: #DC5E63;
}
.thanks_present{
	margin-top: 180px;
}



.thanks_present_box{
    text-align: center;
}
.thanks_present_box .first_txt{
    position: relative;
}
.thanks_present_box .anatadake{
    position: absolute;
    width: 36%;
    max-width: 396px;
    top: 0;
    left: 24%;
    transform: translate(-50%,-50%);
    margin: 0;
}
.thanks_present_box p{
	font-size: 28px;
    font-weight: bold;
    line-height: 2;
}
.thanks_present_box .p_fx {
    display: flex;
    align-items: center;
    justify-content: center;
}
.thanks_present_box .txtbig{
	font-size: 111px;
    font-weight: 900;
    line-height: .8;
}
.thanks_present_box .small{
    font-size: 82px;
}
.thanks_present_box .txtbig02{
	font-size: 78px;
    font-weight: bold;
    line-height: 1.9;
}
.thanks_present_box .txttate{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1.3;
}
.thanks_present_box img {
    max-width: 780px;
    margin-top: 23px;
}


@media screen and (max-width:768px){
	.thanks_present{
		margin-top: 130px;
	}
    .thanks_present_box .anatadake {
        position: absolute;
        width: 36%;
        max-width: 396px;
        min-width: 167px;
        top: -27%;
        left: 27%;
    }
    .thanks_present_box p{
        font-size: 20px;
    }
    .thanks_present_box .p_fx {
        font-size: 28px;
        flex-direction: column;
    }
    .thanks_present_box .txtbig{
        font-size: 80px;
    }
    .thanks_present_box .small{
        font-size: 65px;
    }
    .kei_txt{
        font-size: 28px;
        display: inline-block;
        vertical-align: bottom;
        /*padding-bottom: 5px;*/
    }
    .thanks_present_box .txtbig02{
        font-size: 43px;
        margin-top: 7px;
    }
    .thanks_present_box .txttate{
      font-size: 20px;
    }
    .thanks_present_box img {
        max-width: 580px;
        margin-top: 10px;
    }
	.thanks_present_box_yen{
		display: flex;
		align-items: flex-end;
		flex-wrap: nowrap;
	}
}
/* thanks_tokuten */

.thanks_tokuten{
	margin-top: 80px;
	background-color: #FFFAF2;
	padding-top: 80px;
	text-align: center;
}

.thanks_tokuten h2{
	color: #DC5E63;
	font-size: 36px;
	line-height: 1.69;
	margin-bottom: 30px;
}
.thanks_tokuten p{
	font-size: 18px;
	line-height: 1.66;
	margin-bottom: 30px;
	font-weight: 500;
}
.thanks_tokuten .c_pink{
    font-weight: 500;
}
.tokuten_img{
	display: flex;
	justify-content: space-between;
    margin-top: 16px;
}
.thanks_tokuten .tokuten_l{
	max-width: 180px;
}
.thanks_tokuten .tokuten_r{
	max-width: 215px;
}

@media screen and (max-width:768px){
    .thanks_tokuten{
        margin-top: 40px;
        padding-top: 40px;
    }
    .thanks_tokuten h2{
        font-size: 24px;
        line-height: 1.66;
        margin-bottom: 40px;
    }
    .thanks_tokuten p{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .tokuten_img {
        margin-top: 0;
        justify-content: center;
    }
}


/* thanks_flow */

.thanks_flow{
	margin-top: 80px;
	text-align:center;
}
.thanks_flow h2{
	color: #DC5E63;
	font-size: 36px;
	margin-bottom: 40px;
}
.thanks_flow p{
	font-size: 18px;
    font-weight: 500;
    line-height: 1.66;

}
@media screen and (max-width:768px){

    .thanks_flow{
        margin-top: 40px;
        text-align:center;
    }
    .thanks_flow h2{
        font-size: 24px;
        line-height: 1.66;
    }
    .thanks_flow p{
        font-size: 16px;    
    }
    
}


.thanks_flow_fx{
	display: flex;
	justify-content: center;
	margin-top: 65px;
}

.thanks_flow_fx li{
	background-color: #FFFAF2;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	width: 34.5%;
    max-width: 374px;
    padding: 40px 0 40px;
	position:relative; 
}


.thanks_flow_fx li .line-right {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 90%;
    border-right: 1px dashed #DC5E63;
  }
.thanks_flow_fx li:not(:last-child):before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 27px;
    border-color: transparent transparent transparent #DC5E63;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

@media screen and (max-width:768px){

    .thanks_flow_fx{
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }
    
    .thanks_flow_fx li{
        width: 95%;
        max-width: 450px;
        padding: 20px 0 0;
    }
    .thanks_flow_fx li:last-child{
        padding-bottom: 40px;
    }
    .thanks_flow_fx li .line-right {
        position: static;
        transform: none;
        width: 90%;
        height: 0;
        margin-top: 45px;
        border-bottom: 1px dashed #DC5E63;
    }
    .thanks_flow_fx li:not(:last-child):before {
        border-width: 27px 13px 0 13px;
        border-color: #DC5E63 transparent transparent transparent;
        top: auto;
        bottom: -29px;    
        left: 47%;
        transform: translateY(-50%);
    }
}


.flow_fx__txt span{
	color: #DC5E63;
	font-weight: 900;
    line-height: 1.48;
	font-size: 56px;
}
.flow_fx__txt p{
	font-weight: 500;
    line-height: 1.68;
	font-size: 16px;
	margin-top: 10px;
	
	
}
.flow_fx__01 img{
	max-width: 97px;
    margin-top: 25px;
}
.flow_fx__02 img{
	max-width: 139px;
    margin-top: 28px;
}
.flow_fx__03 img{
	max-width: 145px;
    margin-top: 40px;

}


.thanks_flow dl{
    width: 95%;
    margin: 0 auto;
	text-align: left;
    margin-top: 20px;
}
.thanks_flow dt,.thanks_flow dd{
    font-size: 16px;
    line-height: 1.68;
    text-indent: -1em;
    padding-left: 1em;

}

@media screen and (max-width:768px){

    .thanks_flow dt,.thanks_flow dd{
        font-size: 14px;    
    }
    
}


.thanks_link{
	background-color: #DC5E63;
	position: relative;
	color: #fff;
	padding: 80px 0;
	margin-top: 80px;
}
.thanks_link h3{
	line-height: 1.5;
	font-size: 36px;
	margin-bottom: 20px;
}
.thanks_link p{
	line-height: 1.68;
    font-size: 16px;
    font-weight: 500;
}
.thanks_link img{
	position: absolute;
	bottom: 30px;
	right: 30px;
    width: 11%;
	max-width: 120px;
}

@media screen and (max-width:768px){

    .thanks_link{
        width: 95%;
        margin: 0 auto;
        padding: 48px 0 40px 0;
        margin-top: 60px;
    }
    .thanks_link h3{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .thanks_link img{
        position: static;
        width: 100%;
        max-width: 80px;
        margin-top: 40px;
    }
    
}



.thanks_merit {
    margin-top: 80px;
}
.thanks_merit .reserve_merit_ttl .txtbig:after {
    background-image: url(./img/maru_bg02.png);
}
.thanks_merit h2{
	color: #000000;
}
.thanks_merit .reserve_merit_box h3{
	color: #DC5E63;
}

#catalog_reservation{
	margin-top: 120px;
}
#catalog_reservation .form_ttl{
	color: #DC5E63;
	font-size: clamp(28px, 2.5vw, 36px);
	margin-bottom: 37px; 
}

@media screen and (max-width:768px){
	#catalog_reservation{
		margin-top: 100px;
	}
	#catalog_reservation .form_ttl{
	font-size: 28px;
		line-height: 1.48;
	margin-bottom: 37px; 
}
	
	
}

.catalog_new{
    font-family: 'Noto Sans JP', sans-serif;
}


.catalog_inner{
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
}