@charset "utf-8";
/* CSS Document */

header p.top_text {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    bottom: 27%;
    padding-right: 29px;
    left: 14%;
}
header .rellax img{
	width: 100%;
}

section.design{
    text-align: center;
}

section.model_plan_toptext{
    padding-right: 10%;
    padding-left: 10%;
    text-align: center;
}



section.design{
    padding-right: 10%;
    padding-left: 10%;
}


section.model_plan_toptext{
	padding-top: 11%;
}
section.model_plan_toptext .flex_box{
    display: flex;
   align-items: center;
   width: 1024px;
   margin:0 auto;
}
section .box {
    width: calc(1000px / 3);
    margin: 13px;
}

section .box p {
    text-align: left;
    margin-top: 10px;
}



section.design .title{
	padding-bottom: 6%;
}

section.design .flex_box{
	/*justify-content: space-around;*/
}

section.design .interior{
    padding-top: 15%;
    flex-direction: row-reverse;
}
section.design .exterior p,
 section.design .exterior h3{
    writing-mode: vertical-lr;
    text-align: initial;
}

section.design .interior p,
 section.design .interior h3{
    writing-mode: vertical-rl;
    text-align: initial;
}


section.design .interior .w89_contents {
    width: 72%!important;
    margin-left: 20px;
}

section.design .interior img.interior_bottom {
    margin-top: 20px;
}

section.design .flex_box h3 {
    font-size: 4em;
    letter-spacing: 0.05em;
    width: 10%;
}
section.design .flex_box p{
    font-weight: 100;
    width: 5%;
    letter-spacing: .3em;
}

section.design .flex_box p.exterior{
    width: 11%;
}

section.design .flex_box .contents{
    width: 79%;
}

section.design .flex_box .contents img.top {
    margin: 0 20px;
}

section.design .flex_box .contents img.bottom {
    margin: 20px 20px 0;
}

section.design .flex_box .w89_contents{
    width: 82%;
}


.plan {
    padding-top: 13%;
    text-align: center;
    padding-bottom: 0!important;
}
.plan p.title{
    padding-bottom: 0!important;
}

section.plan01{
    padding-top: 6%!important;
}


section.intro_plan{
	padding-right:10%;
	padding-left: 10%;
}

section.intro_plan .box_w32 {
    width: 32%;
    position: relative;
}

section.intro_plan .position_text {
    position: absolute;
    top: 86%;
    text-align: left;
    width: 100%;
}

section.intro_plan .position_text:after{
    display: block;
    content: "";
    
}

.position_text .title p {
    position: relative;
    display: inline-block;
    font-size: 31px;
    font-weight: 400;
}

.position_text .title p:before {
    content: '';
    position: absolute;
    bottom: -5px;
    display: inline-block;
    width: 30px;
    height: 3px;
    left: 15%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}

section.intro_plan h5 {
    padding-top: 5px;
    margin: 0 0 10px 0;
    font-size: 16px;
    letter-spacing: .2em;
    font-weight: 300;
}

section.intro_plan h4{
text-align: center;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 1em;
}

section.intro_plan .position_text .more {
    font-weight: 200;
    border: 1px solid #333;
    padding: 0px 5px 3px;
    margin-top: 2%;
    width: 56%;
    text-align: center;
}
section.intro_plan .position_text .more i{
    margin-left: 30%;
}

 header p.short{
 	left:18%;
 }
.second_block {
    margin: 0 auto;
    display: inline-block;
}

.tateimg{
    width: 60%;
    margin: 0 auto 7% auto;
}


section.model_plan_toptext h3{
    font-size: 1.7em;
    margin-bottom: 2%;
    font-weight: 300;
}


section.model_plan_toptext .slick-prev:before, .slick-next:before{
    color: #333!important;
}

section.model_plan_toptext .slider .w25 img{
    width: 80%;
    margin:0 auto;
}

section.model_plan_toptext .slider .tate img{
    width: 35%;
    margin:0 auto;
}

section.model_plan_toptext .thumb{
    margin-top: 20px;
}
section.model_plan_toptext p{
    font-weight: 300;
}
section.model_plan_toptext .thumb .w25{
    margin:3px;
}
.plan_madorizu{
    padding-top: 7%;
}

.plan_madorizu img{
    margin:0 auto;
    width: 30%;
}
.title_small{
    text-align: center;
    font-size: 60px;
}


se