/* reset css */
.zeroemi_lp h1,
.zeroemi_lp h2,
.zeroemi_lp h3,
.zeroemi_lp h4,
.zeroemi_lp h5 {
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
}
.zeroemi_lp h3::after {
    content: none;
}
.zeroemi_lp h5 {
    color: #b48c52;
    padding-left: 0.5em;
    border-left: 2px solid;
    margin-bottom: 0.5em;
}
.zeroemi_lp .gallery br+br {
    display: block;
}
.mt0 {
    margin-top: 0;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pt0 {
    padding-top: 0 !important;
}

@media (min-width: 768px) {
    .container {
        width: 750px !important;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px !important;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px !important;
    }
}
/* reset css */

/* main */
body {
    background: #1f2632;
}
.mini_inner {
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
}
.zeroemi_lp {
    font-family: a-otf-ud-shin-go-pr6n,sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    overflow-wrap: break-word;
    font-feature-settings: "palt";
    letter-spacing: .05em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.zeroemi_lp .bg_white {
    color: #202733;
    background: #fff;
    padding: 3em;
}
.zeroemi_lp .main_pd {
    padding: 130px 0;
}
.zeroemi_lp .bg_white.not_pd {
    padding: 0;
}
.zeroemi_lp a:hover {
    opacity: .8;
    color: inherit;
    text-decoration: none;
}
.zeroemi_lp img.img100 {
    width: 100%;
}
.zeroemi_lp .right {
    margin-left: 10%;
}
.zeroemi_lp .left {
    margin-right: 10%;
}
.zeroemi_lp .big_style span {
    font-weight: bold;
    padding: 0 0.2em;
}
.zeroemi_lp .big_lead {
    margin-bottom: 0;
    font-size: 1.7em;
    letter-spacing: .1em;
    font-family: a-otf-ryumin-pr6n;
}
.zeroemi_lp small {
    font-size: 20px;
    color: #fff;
}
.zeroemi_lp .inner_pd {
    padding: 106px 100px;
}
.zeroemi_lp .min_pt {
    padding-top: 50px;
}
.zeroemi_lp .gray_bg {
    background-color: #eee;
}
@media (max-width: 1199px) {
    .zeroemi_lp .inner_pd {
        padding: 50px;
    }
}

@media (max-width: 768px) {
    .zeroemi_lp .main_pd,
    .point_container+.cta,
    .cta {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .zeroemi_lp .inner_pd {
        padding: 30px 20px;
    }
    .zeroemi_lp h4 {
        font-size: 20px;
    }
    .zeroemi_lp .big_lead {
        font-size: 20px;
        line-height: 1.2;
    }
}
/* main */

/* cta button */
.cta {
    padding: 156px 0;
}
.cta .contact-btn a {
    font-size: 30px;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 0 35%;
    line-height: 150px;
    letter-spacing: .2em;
    font-family: a-otf-ryumin-pr6n;
    color: #fff;
    background: #960a0a;
    border-radius: 10px;
    position: relative;
}
.cta .contact-btn a:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 32%;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url(//cleverlyhome.tokyo/wp-content/themes/lightning-child/lp_dannetsu/css/../img/arrow.png) top left/contain no-repeat;
}

.hiroie_lead .big {
    /* padding-top: 170px; */
    font-size: 35px;
    letter-spacing: .1em;
    font-family: a-otf-ryumin-pr6n;
    text-align: center;
}
.hiroie_lead .big .small {
    font-size: 30px;
}

@media (max-width: 1199px) {
    .cta .contact-btn a {
        padding: 0;
        width: 700px;
        max-width: 100%;
        line-height: 80px;
        font-size: 18px;
    }
    .cta .contact-btn a:before {
        width: 20px;
        height: 20px;
    }
    .hiroie_lead .big {
        padding-top: 100px;
        font-size: 20px;
    }
    .hiroie_lead .big .small {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .cta {
        padding: 80px 0;
    }
    .cta .contact-btn a {
        width: 100%;
        line-height: 60px;
    }
    .cta .contact-btn a:before {
        right: 10%;
    }
    .hiroie_lead .big {
        padding-top: 60px;
    }
}
/* cta button */

/* first view */
.fv {
    background-image: url('//cleverlyhome.tokyo/wp-content/uploads/2023/05/fv_bg-1-1.png');
    height: 60vh;
    /* background: #ccc; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-position: center 46%;
    background-size: cover;
}
.fv > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* first view */

/* accordion */
.accordion_container {
    font-family: a-otf-ryumin-pr6n;
    position: relative;
}
.accordion_ttl {
    text-align: center;
    background: #b48c52;
    color: #fff;
    cursor: pointer;
    padding: 1em;
    width: 100%;
    font-size: 30px;
    margin-top: -2em;
    border-radius: 10px;
    font-weight: normal;
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}
.accordion_ttl:hover {
    transform: translate3d(0, 5px, 0);
    /* color: #007db9;; */
    box-shadow: none;
    /* background: #fff; */
}
.accordion_text {
    visibility: hidden;
    height: 0;
    text-align: center;
    transition: all .3s ease 0s;
}
.accordion_check:checked + .accordion_text  {
    visibility: visible;
    height: auto;
    padding-top: 40px;
}
@media (max-width: 768px) {
    .accordion_ttl {
        font-size: 20px;
    }
}
/* accordion */

/* Event */
.event_ttl {
    color: #b48c52;
    font-size: 28px;
}
.event_text br + br{
    /* display: none; */
}
.event_btn {
    background: #960a0a;
    color: #fff;
    margin-top: 2.2em;
    font-family: 'a-otf-ryumin-pr6n';
    line-height: 92px;
    font-size: 28px;
    border-radius: 10px;
}
.zeroemi_lp .event_btn:hover {
    color: #fff;
}
/* Event */

/* image_link */
.image_link > div > a {
    flex: 1;
}
/* image_link */

/* point */
.point_container + .cta {
    padding-top: 130px;
}
.point_container h4 small {
    color: #202733;
}
.point_container h4 small span {
    color: #202733;
}
.point_content_top {
    /* background-color: #ccc; */
    font-family: a-otf-ryumin-pr6n;
    background-position: 50% 64%;
    padding: 70px 0;
    position: relative;
}
.point_content_top h3 {
    font-size: 60px;
    letter-spacing: .1em;
    margin-bottom: 1em;
    position: relative;
    border-bottom: 1px solid;
    padding-bottom: 0.4em;
    display: flex;
    align-items: center;
}
.point_content_top h3::after {
    /* content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    right: 0;
    background-color: #fff; */
}
.point_content_top h3 span {
    background: #fff;
    color: #202733;
    /* padding: 0 15px; */
    width: 2.5em;
    height: 2.5em;
    display: inline-flex;
    border-radius: 50%;
    font-size: .6em;
    justify-content: center;
    align-items: center;
    letter-spacing: initial;
}

/* .point_content_top h3 span::before {
    content: "";
    padding-top: 100%;
    display: block;
} */
.point_content h4:not(.not_style),
.form-sec h2 {
    font-family: a-otf-ryumin-pr6n;
    font-size: 35px;
}
@media (min-width: 768px) {
    .point_content_top .content_top_img {
        padding-left: 80px;
    }
}
@media (max-width: 768px) {
    .point_content h4:not(.not_style) {
        font-size: 20px;
    }
    .point_content_top {
        padding-top: 0;
    }
}
/* point */

/* point1 */
#point1 .content_top_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
#point1 .kagi {
    position: relative;
    display: inline-flex;
    margin-bottom: 2em;
}
#point1 .kagi h4 {
    margin: 1em 0;
}
#point1 .kagi > div {
    width: 1.5em;
}
#point1 .kagi > div::before,
#point1 .kagi > div::after {
    height: 10px;
    width: 10px;
    content: '';
    display: block;
    position: absolute;
}
#point1 .lt::before {
    border-top: 1px solid;
    border-left: 1px solid;
}
#point1 .lt::after {
    border-bottom: 1px solid;
    border-left: 1px solid;
    bottom: 0;
}
#point1 .rt::before {
    border-top: 1px solid;
    border-right: 1px solid;
    right: 0;
}
#point1 .rt::after {
    border-bottom: 1px solid;
    border-right: 1px solid;
    right: 0;
    bottom: 0;
}
#point1 .content_top_img {
    gap: 10px;
    align-items: flex-end;
}
#point1 .content_top_img > div {
    flex: 1;
}
#point1 .content_top_img > div.flex_img1 {
    flex: 1.5;
}
#point1 .content_top_img p {
    line-height: 1;
    margin-top: .5em;
}
.point1_gallery_container h4 {
    margin-bottom: 2em;
}
.point1_gallery_container .gallery img {
    border: none;
}
.point1_gallery_container .gallery_item p {
    font-size: .8em;
    line-height: 1.5em;
    margin-top: 0.5em;
}
.gallery_img {
    position: relative;
    width:100%;
    height:0;
    padding-top: 65%;
}
.gallery_img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.realize .mini {
    font-size: .7em;
    padding: 0 0.5em;
}
.tile_merit {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tile_merit .d-flex:not(.tile_merit2_flex) {
    /* flex-wrap: wrap; */
    gap: 15px;
}
.tile_merit .d-flex {
    justify-content: space-between;
}
.tile_merit .hikaku_flex > div > img {
    aspect-ratio: 7/5.1;
    object-fit: cover;
}
.merit_f_inner {
    width: calc(33% - 20px);
}
.merit_f_inner p {
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 5px;
}
.merit_f_sankaku {
    position: relative;
    width: 30px;
}
.merit_f_sankaku span {
    position: absolute;
    content: '';
    top: 30%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 11px;
    border-color: transparent transparent transparent #fff;
    margin: 0 10px;
}
.tile_merit .d-flex img:not(.img100) {
    width: calc(50% - 15px);
}
@media (min-width: 768px) {
    #point1 .content_top_row p {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .realize.point1_content2 .title {
        margin-top: -18px;
    }
    .tile_merit {
        display: flex;
        flex-direction: column-reverse;
    }
    .tile_merit.min_pt {
        padding-top: 0;
    }
    .tile_merit > div:last-child {
        margin-bottom: 40px;
    }
}
/* point1 */

/* point2 */
#point2 {
    background-color: #fff;
    color: #202733;
}
#point2 .point_content_top h3 span {
    background-color: #1f2632;
    color: #fff;
}
.point2_inner.inner1 {
    position: relative;
    overflow: hidden;
    color: #fff;
}
.point2_inner.inner1 .blur {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}
.point2_inner.inner1 .content {
    position: relative;
    z-index: 1;
}
.fukidashi_container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    align-items: center;
    /* gap: 10px; */
}
.fukidashi .text {
    position: relative;
    font-family: a-otf-ryumin-pr6n;
    font-size: 25px;
    color: #fff;
    line-height: 1.4;
    background: #960a0a;
    padding: 30px 39px;
    border-radius: 10px;
    letter-spacing: .1em;
}
.fukidashi .text::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 22px 8px 0;
    border-color: transparent #960a0a transparent transparent;
}
.gray_bg {
    background-color: #eee;
    padding: 106px 100px;
}
.gray_bg + .gray_bg {
    margin-top: 40px;
}
.point_content .gray_bg h4 {
    display: inline-block;
    background: #eee;
    position: relative;
    z-index: 2;
    padding: 0 2em;
    font-size: 1.3em;
    margin-bottom: 0;
}
.gray_bg h4 span {
    font-size: 1.8em;
    display: block;
}
.gray_bg .content_ttl {
    position: relative;
    text-align: center;
    margin-bottom: 2.6em;
}
.gray_bg .content_ttl::before,
.gray_bg .content_ttl::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #1f2632;
    position: absolute;
    left: 0;
    top: 50%;
}
.content2_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.content2_flex .yajirushi_flex {    
    display: flex;
    justify-content: center;
    align-items: center;
}
.yajirushi_flex .yajirushi {    
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 75px 0 75px 40px;
    border-color: transparent transparent transparent #b48c52;
}
.gray_bg.content2 .lead {
    margin-top: 2em;
    margin-bottom: 0;
}
.gray_bg.content2 .lead span {
    font-size: 2.5em;
}
.gray_bg.content3 .big_style span {
    font-size: 1.7em;
}
.point2_inner .big_lead {
    margin-top: 4em;
}
@media (max-width: 1199px) {
    .gray_bg {
        padding: 50px 50px;
    }
}
@media (max-width: 768px) {
    .gray_bg {
        padding: 30px 20px;
    }
    .fukidashi {
        margin-top: 22px;
    }
    .fukidashi .text {
        font-size: 18px;
        padding: 20px;
    }
    .fukidashi .text:before {
        left: 0;
        right: 0;
        top: -22px;
        bottom: auto;
        border-width: 0 8px 22px;
        border-color: transparent transparent #960a0a;
    }
    .point_content .gray_bg h4 {
        padding: 0 10px;
        font-size: 16px;
    }
    .gray_bg h4 span {
        font-size: 1.4em;
    }
    .yajirushi_flex .yajirushi {    
        border-width: 40px 75px 0 75px;
        border-color: #b48c52 transparent transparent transparent;
    }
    .content2_flex .yajirushi_flex {
        margin: 30px 0;
    }
    .gray_bg.content3 .big_style span {
        font-size: 1.3em;
    }
}
/* point2 */

/* point3 */
.point3_img_flex {
    gap: 15px;
    justify-content: center;
    margin-bottom: 60px;
}
.point3_img_flex .flex3_img1 {    
    width: 49%;
}
.point3_img_flex .flex3_img2 {    
    width: 96.2%;
}
.realize {
    padding-top: 80px;
}
.realize > div {
    border: 1px solid #fff;
    position: relative;
    padding-top: 0;
}
.realize > div:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto;
    width: 75%;
    height: 1px;
    background: #202733;
}
.realize .title {
    margin-top: -38px;
    text-align: center;
    font-size: 35px;
    letter-spacing: .1em;
    position: relative;
    font-family: a-otf-ryumin-pr6n;
    color: #fff;
    background: #202733;
}
.realize .text {
    font-size: 13px;
    text-align: center;
    letter-spacing: .1em;
    margin-bottom: 26px;
}

@media (max-width: 1199px) {
    .realize > div:before {
        width: 53%;
        max-width: 542px;
    }
    .realize .title {
        font-size: 20px;
        margin-top: -20px;
    }
}
@media (max-width: 768px) {
    .realize .title {
        font-size: 18px;
        line-height: 1.7;
        margin-top: -30px;
    }
    .realize > div:before {
        width: 90%;
        max-width: 240px;
    }
    .realize {
        padding-top: 20px;
    }
    .realize .small {
        font-size: 12px;
        margin-top: 10px;
    }
    .point3_img_flex {
        flex-wrap: wrap;
        /* gap: 10px; */
    }
    .point3_img_flex .flex3_img1,
    .point3_img_flex .flex3_img2 {
        width: 100%;
    }
}
/* point3 */

/* g2 */
.g2_lead .bg_white small {
    color: #202733;
}
.g2_lead .big_lead {
    margin-top: 3em;
    position: relative;
    text-align: center;
}
.g2_lead .big_lead span {
    font-size: 16px;
    line-height: 1;
}
.g2_lead .bnr {
    background-color: #eee;
    padding: 4em 0;
    text-align: center;
    color: #000;
    margin-top: 3em;
}
.g2_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.g2_flex + .g2_flex {
    margin-top: 40px;
}
.g2_lead .g2_flex:nth-of-type(2) {
    flex-direction: row-reverse;
}
.g2_lead .bnr_inner {
    padding: 0 100px;
    margin-bottom: 90px;
}
@media (max-width: 1199px) {
    .g2_lead .bnr_inner {
        padding: 0 50px;
    }
}
@media (max-width: 768px) {
    .g2_lead .bg_white small {
        font-size: 16px;
    }
    .g2_lead .g2_flex:nth-of-type(2) {
        flex-direction: row;
    }.g2_lead .bnr_inner {
        padding: 0 20px;
    }
    .g2_lead .big_lead span {
        margin-top: 10px;
    }
}
/* g2 */

/* not */
.hiroie_lead .title-box {
    position: relative;
    background: #b48c52;
    border-radius: 40px;
    padding: 22px 0;
}
.hiroie_lead .title-box:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #b48c52 transparent transparent;
}
.hiroie_lead .title-box .title {
    font-size: 35px;
    line-height: 1;
    color: #fff;
    letter-spacing: .15em;
    display: table;
    margin: 0 auto;
    font-family: a-otf-ryumin-pr6n;
    position: relative;
}
.hiroie_lead .title-box .title:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    left: -8%;
    bottom: 56%;
    background: #fff;
    transform: rotate(70deg);
}
.hiroie_lead .title-box .title:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    right: -8%;
    bottom: 56%;
    background: #fff;
    transform: rotate(-70deg);
}
.not .box {
    /* margin-top: 100px; */
    color: #fff;
}
.not .item {
    align-items: center;
    justify-content: space-between;
}
.not .item:nth-child(2n) {
    flex-direction: row-reverse;
}
.not .item .img {
    width: 45.8%;
}
.not .item .text-box {
    width: 47.6%;
}
.not .item .item-title {
    font-size: 30px;
    letter-spacing: .1em;
    font-family: a-otf-ryumin-pr6n;
    padding-left: 90px;
    position: relative;
    line-height: 1;
    box-shadow: none;
}
.not .item .item-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 60px;
}
.not .item .item-title1:before {
    background: url(//cleverlyhome.tokyo/wp-content/themes/lightning-child/lp_dannetsu/css/../img/01.png) top left/contain no-repeat;
}
.not .item .item-title2:before {
    background: url(//cleverlyhome.tokyo/wp-content/themes/lightning-child/lp_dannetsu/css/../img/02.png) top left/contain no-repeat;
}
.not .item .item-title3:before {
    background: url(//cleverlyhome.tokyo/wp-content/themes/lightning-child/lp_dannetsu/css/../img/03.png) top left/contain no-repeat;
}
.not .item .item-title .small {
    font-size: 18px;
    letter-spacing: .1em;
    vertical-align: top;
    color: inherit;
}
.not .detail {
    margin: 60px auto auto 90px;
    display: block;
    font-size: 15px;
    letter-spacing: .1em;
    font-family: a-otf-ryumin-pr6n;
    text-decoration: underline;
    color: #fff;
}
@media (max-width: 1199px) {
    .hiroie_lead .title-box .title {
        font-size: 20px;
    }
    .hiroie_lead .title-box .title:before {
        left: -20%;
        width: 35px;
    }
    .hiroie_lead .title-box .title:after {
        right: -20%;
        width: 35px;
    }
    .not .box {
        margin-top: 80px;
    }
    .not .item .item-title {
        font-size: 18px;
        padding-left: 60px;
    }
    .not .item .item-title:before {
        width: 50px;
        height: 45px;
    }
    .not .item .item-title .small {
        font-size: 16px;
    }
    .not .detail {
        margin: 30px auto auto 60px;
    }
}
@media (max-width: 768px) {
    .hiroie_lead .title-box .title {
        font-size: 12px;
    }
    .hiroie_lead .title-box .title:before,
    .hiroie_lead .title-box .title:after {
        width: 25px;
    }
    .not .box {
        margin-top: 40px;
    }
    .not .item {
        display: block;
    }
    .not .item+.item {
        margin-top: 30px;
    }
    .not .item .img {
        width: 100%;
    }
    .not .item .text-box {
        width: 100%;
        margin-top: 20px;
    }
    .not .item .item-title {
        padding-left: 40px;
    }
    .not .item .item-title:before {
        width: 30px;
        height: 25px;
    }
    .not .item .item-title .small {
        font-size: 12px;
    }
    .not .detail {
        margin-top: 10px;
        margin-left: 40px;
    }
}

/* not */

/* hiroie */
.hiroie {
    padding: 130px 0 0;
    position: relative;
    background: #fff;
}
.hiroie .container {
    padding-bottom: 180px;
    border-bottom: 1px solid #eee;
}
.hiroie .title {
    font-size: 50px;
    letter-spacing: .1em;
    padding: 14px 0 0 50px;
    position: relative;
    color: #b48c52;
    font-family: a-otf-ryumin-pr6n;
}
.hiroie .title:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100px;
    left: 24px;
    bottom: 20px;
    transform: rotate(30deg);
    background: #b48c52;
}
.hiroie .img-bg {
    position: absolute;
    top: 130px;
    right: 0;
    width: 57.8%;
}
.hiroie .box {
    margin-top: 24px;
    background: #fff;
    padding: 80px 0 0;
    width: 61.7%;
    position: relative;
    z-index: 100;
}
.hiroie .box .img {
    width: 62%;
}
.hiroie .box .text {
    margin-top: 50px;
    letter-spacing: .1em;
    font-size: 14px;
    margin-top: 30px;
}
.hiroie .box .img2 {
    margin-top: 130px;
    width: 77.5%;
}
@media (max-width: 1199px) {
    .hiroie {
        padding-top: 80px;
    }
    .hiroie .container {
        padding-bottom: 80px;
    }
    .hiroie .title {
        font-size: 30px;
    }
    .hiroie .title:before {
        height: 70px;
        bottom: 0;
    }
    .hiroie .img-bg {
        top: 80px;
        width: 70%;
    }
    .hiroie .box {
        width: 80%;
    }
    .hiroie .box .img2 {
        margin-top: 60px;
    }
}
@media (max-width: 768px) {
    .hiroie .container {
        padding-bottom: 60px;
    }
    .hiroie .title {
        font-size: 24px;
    }
    .hiroie .img-bg {
        position: static;
        width: 100%;
        margin-top: 10px;
    }
    .hiroie .box {
        padding: 30px 0 0;
        width: 100%;
    }
    .hiroie .box .img2 {
        margin-top: 30px;
    }
}
/* hiroie */


/* offer */
.offer {
    padding: 120px 0 350px;
    background: #fff;
    text-align: center;
    position: relative;
}
.offer:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-top: 78.6458%;
    background: url(//cleverlyhome.tokyo/wp-content/themes/lightning-child/lp_dannetsu/css/../img/bg.jpg) top left/contain no-repeat;
    z-index: 10;
}
.offer .title {
    font-size: 50px;
    padding: 0 0 0 50px;
    position: relative;
    color: #b48c52;
    font-family: a-otf-ryumin-pr6n;
    letter-spacing: .13em;
    display: table;
    margin: 0 auto;
}
.offer .title:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100px;
    left: 24px;
    bottom: 20px;
    transform: rotate(30deg);
    background: #b48c52;
}
.offer .subtitle {
    margin-top: 82px;
    font-size: 35px;
    position: relative;
    color: #b48c52;
    font-family: a-otf-ryumin-pr6n;
    letter-spacing: .1em;
}
.offer .text {
    margin-top: 26px;
    line-height: 1.75;
    letter-spacing: .1em;
}
.offer .box {
    margin-top: 156px;
    background: #fff;
    padding: 0 60px 80px;
    position: relative;
    z-index: 100;
}
.offer .box .item {
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
}
.offer .box .item:nth-child(2n) {
    flex-direction: row-reverse;
}
.offer .box .item+.item {
    margin-top: 100px;
}
.offer .box .item .img-box {
    width: 37%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.offer .box .item .img-box1 .img:first-child {
    width: 100%;
}
.offer .box .item .img-box1 .img:nth-child(2) {
    width: 49%;
    margin-top: 10px;
}
.offer .box .item .img-box1 .img:nth-child(3) {
    width: 49%;
    margin-top: 10px;
}
.offer .box .item .img-box2 .img:first-child,
.offer .box .item .img-box2 .img:nth-child(2) {
    width: 49%;
}
.offer .box .item .img-box2 .img:nth-child(3),
.offer .box .item .img-box2 .img:nth-child(4),
.offer .box .item .img-box2 .img:nth-child(5) {
    width: 32%;
    margin-top: 10px;
}
.offer .box .item .img-box3 .img:first-child {
    width: 100%;
}
.offer .box .item .img-box3 .img:nth-child(2),
.offer .box .item .img-box3 .img:nth-child(3) {
    width: 49%;
    margin-top: 10px;
}
.offer .box .item .text-box {
    width: 58%;
}
.offer .box .item .item-title {
    padding-bottom: 14px;
    font-size: 30px;
    font-family: a-otf-ryumin-pr6n;
    color: #960a0a;
    border-bottom: 1px solid #960a0a;
    letter-spacing: .1em;
    line-height: 1;
}
.offer .box .item .item-subtitle {
    margin-top: 26px;
    line-height: 1.5;
    font-size: 20px;
    font-family: a-otf-ryumin-pr6n;
    letter-spacing: .1em;
}
.offer .box .item .text {
    line-height: 2;
}
@media (max-width: 1199px) {
    .offer {
        padding: 80px 0 200px;
    }
    .offer .title {
        font-size: 30px;
    }
    .offer .title:before {
        height: 70px;
        bottom: 0;
    }
    .offer .subtitle {
        margin-top: 30px;
        font-size: 20px;
    }
    .offer .box {
        margin-top: 80px;
        padding: 0 30px 60px;
    }
    .offer .box .item .item-title {
        font-size: 20px;
    }
    .offer .box .item .item-subtitle {
        font-size: 18px;
        margin-top: 10px;
    }
    .offer .box .item .text {
        margin-top: 10px;
    }
}
@media (max-width: 768px) {
    .offer {
        padding: 60px 0 90%;
    }
    .offer .title {
        font-size: 24px;
        line-height: 1.7;
    }
    .offer .text {
        font-size: 14px;
    }
    .offer .box {
        margin-top: 60px;
        padding: 0;
    }
    .offer .box .item {
        flex-direction: column-reverse;
    }
    .offer .box .item .img-box {
        width: 100%;
    }
    .offer .box .item .text-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .offer .box .item .text {
        font-size: 14px;
    }
    .offer .box .item:nth-child(2n) {
        flex-direction: column-reverse;
    }
}
/* offer */

/* form */
.form-sec {
    padding-top: 0;
}
.form-table .th {
    background-color: #000;
}
.zeroemi_lp .mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0;
}
.zeroemi_lp form .btn-contact input.btn-primary {
    background: #960a0a;
    border: none;
    color: #fff !important;
}
.zeroemi_lp .faq_tab p.question:before {
    color: #3866a2;
}
.zeroemi_lp .faq_tab {
    background: rgba(255,255,255,.05);
}
/* form */

/* フローティングバナー */
.footer-mr {
    z-index: 999;
}