@font-face {
    font-family: 'AvenirSerif';
    src: url('https://lc.hitachi-rep.co.jp/creacasa/fonts/AveriaSerif-Bold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'AvenirSerif';
    src: url('https://lc.hitachi-rep.co.jp/creacasa/fonts/AveriaSerif-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'AvenirSerif';
    src: url('https://lc.hitachi-rep.co.jp/creacasa/fonts/AveriaSerif-Light.ttf') format('truetype');
    font-weight: 300;
}
.en {
    font-family: 'AvenirSerif';
    letter-spacing: 0.1em;
    display: block;
    font-size: 1.5em;
    margin-bottom: 18px;
}
.topicpath {
    font-size: 1em;
}
.topicpath,
.topicpath ol li a {
    color: #000;
}
.topicpath li img {
    width: 20px;
    vertical-align: top;
    margin-right: 10px;
}
#main-visual {
    background-size: cover !important;
    padding: 160px 0;
}
#main-visual .text {
    position: relative;
    width: 370px;
    max-width: 95%;
    background-color: #1a1a1a;
    padding: 65px 30px 135px;
    margin: 0 auto;
    max-height: 300px;
}
#main-visual .text h2 {
    color: #fff;
    font-size: 1.22em;
    text-align: center;
    letter-spacing: 0.06em;
    margin-bottom: 0;
    line-height: 1.2;
    padding: .8em 0 .7em;
}
#main-visual .text img {
    width: 167px !important;
    position: absolute;
    right: -7px;
    bottom: -17px;
}
@media (max-width: 430px) {
    #main-visual .text {
        padding: 40px 30px 50px;
        max-height: 180px;
    }
    #main-visual .text h2 {
        font-size: 1.16em;
    }
    #main-visual .text img {
        width: 130px !important;
    }
}
h3,
h4 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.footer-link {
    border: 2px solid #000;
    position: relative;
}
.footer-link a {
    padding: 20px;
    display: block;
    margin-bottom: 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-family: 'AvenirSerif';
    letter-spacing: 0.1em;
    background: #000;
}
.footer-link a:hover {
    background-color: #fff;
    text-decoration: none;
    color: #000;
}
.mb20 {
    margin-bottom: 20px !important;
}

/* コンセプト */

#main-visual {
    background: url(../images/concept/concept-bg.jpg) no-repeat center;
}
/*.concept {
    background: #fbfaf5;
}*/
.Concept01TxtArea {
    background-image: url(https://lc.hitachi-rep.co.jp/creacasa/images/concept01.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 80vh;
    text-align: center;
    background-color: rgba(255, 255, 255, 0)
}
.conTopMess {
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    padding: 2em 3em;
    margin-top: 10%;
    box-shadow: 0px 3px 10px rgb(51 51 51 / 60%);
}
.conH1 {
    margin: 0;
    padding: 0;
}
.conH1 .h1A,
.conH1 .h1B {
    font-size: 1.7em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.conH1 .h1A {
    color: #603813;
}
.conH1 .h1B {
    color: #008e89;

}
.conH2 {
    font-size: 1em;
    color: #333;
    margin: 0;
}
.coDownDiv {
    position: relative;
    text-align: center;
}
.concept .con1DivP {
    width: 75%;
    margin-left: auto;
    font-size: 1.125em;
    line-height: 1.6em;
    font-weight: bold;
    padding: 3em;
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.concept .con1DivP p {
    position: relative;
    z-index: 1;
    text-align: center;
}
.mTop37 {
    margin-top: 37px;
}
.Concept01BlueBox {
    margin: 40px auto 0;
    text-align: center;
}
.Concept01BlueBoxLogo {
    display: inline-block;
    margin: 0 auto 7px;
    background: #eaf7f5;
    padding: 1.5em 2em;
    text-align: center;
}
.Concept01BlueBoxLogo img {
    max-width: 95px;
}
.Concept01BlueBoxLogo p {
    margin: 0.5em 0 0;
}
.conH2 BR {
    display: none;
}
.ConceptLink_s {
    margin: 5em auto;
}

/* designyourdream */

.designyourdream {
    background: #fbfaf5;
}
.ConceptMainTtl {
    margin: 50px auto !important;
    text-align: center;
}
.con2Overall {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.con2Overall:hover {
    opacity: 0.7;
}
.con2Overall a:hover {
    text-decoration: none;
}
.con2DivUp img,
.Oct_1Box img,
.Oct_2Box img,
.Oct_3Box img {
    max-width: 30px;
    padding: 0.4em 0;
}
.con2DivDown.con2_1,
.Oct_1Box {
    background: #3e210f;
}
.con2DivDown.con2_2,
.Oct_2Box {
    background: #000;
}
.con2DivDown.con2_3,
.Oct_3Box {
    background: #2DA4A7;
}
.con2DivUp p {
    color: #333;
}
.con2DivDown p {
    color: #fff;
}
.con2BtmUl {
    justify-content: center;
    margin-bottom: 30px;
}
.mTop29 {
    margin-top: 29px;
}
.Concept03LinkBox {
    width: 100%;
    margin: 4vw auto;
    overflow: hidden;
}
.Concept03LinkBox h1 {
    text-align: center;
}
.flexCenter {
    justify-content: center;
}
.mp0 {
    margin: 0;
    padding: 0;
}
.mBtm40 {
    margin-bottom: 40px;
}
.mBtm27 {
    margin-bottom: 27px;
}
.annoTextDiv {
    display: inline-block;
}
.emphasis {
    font-size: 25px;
    margin-top: 0.5em;
    line-height: 30px;
    font-weight: bold;
}
.mTop24 {
    margin-top: 24px;
}
.mBtm7 {
    margin-bottom: 7px;
}
.designyourdream .con2H2{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.designyourdream .con2H2.migrationH2_2 img {
    width: 23px !important;
}
#Concept02_03Bg {
    margin-bottom: 5vw;
}
@media (min-width: 768px) {
    .Concept02LinkBox {
        margin: 10vw auto;
    }
    .con2Overall {
        max-width: 230px !important;
    }
    .con2DivUp {
        border-left: 1px solid #333;
        display: table;
    }
    .con2DivUp p {
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }
    .con2DivUp p,
    .con2DivDown p {
        display: table-cell;
        text-align: center;
    }
    .con2DivDown {
        display: table;
    }
    .con2DivDown p {
        font-size: 3.5em !important;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    .borderRightAdd {
        border-right: 1px #333 solid;
        box-sizing: border-box;
    }
    .con2_2 {
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
        box-sizing: border-box;
    }
    .designyourdream P {
        font-size: 14px;
    }
    .con2Oct_1 {
        position: relative;
        background-image: url(../images/concept/designyourdream/con2-1-01.jpg);
        background-repeat: no-repeat;
        background-size: 1110px auto;
        background-position: center top;
        margin-bottom: 10em;
    }
    .mB3emPC {
        margin-bottom: 3em;
    }
    .inWidth80 {
        width: 80%;
        margin: 0 auto;
    }
    .designyourdream .con2H2.con2H2No1 {
        text-align: left;
        margin: 5% 0 1em 0;
    }
    .designyourdream .con2H2 {
        position: relative;
        display: inline-block;
        font-size: 2em;
        font-weight: bold;
        color: #fff;
        padding-left: 90px;
        text-shadow: rgb(0 0 0 / 50%) 0px 0px 2px;
    }
    .designyourdream .con2Oct_1 .con2H2::before {
        position: absolute;
        top: -0.6em;
        left: 0;
        display: inline-block;
        content: '01';
        font-size: 2.4em;
        line-height: 2em;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    }
    .designyourdream .con2H2 span {
        color: #3e210f;
        font-weight: bold;
        text-shadow: rgb(255 255 255 / 50%) 0px 0px 2px;
    }
    .Oct_1Box,
    .Oct_2Box,
    .Oct_3Box {
        width: 200px;
        min-height: 180px;
        max-height: 200px;
        display: table;
        color: #fff;
        text-align: center;
        padding: 1em;
        margin-left: auto;
        margin-right: 0;
        margin-bottom: 15em;
    }
    .Oct_1Box {
        margin-bottom: 3em;
    }
    .Oct_1Box p,
    .Oct_2Box p,
    .Oct_3Box p {
        display: table-cell;
        font-size: 1.1em;
        vertical-align: middle;
    }
    #Concept02_01Bg {
        width: 100%;
        min-height: 93px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 5vw;
    }
    .Concept02TxtArea1 {
        width: 75%;
        margin-left: auto;
        font-size: 1.125em;
        line-height: 1.6em;
        font-weight: bold;
        padding: 3em;
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        margin-right: 0;
        z-index: 2;
        position: relative;
    }
    .paddingTop5em {
        padding-top: 5em;
    }
    .con2_textPc {
        margin-bottom: 5vw;
    }
    .con2_textPc img {
        width: 100%;
    }
    .mBottom3em {
        margin-bottom: 3em;
    }
    /* min768 */
    .con2Oct_2 {
        position: relative;
        background-image: url(../images/concept/designyourdream/con2-2-01.jpg);
        background-repeat: no-repeat;
        background-size: 1110px auto;
        background-position: center top;
    }
    .designyourdream .con2H2.migrationH2_2 {
        text-align: right !important;
        margin: 5% 0 1em 0;
    }
    .designyourdream .con2Oct_2 .con2H2::before {
        position: absolute;
        top: -0.6em;
        display: inline-block;
        text-align: right;
        content: '02';
        font-size: 2.4em;
        line-height: 2em;
        margin-left: -90px;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 30%) 6px 3px 5px;
    }
    .designyourdream .con2H2.migrationH2_2 span {
        color: #000;
        font-weight: bold;
    }
    .Oct_2Box {
        margin-right: auto;
        margin-left: 0;
        margin-bottom: 2em;
    }
    #Concept02_02Bg {
        width: 100%;
        min-height: 56px;
        margin: 0 auto;
        padding: 0;
    }
    .Concept02TxtArea2 {
        width: 75%;
        margin-right: auto;
        font-size: 1.125em;
        line-height: 1.6em;
        font-weight: bold;
        padding: 3em;
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        margin-left: 0;
    }
    .Concept02TxtArea2 a:hover {
        opacity: .7;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .Concept02TxtArea0 {
        margin: 0 auto;
        font-size: 1.125em;
        line-height: 1.6em;
        font-weight: bold;
        margin-bottom: 10vw;
        margin-top: 2vw;
    }
    .con2Oct_3 {
        position: relative;
        background-image: url(../images/concept/designyourdream/con2-3-01.jpg);
        background-repeat: no-repeat;
        background-size: 1110px auto;
        background-position: center top;
    }
    .designyourdream .con2H2.migrationH2_3 {
        margin: 5% 0 1em 0;
        color: #fff;
        text-shadow: rgb(0 0 0 / 50%) 0px 0px 2px;
        text-align: left;
    padding-left: 110px;
    }
    .designyourdream .con2Oct_3 .con2H2::before {
        position: absolute;
        top: -0.6em;
        left: 0;
        display: inline-block;
        content: '03';
        font-size: 2.4em;
        line-height: 2em;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    }
    .designyourdream .con2H2.migrationH2_3 span {
        color: #2DA4A7;
        font-weight: bold;
    }
    .Oct_3Box {
        margin-bottom: 3em;
    }
    .ConceptTxt {
        padding: 0;
        font-size: 1.125em;
        line-height: 1.6em;
        font-weight: bold;
    }
    .padding15 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mTop29 {
        text-align: left;
    }
    .paddingAdjust div {
        padding-left: 0;
        padding-right: 0.5em;
    }
    .designyourdream img {
        width: 100%;
    }
    .con3Ccube4 {
        width: 80%;
        margin: 1em auto !important;
    }
    .con3Ccube4 p {
        position: relative;
        display: inline-block;
        text-align: center;
        min-width: 180px;
        min-height: 159px;
        font-size: 1em;
        font-weight: bold;
        box-sizing: border-box;
        padding-top: 30px;
        color: #fff;
        background-color: #2DA4A7;
    }
    .con3Ccube4 p::before {
        content: "";
        position: absolute;
        bottom: 5px;
        right: 5px;
        z-index: 100;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #00d490 transparent;
    }
    .con3Ccube4 p span {
        display: block;
    }
    .concept03BoxBlue {
        background: #fbfaf5;
    }
    .wSpace {
        padding: 4em 2em;
        background: #fbfcfe;
    }
    .wSpace .mer-title1 {
        font-size: 22px;
        margin: 20px auto;
    }
    .wSpace .mer-title2 {
		border-bottom: 1px solid #999;
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
	.aim-detail-btn {
		display: table;
		border: 1px solid #000;
		background: #fff;
		margin: 0 auto;
		text-align: center;
		line-height: 1.1426;
		position: relative;
		color: #006d68;
	}
	.aim-detail-btn:before {
		content: "";
		position: absolute;
		bottom: -5px;
		right: -6px;
		width: 100%;
		height: 100%;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.aim-detail-btn a {
		display: block;
		padding: 15px 22px;
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		position: relative;
		z-index: 100;
	}
    .concept03TxtArea {
        line-height: 1.6em;
    }
    .safety .con3H2 {
        font-size: 1.7em;
        color: #2DA4A7;
        font-weight: bold;
        text-align: left;
    }
    .safety .con3H2 span {
        font-size: 2em;
        color: #c2ad98;
        padding-right: 0.3em;
        vertical-align: -0.2em;
    }
    .concept03TxtArea h3 {
        font-weight: bold;
        font-size: 1.5em;
        padding-top: 1em;
    }
    .concept03BoxBlue .imgCenter {
        text-align: right;
    }
    .id1_Img {
        padding-top: 4em;
    }
    .concept03Figure01 {
        border: 1px solid #2DA4A7;
        margin: 0 0 27px;
        clear: both;
        overflow: hidden;
        box-sizing: border-box;
    }
    .concept03Figure01Ttl {
        font-size: 2.3em;
        font-weight: bold;
        margin: 0 auto;
        padding: 0.5em 1em;
        text-align: center;
        display: block;
        background: #2DA4A7;
        color: #fff;
    }
    .concept03Figure01Ttl span {
        font-size: 0.8em;
        font-weight: bold;
        vertical-align: 0.1em;
        padding-right: 0.2em;
    }
    .concept03Figure01 .alingLeft {
        text-align: left !important;
    }
    .padding1em {
        padding: 1em;
        box-sizing: border-box;
    }
    .concept03Figure01Txt {
        width: 100%;
        line-height: 1.6em;
    }
    .concept03Figure01Txt p {
        text-align: left;
    }
    .concept03Figure01Txt p span {
        font-weight: bold;
        text-align: left;
        display: block;
        font-size: 17px;
        margin-bottom: 10px;
    }
    .concept03Txt {
        line-height: 1.6em;
        text-align: left;
    }
    .concept03hr {
        clear: both;
        border: 1px solid #2DA4A7;
    }
}
@media (max-width: 991px) {
    .Concept01TxtArea {
        height: 50vh;
    }
    .con1DivP {
        padding: 0;
    }
    .con2BtmUl {
        justify-content: unset;
        padding-left: 15px;
    }
    .con2DivUp p {
        font-size: 1.3em;
    }
    .con3Ccube4 {
        width: 70%;
    }
    .concept03BoxBlue .imgCenter {
        text-align: center;
    }
    .id1_Img {
        padding: 0 0 2em;
    }
}
.Concept02_03-imgArea{
    margin-top: -100px;
    z-index: 0;
    position: relative;
}
@media (min-width: 768px){
.con3Ccube4 div {
    margin: 0;
}
.concept03Figure01Ttl BR {
    display: block;
}
}

@media (max-width: 767px) {

    .Concept02_03-imgArea{
        margin-top: 0;
    }
    .conTopMess {
        display: block;
        background: rgba(255, 255, 255, 1);
        padding: 2em 15px;
        margin-top: 0;
        width: 100%;
        box-shadow: none;
    }
    .conH2 BR {
        display: block;
    }
    .Concept01BlueBoxLogo {
        display: block;
    }
    .sp-margin-bottom30 {
        margin-bottom: 30px;
    }
    /* designyourdream */
    .Concept02LinkBox {
        margin: 5vw auto;
    }
    .con2BtmUl {
        padding-right: 15px;
    }
    .con2DivUp {
        border-top: 1px #333 solid;
    }
    .con2DivDown p {
        text-align: center;
    }
    .con2DivUp p {
        line-height: 2.5em;
        font-size: 1.3em;
    }
    .con2DivUp p span::after {
        content: '×';
        font-size: 1.1em;
        padding: 0 .2em 0 .3em;
    }
    .con2Div3All BR {
        display: none;
    }
    .con2Div3All p {
        margin: 0;
    }
    .con2DivUp img {
        max-width: 20px;
    }
    .sp-none {
        display: none;
    }
    .con2DivDown p {
        font-size: 2em;
    }
    .borderRightAdd2 {
        border-bottom: 1px #333 solid;
    }
    /* max767 */
    .con2Oct_1 {
        position: relative;
        background-position: center top;
        margin-bottom: 20vw;
        background-image: url(../images/concept/designyourdream/con2-1-01.jpg);
    }
    .inWidth80 {
        text-align: center;
    }
    .designyourdream .con2H2 {
        position: relative;
        display: inline-block;
        font-size: 1.5em;
        font-weight: bold;
        color: #fff;
        text-align: left;
        padding-left: 60px;
        margin: 1em 0;
        text-shadow: rgb(0 0 0 / 80%) 0px 0px 2px;
    }
    .designyourdream .con2Oct_1 .con2H2::before {
        position: absolute;
        top: -0.6em;
        left: 0;
        display: inline-block;
        content: '01';
        font-size: 1.9em;
        line-height: 2.3em;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    }
    .designyourdream .con2H2 span {
        font-weight: bold;
        color: #3e2110;
        text-shadow: rgb(255 255 255 / 50%) 0px 0px 2px;
    }
    .designyourdream .con2H2.migrationH2_3 span {
        color: #2DA4A7;
    }
    .Oct_1Box,
    .Oct_2Box,
    .Oct_3Box {
        display: inline-block;
        min-width: 50%;
        min-height: 50%;
        text-align: center;
        margin-bottom: 1.5em;
        box-shadow: 0px 3px 10px rgb(0 0 0 / 40%);
    }
    .Oct_1Box {
        margin-top: 3em;
    }
    .Oct_1Box p,
    .Oct_2Box p,
    .Oct_3Box p {
        color: #fff;
        font-size: 1.5em;
        margin: 0;
        padding: 1em 0.5em;
    }
    .Oct_1Box p span::after,
    .Oct_2Box p span::after,
    .Oct_3Box p span::after {
        content: '×';
        display: block;
        font-size: 1.1em;
        padding: 0 0.1em;
    }
    .Oct_1Box BR,
    .Oct_2Box BR,
    .Oct_3Box BR {
        display: none;
    }
    .Concept02TxtArea1 {
        width: 100%;
        margin: 0 auto;
        font-weight: bold;
        padding: 3em;
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        margin-bottom: 5vw;
    }
    .Concept02TxtArea0 p,
    .Concept02TxtArea1 p,
    .Concept02TxtArea2 p,
    .con2_textSp {
        text-align: left;
    }
    .imgBottom {
        margin-bottom: 0.5em;
    }
    .con2Oct_2 {
        position: relative;
        background-position: center top;
        margin-bottom: 20vw;
        background-image: url(../images/concept/designyourdream/con2-2-01.jpg);
    }
    .con2H2.migrationH2_2 {
        color: #fff !important;
    }
    .designyourdream .con2Oct_2 .con2H2::before {
        position: absolute;
        top: -0.6em;
        left: 0;
        display: inline-block;
        text-align: left;
        content: '02';
        font-size: 1.9em;
        line-height: 2.3em;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    }
    .con2H2.migrationH2_2 span {
        font-weight: bold;
        color: #000;
    }
    .Oct_2Box {
        margin-top: 1em;
    }
    .Concept02TxtArea2 {
        width: 100%;
        margin: 0 auto;
        font-weight: bold;
        padding: 3em;
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        margin-bottom: 5vw;
    }
    .con2Oct_3 {
        position: relative;
        background-position: center top;
        background-image: url(../images/concept/designyourdream/con2-3-01.jpg);
    }
    .Concept02TxtArea0 {
        margin-top: 5vw;
    }
    .con2H2.migrationH2_3 {
        color: #fff !important;
        text-shadow: rgba(49, 69, 102, 0.8) 0px 0px 5px!important;
    }
    .designyourdream .con2Oct_3 .con2H2::before {
        position: absolute;
        top: -0.6em;
        left: 0;
        display: inline-block;
        content: '03';
        font-size: 1.9em;
        line-height: 2.3em;
        color: #fff;
        font-weight: normal;
        text-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    }
    .Oct_3Box {
        margin-top: 2em;
    }
    .spMarginNo {
        margin-right: 0;
    }
    .spMargin1em {
        margin-top: 1em;
    }
    .adjustSpDiv {
        margin-top: 1em !important;
    }
    /* max767  safetyandcomfort*/
    .con3Ccube4 {
        width: 100%;
        margin: 2em auto;
        margin-left: 0 !important;
    }
    .con3Ccube4 p {
        position: relative;
        display: inline-block;
        text-align: center;
        min-width: 135px;
        min-height: 135px;
        font-weight: bold;
        box-sizing: border-box;
        padding-top: 2em;
        color: #fff;
        background-color: #2DA4A7;
        width: 100%;
    }
    .con3Ccube4 p::before {
        content: "";
        position: absolute;
        bottom: 5px;
        right: 5px;
        z-index: 0;
        border-style: solid;
        border-width: 0 0 20px 20px;
        border-color: transparent transparent #00d490 transparent;
    }
    .con3Ccube4 p span {
        display: block;
    }
    .concept03BoxBlue {
        background: #fff;
        margin: 0 auto;
        padding: 0;
    }
    .wSpace {
        padding: 1em 0;
    }
    .safety .con3H2 {
        font-size: 1.25em;
        color: #2DA4A7;
        font-weight: bold;
        text-align: left;
        padding-left: 2.6em;
        text-indent: -2.6em;
    }
    .safety .con3H2 span {
        font-size: 1.5em;
        color: #c2ad98;
        padding-right: 0.3em;
        vertical-align: -0.1em;
    }
    .safety .mBtm40 {
        margin-bottom: 0;
    }
    .concept03TxtArea h3 {
        font-weight: bold;
        font-size: 1.2em;
        padding-top: 1em;
    }
    .concept03Figure01 {
        box-sizing: border-box;
        border: 1px solid #2DA4A7;
        background-color: #fff;
    }
    .concept03Figure01Ttl {
        font-size: 2.3em;
        font-weight: bold;
        margin: 0 auto;
        padding: 0.5em 1em;
        text-align: center;
        display: block;
        background: #2DA4A7;
        color: #fff;
    }
    .concept03Figure01Ttl span {
        font-size: 0.8em;
        font-weight: bold;
        vertical-align: 0.1em;
    }
    .spPadding {
        padding-left: 1em;
        padding-right: 1em;
    }
    .safety img {
        width: auto;
        height: auto;
    }
    .concept03Figure01Txt {
        width: 100%;
        font-size: 1.125em;
        line-height: 1.6em;
    }
    .concept03Figure01Txt p {
        text-align: left;
        font-size: 1em;
    }
    .concept03Figure01Txt p span {
        font-weight: bold;
        text-align: left;
        display: block;
        font-size: 17px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .concept03Txt {
        text-align: left;
        margin-top: 1.5em;
    }
    .concept03hr {
        clear: both;
        border: 1px solid #2DA4A7;
    }
    .safety .mTop24 {
        margin-top: 0;
    }
}
@media (max-width: 575px) {
    .con1DivP {
        display: block;
    }
    .con2DivDown p {
        font-size: .8em;
    }
    .con2DivUp p {
        font-size: .6em;
        line-height: normal;
    }
    .con2DivDown,
    .con2DivUp {
        padding: 6px 10px;
    }
    .Concept02TxtArea1 {
        width: 100%;
        margin: 0 auto;
        font-weight: bold;
        padding: 0;
        background-image: none;
        background-repeat: repeat-x;
        box-shadow: none;
    }
    .Concept02TxtArea2 {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        background-image: none;
        box-shadow: none;
    }
    .flex-direction-column-reverseSp {
        flex-direction: column-reverse;
    }
}
@media (max-width: 430px) {
    #main-visual .text h2 {
        font-size: 1.16em;
    }
    .designyourdream .con2H2.migrationH2_2 img {
        width: 12px !important;
    }
}

/*デザイン*/

.concept-design {
    font-size: 14px;
    background: #fbfaf5;
}
.concept-design #main-visual {
    background: url(../images/concept/comfort-fv.jpg) no-repeat center;
}
.sec-inner {
    margin-top: 10vw;
}
.content-area p {
    margin-bottom: 0;
}
.pc-none {
    display: none;
}
.line-up-preface-text-area {
    text-align: center;
    font-size: 20px;
    margin-bottom: 100px;
}
.order-house-top {
    text-align: center;
}
.order-house-top img {
    max-width: 420px;
}
.order-house-text {
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    position: relative;
    padding: 40px;
    width: 60%;
    margin-left: auto;
    margin-top: -7rem;
    margin-right: 15px;
}
.order-house-img {
    margin-top: 50px;
}
.order-house-img img {
    width: 100%;
}
.order-house-contents {
    margin-top: 5vw;
}
.order-house-content-box {
    width: 25%;
    border-left: 1px solid #2DA4A7;
    text-align: center;
    padding: 0 10px;
}
.order-house-contents>div>.order-house-content-box:nth-child(4) {
    border-right: 1px solid #2DA4A7;
}
.order-house-content-box p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
}
.order-house-content-box h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #2DA4A7;
}
.order-house-content-box small {
    margin-bottom: 20px;
    display: block;
}
#mine-design small {
    display: block;
    text-align: right;
}
#mine-design .order-house-text {
    margin-left: 15px;
    margin-right: 0;
}
.to-mine-design-btn {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 5vw;
}
.komi-content-flexbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.komi-content-box {
    background-color: #efefef;
    padding: 5px 0;
    padding: 25px 0;
    width: 13.5%;
    height: 140px;
}
.mb10 {
    margin-bottom: 10px;
}
.komi-content-position {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.komi-content-position p {
    margin-bottom: 15px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
}
.komi-content-position img {
    width: 50px;
}
.komi-content-text-box {
    width: 56.8%;
    align-self: flex-end;
}
.komi-content-text-box p {
    font-size: 12px;
}
.anchor-position {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

/* デザイン */

.comfortable {
    font-size: 14px;
    background: #fbfaf5;
}
main {
    padding-bottom: 4em;
    padding-top: 167px;
    font-size: 14px;
}
main p {
    font-size: 14px;
}
.comfortable h3 {
    text-align: center;
}
section.utisotoniwa {
    margin-top: 200px;
    margin-bottom: 120px;
}
.utisotoniwa-content {
    margin-bottom: 220px;
}
.comfortable-h4 {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    color: #008e89;
    line-height: 1.4;
    margin-bottom: 60px;
}
.comfortable-h5 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #215529;
}
.l-txt {
    font-size: 18px;
}
.design-heading {
    max-width: 94%;
    margin: auto;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.interior-content .design-heading {
    max-width: 94%;
    margin: auto;
    margin-bottom: 0;
    position: relative;
}
.design-heading-eg {
    max-width: 94%;
    margin: auto;
    margin-bottom: 40px;
    color: #fff;
}
.design-heading::before {
    content: "";
    background: #fff;
    width: 48%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.design-heading::after {
    content: "";
    background: #333;
    width: 52%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.design-heading h3 {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.2 !important;
    width: 30%;
    text-align: left;
    vertical-align: bottom;
    color: #fff;
}
.design-heading span {
    display: inline-block;
    width: 70%;
    text-align: right;
    line-height: 1.2;
    vertical-align: bottom;
}
.design-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.design-item1 {
    width: 48%;
    margin-top: -140px;
}
.design-main {
    position: relative;
    z-index: 0;
}
.design-main p {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.design-item1-mv {
    width: 100%;
}
.design-item1-sub {
    text-align: right;
}
.design-item1-sv1 {
    width: 40%;
    height: 12vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.design-item1-sv2 {
    width: 40%;
    height: 12vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.design-item2 {
    width: 48%;
}
.design-item2 img {
    float: left;
    width: 30%;
}
img.design-item-gy1 {
    height: 25.59vw;
    width: 11vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gy2 {
    height: 14vw;
    width: 8.5vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gy3 {
    height: 14vw;
    width: 8.2vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gy4 {
    width: 16.7vw;
    height: 11.6vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gy5 {
    width: 10.95vw;
}
img.design-item-gy6 {
    width: 8vw;
    height: 12vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gy7 {
    width: 8.7vw;
}

/* ========================= */

img.design-item-gyi1 {
    height: 14vw;
    width: 11vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gyi2 {
    height: 14vw;
    width: 16.75vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
img.design-item-gyi3 {
    width: 14vw;
}
img.design-item-gyi4 {
    width: 13.7vw;
}
img.design-item-gyi5 {
    height: 14vw;
    width: 8.2vw;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.design-heading-sub {
    text-align: center;
    margin-top: 80px;
}
h4.design-h4 {
    margin-bottom: 20px;
    display: inline-block;
    /*width:260px;*/
    position: relative;
}
.design-heading-sub p {
    margin-bottom: 20px;
    display: inline-block;
    width: 280px;
}
.utisotoniwa-content h4.design-h4::before {
    content: "";
    background: url(../images/concept/design/utisotoniwa-txt.png) no-repeat center;
    width: 200px;
    height: 56px;
    position: absolute;
    left: -80px;
    top: -50px;
    z-index: 1;
}
.interior-content h4.design-h4::before {
    content: "";
    background: url(../images/concept/design/i-txt.png) no-repeat center;
    width: 200px;
    height: 56px;
    position: absolute;
    left: -80px;
    top: -50px;
    z-index: 1;
}
.awards-banner a:hover {
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/* ///////////////////////////////////////////// */

@media screen and (max-width:1400px) {
    img.design-item-gy1 {
        height: 25.59vw;
        width: 15vw;
    }
    img.design-item-gy2 {
        height: 14vw;
        width: 10vw;
    }
    img.design-item-gy3 {
        height: 14vw;
        width: 10vw;
    }
    img.design-item-gy4 {
        width: 20vw;
        height: 11.6vw;
    }
    img.design-item-gy5 {
        width: 15vw;
    }
    img.design-item-gy6 {
        width: 10vw;
        height: 12vw;
    }
    img.design-item-gy7 {
        width: 10vw;
    }
    /* ========================= */
    img.design-item-gyi1 {
        height: 14vw;
        width: 14vw;
    }
    img.design-item-gyi2 {
        height: 14vw;
        width: 20vw;
    }
    img.design-item-gyi3 {
        width: 17vw;
    }
    img.design-item-gyi4 {
        width: 17vw;
    }
    img.design-item-gyi5 {
        height: 14vw;
        width: 11vw;
    }
}
.spbr {
    display: none;
}
@media screen and (max-width:1140px) {
    img.design-item-gy1 {
        height: 27.5vw;
        width: 35%;
    }
    img.design-item-gy2 {
        height: 14vw;
        width: 30%;
    }
    img.design-item-gy3 {
        height: 14vw;
        width: 35%;
    }
    img.design-item-gy4 {
        width: 65%;
        height: 13.6vw;
    }
    img.design-item-gy5 {
        width: 40%;
    }
    img.design-item-gy6 {
        width: 30%;
        height: auto;
    }
    img.design-item-gy7 {
        width: 30%;
    }
    /* ========================= */
    img.design-item-gyi1 {
        height: 16vw;
        width: 40%;
    }
    img.design-item-gyi2 {
        height: 16vw;
        width: 60%;
    }
    img.design-item-gyi3 {
        width: 60%;
    }
    img.design-item-gyi4 {
        width: 40%;
    }
    img.design-item-gyi5 {
        height: auto;
        width: 40%;
    }
}
@media screen and (max-width:768px) {
    .design-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .design-item1 {
        width: 100%;
        margin-top: -140px;
    }
    .design-item2 {
        width: 100%;
    }
    .design-heading {
        max-width: 94%;
        margin: auto;
        margin-bottom: 40px;
        position: relative;
    }
    .interior-content .design-heading {
        max-width: 94%;
        margin: auto;
        margin-bottom: 0;
        position: relative;
    }
    .design-heading-eg {
        max-width: 94%;
        margin: auto;
        margin-bottom: 40px;
        color: #fff;
    }
    .design-heading::before {
        content: "";
        background: #fff;
        width: 48%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .design-heading::after {
        content: "";
        background: #fff;
        width: 52%;
        height: 1px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .design-heading h3 {
        display: block;
        margin-bottom: 10px;
        padding-bottom: 0;
        line-height: 1.2 !important;
        width: 100%;
        text-align: left;
        color: #fff;
    }
    .design-heading span {
        display: block;
        width: 100%;
        text-align: left;
        line-height: 1.6;
        color: #fff;
    }
    .design-item1-sv1 {
        width: 50%;
        height: 35vw;
    }
    .design-item1-sv2 {
        width: 50%;
        height: 35vw;
    }
    img.design-item-gy1 {
        height: 55vw;
        width: 35%;
    }
    img.design-item-gy2 {
        height: 25vw;
        width: 30%;
    }
    img.design-item-gy3 {
        height: 25vw;
        width: 35%;
    }
    img.design-item-gy4 {
        width: 65%;
        height: 30vw;
    }
    img.design-item-gy5 {
        width: 40%;
    }
    img.design-item-gy6 {
        width: 30%;
        height: auto;
    }
    img.design-item-gy7 {
        width: 30%;
    }
    /* ========================= */
    img.design-item-gyi1 {
        height: 40vw;
        width: 40%;
    }
    img.design-item-gyi2 {
        height: 40vw;
        width: 60%;
    }
    img.design-item-gyi3 {
        width: 60%;
    }
    img.design-item-gyi4 {
        width: 40%;
    }
    img.design-item-gyi5 {
        height: auto;
        width: 40%;
    }
    section.utisotoniwa {
        margin-top: 140px;
        margin-bottom: 80px;
    }
    .utisotoniwa-content {
        margin-bottom: 140px;
    }
    .spbr {
        display: block;
    }
    .pcbr {
        display: none;
    }
}
@media screen and (max-width:480px) {
    .utisotoniwa-content h4.design-h4::before {
        left: -40px;
        top: -60px;
    }
    .interior-content h4.design-h4::before {
        left: -40px;
        top: -60px;
    }
}
@media screen and (max-width:380px) {
    .design-item1 {
        margin-top: -160px;
    }
    .utisotoniwa-content h4.design-h4::before {
        left: -30px;
        top: -60px;
    }
    .interior-content h4.design-h4::before {
        left: -30px;
        top: -60px;
    }
}

/*快適*/

.comfortable #main-visual {
    background: url(../images/concept/comfortable/i-fv.jpg) no-repeat center;
}
.sec-inner {
    margin-top: 10vw;
}
.content-area p {
    margin-bottom: 0;
}
.pc-none {
    display: none;
}
.line-up-preface-text-area {
    text-align: center;
    font-size: 20px;
    margin-bottom: 100px;
}
.order-house-top {
    text-align: center;
}
.order-house-top img {
    max-width: 420px;
}
.order-house-text {
    background-color: rgba(255, 255, 255, .95);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    position: relative;
    padding: 40px;
    width: 60%;
    margin-left: auto;
    margin-top: -7rem;
    margin-right: 15px;
}
.order-house-img {
    margin-top: 50px;
}
.order-house-img img {
    width: 100%;
}
.order-house-contents {
    margin-top: 5vw;
}
.order-house-content-box {
    width: 25%;
    border-left: 1px solid #2DA4A7;
    text-align: center;
    padding: 0 10px;
}
.order-house-contents>div>.order-house-content-box:nth-child(4) {
    border-right: 1px solid #2DA4A7;
}
.order-house-content-box p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
}
.order-house-content-box h4 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #2DA4A7;
}
.order-house-content-box small {
    margin-bottom: 20px;
    display: block;
}
#s1 {
    padding-top: 50px;
    margin-bottom: 130px;
}
.zeh-h3 {
    position: relative;
    display: inline-block;
}
.zeh-h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient( 135deg, #2DA4A7, #2DA4A7 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient( -45deg, #2DA4A7, #2DA4A7 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#mine-design small {
    display: block;
    text-align: right;
}
#mine-design .order-house-text {
    margin-left: 15px;
    margin-right: 0;
}
.to-mine-design-btn {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 5vw;
}
.komi-content-flexbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.komi-content-box {
    background-color: #efefef;
    padding: 5px 0;
    padding: 25px 0;
    width: 13.5%;
    height: 140px;
}
.mb10 {
    margin-bottom: 10px;
}
.komi-content-position {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.komi-content-position p {
    margin-bottom: 15px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
}
.komi-content-position img {
    width: 50px;
}
.komi-content-text-box {
    width: 56.8%;
    align-self: flex-end;
}
.komi-content-text-box p {
    font-size: 12px;
}
.anchor-position {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}
.awards-banner a:hover {
    opacity: .7;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/* 快適 */

section.jyushi,
section.feature,
section.kijyun,
section.eco,
section.denki {
    margin-bottom: 120px;
}
section.eco {
    background: #fff;
    padding: 3em 0;
}
h3.comfortable-h3 {
    font-size: 1.75rem !important;
}
.comfortable .point-head {
    margin-bottom: 5vw;
    text-align: center;
}
.comfortable-h5 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #215529;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l-txt {
    font-size: 18px;
}
.comfort-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0 40px;
}
.jyushi-item {
    width: 47%;
    text-align: center;
}
.jyushi-item p {
    text-align: left;
}
.jyushi-item-a {
    width: 6%;
    margin: 0 20px;
    position: relative;
}
img.jyushi-img {
    height: 58vw;
    margin-bottom: 40px;
}
img.jyushi_arrow {
    width: 90px;
    height: 99px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.feature5 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.comfortable .title02 {
    padding: 1rem 2rem;
    border: 3px dotted #2DA4A7 !important;
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 0;
    display: inline-block;
    width: 320px;
    text-align: center;
    margin-left: 2%;
    margin-right: 2%;
    font-weight: bold;
}
.comfortable .title02 strong {
    font-size: 46px;
    color: #2DA4A7;
}
.kijyun-box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.kijyun-img1 {
    width: 60%;
    margin-right: 20px;
}
.kijyun-img1 .kijyun1 {
    width: 100%;
}
.kijyun-img1-desc {
    width: 40%;
}
.kijyun-box1 .l-txt {
    margin-bottom: 0;
}
.kijyun-box1 .l-txt span {
    position: relative;
}
.kijyun-box1 .l-txt span span {
    font-size: 12px;
}
.kijyun-box1 .l-txt.desc1>span::before {
    content: "ユーエー";
    font-size: 10px;
    width: 42px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.kijyun-box1 .l-txt.desc2>span::before {
    content: "イータンエーシー";
    font-size: 10px;
    width: 80px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
}
.kijyun-box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}
.kijyun-img2 {
    width: 75%;
    margin-right: 20px;
}
.kijyun-img2 .kijyun2 {
    margin-bottom: 15px;
}
.kijyun-img3 {
    width: 25%;
    margin-right: 20px;
}
.kijyun2,
.kijyun3,
.kijyun4 {
    width: 100%;
}
.kijyun-cau-txt {
    text-align: right;
}
.eco .comfortable-h4 span {
    font-size: 46px;
    font-weight: bold;
}
.eco .l-txt span {
    font-size: 24px;
    color: #2DA4A7;
    font-weight: bold;
}
.point-item {
    background: #fbfaf5;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px 30px;
}
.point-item p {
    margin-bottom: 0;
}
.eco .comfort-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.eco-item {
    width: 48%;
}
.eco-item img {
    margin-bottom: 20px;
}
.eco-desc .eco-desc-st {
    font-size: 18px;
    color: #d19b27;
}
.denki-content {
    padding: 30px;
    background: #f8f8f8;
    border-radius: 10px;
}
.denki .comfort-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
}
.denki-item {
    width: 48%;
}
.denki .title02 {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

/* ///////////////////////////////////////////// */

.spbr {
    display: none;
}
@media screen and (max-width:768px) {
    .jyushi-item-a {
        margin: 0 10px;
    }
    img.jyushi_arrow {
        width: 50px;
        height: 55px;
    }
    img.jyushi-img {
        height: 100vw;
    }
    .comfortable-h4 {
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        color: #008e89;
        line-height: 1.4;
        margin-bottom: 40px;
    }
    .eco .comfortable-h4 span {
        font-size: 32px;
    }
    .comfortable-h5 {
        font-size: 22px;
    }
    .comfortable .title02 {
        padding: 10px 15px;
        font-size: 20px;
    }
    .comfortable .title02 strong {
        font-size: 40px;
        color: #2DA4A7;
    }
    .kijyun-box1 {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-items: center;
    }
    .kijyun-img1 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .kijyun-img1-desc {
        width: 100%;
    }
    .kijyun-box2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .kijyun-img2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .kijyun-img3 {
        width: 100%;
        margin-right: 0;
    }
    .kijyun-cau-txt {
        text-align: left;
    }
    .eco .comfort-flex {
        flex-direction: column;
        align-items: center;
    }
    .eco-item {
        width: 100%;
    }
    .eco-item:first-child {
        margin-bottom: 20px;
    }
    .denki .comfort-flex {
        flex-direction: column;
        align-items: center;
    }
    section.jyushi,
    section.feature,
    section.kijyun,
    section.eco,
    section.denki {
        margin-bottom: 80px;
    }
    .spbr {
        display: block;
    }
    .pcbr {
        display: none;
    }
}
h3.zeh-h3 {
    font-size: 30px !important;
    font-weight: bold;
    padding-bottom: 12px;
}
@media screen and (max-width:521px) {
    .jyushi-item-a {
        margin: 0 5px;
    }
    img.jyushi_arrow {
        width: 40px;
        height: 44px;
    }
    img.jyushi_arrow {
        top: 25%;
    }
}

/*構造*/

.construction .wSpace {
    background: #ffffff;
}
.construction .con3H2 {
    color: #2DA4A7;
    font-weight: bold;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (min-width: 768px) {
    .construction .con3H2 {
        font-size: 24px;
        letter-spacing: -1px;
    }
}
@media (max-width: 767px) {
    .construction .con3H2 {
        font-size: 1.25em;
        padding-left: 2.6em;
        text-indent: -2.6em;
        margin-bottom: 15px;
    }
}
.construction .con3H2 span {
    color: #c2ad98;
    padding-right: 0.3em;
}
@media (min-width: 768px) {
    .construction .con3H2 span {
        font-size: 1.6em;
        vertical-align: -0.15em;
        letter-spacing: -2px;
    }
}
@media (max-width: 767px) {
    .construction .con3H2 span {
        font-size: 1.5em;
        vertical-align: -0.1em;
    }
}
.construction .emphasis_l {
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 1.2;
}
.construction .concept03Txt p {
    font-size: 1rem;
}
.construction .concept03Txt p.construction_caution {
    font-size: 0.625rem;
}
.construction .concept03Txt p.emphasis {
    font-size: 1.56rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.construction .con3Ccube4 {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
}
.construction_caution {
    font-size: 0.625rem;
    text-align: left;
}
.concept03BorderBox {
    border: 1px solid #333;
    text-align: center;
    padding: 15px 0;
    margin: 10px 0;
}
.concept03BorderBox span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .con3Ccube4 div.col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/* 設備10年保証 */

.bgfbfaf5 {
    background: #fbfaf5;
    padding-bottom: 4em;
}
.setsubi-hosho #s1 {
    margin-bottom: 40px;
}
.setsubi-hosho h3 {
    text-align: center;
    margin: 1.5em 0 1.2em;
}
.setsubi-hosho-h4 {
    font-size: 50px;
    /* text-align: center; */
    font-weight: bold;
    color: #008e89;
    line-height: 1;
    margin-bottom: 0;
}
.setsubi-hosho-h4 span {
    font-size: 16px;
}
.setsubi-hosho .title02 {
    padding: 1rem 2rem;
    border: 3px dotted #2DA4A7 !important;
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 5vw;
}
.setsubi-hosho .point-head {
    text-align: center;
}
.point-head-mgt {
    margin-top: 6em;
}
.setsubi-hosho-zeh-h3 span {
    font-size: 13px;
}
.setsubi-hosho-li {
    counter-increment: title;
    position: relative;
    padding: 20px 30px 20px 85px;
    font-size: 14px;
    margin-bottom: 10px;
}
.setsubi-hosho-li::before {
    position: absolute;
    content: counter(title);
    display: inline-block;
    background: #2DA4A7;
    border-radius: 50%;
    font-weight: 700;
    font-size: 20px;
    color: white;
    left: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hosho-content-bg {
    background-color: #efefef;
    padding: 50px;
    margin-bottom: 100px;
    margin-top: 100px;
}
.hosho-content-flexbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hosho-content-box {
    background-color: #fff;
    padding: 5px 0;
    padding: 25px 0;
    width: 24.5%;
    height: 150px;
}
.hosho-content-text-box {
    padding: 5px 0;
    padding: 25px 0;
    width: 24.5%;
    height: 150px;
}
.hosho-content-h4 {
    font-weight: bold;
    font-family: sans-serif;
    letter-spacing: 2.7px;
}
.mini-p {
    font-size: 12px;
    display: block;
    margin-left: 40px;
    margin-top: 6px;
}
.mini-p span {
    margin-right: 10px;
}
.font-family-sans-serif {
    font-family: sans-serif !important;
    font-weight: bold;
}
@media (max-width: 991px) {
    .hosho-content-box {
        width: 32.5%;
    }
}
@media (max-width: 767px) {
    .hosho-content-box {
        width: 48.5%;
    }
}
@media (max-width: 575px) {
    .hosho-content-bg {
        padding: 30px 15px;
    }
    .hosho-content-text-box {
        width: 48.5%;
    }
    .mini-p {
        margin-left: 10px
    }
    .dNone574 {
        display: none;
    }
    .setsubi-hosho h3 {
        font-size: 1.3rem;
    }
}
.banner-zeh img {
    border: 1px solid #7271717e;
}
@media (min-width: 768px) {
    footer {
        padding-top: 0;
    }
}
.setsubi-hosho-list{
    max-width: 600px;
    margin: 0 auto 5em;
}

/*
共通
------------------------------------*/
body {
  color: #202733;
}

p {
  margin-bottom: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

h2 {
  padding: 0;
}

.is-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

.is-tab {
  display: none;
}
@media (max-width: 991px) {
  .is-tab {
    display: block;
  }
}

@media (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

.s-inner {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sec-layout {
  padding-top: 72px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .sec-layout {
    padding-top: 40px;
    padding-bottom: 24px;
  }
}

.text-en {
  font-size: 12px;
  color: #bbbbbb;
}

.text-num {
  font-size: 24px;
}

.text-strong {
  font-size: 17px;
  font-weight: bold;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 12px;
}

.text-xs {
  font-size: 12px;
  transform: scale(0.9);
  transform-origin: left;
}

.text-xs--right {
  transform-origin: right;
}

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

.text-green {
  color: #508D89;
}

.text-right {
  text-align: right;
}

.text-red {
  color: #ED1C24;
  font-weight: 600;
}

.text-yellow-box {
  background-color: #FBB03B;
  color: #fff;
  padding: 2px 8px;
  display: inline-block;
  font-size: 17px !important;
  font-weight: 600;
}

.sec-title {
  display: inline-flex;
  align-items: center;
  padding: 4px 16px;
  background-color: #3C8E8A;
  color: #fff;
  font-weight: bold;
  position: relative;
  height: 50px;
}
.sec-title::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 30px 0 0;
  border-color: #3C8E8A transparent transparent transparent;
  position: absolute;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
}

.sec-title__text {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .sec-title__text {
    font-size: 18px;
  }
}

.sec-title__text-big {
  font-size: 56px;
}

.btn-arrow {
  display: block;
  width: 19px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -o-object-fit: contain;
     object-fit: contain;
}

.mt100 {
  margin-top: 100px;
}

.mt80 {
  margin-top: 80px;
}

.mt40 {
  margin-top: 40px;
}

.mt24 {
  margin-top: 24px;
}

.mt16 {
  margin-top: 16px;
}

.mt8 {
  margin-top: 8px;
}

@media (max-width: 767px) {
  .mt-16-sp {
    margin-top: 16px;
  }
}

/*
共通部分
------------------------------------*/
.fv-header + .topicpath {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.topicpath li img {
  width: 20px;
  vertical-align: top;
  margin-right: 10px;
}

main {
  padding-bottom: 4em;
  padding-top: 167px;
}

/*
.fv-header
------------------------------------*/
.fv-header {
  background-color: #EDF3F3;
  padding: 160px 0;
}

.fv-header__text {
  padding-top: 24px;
  width: 290px;
  height: 158px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background: url("../images/concept/concept-new/fv-header__text-bg.svg") no-repeat center center/cover;
}

.fv-header__text-en {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.fv-header__text-ja {
  font-size: 14px;
  text-align: center;
  color: inherit;
}

/*
.sec-item
------------------------------------*/
.sec-item__container {
  margin-top: -20px;
  padding: 48px 40px 40px;
  background-color: #F2F1F3;
}
@media (max-width: 767px) {
  .sec-item__container {
    padding: 40px 16px 24px;
  }
}

.sec-item__title {
  font-size: 18px;
  font-weight: 600;
}

.sec-item__second-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 24px;
}

.sec-item__inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sec-item__inner {
    flex-direction: column;
  }
}

.sec-item__inner--flex-wrap {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sec-item__inner--flex-wrap {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .sec-item__inner-column-rev {
    align-items: center;
    flex-direction: column-reverse;
  }
}

.sec-item__img {
  width: 100%;
  height: auto;
}
.sec-item__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sec-item__img--middle {
  width: 31%;
}

.sec-item__box {
  width: 48%;
}
@media (max-width: 767px) {
  .sec-item__box {
    width: 100%;
  }
  .sec-item__box:not(:first-child) {
    margin-top: 24px;
  }
}

.sec-item__box--small {
  width: 23%;
}
@media (max-width: 767px) {
  .sec-item__box--small {
    width: 48%;
  }
  .sec-item__box--small:not(:first-child) {
    margin-top: 0;
  }
  .sec-item__box--small:nth-child(n+3) {
    margin-top: 24px;
  }
}

.sec-item__box--middle {
  width: 31%;
}
@media (max-width: 767px) {
  .sec-item__box--middle {
    width: 100%;
  }
}

.sec-item__box--wide {
  width: 66%;
}
@media (max-width: 767px) {
  .sec-item__box--wide {
    width: 100%;
  }
}

.sec-item__top-text {
  margin-bottom: 16px;
}

/*
.sec-item-box
------------------------------------*/
.sec-item-box {
  border-radius: 8px;
  padding: 24px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .sec-item-box {
    padding: 16px;
  }
}

.sec-item-box__flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .sec-item-box__flex--wrap {
    flex-wrap: wrap;
  }
}

.sec-item-box__flex-content {
  width: 52%;
}

.sec-item-box__flex-content60 {
  width: 56%;
}

.sec-item-box__flex-content40 {
  width: 38%;
}

.sec-item-box__flex-content48 {
  width: 48%;
}
@media (max-width: 767px) {
  .sec-item-box__flex-content48.is-sp100 {
    width: 100%;
  }
}

.sec-item-box__flex-content30 {
  width: 28%;
}

.sec-item-box__flex-content-small {
  width: 30%;
}
@media (max-width: 767px) {
  .sec-item-box__flex-content-small {
    width: 100%;
    margin-bottom: 16px;
  }
}

.sec-item-box__block:not(:first-child) {
  margin-top: 24px;
}

.sec-item-box__flex-img {
  width: 38%;
}

.sec-item-box__title {
  font-size: 17px;
  font-weight: bold;
}
.sec-item-box__title span {
  padding-left: 8px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .sec-item-box__title span {
    padding-left: 0;
  }
}

.sec-item-box__title--green {
  color: #508D89;
}

.sec-item-box__header {
  width: 100%;
  font-size: 18px;
  text-align: center;
  padding: 8px;
  background-color: #4d4d4d;
  color: #fff;
}
@media (max-width: 767px) {
  .sec-item-box__header {
    font-size: 15px;
    padding: 4px;
  }
}

.sec-item-box__small-header {
  color: #508D89;
  font-size: 18px;
  font-weight: 600;
}

.sec-item-box__gray-label {
  width: 40px;
  height: 60px;
  background: url("../images/concept/concept-new/gray-label.png") no-repeat center center/cover;
  color: #fff;
  text-align: center;
  padding-top: 16px;
  font-weight: 500;
  position: absolute;
  font-size: 18px;
  left: 10px;
  top: -10px;
}

.sec-item-box__middle-inner {
  padding-left: 20px;
}

.sec-item-box__img {
  width: 100%;
  height: auto;
}
.sec-item-box__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  .sec-item-box__img--sp-small {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sec-item-box__text {
  margin-top: 12px;
}

.sec-item-box__text--right {
  text-align: right;
}

.sec-item-box__list {
  margin-top: 16px;
}

.sec-item-box__item {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1.4em;
  text-indent: -1.4em;
}

.sec-item-box__bottom-note {
  margin-top: 8px;
  font-size: 12px;
}

.sec-item__content42 {
  width: 42%;
}
@media (max-width: 767px) {
  .sec-item__content42 {
    width: 100%;
  }
}

.sec-item__content52 {
  width: 52%;
}
@media (max-width: 767px) {
  .sec-item__content52 {
    width: 100%;
  }
}

.sec-item__flex {
  display: flex;
  justify-content: space-between;
}

.sec-item__flex-box {
  width: 49%;
}

/*
.concept
------------------------------------*/
.concept-inner {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.concept-top {
  padding-top: 64px;
  padding-bottom: 64px;
  text-align: center;
}
@media (max-width: 767px) {
  .concept-top {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.concept-top__sub-title {
  font-size: 24px;
}
@media (max-width: 767px) {
  .concept-top__sub-title {
    font-size: 18px;
  }
}

.concept-top__title {
  margin-top: 16px;
  font-size: 38px;
  color: inherit;
}
@media (max-width: 767px) {
  .concept-top__title {
    font-size: 28px;
  }
}
.concept-top__title span {
  font-size: 24px;
}
@media (max-width: 767px) {
  .concept-top__title span {
    font-size: 18px;
  }
}

.concept-main {
  padding-top: 40px;
}

.concept-main__title {
  width: 548px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.concept-main__title img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.concept-main__title h2 {
  color: inherit;
}
@media (max-width: 767px) {
  .concept-main__title {
    width: 90%;
  }
}

.concept-main__img {
  margin-top: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.concept-main__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.concept-main__bottom {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .concept-main__bottom {
    text-align: left;
  }
}

.concept-menu__title {
  text-align: center;
}

.concept-menu__title-img {
  width: 190px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.concept-menu__title-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.concept-menu__sub-title {
  margin-top: 24px;
}

.concept-menu__list {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.concept-menu__item {
  width: 49%;
}
.concept-menu__item:nth-child(n+3) {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .concept-menu__item:nth-child(n+3) {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .concept-menu__item {
    width: 100%;
  }
  .concept-menu__item:not(:first-child) {
    margin-top: 16px;
  }
}

.concept-btn {
  display: block;
  padding: 24px;
  text-align: center;
  position: relative;
  width: 100%;
  color: #fff;
  background-color: #3C8E8A;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.concept-btn:hover {
  background-color: #444;
  color: #fff;
}

/*
.const
------------------------------------*/
.const-top {
  padding: 160px 0;
  background: url("../images/concept/concept-new/concept-top-bg.jpg") no-repeat center center/contain;
}
@media (max-width: 767px) {
  .const-top {
    background: url("../images/concept/concept-new/concept-top-bg_sp.jpg") no-repeat center center/contain;
  }
}

.const-top__title {
  font-size: 52px;
  text-align: center;
  font-weight: bold;
  text-shadow: 0px 0px 8px rgb(0, 0, 0);
}
@media (max-width: 767px) {
  .const-top__title {
    font-size: 24px;
  }
}

.const-top__text {
  margin-top: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}
.const-top__text span {
  display: inline-block;
  padding: 4px 8px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .const-top__text span {
    display: inline;
    padding: 4px;
  }
}
.const-top__text span:not(:first-child) {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .const-top__text span:not(:first-child) {
    margin-top: 4px;
  }
}

/*
.cost
------------------------------------*/
.cost-desc {
  display: flex;
  align-items: center;
}
.cost-desc img {
  width: 50px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 4px;
}
.cost-desc span {
  font-weight: 600;
}

.cost-appeal {
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.cost-appeal img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cost__ul {
  margin-top: 24px;
  margin-bottom: 0;
}

.cost__li {
  list-style: none;
  padding-left: 16px;
  position: relative;
}
.cost__li:not(:first-child) {
  margin-top: 2px;
}
.cost__li::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #508D89;
  position: absolute;
  top: 5px;
  left: 0;
}

.cost-flame {
  margin-top: 32px;
  padding: 24px;
  border: 2px solid #508D89;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .cost-flame {
    padding: 16px 14px;
  }
}

.cost-flame__top {
  font-size: 18px;
}
@media (max-width: 767px) {
  .cost-flame__top {
    font-size: 16px;
  }
}

.cost-flame__main {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .cost-flame__main {
    font-size: 20px;
  }
}

.cost-flame__strong {
  font-size: 24px;
  padding: 0 4px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .cost-flame__strong {
    font-size: 20px;
  }
}

.cost__ul--flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cost__ul--flex .cost__li:not(:first-child) {
  margin-top: 0;
  margin-left: 8px;
}

.cost-item__title-round {
  padding: 8px;
  font-size: 16px;
  text-align: center;
  border-radius: 30px;
  background-color: #508D89;
  color: #fff;
  font-weight: 600;
  width: 100%;
}

.cost-item__top-block {
  width: 100%;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cost-item__dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.cost-item__dt {
  width: 60%;
}
@media (max-width: 991px) {
  .cost-item__dt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cost-item__dt {
    width: 60%;
  }
}

.cost-item__dd {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.cost-item__gray-box {
  width: 100%;
  padding: 8px 4px;
  background-color: #F4F3F5;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ED1C24;
}

.cost-item__img60 {
  width: 58%;
  height: auto;
}
@media (max-width: 767px) {
  .cost-item__img60 {
    width: 100%;
  }
}
.cost-item__img60 img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cost-item__img30 {
  margin-top: auto;
  width: 34%;
  height: auto;
}
@media (max-width: 767px) {
  .cost-item__img30 {
    width: 56%;
  }
}
.cost-item__img30 img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cost-item__flex-content40 {
  width: 38%;
}
@media (max-width: 767px) {
  .cost-item__flex-content40 {
    width: 100%;
  }
}

.cost-item__flex-content60 {
  width: 58%;
}
@media (max-width: 767px) {
  .cost-item__flex-content60 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.cost-item__labels {
  display: flex;
}
.cost-item__labels .sec-item-box__img:not(:first-child) {
  margin-left: 16px;
}
@media (max-width: 767px) {
  .cost-item__labels .sec-item-box__img:not(:first-child) {
    margin-left: 0;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .cost-item__labels {
    margin-top: 16px;
    flex-direction: column;
  }
}

/*
.comfort
------------------------------------*/
.comfort-item__top {
  font-size: 16px;
}

.comfort-item__top--flex-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*
.design
------------------------------------*/
.design {
  line-height: 2.4;
}

.design-sec-title {
  text-align: center;
}

.design-sec-title__big {
  font-size: 32px;
}

.design-sec-title__middle {
  color: inherit;
  line-height: 1.2;
}

.design-sec-title__small {
  color: inherit;
  line-height: 1.2;
  font-size: 14px;
}

.design-top__flex {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .design-top__flex {
    flex-direction: column;
  }
}

.design-top__content {
  width: 50%;
  padding: 16px;
}
@media (max-width: 767px) {
  .design-top__content {
    width: 100%;
  }
}

.design-top__h3 {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 600;
}

.design-top__img {
  width: 44%;
}
@media (max-width: 767px) {
  .design-top__img {
    margin-top: 24px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.design-top__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}

.design-top__img-note {
  margin-top: 24px;
}

.design-main__message {
  text-align: center;
}

.design-main__message {
  margin-top: 40px;
  line-height: 1.6;
}

.design-main__container {
  margin-top: 100px;
  padding-top: 24px;
  position: relative;
}
@media (max-width: 767px) {
  .design-main__container {
    padding-top: 16px;
  }
}

.design-main__bg {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 447px 880px 0 0;
  border-color: #84C0C5 transparent transparent transparent;
  position: absolute;
  left: -30px;
  top: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .design-main__bg {
    border-width: 300px 600px 0 0;
  }
}
@media (max-width: 767px) {
  .design-main__bg {
    border-width: 400px 310px 0 0;
    left: -15px;
  }
}

.design-main__visuals-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .design-main__visuals-inner {
    margin-top: 16px;
    flex-direction: column;
  }
}

.design-main__visuals-top {
  line-height: 1;
  font-weight: 600;
}
@media (max-width: 767px) {
  .design-main__visuals-top {
    padding-top: 8px;
  }
}

.design-main__visual {
  width: 48.4%;
}
@media (max-width: 767px) {
  .design-main__visual {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .design-main__visual:not(:first-child) {
    margin-top: 40px;
  }
}

.design-main-visual {
  margin-top: 16px;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .design-main-visual {
    margin-top: 8px;
  }
}
.design-main-visual img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.design-main__img-note {
  font-weight: 600;
  font-size: 20px;
}
@media (max-width: 767px) {
  .design-main__img-note {
    font-size: 18px;
  }
}