@charset "utf-8";
/* CSS Document */

/*base 
rewrite*/

.harea + .harea {
    padding-top: 40px;
}

.harea[class*="bg"] + .harea,
.harea[class*="tfmp"] + .harea {
    padding-top: 80px;
}

.harea + .harea[class*="bg"] {
    padding: 80px 0;
}

.area + .area {
    padding-top: 40px;
}

.area[class*="bg"] + .area,
.area[class*="tfmp"] + .area {
    padding-top: 80px;
}

.area + .area[class*="bg"] {
    padding: 80px 0;
}

@media only screen and (max-width: 1024px) {

    .harea + .harea {
        padding-top: 30px;
    }

    .harea[class*="bg"] + .harea,
    .harea[class*="tfmp"] + .harea {
        padding-top: 60px;
    }

    .harea + .harea[class*="bg"] {
        padding: 60px 0;
    }

    .area + .area {
        padding-top: 30px;
    }

    .area[class*="bg"] + .area,
    .area[class*="tfmp"] + .area {
        padding-top: 60px;
    }

    .area + .area[class*="bg"] {
        padding: 60px 0;
    }
}

@media only screen and (max-width: 599px) {

    .harea + .harea {
        padding-top: 20px;
    }

    .harea[class*="bg"] + .harea,
    .harea[class*="tfmp"] + .harea {
        padding-top: 40px;
    }

    .harea + .harea[class*="bg"] {
        padding: 40px 0;
    }

    .area + .area {
        padding-top: 20px;
    }

    .area[class*="bg"] + .area,
    .area[class*="tfmp"] + .area {
        padding-top: 40px;
    }

    .area + .area[class*="bg"] {
        padding: 40px 0;
    }
}

/*common*/

.font00 {
    font-family: 'Noto Sans JP', "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.font01 {
    font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

.fc01 {
    color: #fff;
}

.fc02 {
    color: #001133;
}

.fc03 {
    color: #FEA200;
}

.bgc01 {
    background-color: #f8f8f8;
}

.btn01 a {
    display: inline-block;
    opacity: 1;
}

.btn01 .btn.bgtype01 {
    background-color: #fff;
}

.btn01 .btn {
    display: inline-block;
    max-width: 100%;
    padding: .5em;
    border: .1em solid;
    text-align: center;
    width: 13em;
    position: relative;
}

.btn01 .btn:hover:after {
    right: -.25em;
}

.btn01 .btn:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: 0;
    background-color: #FEA200;
    width: 2em;
    height: 1px;
    -webkit-transition: .1s;
    transition: .1s;
}

.back01 a {
    display: inline-block;
    opacity: 1;
}

.back01 .btn {
    display: inline-block;
    max-width: 100%;
    padding: .5em;
    border: 0.125em solid;
    text-align: center;
    width: 13em;
    position: relative;
    background-color: #fff;
}

.back01 .btn:hover:after {
    left: -.25em;
}

.back01 .btn:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 0;
    background-color: #FEA200;
    width: 2em;
    height: 1px;
    -webkit-transition: .1s;
    transition: .1s;
}

.vwpic {
    width: 100vw;
    margin-left: calc((100vw - 1000px) / -2);
}

.cmntit01 {
    font-size: 14px;
    font-weight: 400;
}

.cmntit01 .jp,
.cmntit01 .ruby {
    display: block;
    line-height: 1.4;
}

.cmntit01 .ruby {
    font-size: 80%;
}

.cmntit02 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.4;
}

.cmntit02 .en {
    display: inline-block;
    line-height: 1.4;
}

.cmntit02 .jp {
    display: inline-block;
    position: relative;
    padding-left: 8em;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em;
}

.cmntit02 .jp:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.5em;
    width: 4.5em;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 2px;
    border-bottom: 1px solid;
    z-index: -1;
}

.cmntit03 {
    line-height: 1.4;
    font-size: 26px;
    position: relative;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    font-weight: 700;
}

.cmntit03:before {
    content: "";
    width: 1em;
    height: .1em;
    background-color: #001133;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.cmntit03:after {
    content: "";
    width: 3em;
    height: .1em;
    background-color: #C6D9F9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cmntit03.type01:before {
    background-color: #FEA200;
}

.cmntit03.type01:after {
    background-color: #333;
}

.cmntit04 {
    font-size: 50px;
    line-height: 1.4;
    overflow: hidden;
}

.cmntit04 .en {
    display: inline-block;
    line-height: 1.4;
    position: relative;
    background-color: #fff;
    padding-right: .5em;
    font-weight: 700;
}

.cmntit04 .en:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100vw;
    height: 2px;
    border-bottom: 1px solid;
    z-index: -1;
    margin-top: .1em;
}

.cmntit04 .jp {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em;
}

.cmntit05 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.2;
    position: relative;
    padding: .5em 1.5em .5em 3em;
    text-align: center;
}

.cmntit05:before {
    content: "";
    position: absolute;
    left: 0;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    height: 2px;
    border-bottom: 1px solid;
    z-index: -1;
}

.cmntit05:after {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 100%;
    border-right: 1px solid;
    z-index: -1;
}

.cmntit05in {
    display: inline-block;
    line-height: 1;
    background-color: #fff;
    padding: 0 .5em;
}

.cmntit05 .en {
    display: inline-block;
    line-height: 1;
}

.cmntit05 .jp {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-left: 1em;
    vertical-align: middle;
}

.cmntit06 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.4;
}

.cmntit06 .en {
    display: block;
    line-height: 1.4;
}

.cmntit06 .en:after {
    content: "";
    display: block;
    width: 100%;
    height: .1em;
    background: -webkit-gradient(linear, left top, right top, from(#001133), color-stop(1em, #001133), color-stop(1em, #fff), to(#fff));
    background: -webkit-linear-gradient(left, #001133, #001133 1em, #fff 1em, #fff);
    background: linear-gradient(90deg, #001133, #001133 1em, #fff 1em, #fff);
    margin: .5em 0;
}

.cmntit06 .jp {
    display: block;
    line-height: 1.4;
    font-size: 26px;
}

.cmntit07 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.4;
}

.cmntit07 .en {
    display: block;
    line-height: 1.4;
}

.cmntit07 .jp {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em;
}

.cmntit08 {
    line-height: 1.2;
    font-size: 24px;
    position: relative;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    font-weight: 700;
}

.cmntit08:before {
    content: "";
    width: 1em;
    height: .1em;
    background-color: #001133;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.cmntit08:after {
    content: "";
    width: 3em;
    height: .1em;
    background-color: #C6D9F9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cmntit08.type01:before {
    background-color: #FEA200;
}

.cmntit08.type01:after {
    background-color: #333;
}

.cmntit09 {
    background-color: #f6f6f6;
    padding: .75em 1.25em;
    line-height: 1.4;
    font-weight: 700;
}

.cmntit10 {
    line-height: 1.2;
    position: relative;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    font-weight: 700;
}

.cmntit10:before {
    content: "";
    width: 1em;
    height: .1em;
    background-color: #001133;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.cmntit10:after {
    content: "";
    width: 3em;
    height: .1em;
    background-color: #C6D9F9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cmntit10.type01:before {
    background-color: #FEA200;
}

.cmntit10.type01:after {
    background-color: #333;
}

.cmntit11 {
    font-weight: 700;
    line-height: 1.4;
}

.cmntit11 .en {
    display: block;
    line-height: 1.4;
}

.cmntit11 .en:after {
    content: "";
    display: block;
    width: 100%;
    height: .1em;
    background: -webkit-gradient(linear, left top, right top, from(#001133), color-stop(1em, #001133), color-stop(1em, #fff), to(#fff));
    background: -webkit-linear-gradient(left, #001133, #001133 1em, #fff 1em, #fff);
    background: linear-gradient(90deg, #001133, #001133 1em, #fff 1em, #fff);
    margin: .5em 0;
}

.cmntit11 .jp {
    display: block;
    line-height: 1.4;
}

.cmntit12 {
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}

.cmntit13 {
    line-height: 1.4;
    overflow: hidden;
    font-weight: 700;
}

.cmntit13 .en {
    display: inline-block;
    line-height: 1.4;
    position: relative;
    background-color: #fff;
    padding-right: .5em;
}

.cmntit13 .en:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100vw;
    height: 2px;
    border-bottom: 1px solid;
    z-index: -1;
    margin-top: .1em;
}

.cmntit13 .jp {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em;
}

.tdeco01 {
    display: inline-block;
    font-size: 1.5em;
    position: relative;
    line-height: inherit;
    color: #fff;
    padding: .25em;
    margin-right: .1em;
    margin-left: .1em;
}

.tdeco01:before {
    content: "";
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(48, 70, 128, .8);
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.deco01 {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.deco01:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/import/tenant_1/160.16.150.85/html/images/deco01.png);
    background-position: right .5em top .5em;
    background-repeat: no-repeat;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {

    .vwpic {
        width: 100vw;
        margin-left: calc((100vw - 95vw) / -2);
    }

    .cmntit02 {
        font-size: 42px;
    }

    .cmntit03 {
        font-size: 22px;
    }

    .cmntit04 {
        font-size: 42px;
    }

    .cmntit05 {
        font-size: 42px;
        padding: .5em 1.5em .5em .5em;
    }

    .cmntit05:after {
        right: .75em;
    }

    .cmntit06 {
        font-size: 42px;
    }

    .cmntit06 .jp {
        font-size: 22px;
    }

    .cmntit07 {
        font-size: 42px;
    }

    .cmntit08 {
        font-size: 20px;
    }

}

@media only screen and (max-width: 599px) {

    .vwpic {
        width: 102vw;
        max-width: inherit;
        margin-right: 0 !important;
        margin-left: -5.5% !important;
    }

    .cmntit02 {
        font-size: 36px;
    }

    .cmntit03 {
        font-size: 18px;
    }

    .cmntit04 {
        font-size: 36px;
    }

    .cmntit05 {
        font-size: 36px;
        padding: .5em .5em .5em .5em;
    }

    .cmntit05:after {
        right: .5em;
    }

    .cmntit06 {
        font-size: 36px;
    }

    .cmntit06 .jp {
        font-size: 18px;
    }

    .cmntit07 {
        font-size: 36px;
    }

    .cmntit08 {
        font-size: 18px;
    }
}

/*cmnlayout*/

.cmnbox01 {
    padding: 2.5em 1.5em;
    background-color: #f6f6f6;
    border: 1px solid #fff;
}

.cmnbox02 {
    background-color: #f6f6f6;
    padding: 1.5em 3em;
    border: .2em solid #fff;
    -webkit-box-shadow: 0 0 0 0.2em #f6f6f6;
    box-shadow: 0 0 0 0.2em #f6f6f6;
}

.cmnbox03 {
    padding: 2.5em 1.5em;
    background-color: #fff;
    border: 1px solid #ccc;
}

.cmntable01 table {
    width: 100%;
}

.cmntable01 tr {
    border-bottom: 1px solid #ccc;
}

.cmntable01 th {
    font-weight: bold;
    background-color: #f6f6f6;
    padding: 2em 3em;
    text-align: center;
    width: 50%;
    letter-spacing: .1em;
    vertical-align: middle;
}

.cmntable01 td {
    padding: 2em 3em;
    vertical-align: middle;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {
  
  .cmnbox02{
    padding: 1.5em 1.5em;
  }

    .cmntable01 th {
        padding: 1.5em;
    }

    .cmntable01 td {
        padding: 1.5em;
    }

}

/*home*/

.hnews {
    background-color: #fff;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    max-width: 50%;
    margin-top: 1px;
}

.hnewsbox .titbox {
    width: 180px;
}

.hnewsbox .titbox a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #001133;
    text-align: center;
    padding: 1.25em .5em;
}

.hnewsbox .hnewslist {
    width: calc(100% - 180px);
}

.hnewsitem a {
    display: block;
    padding: 1.5em 4.5em 1.5em 1.5em;
    position: relative;
}

.hnewsitem a:before {
    content: "";
    width: .75em;
    height: 1em;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #707070;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(0, -50%) rotate(-65deg);
    -ms-transform: translate(0, -50%) rotate(-65deg);
    transform: translate(0, -50%) rotate(-65deg);
    -webkit-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    transform-origin: 50% 75%;
    position: absolute;
    top: 50%;
    right: 1.5em;
}

.hnewsitem a:after {
    content: "";
    width: 2.5em;
    height: 1px;
    border-bottom: 1px solid #707070;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    right: 1.5em;
}

.hnewsitem dt {
    width: 7em;
    font-size: 12px;
}

.hnewsitem dd {
    width: calc(100% - 7em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.home02list .home02item:nth-of-type(3n + 1) {
    margin-top: 10%;
}

.home02list .home02item:nth-of-type(3n + 2) {
    margin-top: 5%;
}

.home02item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.home02item .pbox .ofiImg {
    overflow: hidden;
}

.home02item .pbox .ofiImg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1;
}

.home02item .tbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
}

.home02item .tbox * {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 'Noto Serif JP', serif;
    color: #fff;
}

.home02item .tbox .cate {
    text-align: right;
}

.home02item .tbox .cate .label {
    display: inline-block;
    padding: .25em 1em;
    border-radius: 5em;
    border: 1px solid;
    text-align: center;
    min-width: 160px;
    max-width: 100%;
}

.home03 {
    padding-bottom: 0 !important;
}

.home03introbox {
    padding-bottom: 1.5em;
    overflow: hidden;
}

.home03introbox .titbox {
    max-width: 80%;
    margin-left: auto;
    position: relative;
}

.home03introbox .titbox:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%) rotate(-45deg);
    width: 100%;
    height: 2px;
    border-bottom: 1px solid;
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
}

.home03item .pbox {
    width: 40%;
}

.home03item .tbox {
    padding: 3em 0;
    width: 56%;
}

.home03list .home03item .pbox .pic {
    width: 44vw;
}

.home03list .home03item:nth-of-type(odd) .pbox .pic {
    margin-left: calc((100vw - 1000px) / -2);
}

.home03list .home03item:nth-of-type(even) .pbox .pic {
    margin-right: calc((100vw - 1000px) / -2);
}

.home03item .tbox .titbox {
    position: relative;
    padding-left: 140px;
}

.home03item .tbox .titbox .num {
    font-size: 100px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: .25em;
    line-height: 0;
}

.home03item .tbox .titbox .tit {
    line-height: 1.4;
    font-size: 26px;
    margin-bottom: 1em;
}

.home03item .tbox .titbox .tit .en {
    display: block;
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 2em;
}

.home03item .tbox .titbox .tit .jp {
    display: block;
    line-height: 1.4;
}

.home04 {
    padding: 100px 0 !important;
}

.home04 .ofiImg.tc:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1;
}

.home04list {
    position: relative;
    width: 360px;
    height: 360px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.home04list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2.5em solid #fff;
    opacity: .85;
}

.home04list .home04item:nth-of-type(4n+1),
.home04list .home04item:nth-of-type(4n+2) {
    padding-bottom: 1.5em;
}

.home04list .home04item:nth-of-type(4n+3),
.home04list .home04item:nth-of-type(4n+4) {
    padding-top: 1.5em;
}

.home04item {
    width: 50%;
}

.home04item .circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: .75em solid #fff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.home04item .circle .pbox .ofiImg {
    overflow: hidden;
}

.home04item .circle .pbox .ofiImg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 70, 128, .6);
    z-index: 1;
}

.home04item .circle .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: .5em;
}

.home04item .circle .tbox .ttl {
    color: #fff;
    line-height: 1.4;
    font-size: 40px;
}

.home05item {
    margin-bottom: 20px;
}

.home05item a {
    display: block;
}

.home05item .pbox .ofiImg {
    border: 1px solid #f6f6f6;
}

.home05item .cat .label {
    display: inline-block;
    padding: .1em 1.5em;
    background-color: #001133;
    color: #fff;
    margin-right: 1em;
}

.home05item .date {
    display: inline-block;
    padding: .1em 0;
}


@media only screen and (max-width:1024px) {
    .hnews {
        max-width: calc(100% - 3em);
    }

    .hnewsbox .titbox {
        width: 150px;
    }

    .hnewsbox .hnewslist {
        width: calc(100% - 150px);
    }

    .home02item .tbox {
        padding: 1.25em;
    }

    .home02item .tbox .cate .label {
        min-width: inherit;
    }

    .home03list .home03item .pbox .pic {
        width: 40vw;
    }

    .home03list .home03item:nth-of-type(odd) .pbox .pic {
        margin-left: calc((100vw - 95vw) / -2);
    }

    .home03list .home03item:nth-of-type(even) .pbox .pic {
        margin-right: calc((100vw - 95vw) / -2);
    }

    .home03item .tbox .titbox {
        padding-left: 100px;
    }

    .home03item .tbox .titbox .num {
        font-size: 70px;
        top: .4em;
    }

    .home03item .tbox .titbox .tit {
        font-size: 22px;
    }

    .home04 {
        padding: 60px 0 !important;
    }

    .home04list {
        width: 310px;
        height: 310px;
    }

    .home04list:before {

        border-width: 2em;
    }

    .home04item .circle {
        width: 130px;
        height: 130px;
    }

    .home04item .circle .tbox .ttl {
        font-size: 36px;
    }
}

@media only screen and (max-width:599px) {

    .hnews {
        max-width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 0;
        border-bottom: 1px dotted #001133;
    }

    .hnewsbox .titbox {
        width: 100%;
    }

    .hnewsbox .hnewslist {
        width: 100%;
    }

    .hnewsbox .titbox a {
        padding: .5em;
    }

    .hnewsbox .titbox a .jp {
        display: none;
    }

    .hnewsitem a {
        padding: .5em 4.5em 1em 1.5em;
    }

    .hnewsitem dt {
        width: 100%;
    }

    .hnewsitem dd {
        width: 100%;
    }

    .home01box .flexbox .textbox {
        margin-bottom: 40px;
    }

    .home02list .home02item {
        margin-top: 1% !important;
    }

    .home02item .tbox {
        padding: 1em;
    }

    .home03introbox .titbox {
        max-width: 100%;
    }

    .home03item {
        margin-bottom: 0;
    }

    .home03item .pbox,
    .home03item .tbox {
        width: 100%;
    }

    .home03list .home03item .pbox .pic {
        width: 102vw;
        max-width: inherit;
        margin-right: 0 !important;
        margin-left: -5.5% !important;
    }

    .home03item .tbox .titbox .tit {
        font-size: 18px;
    }

    .home03item .tbox .titbox {
        padding-left: 80px;
    }

    .home03item .tbox .titbox .num {
        font-size: 50px;
    }

    .home03item .tbox .titbox .tit .en {
        margin-bottom: 1em;
    }

    .home04 {
        padding: 40px 0 !important;
    }

    .home04list {
        width: 260px;
        height: 260px;
        margin-bottom: 1.5em;
    }

    .home04item .circle {
        width: 110px;
        height: 110px;
    }

    .home04item .circle .tbox .ttl {
        font-size: 30px;
    }
}

/*company*/

.company01item {
    border-bottom: 1px solid #ccc;
    padding: 1.5em 1.5em;
}

.company01item dt {
    width: 10em;
    font-weight: 700;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    letter-spacing: 2px;
}

.company01item dt + dd {
    width: calc(100% - 10em);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.company01item .mapbox {
    padding: .25em;
    background-color: #FFF;
    margin-bottom: .5em;
    border: .5em solid #f6f6f6;
}

.company01item .ol02 {
    padding-left: 1em;
}

.company01item .ol02 li {
    border-bottom: 1px dotted #ccc;
    padding-top: .25em;
    padding-bottom: .25em;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {

    .company01item {
        padding: 1.5em 1em;
    }

    .company01item dt {
        width: 100%;
        margin-bottom: .25em;
        font-size: 15px;
    }

    .company01item dt + dd {
        width: 100%;
    }
}

/*services*/

.services01item .tdeco {
    display: inline-block;
    font-size: 1.5em;
    position: relative;
    line-height: inherit;
    color: #fff;
    padding: .25em;
    margin-right: .1em;
}

.services01item .tdeco:before {
    content: "";
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(48, 70, 128, .8);
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*building*/

.building02introbox {
    padding-bottom: 1.5em;
    overflow: hidden;
}

.building02introbox .titbox {
    max-width: 80%;
    margin-left: auto;
    position: relative;
}

.building02introbox .titbox:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%) rotate(-45deg);
    width: 100%;
    height: 2px;
    border-bottom: 1px solid;
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
}

.building02item .pbox {
    width: 40%;
}

.building02item .tbox {
    padding: 3em 0;
    width: 56%;
}

.building02list .building02item .pbox .pic {
    width: 44vw;
}

.building02list .building02item:nth-of-type(odd) .pbox .pic {
    margin-left: calc((100vw - 1000px) / -2);
}

.building02list .building02item:nth-of-type(even) .pbox .pic {
    margin-right: calc((100vw - 1000px) / -2);
}

.building02item .tbox .titbox {
    position: relative;
    padding-left: 140px;
}

.building02item .tbox .titbox .num:not([data-element-id]) {
    font-size: 100px;
    font-weight: 700;
    position: absolute !important;
    left: 0;
    top: .25em;
    line-height: 0;
}

.building02item .tbox .titbox .tit {
    line-height: 1.4;
    font-size: 26px;
    margin-bottom: 1em;
}

.building02item .tbox .titbox .tit .en {
    display: block;
    line-height: 1.4;
    font-size: 12px;
    margin-bottom: 2em;
}

.building02item .tbox .titbox .tit .jp {
    display: block;
    line-height: 1.4;
}

@media only screen and (max-width: 1024px) {

    .building02list .building02item .pbox .pic {
        width: 40vw;
    }

    .building02list .building02item:nth-of-type(odd) .pbox .pic {
        margin-left: calc((100vw - 95vw) / -2);
    }

    .building02list .building02item:nth-of-type(even) .pbox .pic {
        margin-right: calc((100vw - 95vw) / -2);
    }

    .building02item .tbox .titbox {
        padding-left: 100px;
    }

    .building02item .tbox .titbox .num:not([data-element-id]) {
        font-size: 70px;
        top: .4em;
    }

    .building02item .tbox .titbox .tit {
        font-size: 22px;
    }
}

@media only screen and (max-width: 599px) {

    .building02introbox .titbox {
        max-width: 100%;
    }

    .building02item {
        margin-bottom: 0;
    }

    .building02item .pbox,
    .building02item .tbox {
        width: 100%;
    }

    .building02list .building02item .pbox .pic {
        width: 102vw;
        max-width: inherit;
        margin-right: 0 !important;
        margin-left: -5.5% !important;
    }

    .building02item .tbox .titbox .tit {
        font-size: 18px;
    }

    .building02item .tbox .titbox {
        padding-left: 80px;
    }

    .building02item .tbox .titbox .num:not([data-element-id]) {
        font-size: 50px;
    }

    .building02item .tbox .titbox .tit .en {
        margin-bottom: 1em;
    }
}

/*aircon*/

.aircon01item .cmntit09 {
    position: relative;
    padding-left: 3.5em;
    margin: 1em;
}

.aircon01item .cmntit09 .point {
    display: block;
    position: absolute;
    top: -1em;
    left: -1em;
    background-color: #d45354;
    color: #fff;
    font-size: 14px;
    border-radius: .25em;
    font-weight: 400;
    border-radius: 50%;
    width: 4em;
    height: 4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.aircon01list .aircon01item:nth-of-type(even) .cmntit09 .point {
    background-color: #34A2C6;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*custom*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*standard*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*remodeling*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*furnitecture*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*aftermaintenance*/

.aftermaintenance01 {
    padding-bottom: 0 !important;
}

.aftermaintenance02list {
    margin-left: 1em;
    margin-right: 1em;
}

.aftermaintenance02list .aftermaintenance02item:nth-of-type(even) {
    margin-left: auto;
}

.aftermaintenance02item {
    position: relative;
    border: 1px solid #FEA200;
    padding: 3em;
    background-color: #fff;
    width: 85%;
}

.aftermaintenance02item .step {
    position: absolute !important;
    top: -1.5em;
    left: -1.5em;
    background-color: #FEA200;
    color: #fff;
    border-radius: .25em;
    font-weight: 400;
    border-radius: 50%;
    width: 4.5em;
    height: 4.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.aftermaintenance02item .tbox dt {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: .5em;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {

    .aftermaintenance02item {
        width: 100%;
        padding: 3em 1.5em;
    }
}

/*works*/

.workspostcont {
    width: 70%;
}

.workscaarea {
    width: 22%;
}

.worksitem a {
    display: block;
    position: relative;
    overflow: hidden;
}

.worksitem .pbox .ofiImg {
    overflow: hidden;
}

.worksitem .pbox .ofiImg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    z-index: 1;
}

.worksitem .tbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
}

.worksitem .tbox * {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 'Noto Serif JP', serif;
    color: #fff;
}

.worksitem .tbox .cate {
    text-align: right;
}

.worksitem .tbox .cate .label {
    display: inline-block;
    padding: .25em 1em;
    border-radius: 5em;
    border: 1px solid;
    text-align: center;
    max-width: 100%;
}

.workscaitem .catit {
    line-height: 1.4;
    margin-bottom: 1em;
    font-size: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 'Noto Serif JP', serif;
}

.workscaitem .catit:after {
    content: "";
    display: block;
    width: 1.25em;
    height: .1em;
    margin: .5em 0 .5em;
    background-color: #001133;
    line-height: 0;
}

.workscaitem .alist .catit:after {
    background-color: #FEA200;
}

.workscaitem li {
    margin-bottom: .25em;
}

.workscaitem .all a {
    background-color: #001133;
    color: #fff;
}

.workscaitem a {
    display: block;
    background-color: #f6f6f6;
    padding: .5em 1.5em;
}

.works_detailsinglebox .titbox * {
    line-height: 1.4;
}

.works_detailsinglebox .titbox h2 {
    margin-bottom: .5em;
    font-size: 24px;
    background-color: #f6f6f6;
    padding: .75em 1.25em;
    font-weight: 700;
}

.works_detailsinglebox .titbox h3 {
    position: relative;
    padding-left: 8em;
    font-size: 14px;
    font-weight: 700;
}

.works_detailsinglebox .titbox h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.5em;
    width: 4.5em;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 2px;
    border-bottom: 1px solid;
    z-index: -1;
}

.works_detailsinglebox .crBox .mainPic {
    width: 63%;
    margin: 1% 0;
}

.works_detailsinglebox .crBox .subPicList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 36%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.works_detailsinglebox .crBox .subPicItem {
    width: 31.333%;
    margin: 3.1% 1%;
    cursor: pointer;
}

.works_detailsinglebox .detailsbox .cmntit13 {
    font-size: 24px;
}

.works_detailsinglebox .detailsbox .cmntable01 th {
    width: auto;
}

.works_detailsinglebox .picupitem:nth-of-type(even) .ttl {
    border-left-color: #C6D9F9;
}

.works_detailsinglebox .picupitem .ttl {
    padding: 1em 1.25em;
    background-color: #f6f6f6;
    border-left: .2em solid #FEA200;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700;
}

.works_detailsinglebox .picupitem .subttl {
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
}

.works_detailsinglebox .picupitem .pix {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    background-color: #f6f6f6;
}

.works_detailsinglebox .picupitem .ptext {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 1.5em;
    background-color: #f6f6f6;
}

@media only screen and (max-width:1024px) {

    .workspostcont {
        width: 100%;
    }

    .workscaarea {
        width: 100%;
    }

    .worksitem .tbox {
        padding: 1.25em;
    }

    .workscaitem .catit {
        font-size: 22px;
    }
}

@media only screen and (max-width:599px) {

    .workscaitem .catit {
        font-size: 20px;
    }

    .workslist .worksitem {
        margin-top: 1% !important;
    }

    .worksitem .tbox {
        padding: 1em;
    }

    .works_detailsinglebox .crBox .mainPic {
        width: 100%;
        margin: 0 0 2%;
    }

    .works_detailsinglebox .crBox .subPicList {
        width: 100%;
    }

    .works_detailsinglebox .crBox .subPicItem {
        width: 13.28%;
        margin: .5% .5%;
        cursor: pointer;
    }

    .works_detailsinglebox .titbox h2 {
        font-size: 20px;
        padding: .75em;
    }

    .works_detailsinglebox .titbox h3 {
        font-size: 13px;
    }

    .works_detailsinglebox .detailsbox .cmntit13 {
        font-size: 18px;
    }

    .works_detailsinglebox .picupitem .ttl {
        font-size: 16px;
        padding: .75em;
    }

    .works_detailsinglebox .picupitem .subttl {
        font-size: 15px;
    }
}

/*blog*/

.blogpostcont {
    width: 70%;
}

.blogcaarea {
    width: 22%;
}

.blogcaitem .catit {
    line-height: 1.4;
    margin-bottom: 1em;
    font-size: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 'Noto Serif JP', serif;
}

.blogcaitem .catit:after {
    content: "";
    display: block;
    width: 1.25em;
    height: .1em;
    margin: .5em 0 .5em;
    background-color: #001133;
    line-height: 0;
}

.blogcaitem .alist .catit:after {
    background-color: #FEA200;
}

.blogcaitem li {
    margin-bottom: .25em;
}

.blogcaitem .all a {
    background-color: #001133;
    color: #fff;
}

.blogcaitem a {
    display: block;
    background-color: #f6f6f6;
    padding: .5em 1.5em;
}

.blogitem {
    margin-bottom: 20px;
}

.blogitem a {
    display: block;
}

.blogitem .pbox .ofiImg {
    border: 1px solid #f6f6f6;
}

.blogitem .cat .label {
    display: inline-block;
    padding: .1em 1.5em;
    background-color: #001133;
    color: #fff;
    margin-right: 1em;
}

.blogitem .date {
    display: inline-block;
    padding: .1em 0;
}

.blog_detailsinglebox .titbox .tit {
    line-height: 1.4;
    font-size: 26px;
    font-weight: 700;
}

.blog_detailsinglebox .titbox .tit:after {
    content: "";
    display: block;
    width: 1.25em;
    height: .1em;
    margin: .5em 0 .5em;
    background-color: #001133;
    line-height: 0;
}

.blog_detailsinglebox .postdata .date {
    margin-right: 1em;
}

.blog_detailsinglebox .postdata .term {
    margin: 2px;
    display: inline-block;
    padding: .1em 1.5em;
    background-color: #001133;
    color: #fff;
}

.blog_detailsinglebox .single {
    margin: 3em 0 4em;
}

@media only screen and (max-width:1024px) {

    .blogpostcont {
        width: 100%;
    }

    .blogcaarea {
        width: 100%;
    }

    .blogcaitem .catit {
        font-size: 22px;
    }

    .blog_detailsinglebox .titbox .tit {
        font-size: 22px;
    }

}

@media only screen and (max-width:599px) {

    .blogcaitem .catit {
        font-size: 20px;
    }

    .blog_detailsinglebox .titbox .tit {
        font-size: 18px;
    }
}

/*news*/

.newspostcont {
    width: 70%;
}

.newscaarea {
    width: 22%;
}

.newscaitem .catit {
    line-height: 1.4;
    margin-bottom: 1em;
    font-size: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 'Noto Serif JP', serif;
}

.newscaitem .catit:after {
    content: "";
    display: block;
    width: 1.25em;
    height: .1em;
    margin: .5em 0 .5em;
    background-color: #001133;
    line-height: 0;
}

.newscaitem .alist .catit:after {
    background-color: #FEA200;
}

.newscaitem li {
    margin-bottom: .25em;
}

.newscaitem .all a {
    background-color: #001133;
    color: #fff;
}

.newscaitem a {
    display: block;
    background-color: #f6f6f6;
    padding: .5em 1.5em;
}

.newsitem {
    border-bottom: 1px solid #ccc;
}

.newsitem a {
    display: block;
    padding: 1.5em 4.5em 1.5em 0;
    position: relative;
}

.newsitem a:before {
    content: "";
    width: .75em;
    height: 1em;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #707070;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(0, -50%) rotate(-65deg);
    -ms-transform: translate(0, -50%) rotate(-65deg);
    transform: translate(0, -50%) rotate(-65deg);
    -webkit-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    transform-origin: 50% 75%;
    position: absolute;
    top: 50%;
    right: 1.5em;
}

.newsitem a:after {
    content: "";
    width: 2.5em;
    height: 1px;
    border-bottom: 1px solid #707070;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    right: 1.5em;
}

.newsitem dt {
    width: 7em;
}

.newsitem dd {
    width: calc(100% - 7em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newsitem .pbox .ofiImg {
    border: 1px solid #f6f6f6;
}

.newsitem .cat .label {
    display: inline-block;
    padding: .1em 1.5em;
    background-color: #001133;
    color: #fff;
    margin-right: 1em;
}

.newsitem .date {
    display: inline-block;
    padding: .1em 0;
}

.news_detailsinglebox .titbox .tit {
    line-height: 1.4;
    font-size: 26px;
    font-weight: 700;
}

.news_detailsinglebox .titbox .tit:after {
    content: "";
    display: block;
    width: 1.25em;
    height: .1em;
    margin: .5em 0 .5em;
    background-color: #001133;
    line-height: 0;
}

.news_detailsinglebox .postdata .date {
    margin-right: 1em;
}

.news_detailsinglebox .postdata .term {
    margin: 2px;
    display: inline-block;
    padding: .1em 1.5em;
    background-color: #001133;
    color: #fff;
}

.news_detailsinglebox .single {
    margin: 3em 0 4em;
}

@media only screen and (max-width:1024px) {

    .newspostcont {
        width: 100%;
    }

    .newscaarea {
        width: 100%;
    }

    .newscaitem .catit {
        font-size: 22px;
    }

    .news_detailsinglebox .titbox .tit {
        font-size: 22px;
    }
}

@media only screen and (max-width:599px) {

    .newscaitem .catit {
        font-size: 20px;
    }

    .newsitem a {
        padding: .5em 4.5em 1em 0;
    }

    .newsitem dt {
        width: 100%;
    }

    .newsitem dd {
        width: 100%;
    }

    .news_detailsinglebox .titbox .tit {
        font-size: 18px;
    }
}

/*contact*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*sitemaps*/

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}

/*privacy*/

.privacy02box .textbox .ol02 li {
    border-bottom: 1px dotted #ccc;
    padding-top: .25em;
    padding-bottom: .25em;
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 599px) {}