@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 640px) {

.title-top {
    background: url("https://www.nikkenhomes.co.jp/wp/wp-content/themes/nikkenhomes/image/reform/bg-top-sp.jpg") no-repeat center center;
    background-size: cover;
    margin-bottom: 4.0625vw;
    padding: 26.5625vw 0;
}
.contents.top .inner div {
    width: 48%;
    margin: 0 auto 30px;
}
.contents.top h2 {
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
}
.contents.top figure {
    margin-bottom: 0px;
}
.contents.top p {
    font-size: 12px;
}
.title-page {
    background: url("https://www.nikkenhomes.co.jp/wp/wp-content/themes/nikkenhomes/image/reform/marugoto/title-sp.jpg") no-repeat center center;
    margin-bottom: 4.0625vw;
    padding: 26.5625vw 0;
}
.title-top span,
.title-page span{
    font-size: 7.8125vw;
    width: 70.3125vw;
    padding: 7.8125vw;
}

.reform h2 {
    font-size: 6.25vw;
    margin-bottom: 4.6875vw;
    padding-bottom: 4.6875vw;
}
.reform p {
    font-size: 4.0625vw;
    margin-bottom: 6.25vw;
}
.reform .intro {
    margin-bottom: 9.375vw;
}
.reform .reason {
    display: block;
    margin-bottom: 12.5vw;
    padding: 6.25vw;
    border-radius: 4.6875vw;
}
.reform .reason .reason-l {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 6.25vw;
}
.reform .reason .reason-l p.memo {
    position: relative;
    font-size: 3.4375vw;
}
.reform .reason .reason-r p.title {
    font-size: 4.6825vw;
    padding: 3.125vw;
}
.reform .dannetsu {
    margin-bottom: 9.375vw;
    padding: 10.9375vw 0;
}
.reform .marugoto-r {
    margin-bottom: 9.375vw;
}
.reform .marugoto-r figcaption,
.reform .movie p {
    font-size: 3.4375vw;
}
.reform .movie {
    padding: 7.8125vw 0;
}
.reform .movie iframe {
    width: 100%;
    height: 52.266666666666vw;
}
.reform .movie div,
.reform .movie div p {
    width: 93.75vw;
}

.reform .contact {
    padding: 9.375vw 0;
}
.reform .contact dl {
    margin-bottom: 4.6825vw;
}
.reform .contact dl dt {
    font-size: 6.25vw;
    margin-bottom: 3.4375vw;
}
.reform .contact dl dd {
    font-size: 3.75vw;
}
.reform .contact ul {
    display: block;
    width: 93.75vw;
    padding: 7.8125vw 6.25vw;
}
.reform .contact ul li:first-of-type {
    margin-bottom: 6.25vw;
}
.reform .contact ul li:last-of-type a {
    font-size: 4.0625vw;
    width: 80%;
    margin: 0 auto;
    padding:  6.25vw 0;
}
.reform .contact ul li:last-of-type a:after {
    font-family: 'material symbols outlined';
    content: '\e5e1';
    position: absolute;
    right: 20px;
    top: 38%;
    color: #fff;
}

/* 窓リノベ
----------------------------------------------*/
.mado h1 {
    margin-bottom: 4.0625vw;
}
.mado .windowreform p {
    width: 80%;
    margin: 0 auto;
}
.mado .bgb {
    padding: 60px 0 40px;
}
.mado .bgb h2,
.mado .lineup h2 {
    font-size: 26px;
    margin-bottom: 20px;
}
.mado .bgb .otoku {
    width: 90%;
    margin: 0 auto 20px;
    padding: 20px;
}
.mado .bgb .otoku p {
    margin-bottom: 0;
}
.mado .bgb .otoku ul li {
    font-size: 14px;
}
.mado .bgb .otoku ul li span {
    font-size: 16px;
}
.mado .bgb p.txt-otoku {
    font-size: 12px;
    width: 90%;
}
.mado .lineup {
    width: 90%;
    padding: 40px 0;
}
.mado .lineup h3 {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.mado .lineup h4 {
    font-size: 18px;
    margin-bottom: 20px;
}
.mado .lineup .df {
    margin-bottom: 30px;
    display: block;
}
.mado .lineup .df.hikaku {
    justify-content: flex-start;
}
.mado .lineup .df p {
    font-size: 14px;
    width: 100%;
}
.mado .lineup .df dl.oneday {
    width: 100%;
    margin-bottom: 20px;
}
.mado .lineup .df dl.oneday dt {
    font-size: 14px;
}
.mado .lineup .df dl.oneday dd {
    font-size: 14px;
    width: 100%;
}
.mado .lineup .merit {
    display: block;
}
.mado .lineup .merit div {
    width: 100%;
    margin-right: 0px;
}
.mado .lineup .merit.replus div {
    width: 100%;
}
.mado .lineup .merit p {
    font-size: 14px;
}
.mado .lineup .merit figure {
    margin-bottom: 20px;
    text-align: center;
}
.mado .lineup .merit.replus figure {
    margin-bottom: 30px;
}
.mado .lineup .merit figure img {
    margin-bottom: 10px;
}
.mado .lineup .merit figcaption {
    font-size: 14px;
    text-align: left;
}
.mado .lineup p.notice {
    font-size: 12px;
    color: #808080;
    line-height: 1.5;
    margin-bottom: 40px;
}

.mado .lineup .price {
    width: 100%;
    margin: 0 auto 40px;
}
.mado .lineup .price h5 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px 0;
}
.mado .lineup .price p {
    font-size: 16px;
    width: 100%;
}
.mado .lineup .price dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.mado .lineup .price dl dt {
    font-size: 16px;
    width: 70%;
    padding-left: 20px;
    box-sizing: border-box;
}
.mado .lineup .price dl dd {
    font-size: 14px;
}
.mado .lineup .price dl dd span {
    font-size: 22px;
}

.mado .simuration {
    padding-top: 40px;
    padding-bottom: 70px;
}
.mado .simuration h2 {
    font-size: 26px;
    margin-bottom: 20px;
}
.mado .simuration p {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.mado .simuration p:before {
    content: '';
    background: url("https://www.nikkenhomes.co.jp/wp/wp-content/themes/nikkenhomes/image/reform/mado-renovation/illust01.png") no-repeat;
    background-size: 50px 101px;
    width: 50px;
    height: 101px;
    bottom: -70px;
    left: 0;
    position: absolute;
    z-index: 1;
}
.mado .simuration p:after {
    content: '';
    background: url("https://www.nikkenhomes.co.jp/wp/wp-content/themes/nikkenhomes/image/reform/mado-renovation/illust02.png") no-repeat;
    background-size: 50px 101px;
    width: 50px;
    height: 101px;
    bottom: -70px;
    right: 0;
    position: absolute;
    z-index: 1;
}
.mado .simuration p a {
    font-size: 18px;
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
}
.mado .simuration p a:after {
    top: 20px;
}

}