@charset "Shift_JIS";
.header__right a img { max-width: 100px; }
@media screen and (max-width: 667px) {
    .header__right a img { max-width: 80px; }
}
.mainButton {
    background: url(../images/lp_common/main_contents_bg.png) top center repeat-x;
    min-width: 950px;
    padding: 0 0 50px;
    background-color: #fae7af;
}
.mainButton h2 {
    display: table-cell;
    font-size: 48px;
    line-height: 1;
    width: 1359px;
    min-width: 950px;
    height: 120px;
    margin: 0 auto 70px;
    padding-bottom: 45px;
    text-align: center;
    vertical-align: middle;
    color: #e60012;
    text-shadow: #fff 2px 2px 0,
    #fff -2px 2px 0,
    #fff -2px -2px 0,
    #fff 2px -2px 0,
    #fff 2px 0 0,
    #fff 0 2px 0,
    #fff -2px 0 0,
    #fff 0 -2px 0;
}
.subButton {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 5px 0;
    border-radius: 10px;
    background: #fff;
}
.subButton__text {
    float: left;
    font-weight: bold;
    box-sizing: border-box;
    width: 450px;
    padding: 8px 35px 15px;
    color: #333;
}
.subButton .primaryBtn {
    float: right;
    position: relative;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 10px;
    /*padding-left: 15px;*/
    padding: 35px 55px 33px 70px;
    text-align: center;
}
@media screen and (max-width: 667px) {
    .mainButton {
        min-width: 320px;
        padding: 0 0 35px;
    }
    .mainButton h2 {
        font-size: 30px;
        min-width: 320px;
    }
    .subButton {
        box-sizing: border-box;
        margin: 15px 0 0;
        padding: 10px;
    }
    .subButton__text {
        float: none;
        line-height: 1.2;
        width: 100%;
        padding: 0 5px;
    }
    .subButton dl {
        float: none;
        padding-left: 105px;
        background-size: 70px;
    }
    .subButton .primaryBtn {
        float: none;
        width: 100%;
        margin: 5px 0;
    }
}
/*--------------------------メインコンテンツ-----------------------------------*/
/*----3×2カラム（renewalkojiのサービス）背景色変更のサイトあり---*/
.service {
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 50px 5px 52px;
}
.service__title {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 40px;
    text-align: center;
    color: #2660ad;
}
.service__body {
    font-size: 0;
    width: 100%;
}
.service__contents {
    display: inline-block;
    overflow: hidden;
    width: 33%;
    text-align: center;
}
.service__contents__wrap {
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    height: 210px;
    margin-bottom: 12px;
    padding: 20px 0 0;
    border: 1px solid  #2660ad;
    box-shadow: 5px 5px #e0e0e0;
}
.service__contents__head {
    font-size: 12px;
    margin-bottom: 10px;
}
.service__contents__body {
    display: table;
    width: 100%;
    height: 80px;
}
.service__contents__logo {
    height: 85px;
}
.service__text {
    display: table-cell;
    font-size: 25px;
    font-weight: bold;
    vertical-align: middle;
    color: #036289;
}
@media screen and (max-width: 667px) {
    .service {
        box-sizing: border-box;
        width: 100%;
        min-width: 320px;
        margin: 0 auto;
        padding: 40px 10px 30px;
    }
    .service__contents {
        display: block;
        box-sizing: border-box;
        width: 95%;
        height: auto;
        margin: 0 auto 10px;
        padding-right: 5px;
    }
    .service__contents__wrap {
        width: 100%;
        height: auto;
        padding: 20px 10px 10px;
    }
    .service__title {
        font-size: 34px;
        width: 100%;
        margin: 0 0 25px;
        padding: 0;
    }
    .service__contents__logo {
        height: 50px;
        margin: 0 auto;
        margin: auto;
    }
    .service__contents__head {
        height: auto;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .service__text {
        font-size: 20px;
        line-height: 1.2;
    }
    .service__text--line01 { margin-top: 25px; }
}
/*----------メインコンテンツ背景----------*/
.strength {
    min-width: 950px;
    margin: 0 auto;
    background: #eaf1fb;
}
.strength__wrapper {
    overflow: hidden;
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 50px 5px 35px;
}
.strength__content {
    overflow: hidden;
    height: auto;
    margin: 0 auto 25px;
    box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3);
}
.strength__title {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
    color: #2660ad;
}
.title-caotion {
    display: block;
    font-size: 32px;
}
/*コンテンツ内のカラム左右振り分け*/
.strength__column--left {
    float: left;
    font-size: 20px;
    font-weight: bold;
    box-sizing: border-box;
    width: 300px;
    padding: 35px 40px 35px;
    color: #fff;
    background-image: url("../images/lp_common/proposal_head.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.strength__left__line03 { padding: 20px 39px 20px; }
.strength__column--right {
    float: right;
    box-sizing: border-box;
    width: 640px;
    padding: 30px 30px 24px 70px;
    background: #fff;
}
.strength__column--right--pc-line3 { padding: 17px 0 10px 70px; }
/*-----------コンテンツ内容テキスト等----------*/
.text-column {
    box-sizing: border-box;
    padding: 0 5px 0 10px;
}
.strength__list {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.strength__item {
    margin-bottom: 10px;
    list-style-image: url("../images/lp_common/check_yellow.png");
}
.strength__caption {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #414141;
}
/*----------メインコンテンツSP用スタイル----------*/
@media screen and (max-width: 667px) {
    .strength {
        width: 100%;
        min-width: 320px;
        margin: 0;
        padding: 0;
    }
    .strength__wrapper {
        width: 100%;
        margin: 0;
        padding: 40px 10px;
    }
    .strength__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .title-caotion { font-size: 30px; }
    .strength__content {
        overflow: hidden;
        width: 95%;
        height: auto;
        margin: 10px auto 20px;
        padding: 0;
    }
    .text-column { padding: 0 ; }
    .strength__column--left {
        float: none;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .strength__column--right {
        float: none;
        width: 100%;
        padding: 30px 10px 30px 40px;
    }
    .strength__picture {
        width: 100%;
        margin: 0;
    }
    .strength__list { padding-top: 0; }
}
/*施工実績*/
.work {
    overflow: hidden;
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 40px 5px 50px;
}
.work__title {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
    color: #2660ad;
}
.work__column__wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
.work__column--left {
    float: left;
    position: relative;
    width: 45%;
    text-align: center;
}
.work__column--right {
    float: right;
    position: relative;
    width: 45%;
    text-align: center;
}
.work__arrow {
    width: 35px;
    margin-top: 174px;
}
.work__arrow01 { margin-top: 174px; }
.work__arrow02 { margin-top: 174px; }
.work__column__arrow__wrap {
    float: left;
    width: 10%;
    height: 350px;
    text-align: center;
}
.work__colmn__header {
    position: absolute;
    top: 0;
}
/*----リボン----*/
.ribbon {
    font-size: 36px;
    line-height: 1;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 20px;
    padding: 15px 0 10px;
    text-align: center;
    color: #fff;
    background-color: #2660ad;
}
.work__column__text__bf {
    font-size: 27px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 10px;
    color: #1e395e;
}
.work__column__text__af {
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 10px;
    color: #0063e6;
}
.work__column__caption {
    font-size: 16px;
    text-align: left;
    color: #333;
}
.work__text-space {
    display: inline;
    margin-left: 10px;
}
.work__image { width: 100%; }
@media screen and (max-width: 667px) {
    .work {
        box-sizing: border-box;
        width: 100%;
        min-width: 320px;
        padding: 40px 10px 0;
    }
    .work__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .work__column__wrapper { margin-bottom: 30px; }
    .work__column--left,
    .work__column--right {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        text-align: center;
    }
    .work__image {
        position: static;
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
    }
    .work__column__text__bf {
        font-size: 24px;
        height: auto;
        margin: 0;
    }
    .work__column__text__af {
        font-size: 28px;
        height: auto;
        margin: 0;
    }
    .work__column__caption { font-size: 16px; }
    .ribbon {
        font-size: 26px;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 5px 10px;
    }
    .work__arrow {
        width: 20%;
        margin-top: 0;
    }
    .work__column__arrow__wrap {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px 0 10px;
    }
}
/*チェックリスト*/
.checksheet-header {
    min-width: 950px;
    margin: 0 auto;
    background: #0b9e9e;
}
.checksheet-header__wrap {
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 45px 10px 45px;
}
.checksheet-header__title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}
.checksheet-header__read-title {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 667px) {
    .checksheet-header {
        box-sizing: border-box;
        width: 100%;
        min-width: 320px;
        margin: 0;
        padding: 30px 10px 20px;
    }
    .checksheet-header__wrap {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 30px 10px 20px;
    }
    .checksheet-header__title {
        font-size: 34px;
    }
    .checksheet-header__read-title {
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
}
/*チェックリスト*/
.checksheet {
    min-width: 950px;
    margin: 0 auto;
    background: #d3eff0;
}
.checksheet__wrapper {
    box-sizing: border-box;
    width: 950px;
    margin: 0 auto;
    padding: 50px 90px 50px;
}
.checksheet__content {
    overflow: hidden;
    height: auto;
    margin: 0 auto;
}
.checksheet__title {
    font-size: 48px;
    margin-bottom: 5px;
    text-align: center;
    color: #036289;
}
.checksheet__read-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    color: #036289;
}
.checksheet__list { padding: 0 2px 3px 0; }
.checksheet__list__box {
    display: table;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    margin: 0 auto 13px;
    padding: 16px 10px 14px 20px;
    background: #fff;
    box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3);
}
.list-image {
    display: table-cell;
    float: left;
    width: 35px;
    margin-right: 15px;
    vertical-align: middle;
}
.checksheet__item {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-left: 49px;
    vertical-align: middle;
    color: #333;
}
.sample {
    display: table;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 0;
}
.sample__header {
    display: table;
    float: left;
    width: 33%;
    height: 150px;
    vertical-align: middle;
}
.smaple__title {
    display: table-cell;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    color: #333;
}

.sample__item {
    float: left;
    width: 30%;
    margin-bottom: 20px;
    padding: 0 10px;
}
@media screen and (max-width: 667px) {
    .checksheet {
        width: 100%;
        min-width: 320px;
        margin: 0;
        padding: 0;
    }
    .checksheet__wrapper {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 30px 10px 30px;
    }
    .checksheet__title {
        font-size: 34px;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    .checksheet__read-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .checksheet__list { margin-bottom: 20px; }
    .checksheet__list__box {
        height: auto;
        padding: 16px 10px 14px 20px;
    }
    .sample {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
    }
    .sample__header {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding: 10px;
    }
    .smaple__title {
        display: block;
        font-size: 34px;
        text-align: center;
    }
    .sample__body {
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
    }
    .sample__item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }
}
.footer { margin: 100px auto 0; }
@media screen and (max-width: 667px) {
    .footer { margin: 0 auto; }
}