@import url("https://fonts.googleapis.com/css?family=Lato:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");

.heading, .workspage01__heading > h2 {
    color: #004EA2;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    font-weight: 600
}

.heading.is-xlg, .workspage01__heading > h2 {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 48px
}

@media (max-width: 950px) {
    .heading.is-xlg, .workspage01__heading > h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.heading.is-lg, .workspage01__heading > h2.is-lg {
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 171.42857%;
    margin-bottom: 48px;
    text-align: center
}

@media (max-width: 950px) {
    .heading.is-lg, .workspage01__heading > h2.is-lg {
        font-size: 20px;
        margin-bottom: 24px
    }
}

.heading.is-md, .workspage01__heading > h2.is-md {
    color: #006699;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 20px
}

@media (max-width: 950px) {
    .heading.is-md, .workspage01__heading > h2.is-md {
        font-size: 18px
    }
}

.heading.is-underline, .workspage01__heading > h2.is-underline {
    text-align: center;
    line-height: 171.42857%;
    position: relative;
    z-index: 1;
    padding-bottom: 24px;
    margin-bottom: 40px
}

.heading.is-underline:after, .workspage01__heading > h2.is-underline:after {
    content: "";
    background: #004EA2;
    display: block;
    width: 150px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.heading.is-numtop, .workspage01__heading > h2.is-numtop {
    position: relative;
    z-index: 1;
    padding-top: 42px
}

.heading.is-numtop .num, .workspage01__heading > h2.is-numtop .num {
    display: block;
    color: #0FA7E7;
    font-size: 28px;
    letter-spacing: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.heading.is-underline.is-white, .workspage01__heading > h2.is-underline.is-white {
    color: #fff
}

.heading.is-underline.is-white:after, .workspage01__heading > h2.is-underline.is-white:after {
    background: #fff
}

.heading.is-underline.is-yellow, .workspage01__heading > h2.is-underline.is-yellow {
    color: #F8EA0F
}

.heading.is-underline.is-yellow:after, .workspage01__heading > h2.is-underline.is-yellow:after {
    background: #F8EA0F
}

.heading.is-black, .workspage01__heading > h2.is-black {
    color: #000
}

ul.ul-checklist {
    text-align: left
}

ul.ul-checklist li {
    padding-left: 60px;
    min-height: 36px;
    position: relative;
    margin-bottom: 13px;
    z-index: 1
}

ul.ul-checklist li:last-child {
    margin-bottom: 0
}

ul.ul-checklist li:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url("../../img2/power-selling/icon-checklist.png") center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 950px) {
    ul.ul-checklist li:before {
        left: 0;
        width: 24px;
        height: 24px
    }
}

ul.ul-checklist li span {
    display: inline-block;
    background: linear-gradient(transparent 50%, yellow 50%);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%
}

@media (max-width: 950px) {
    ul.ul-checklist li span {
        font-size: 14px
    }
}

.bg_primary {
    background: #004EA2;
    color: #fff
}

.bg_gray {
    background: #ececec
}

@media (min-width: 951px) {
    .u-hidden-lg {
        display: none
    }
}

@media (max-width: 950px) {
    .u-hidden-sm {
        display: none
    }
}

.footer-block {
    background: #E9F7FD;
    padding-top: 72px
}

@media (max-width: 950px) {
    .footer-block {
        padding-top: 40px
    }
}

.footer-block__inner {
    max-width: 1060px;
    margin: 0 auto
}

@media (max-width: 950px) {
    .footer-block__inner {
        width: 90%
    }
}

.footer-block__links {
    margin-bottom: 50px
}

@media (max-width: 950px) {
    .footer-block__links {
        margin-bottom: 24px
    }
}

.footer-block__links .btn_white {
    display: flex
}

@media (max-width: 950px) {
    .footer-block__links .btn_white {
        display: block
    }
}

.footer-block__links .btn_white a {
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    border: 1px solid #004EA2;
    color: #004EA2;
    line-height: 1;
    margin-top: 0;
    min-height: 80px;
    height: inherit;
    padding: 30px 8.94942%;
    width: 48.49057%;
    margin-right: 3.01887%
}

.footer-block__links .btn_white a:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .footer-block__links .btn_white a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }

    .footer-block__links .btn_white a:last-child {
        margin-bottom: 0
    }
}

.footer-block__circles {
    display: flex;
    width: 69.81132%;
    margin: 0 auto;
    margin-bottom: 50px
}

@media (max-width: 950px) {
    .footer-block__circles {
        display: block
    }
}

.footer-block__circle {
    text-align: center;
    margin-right: 3.77358%
}

.footer-block__circle:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .footer-block__circle {
        margin-right: 0;
        margin-bottom: 8px
    }

    .footer-block__circle:last-child {
        margin-bottom: 0
    }
}

.footer-block__offer {
    background: rgba(0, 78, 162, 0.2);
    padding-top: 48px;
    padding-bottom: 48px
}

@media (max-width: 950px) {
    .footer-block__offer {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.footer-block__content {
    display: flex;
    align-items: center
}

@media (max-width: 950px) {
    .footer-block__content {
        display: block
    }
}

.footer-block__box {
    width: 50%;
    position: relative;
    z-index: 0
}

@media (max-width: 950px) {
    .footer-block__box {
        width: 100%
    }
}

.footer-block__box:after {
    background: #004EA2;
    content: "";
    display: block;
    height: 82px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 950px) {
    .footer-block__box:after {
        display: none
    }
}

.footer-block__box:last-child:after {
    display: none
}

.footer-block__box .btn_blue a {
    margin-top: 0;
    display: block;
    width: 62.64151%;
    min-height: 82px;
    height: inherit;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    padding: 29px 32px 29px 16px
}

@media (max-width: 950px) {
    .footer-block__box .btn_blue a {
        width: 90%
    }
}

.footer-block__telbox {
    width: 60.37736%;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 950px) {
    .footer-block__telbox {
        margin-bottom: 16px;
        width: 90%
    }
}

.footer-block__telbox > a:visited {
    color: #004EA2
}

.footer-block__telbox > a:link {
    color: #004EA2
}

.footer-block__t-title {
    background: #fff;
    color: #004EA2;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    padding: 10px 5%
}

.footer-block__tel {
    color: #004EA2;
    font-size: 42px;
    letter-spacing: 0;
    line-height: 147.61905%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700
}

.footer-block__tel:before {
    content: "\f095";
    font-family: "FontAwesome";
    margin-right: 8px
}

@media (min-width: 951px) {
    .footer-block__tel {
        font-size: 3vw
    }
}

@media (min-width: 1400px) {
    .footer-block__tel {
        font-size: 42px
    }
}

@media (max-width: 950px) {
    .footer-block__tel {
        font-size: 32px
    }
}

.footer-block__t-sub {
    text-align: center;
    color: #004EA2;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 168.75%
}

.label {
    color: #004EA2;
    box-sizing: border-box;
    display: inline-block;
    min-width: 102px;
    border: 1px solid #004EA2;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 8px 1%
}

@media (max-width: 950px) {
    .label {
        font-size: 12px;
        padding: 4px 1%
    }
}

.c-pagination {
    margin-top: 64px
}

@media (max-width: 950px) {
    .c-pagination {
        margin-top: 32px
    }
}

.c-pagination > ul {
    list-style: none;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pagination > ul > li {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    color: #000
}

.c-pagination > ul > li.is-prev {
    margin-right: 4.24528%
}

.c-pagination > ul > li.is-next {
    margin-left: 4.24528%
}

.c-pagination > ul > li > span, .c-pagination > ul > li > a {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid #004EA2;
    background-color: #fff;
    width: 100%
}

.c-pagination > ul > li > span:hover, .c-pagination > ul > li > a:hover {
    opacity: 1;
    background-color: rgba(0, 78, 162, 0.1)
}

.c-pagination > ul > li > span.is-active, .c-pagination > ul > li > a.is-active {
    background: #004EA2;
    color: #fff
}

.c-pagination__next, .c-pagination__prev {
    box-sizing: border-box;
    padding-left: 1px !important;
    padding-right: 1px !important;
    width: 32px;
    padding-bottom: 32px
}

.c-pagination__next {
    background: url("../../img2/works/arrow-pn-next.png") center center no-repeat;
    background-size: 6px 12px
}

.c-pagination__prev {
    background: url("../../img2/works/arrow-pn-prev.png") center center no-repeat;
    background-size: 6px 12px
}

.power-selling-02 {
    width: 100%;
    padding-top: 88px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1
}

@media (max-width: 950px) {
    .power-selling-02 {
        padding-top: 32px;
        padding-bottom: 40px
    }
}

.power-selling-02:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid #fff;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.power-selling-02 ul {
    text-align: left;
    width: 52.85714%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .power-selling-02 ul {
        width: 80%
    }
}

@media (max-width: 750px) {
    .power-selling-02 ul {
        width: 90%;
        max-width: 320px
    }
}

.power-selling-02 ul li {
    padding-left: 8.78378%;
    min-height: 36px;
    position: relative;
    margin-bottom: 13px;
    z-index: 1
}

.power-selling-02 ul li:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url("../../img2/power-selling/icon-checklist.png") center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 13px;
    top: 0
}

@media (max-width: 950px) {
    .power-selling-02 ul li:before {
        left: 0;
        width: 24px;
        height: 24px
    }
}

.power-selling-02 ul li span {
    display: inline-block;
    background: linear-gradient(transparent 50%, yellow 50%);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%
}

@media (max-width: 950px) {
    .power-selling-02 ul li span {
        font-size: 14px
    }
}

.power-selling-03 {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 72px;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box
}

@media (max-width: 950px) {
    .power-selling-03 {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.power-selling-03__points {
    display: flex;
    width: 52.85714%;
    margin: 0 auto;
    margin-bottom: 48px
}

@media (max-width: 750px) {
    .power-selling-03__points {
        width: 90%;
        display: block;
        margin-bottom: 24px
    }
}

.power-selling-03__circle {
    width: 29.72973%;
    margin-right: 5.40541%
}

.power-selling-03__circle:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .power-selling-03__circle {
        margin: 0 auto;
        margin-bottom: 16px;
        width: 100%
    }

    .power-selling-03__circle:last-child {
        margin-right: auto
    }
}

.power-selling-03__block {
    color: #000;
    background: #fff;
    width: 75.71429%;
    margin: 0 auto;
    margin-bottom: 64px;
    padding-bottom: 56px
}

.power-selling-03__block:last-child {
    margin-bottom: 0
}

@media (max-width: 950px) {
    .power-selling-03__block {
        width: 100%;
        padding-bottom: 24px;
        margin-bottom: 24px
    }
}

.power-selling-03__block:nth-child(2) .power-selling-03__text {
    margin-top: 40px
}

.power-selling-03__block:nth-child(3) {
    padding-bottom: 16px
}

.power-selling-03__block:nth-child(3) .power-selling-03__body {
    display: flex
}

.power-selling-03__block:nth-child(3) .power-selling-03__feature {
    width: 51.50943%;
    margin-top: 8px;
    margin-left: 2.67925%
}

.power-selling-03__block:nth-child(3) .power-selling-03__text {
    width: 38.01887%;
    margin-top: 10px;
    text-align: left;
    margin-right: 2.37736%;
    margin-left: 1.37736%;
}

@media (max-width: 950px) {
    .power-selling-03__block:nth-child(3) .power-selling-03__body {
        display: block
    }

    .power-selling-03__block:nth-child(3) .power-selling-03__feature {
        width: 100%;
        margin: 0;
        margin-top: 8px
    }

    .power-selling-03__block:nth-child(3) .power-selling-03__text {
        width: 38.01887%;
        margin-top: 10px;
        text-align: left;
        margin-right: 2.37736%;
        margin-left: 1.37736%;
    }
}

@media (max-width: 950px) and (max-width: 950px) {
    .power-selling-03__block:nth-child(3) .power-selling-03__text {
        width: 100%;
        margin: 0;
        margin-top: 16px
    }
}

.power-selling-03__head {
    box-sizing: border-box;
    background: #E9F7FD;
    color: #004EA2;
    min-height: 84px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 5%;
    padding-right: 5%
}

.power-selling-03__title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 135.71429%
}

@media (max-width: 950px) {
    .power-selling-03__title {
        font-size: 20px
    }
}

.power-selling-03__title .num {
    display: inline-block;
    margin-right: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: 700
}

@media (max-width: 950px) {
    .power-selling-03__title .num {
        margin-right: 16px
    }
}

.power-selling-03__text {
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0;
    line-height: 150%
}

@media (max-width: 950px) {
    .power-selling-03__text {
        padding-left: 5%;
        padding-right: 5%;
        text-align: left;
        font-size: 14px
    }
}

.power-selling-04 {
    padding-top: 100px
}

@media (max-width: 950px) {
    .power-selling-04 {
        padding-top: 40px
    }
}

.power-selling-04__mainblock {
    background: #E9F7FD;
    width: 100%
}

.power-selling-04__mainhead {
    box-sizing: border-box;
    background: #004EA2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 24px;
    padding-left: 5%;
    padding-right: 5%
}

.power-selling-04__mainbody {
    padding: 56px 5.4717%
}

@media (max-width: 950px) {
    .power-selling-04__mainbody {
        padding-top: 24px
    }
}

.power-selling-04__flexwrap {
    display: flex;
    margin-bottom: 20px
}

@media (max-width: 950px) {
    .power-selling-04__flexwrap {
        display: block
    }
}

.power-selling-04__factory {
    width: 42.09968%;
    margin-right: 3.39343%
}

@media (max-width: 950px) {
    .power-selling-04__factory {
        width: 100%;
        margin-bottom: 40px
    }
}

@media (max-width: 950px) {
    .power-selling-04__factory img {
        margin-top: 24px
    }
}

.power-selling-04__conditions {
    width: 54.50689%
}

@media (max-width: 950px) {
    .power-selling-04__conditions {
        width: 100%
    }
}

.power-selling-04__s-title {
    background: #004EA2;
    color: #fff;
    padding: 16px 0;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 120%
}

@media (max-width: 950px) {
    .power-selling-04__s-title {
        padding: 8px 0;
        font-size: 16px
    }
}

.power-selling-04__table {
    margin-top: 32px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #004EA2
}

@media (max-width: 950px) {
    .power-selling-04__table {
        font-size: 12px;
        margin-top: 24px
    }
}

.power-selling-04__table tbody tr th, .power-selling-04__table tbody tr td {
    text-align: left
}

.power-selling-04__table tbody tr {
    border-bottom: 1px solid #004EA2
}

.power-selling-04__table tbody tr th {
    background: rgba(0, 78, 162, 0.4);
    box-sizing: border-box;
    padding: 16px 0 16px 20px;
    width: 31.90661%;
    font-weight: 600
}

@media (max-width: 950px) {
    .power-selling-04__table tbody tr th {
        padding: 8px 4px
    }
}

.power-selling-04__table tbody tr td {
    background: #fff;
    padding-left: 5.05837%;
    padding-right: 6.22568%
}

@media (max-width: 950px) {
    .power-selling-04__table tbody tr td {
        padding: 8px 4px;
        padding-left: 5.05837%
    }
}

.power-selling-04__arrowblock {
    display: flex;
    justify-content: flex-end;
    width: 57.96178%;
    margin-left: 38.64119%;
    margin-right: 3.39703%
}

@media (max-width: 950px) {
    .power-selling-04__arrowblock {
        flex-direction: column-reverse;
        width: 100%;
        margin: 0 auto
    }
}

.power-selling-04__a-text {
    text-align: left;
    font-size: 1.142vw;
    letter-spacing: 0;
    line-height: 150%;
    margin-top: 8px;
    margin-left: 12px;
    width: 58.42491%
}

@media (min-width: 1400px) {
    .power-selling-04__a-text {
        font-size: 16px
    }
}

@media (max-width: 950px) {
    .power-selling-04__a-text {
        font-size: 14px;
        text-align: center;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 8px
    }
}

@media (max-width: 950px) {
    .power-selling-04__arrow {
        width: 50%;
        margin: 0 auto
    }
}

.power-selling-04__estimate {
    background: #fff;
    padding-top: 58px;
    padding-bottom: 40px;
    margin-bottom: 60px;
    margin-top: -30px
}

@media (max-width: 950px) {
    .power-selling-04__estimate {
        margin-top: 16px;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-bottom: 24px
    }
}

.power-selling-04__e-inner {
    width: 77.28238%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .power-selling-04__e-inner {
        width: 95%
    }
}

.power-selling-04__profit {
    background: #fff
}

.power-selling-04__p-inner {
    width: 80.67941%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .power-selling-04__p-inner {
        width: 95%
    }
}

.power-selling-04__grayblock {
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 60px
}

@media (max-width: 950px) {
    .power-selling-04__grayblock {
        margin-top: 30px
    }
}

.power-selling-04__g-inner {
    width: 82.83019%;
    margin: 0 auto
}

.power-selling-04__g-title {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px
}

@media (max-width: 950px) {
    .power-selling-04__g-title {
        font-size: 18px;
        margin-top: 16px
    }
}

.power-selling-04__g-text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    margin-bottom: 48px
}

@media (max-width: 950px) {
    .power-selling-04__g-text {
        font-size: 14px;
        margin-bottom: 24px
    }
}

.power-selling-04 ul.ul-checklist li {
    line-height: 36px;
    padding-left: 60px
}

@media (max-width: 950px) {
    .power-selling-04 ul.ul-checklist li {
        padding-left: 40px;
        line-height: 24px
    }
}

.power-selling-top {
    width: 100%;
    padding-bottom: 41.71429%;
    position: relative;
    z-index: 0
}

@media (max-width: 950px) {
    .power-selling-top {
        padding-bottom: 70%
    }
}

.power-selling-top__bg {
    width: 100%;
    height: 100%;
    background: url("../../img2/power-selling/bg-powerselling-top.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.power-selling-top__inner {
    width: 62.71429%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    padding: 0 10.47836%;
    padding-top: 6.15034%;
    padding-bottom: 6.83371%
}

@media (max-width: 950px) {
    .power-selling-top__inner {
        width: 90%;
        padding-right: 3%;
        padding-left: 3%
    }
}

.reason01 {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    padding-top: 90px;
    padding-bottom: 70px
}

@media (max-width: 950px) {
    .reason01 {
        padding-top: 40px;
        padding-bottom: 32px
    }
}

.reason02 {
    background: url("../img2/reason/bg-three-reasons.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    padding-top: 100px;
    padding-bottom: 80px
}

@media (max-width: 950px) {
    .reason02 {
        padding-top: 50px;
        padding-bottom: 40px
    }
}

.reason02__lead {
    margin-bottom: 48px
}

.reason02__content {
    display: flex;
    justify-content: center
}

@media (max-width: 950px) {
    .reason02__content {
        display: block
    }
}

.reason02__box {
    background: #fff;
    box-sizing: border-box;
    padding: 46px 1.5% 53px 0;
    -webkit-transform: skew(-14deg);
    transform: skew(-14deg);
    width: 18.86792%;
    margin-right: 4.71698%
}

.reason02__box:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .reason02__box {
        width: 53.33333%;
        min-width: 200px;
        margin: 0 auto;
        margin-bottom: 24px
    }

    .reason02__box:last-child {
        margin: 0 auto;
        margin-bottom: 0
    }
}

.reason02__b-inner {
    -webkit-transform: skew(14deg);
    transform: skew(14deg)
}

.reason02__num {
    color: #0FA7E7;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 250%
}

.reason02__title {
    color: #006699;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%
}

.reason03 {
    background: url("../../img2/reason/bg-quority.png") left top no-repeat;
    background-size: initial;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 950px) {
    .reason03 {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

.reason03__lead {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left;
    margin-bottom: 56px
}

.reason03__b-inner {
    width: 86.65906%;
    margin: 0 auto
}

.reason03__b-lead {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left;
    margin-bottom: 40px
}

.reason03__b-flexwrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .reason03__b-flexwrap {
        display: block;
        margin-bottom: 16px
    }
}

.reason03__box {
    width: 47.89474%;
    border: 2px solid;
    border-color: #004EA2;
    overflow: hidden
}

@media (max-width: 950px) {
    .reason03__box {
        width: 100%;
        margin-bottom: 24px
    }
}

.reason03__box.is-orange {
    border-color: #F19716
}

@media (max-width: 950px) {
    .reason03__box.is-orange {
        margin-bottom: 0
    }
}

.reason03__box.is-orange .reason03__b-head {
    background: #F19716
}

.reason03__box.is-orange .reason03__b-body {
    padding: 12px 2%
}

.reason03__arrowblock {
    display: flex;
    justify-content: flex-end;
    width: 59.86842%;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .reason03__arrowblock {
        width: 100%;
        flex-direction: column-reverse;
        text-align: center;
        margin-bottom: 16px
    }
}

.reason03__a-text {
    box-sizing: border-box;
    color: #004EA2;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%;
    margin-left: 5%;
    padding-top: 16px
}

@media (max-width: 950px) {
    .reason03__a-text {
        margin-left: 0;
        margin-bottom: 8px;
        padding-top: 0;
        font-size: 16px
    }
}

.reason03__lineblock {
    background: #004EA2;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 140%;
    padding: 8px 3%;
    text-align: center;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .reason03__lineblock {
        margin-bottom: 16px
    }
}

.reason03__label {
    display: inline-block;
    background: #F8EA0F;
    color: #004EA2;
    min-width: 87px;
    font-weight: 600;
    margin-right: 16px
}

@media (max-width: 950px) {
    .reason03__label {
        display: block;
        margin-right: 0
    }
}

.reason03__b-head {
    background: #004EA2;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 12px 5%
}

.reason03__b-body {
    box-sizing: border-box;
    background: #fff;
    height: calc(100% - 42px);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    padding: 40px 5% 48px
}

@media (max-width: 950px) {
    .reason03__b-body {
        padding: 20px 3%
    }
}

.reason03__table {
    margin-bottom: 24px;
    background: #fff;
    width: 100%;
    min-width: 760px;
    border: 1px solid #004EA2;
    text-align: center;
    font-size: 16px
}

@media (max-width: 950px) {
    .reason03__table {
        min-width: 760px
    }
}

.reason03__table tbody tr {
    border-bottom: 1px solid #004EA2
}

.reason03__table tbody tr th {
    text-align: center
}

.reason03__table tbody tr th, .reason03__table tbody tr td {
    border-right: 1px solid #004EA2;
    padding: 14px 3%
}

.reason03__table .is-bold {
    font-weight: 600
}

.reason03__table .is-left {
    text-align: left;
    padding-left: 2.63158%
}

.reason03__table .is-blue {
    font-weight: 600;
    background: rgba(0, 78, 162, 0.4)
}

.reason03__table .is-light {
    background: rgba(0, 78, 162, 0.2)
}

.reason03__table .is-orange {
    background: #F19716;
    color: #fff;
    font-weight: 600
}

.reason03__table .is-orange span {
    font-weight: 300
}

.reason03__roundblock {
    box-sizing: border-box;
    background: #F8EA0F;
    border-radius: 33px;
    color: #004EA2;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 150%;
    padding: 20px 5%;
    width: 100%
}

.reason03__sub {
    font-size: 16px;
    margin-top: 8px;
    letter-spacing: 0;
    line-height: 150%
}

.reason03__blueblock {
    width: 82.83019%;
    margin: 0 auto;
    margin-bottom: 80px
}

@media (max-width: 950px) {
    .reason03__blueblock {
        width: 100%
    }
}

.reason03__head {
    background: #0FA7E7;
    box-sizing: border-box;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    padding: 18px 5%;
    text-align: center
}

.reason03__body {
    background: #E9F7FD;
    padding: 48px 0
}

.reason03__block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px
}

.reason03__block:last-child {
    margin-bottom: 0
}

.reason03__block:nth-child(2) .service_sc03__box {
    padding: 16px 30px
}

.reason03__block:nth-child(2n) {
    flex-direction: row-reverse
}

@media (max-width: 950px) {
    .reason03__block {
        display: block;
        margin-bottom: 32px
    }
}

.reason03__img {
    width: 48.49057%
}

@media (max-width: 950px) {
    .reason03__img {
        width: 100%;
        margin-bottom: 24px
    }
}

.reason03__title {
    color: #006699;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 135.71429%;
    text-align: left;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .reason03__title {
        font-size: 20px;
        line-height: 1.2
    }
}

.reason03__text-box {
    width: 48.58491%;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

@media (max-width: 950px) {
    .reason03__text-box {
        width: 100%
    }
}

@media (max-width: 950px) {
    .scroll-table {
        overflow-x: auto
    }
}

.reason04 {
    background: #ececec;
    padding-top: 70px;
    padding-bottom: 100px
}

@media (max-width: 950px) {
    .reason04 {
        padding-top: 40px;
        padding-bottom: 64px
    }
}

.reason04__imgblock {
    box-sizing: border-box;
    background: #fff;
    width: 100%;
    text-align: center;
    margin-bottom: 56px
}

@media (max-width: 950px) {
    .reason04__imgblock {
        padding: 40px 0;
        padding-right: 4%;
        margin-bottom: 24px
    }
}

@media (max-width: 950px) {
    .reason04__imgblock img {
        max-width: 596px;
        width: 100%
    }
}

.reason04__wrap {
    width: 82.83019%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .reason04__wrap {
        width: 100%
    }
}

.reason04__bluearea {
    background: #E9F7FD;
    border: 2px dotted #004EA2;
    color: #004EA2;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 168.75%;
    padding: 32px 0;
    margin: 40px 0
}

@media (max-width: 950px) {
    .reason04__bluearea {
        margin: 20px 0
    }
}

.reason04__b-inner {
    width: 86.56036%;
    margin: 0 auto
}

.reason04__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

.reason05 {
    padding-top: 68px
}

@media (max-width: 950px) {
    .reason05 {
        padding-top: 40px
    }
}

.reason05__imgblock {
    background: #E9F7FD;
    padding: 24px 0;
    margin-bottom: 56px
}

@media (max-width: 950px) {
    .reason05__imgblock {
        margin-bottom: 24px;
        padding: 16px 0
    }
}

.reason05__i-inner {
    display: flex;
    width: 82.83019%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .reason05__i-inner {
        display: block;
        width: 100%
    }
}

.reason05__text {
    width: 82.83019%;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

@media (max-width: 950px) {
    .reason05__text {
        width: 100%
    }
}

.service_sc02__head {
    background: #004EA2;
    color: #fff;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    position: relative;
    z-index: 1
}

@media (max-width: 950px) {
    .service_sc02__head {
        padding-top: 32px;
        padding-bottom: 40px
    }
}

.service_sc02__head:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid #004EA2;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -23px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.service_sc02__head ul.ul-checklist {
    text-align: left;
    box-sizing: border-box;
    width: 59.71698%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .service_sc02__head ul.ul-checklist {
        width: 80%
    }
}

@media (max-width: 750px) {
    .service_sc02__head ul.ul-checklist {
        width: 90%;
        max-width: 320px
    }
}

.service_sc02__head ul.ul-checklist li {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    padding-left: 52px
}

@media (max-width: 950px) {
    .service_sc02__head ul.ul-checklist li {
        padding-left: 36px;
        line-height: 28px
    }

    .service_sc02__head ul.ul-checklist li:before {
        height: 28px;
        width: 28px
    }
}

.service_sc02__body {
    background: url("../../img2/self_consumption2/bg-solar.png") left top no-repeat;
    background-size: initial;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 950px) {
    .service_sc02__body {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

.service_sc02__mainimg {
    margin-bottom: 56px
}

@media (max-width: 950px) {
    .service_sc02__mainimg {
        margin-bottom: 24px
    }
}

.service_sc02__text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left;
    width: 82.83019%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .service_sc02__text {
        font-size: 14px
    }
}

.service_sc03 {
    background: url("../../img2/self_consumption2/bg-sc-merit.jpg") center center no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 64px
}

@media (max-width: 950px) {
    .service_sc03 {
        padding-top: 40px;
        padding-bottom: 32px
    }
}

.service_sc03__content {
    display: flex;
    align-items: flex-start;
    width: 88.86792%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .service_sc03__content {
        display: block
    }
}

.service_sc03__box {
    width: 28.98089%;
    margin-right: 6.58174%
}

.service_sc03__box:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .service_sc03__box {
        margin-right: 0;
        width: 100%;
        margin-bottom: 24px
    }
}

.service_sc03__head {
    background: #fff;
    width: 100%;
    padding-top: 36px;
    padding-bottom: 40px;
    margin-bottom: 32px
}

@media (max-width: 950px) {
    .service_sc03__head {
        margin-bottom: 16px
    }
}

.service_sc03__bh-inner {
    text-align: center
}

.service_sc03__title {
    color: #004EA2;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%;
    margin-bottom: 28px;
    text-align: center
}

.service_sc03__text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

@media (max-width: 950px) {
    .service_sc03__text {
        font-size: 14px
    }
}

.service_sc04 {
    padding-top: 100px
}

@media (max-width: 950px) {
    .service_sc04 {
        padding-top: 56px
    }
}

.service_sc04__lead {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    margin-bottom: 64px
}

@media (max-width: 950px) {
    .service_sc04__lead {
        text-align: left;
        margin-bottom: 32px
    }
}

.service_sc04__title {
    color: #006699;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-align: left;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .service_sc04__title {
        font-size: 20px;
        line-height: 1.2
    }
}

.service_sc04__block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px
}

.service_sc04__block:last-child {
    margin-bottom: 0
}

.service_sc04__block:nth-child(2) .service_sc04__box {
    padding: 16px 30px
}

.service_sc04__block:nth-child(2n) {
    flex-direction: row-reverse
}

@media (max-width: 950px) {
    .service_sc04__block {
        display: block;
        margin-bottom: 32px
    }
}

.service_sc04__img {
    width: 48.49057%
}

@media (max-width: 950px) {
    .service_sc04__img {
        width: 100%;
        margin-bottom: 24px
    }
}

.service_sc04__text {
    margin-bottom: 24px
}

.service_sc04__text-box {
    width: 48.58491%;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

@media (max-width: 950px) {
    .service_sc04__text-box {
        width: 100%
    }
}

.service_sc04__subtitle {
    font-weight: 600;
    display: block
}

.service_sc04__box {
    box-sizing: border-box;
    background: #E9F7FD;
    text-align: left;
    padding: 24px 34px
}

.service_sc04__box ul li {
    line-height: 24px
}

.service_sc04__box ul li:before {
    content: "・";
    margin-right: 8px
}

.service_sc05 {
    padding-top: 100px
}

.service_sc05__flexwrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width: 950px) {
    .service_sc05__flexwrap {
        display: block
    }
}

.service_sc05__img {
    width: 48.49057%
}

@media (max-width: 950px) {
    .service_sc05__img {
        width: 100%;
        margin-bottom: 24px
    }
}

.service_sc05__data {
    width: 48.49057%
}

@media (max-width: 950px) {
    .service_sc05__data {
        width: 100%
    }
}

.service_sc05__data table {
    border: 1px solid #ececec;
    text-align: left;
    width: 100%
}

.service_sc05__data table tbody tr {
    border-bottom: 1px solid #ececec
}

.service_sc05__data table tbody tr th, .service_sc05__data table tbody tr td {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 171.42857%
}

.service_sc05__data table tbody tr th {
    background: #f9f9f9;
    font-weight: 600;
    padding: 16px 8px 16px 16px;
    width: 35.40856%
}

.service_sc05__data table tbody tr td {
    padding: 16px 24px 16px 16px
}

.service_sc05__blueblock {
    background: #E9F7FD;
    padding-top: 44px;
    padding-bottom: 50px
}

@media (max-width: 950px) {
    .service_sc05__blueblock {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.service_sc05__b-inner {
    width: 82.83019%;
    margin: 0 auto
}

@media (max-width: 950px) {
    .service_sc05__b-inner {
        width: 95%
    }
}

.service_sc05__b-flexwrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px
}

@media (max-width: 950px) {
    .service_sc05__b-flexwrap {
        display: block;
        margin-bottom: 24px
    }
}

.service_sc05__b-box {
    background: #fff;
    padding: 24px 0 28px 0;
    width: 48.17768%
}

@media (max-width: 950px) {
    .service_sc05__b-box {
        width: 100%;
        margin-bottom: 16px
    }

    .service_sc05__b-box:last-child {
        margin-bottom: 0
    }
}

.service_sc05__head {
    background: #F19716;
    color: #fff;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding: 16px 0
}

@media (max-width: 950px) {
    .service_sc05__head {
        font-size: 20px
    }
}

.service_sc05__body {
    background: #fff;
    padding: 48px 5%
}

@media (max-width: 950px) {
    .service_sc05__body {
        padding: 24px 3%
    }
}

.service_sc05__imgestimate {
    margin-bottom: 40px
}

@media (max-width: 950px) {
    .service_sc05__imgestimate {
        margin-bottom: 20px
    }
}

.service_sc05__grayblock {
    background: #ececec;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 16px;
    margin-top: 60px
}

@media (max-width: 950px) {
    .service_sc05__grayblock {
        margin-top: 30px
    }
}

.service_sc05__g-inner {
    width: 82.83019%;
    margin: 0 auto
}

.service_sc05__g-title {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 16px
}

@media (max-width: 950px) {
    .service_sc05__g-title {
        font-size: 18px;
        margin-top: 16px
    }
}

.service_sc05__g-text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    margin-bottom: 48px
}

@media (max-width: 950px) {
    .service_sc05__g-text {
        font-size: 14px;
        margin-bottom: 24px
    }
}

.c-tabs__navs {
    width: 100%;
    display: flex;
    text-align: center;
    margin-bottom: 70px
}

@media (max-width: 950px) {
    .c-tabs__navs {
        margin-bottom: 32px
    }
}

.c-tabs__navs li {
    width: 33%;
    border-bottom: 1px solid #004EA2;
    color: #004EA2;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0;
    padding: 17px 3%;
    cursor: pointer
}

@media (max-width: 950px) {
    .c-tabs__navs li {
        font-size: 12px
    }
}

.c-tabs__navs li.is-active {
    background: #004EA2;
    color: #fff
}

.c-tabs__content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start
}

.c-tabs__box {
    width: 31.32075%;
    margin-right: 3.01887%;
    margin-bottom: 64px
}

.c-tabs__box:nth-child(3n) {
    margin-right: 0
}

.c-tabs__box:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media (max-width: 950px) {
    .c-tabs__box {
        width: 49.27536%;
        margin-right: 1.44928%;
        margin-bottom: 24px
    }

    .c-tabs__box:nth-child(3n) {
        margin-right: 1.44928%
    }

    .c-tabs__box:nth-last-child(-n+3) {
        margin-bottom: 24px
    }

    .c-tabs__box:nth-child(2n) {
        margin-right: 0
    }

    .c-tabs__box:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

.c-tabs__b-head {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 210px;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .c-tabs__b-head {
        height: 28vw;
        margin-bottom: 16px
    }
}

@media (max-width: 950px) {
    .c-tabs__b-title.heading.is-md, .workspage01__heading > h2.c-tabs__b-title.is-md {
        margin-bottom: 8px
    }
}

.c-tabs__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0
}

.c-tabs__img img {
    max-width: 200%;
    width: 100%
}

.c-tabs__label {
    color: #004EA2;
    box-sizing: border-box;
    display: block;
    min-width: 102px;
    border: 1px solid #004EA2;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 8px 1%
}

@media (max-width: 950px) {
    .c-tabs__label {
        font-size: 12px;
        padding: 4px 1%
    }
}

.c-tabs__data {
    text-align: left;
    line-height: 175%;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .c-tabs__data {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.c-tabs__button .btn_blue a {
    width: 100%;
    margin-top: 0
}

.works {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    padding-top: 90px;
    padding-bottom: 100px
}

@media (max-width: 950px) {
    .works {
        padding-top: 24px;
        padding-bottom: 50px
    }
}

.works__lead {
    margin-bottom: 70px
}

@media (max-width: 950px) {
    .works__lead {
        margin-bottom: 32px
    }
}

.workscontent {
    padding-bottom: 100px
}

@media (max-width: 950px) {
    .workscontent {
        padding-bottom: 56px
    }
}

.workscontent__block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px
}

.workscontent__block:last-child {
    margin-bottom: 0
}

.workscontent__block:nth-child(2) .service_sc03__box {
    padding: 16px 30px
}

.workscontent__block:nth-child(2n) {
    flex-direction: row-reverse
}

@media (max-width: 950px) {
    .workscontent__block {
        display: block;
        margin-bottom: 32px
    }
}

.workscontent__img {
    width: 48.49057%
}

@media (max-width: 950px) {
    .workscontent__img {
        width: 100%;
        margin-bottom: 24px
    }
}

.workscontent__title {
    color: #006699;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 135.71429%;
    text-align: left;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .workscontent__title {
        font-size: 20px;
        line-height: 1.2
    }
}

.workscontent__text {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%
}

.workscontent__text-box {
    /*width: 48.58491%;*/
    width: 100%;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 150%;
    text-align: left
}

@media (max-width: 950px) {
    .workscontent__text-box {
        width: 100%
    }
}

.workscontent__textblock {
    margin-bottom: 56px
}

.workscontent__textblock:last-child {
    margin-bottom: 0
}

@media (max-width: 950px) {
    .workscontent__textblock {
        margin-bottom: 32px
    }

    .workscontent__textblock:last-child {
        margin-bottom: 0
    }
}

.workspage01 {
    padding-top: 80px
}

@media (max-width: 950px) {
    .workspage01 {
        padding-top: 40px
    }
}

.workspage01__heading > h2 {
    text-align: left;
    display: flex;
    align-items: center
}

.workspage01__label {
    text-align: center;
    margin-left: 12px
}

.workspage01__flexwrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px
}

@media (max-width: 950px) {
    .workspage01__flexwrap {
        display: block;
        margin-bottom: 32px
    }
}

.workspage01__img {
    width: 48.49057%
}

@media (max-width: 950px) {
    .workspage01__img {
        width: 100%;
        margin-bottom: 24px
    }
}

.workspage01__data {
    width: 48.49057%
}

@media (max-width: 950px) {
    .workspage01__data {
        width: 100%
    }
}

.workspage01__data table {
    border: 1px solid #ececec;
    text-align: left;
    width: 100%
}

.workspage01__data table tbody tr {
    border-bottom: 1px solid #ececec
}

.workspage01__data table tbody tr th, .workspage01__data table tbody tr td {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 114.28571%
}

.workspage01__data table tbody tr th {
    background: #f9f9f9;
    padding: 19px 8px 19px 16px;
    width: 35.40856%;
}

.workspage01__data table tbody tr td {
    padding: 12px 24px 12px 16px
}

.workspage01__pagelinks {
    padding-bottom: 64px
}

@media (max-width: 950px) {
    .workspage01__pagelinks {
        padding-bottom: 32px
    }
}

.workspage01__pagelinks ul {
    display: flex;
    justify-content: center
}

@media (max-width: 950px) {
    .workspage01__pagelinks ul {
        display: block
    }
}

.workspage01__pagelinks ul li {
    margin-right: 3.01887%;
    width: 31.32075%
}

.workspage01__pagelinks ul li:last-child {
    margin-right: 0
}

@media (max-width: 950px) {
    .workspage01__pagelinks ul li {
        width: 100%;
        margin-right: 0
    }
}

.workspage01__pagelinks ul li .btn_w a {
    box-sizing: border-box;
    margin-top: 0;
    border-color: #004EA2;
    color: #004EA2;
    font-weight: 600;
    width: 100%;
    padding: 0 13%;
    position: relative;
    z-index: 0
}

.workspage01__pagelinks ul li .btn_w a:after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background: url("../../img2/works/arrow-down-bluecircle.png") center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

@media (max-width: 1060px) {
    .workspage01__pagelinks ul li .btn_w a:after {
        width: 20px;
        height: 20px
    }
}

.worksrelation {
    max-width: 1060px;
    margin: 0 auto;
    padding-top: 100px;
    border-top: 1px solid #004EA2
}

@media (max-width: 950px) {
    .worksrelation {
        padding-top: 56px
    }
}

.worksrelation__content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start
}

.worksrelation__box {
    width: 31.32075%;
    margin-right: 3.01887%;
    margin-bottom: 64px
}

.worksrelation__box:nth-child(3n) {
    margin-right: 0
}

.worksrelation__box:nth-last-child(-n+3) {
    margin-bottom: 0
}

@media (max-width: 950px) {
    .worksrelation__box {
        width: 49.27536%;
        margin-right: 1.44928%;
        margin-bottom: 24px
    }

    .worksrelation__box:nth-child(3n) {
        margin-right: 1.44928%
    }

    .worksrelation__box:nth-last-child(-n+3) {
        margin-bottom: 24px
    }

    .worksrelation__box:nth-child(2n) {
        margin-right: 0
    }

    .worksrelation__box:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

.worksrelation__b-head {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 210px;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .worksrelation__b-head {
        height: 28vw;
        margin-bottom: 16px
    }
}

@media (max-width: 950px) {
    .worksrelation__b-title.heading.is-md, .workspage01__heading > h2.worksrelation__b-title.is-md {
        margin-bottom: 8px
    }
}

.worksrelation__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0
}

.workscontent__text-box .alignleft{
    margin-top: 8px;
    margin-right: 24px;
    margin-bottom: 24px;
    float: left;
}
.workscontent__text-box .alignright{
    margin-top: 8px;
    margin-left: 24px;
    margin-bottom: 24px;
    float: right;
}

.worksrelation__img img {
    max-width: 200%;
    width: 100%
}

.worksrelation__label {
    color: #004EA2;
    box-sizing: border-box;
    display: block;
    min-width: 102px;
    border: 1px solid #004EA2;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 8px 1%
}

@media (max-width: 950px) {
    .worksrelation__label {
        font-size: 12px;
        padding: 4px 1%
    }
}

.worksrelation__data {
    text-align: left;
    line-height: 175%;
    margin-bottom: 24px
}

@media (max-width: 950px) {
    .worksrelation__data {
        margin-bottom: 8px;
        font-size: 12px
    }
}

.worksrelation__button .btn_blue a {
    width: 100%;
    margin-top: 0
}

.worksrelation__name {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%;
    margin-top: 64px;
    margin-bottom: 64px
}

@media (max-width: 950px) {
    .worksrelation__name {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.worksrelation__bottom .btn_w a {
    color: #004EA2;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 0;
    width: 396px
}

@media (max-width: 950px) {
    .worksrelation__bottom .btn_w a {
        max-width: none;
        width: 100%
    }
}

.worksrelation__bottom .btn_w a i.icon-left {
    left: 0;
    right: auto;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%)
}

.worksrelation__bottom .btn_w a:hover i.icon-left {
    -webkit-transform: translate(-43%, -50%);
    transform: translate(-43%, -50%)
}

.c-tabs__navs li.is-active a {
    background: #004EA2;
    color: #fff;
    display: block;
}

.post-type-archive-works {

}

.post-type-archive-works #kv,
.single-works #kv {
    background: url(/img2/works/kv.jpg) no-repeat;
    background-size: cover;
}

.post-type-archive-works #kv img,
.single-works #kv img {
    visibility: hidden;
}

#container #home02 .box:nth-child(1) a {
    background-image: url(/img2/self_consumption/kv.jpg);
}
#container #home02 .box:nth-child(2) a {
    background-image: url(/img2/power-selling/kv.jpg);
}



.flex{
    display: flex;
}
.flex>p{
    width: 49%;
}


@media (max-width: 950px) {
.flex>p{
    width: 100%;
}
}