@charset "utf-8";

/*===================================
このcssは絶対に編集しない
===================================*/

/* 使用変数一覧 */

:root {
    --text-color-01: ;
    --text-color-02: ;
    --text-color-03: ;
    --text-color-04: ;

    --font-family-01: ;
    --font-family-02: ;
    --font-family-03: ;
    --font-family-04: ;

    --bg-color-01: ;
    --bg-color-02: ;
    --bg-color-03: ;
    --bg-color-04: ;

    --btn-color-01: ;
    --btn-color-02: ;
    --btn-color-03: ;
    --btn-color-04: ;
}

.text-color-01 {
    color: #b2e7cc;
}

.text-color-02 {
    color: #b2e7cc;
}

.text-color-03 {
    color: var(--text-color-03);
}

.text-color-04 {
    color: var(--text-color-04);
}

.font-family-01 {
    font-family: var(--font-family-01);
}

.font-family-02 {
    font-family: var(--font-family-02);
}

.font-family-03 {
    font-family: var(--font-family-03);
}

.font-family-04 {
    font-family: var(--font-family-04);
}

.bg-color-01 {
    background-color: #ffca90;
}

.bg-color-02 {
    background-color: var(--bg-color-02);
}

.bg-color-03 {
    background-color: var(--bg-color-03);
}

.bg-color-04 {
    background-color: var(--bg-color-04);
}

/* .btn-color-01 {
    background-color: #b2e7cc;
}

.btn-color-02 {
    background-color: var(--btn-color-02);
}

.btn-color-03 {
    background-color: var(--btn-color-03);
}

.btn-color-04 {
    background-color: var(--btn-color-04);
} */

/* 基本設定 */

#wrapper {
    overflow: hidden;
}

.bs-1 {
    border: solid 1px;
}

.bs-2 {
    border: solid 2px;
}

.bs-3 {
    border: solid 3px;
}

.bs-4 {
    border: solid 4px;
}

.bs-5 {
    border: solid 5px;
}

.br-5 {
    border-radius: 5px;
}

.br-10 {
    border-radius: 10px;
}

.br-15 {
    border-radius: 15px;
}

.br-20 {
    border-radius: 20px;
}

.br-100 {
    border-radius: 100px;
}

.uk-slideshow {
    height: auto !important;
    position: relative;
}

.uk-slideshow:before {
    display: block;
    content: "";
    padding-top: 43%;
}

[data-element-id] .uk-slideshow > li {
    opacity: 1;
}

.uk-slideshow > li {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.uk-slideshow > li > div {
    height: 100% !important;
}

.uk-slideshow > li > div > img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    object-fit: cover;
    object-position: 50% 50%;
}

.uk-slideshow + * {
    margin-top: 10px !important;
}

.uk-slider {
    height: 100px;
    margin-left: -10px;
}

.uk-slider li {
    height: 100%;
    padding-left: 10px;
}

.uk-slider li > div {
    height: 100% !important;
}

.uk-slider li > div img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    object-fit: cover;
    object-position: 50% 50%;
}

@media (max-width: 1024px) {
    .uk-slider {
        height: 90px;
    }
}

@media (max-width: 599px) {
    .uk-slider {
        height: 80px;
    }

    .uk-slider li {
        width: 33.333%;
    }
}



/*===================================
reform011
===================================*/

/* 変数定義 */

.reform011-wrapper {
    --text-color-01: #fe8422;
    --text-color-02: #69c221;
    --text-color-03: #37cad7;
    --text-color-04: ;

    --font-family-01: 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    --font-family-02: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    --font-family-03: "";
    --font-family-04: ;

    --bg-color-01: #fe8422;
    --bg-color-02: #69c221;
    --bg-color-03: #37cad7;
    --bg-color-04: ;

    --btn-color-01: #fe8422;
    --btn-color-02: #69c221;
    --btn-color-03: #37cad7;
    --btn-color-04: ;
}

/* 基本設定 */

.reform011-wrapper {
    color: #333;
    font-size: 16px;
    font-family: var(--font-family-01);
    font-weight: 500;
}

.reform011-bg-01 {
    background: #f7f7f7;
}

.reform011-bg-02 {
    background: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/www.toho-kensou.com/import/tenant_1/160.16.150.245/html/images/bgi01.jpg');
}

.reform011-bg-03 {
    background: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/www.toho-kensou.com/import/tenant_1/160.16.150.245/html/images/bgi02.png');
}

.reform011-bg-04 {
    background: #fffcf2;
}

/* reform011-ttl */

.reform011-ttl-01 {
    border-bottom: solid 2px #dadada;
    position: relative;
}

.reform011-ttl-01 .ttl-border {
    position: absolute;
    bottom: -1px;
    transform: translateY(50%);
}

/* reform011-footer */

.reform011-footer {
    position: relative;
}

.reform011-footer-fix {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10;
}

.reform011-footer-cont {
    background: rgba(255, 255, 255, 0.9);
}

.reform011-footer .copy {
    background: #2b1911;
}

/* reform011-mainimg */

.reform011-mainimg {
    position: relative;
}

.reform011-slide {
    position: relative;
}

.reform011-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.898197) 0%, rgba(255, 255, 255, 0.903799) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.reform011-slide .uk-slideshow:before {
    padding-top: 600px;
}

.reform011-slide .catch {
    width: 90%;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.reform011-slide .catch-sub {
    display: inline-block;
    color: #e62b17;
    background: linear-gradient(0deg, #fcff00 0%, #fcff00 30%, rgba(252, 255, 0, 0) 30%, rgba(255, 255, 255, 0) 100%);
    position: relative;
}

.reform011-slide .catch-sub:before, .reform011-slide .catch-sub:after {
    display: block;
    content: "";
    width: 4px;
    height: 100%;
    background: #e62b17;
    box-shadow: 0px 0px 0px 2px white;
    position: absolute;
    top: 0;
}

.reform011-slide .catch-sub:before {
    left: -5%;
    transform: rotate(-25deg);
}

.reform011-slide .catch-sub:after {
    right: -5%;
    transform: rotate(25deg);
}

/* reform011-article */

.reform011-article-01 {
    border-bottom: solid 2px #dadada;
}

/* reform011-cont */

.reform011-cont-02 .item .label {
    position: relative;
}

.reform011-cont-02 .item .label-tri {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%) rotate(45deg);
}

.reform011-cont-03 .item .bg {
    border-radius: 100%;
    position: relative;
}

.reform011-cont-03 .item .bg:before {
    display: block;
    content: "";
    padding-top: 100%;
}

.reform011-cont-03 .item .icon {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* reform011-bnr */

.reform011-bnr-01 {
    position: relative;
}

.reform011-bnr-01:before {
    content: "";
    width: 65%;
    height: 100%;
    background: linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.reform011-bnr-02 .item > * {
    position: relative;
}

.reform011-bnr-02 .item .tit {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
}



/*===================================
reform012
===================================*/

/* 変数定義 */

.reform012-wrapper {
    --text-color-01: #D61519;
    --text-color-02: #fcd32e;
    --text-color-03: ;
    --text-color-04: ;

    --font-family-01: 'Noto Sans JP', sans-serif;
    --font-family-02: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    --font-family-03: ;
    --font-family-04: ;

    --bg-color-01: #d61519;
    --bg-color-02: #fcd32e;
    --bg-color-03: ;
    --bg-color-04: ;

    --btn-color-01: #d61519;
    --btn-color-02: #fcd32e;
    --btn-color-03: ;
    --btn-color-04: ;
}

/* 基本設定 */

.reform012-wrapper {
    color: #333;
    font-size: 16px;
    font-family: var(--font-family-01);
    font-weight: 400;
}

.reform012-bg-01 {
    background: #FBF6F1;
}

.reform012-bg-02 {
    background: #F8F3EE;
}

/* reform012-ttl */

.reform012-ttl-01 {
    padding-bottom: 0.5em;
    position: relative;
}

.reform012-ttl-01 .ttl-ja {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* reform012-btn */

.reform012-btn-01 > * {
    padding: 0 10px 10px 0;
    position: relative;
}

.reform012-btn-01 .btn-push {
    border-radius: 10px;
    position: relative;
    z-index: 5;
}

.reform012-btn-01 .btn-bg {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: solid 2px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

/* reform012-gnav */

/* reform012-fix */

.reform012-fix {
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 5;
}

.reform012-fix .btn > * {
    border-radius: 10px 0 0 10px;
}

/* reform012-footer */

.reform012-footer {
    position: relative;
}

.reform012-footer-top {
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 60px;
}

.reform012-footer-contact-list .item > * {
    height: 100%;
    position: relative;
}

/* reform012-mainimg */

.reform012-mainimg {
    position: relative;
}

.reform012-slide {
    max-width: 1200px;
    border-radius: 20px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.reform012-slide .uk-slideshow:before {
    padding-top: 45%;
}

.reform012-slide .catch {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 5;
}

.reform012-slide .catch-main .stroke {
    color: transparent;
    -webkit-text-stroke: 1px #FFF;
    position: relative;
}

.reform012-slide .catch-main .stroke .border {
    width: 100%;
    border-bottom: solid 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.reform012-slide .catch-label .item > * {
    height: 100%;
    padding: 6px;
    position: relative;
}

.reform012-slide .catch-label .item > * > * {
    height: 100%;
    clip-path: polygon(0 100%, 0 30%, 50% 0, 100% 30%, 100% 100%);
    position: relative;
    z-index: 5;
}

.reform012-slide .catch-label .item .border {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/* reform012-article */

.reform012-article-01 .item .label {
    margin-top: -1em;
    position: relative;
}

.reform012-article-02 .item:not(:last-of-type) {
    border-bottom: 2px dashed #C5C5C5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/* reform012-cont */

.reform012-cont-01 .img-box {
    position: relative;
}

.reform012-cont-01 .img {
    border-radius: 0;
    overflow: hidden;
}

.reform012-cont-01 .deco {
    width: 70%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.reform012-cont-02 .item .num {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(30%, -30%);
    z-index: 5;
}

.reform012-cont-02 .item .tit {
    border-radius: 0 10px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.reform012-cont-03 {
    position: relative;
}

.reform012-cont-03 > * {
    position: relative;
    z-index: 5;
}

.reform012-cont-03 .bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.reform012-cont-03 .ttl-box {
    border-radius: 20px 20px 0 0;
    position: relative;
}

.reform012-cont-03 .deco {
    position: absolute;
}

.reform012-cont-03 .deco01 {
    top: -8%;
    left: 3%;
}

.reform012-cont-03 .deco02 {
    bottom: 0;
    right: 10%;
}



/*===================================
reform013
===================================*/

/* 変数定義 */

.reform013-wrapper {
    --text-color-01: #4999c4;
    --text-color-02: #569660;
    --text-color-03: #faa4c9;
    --text-color-04: ;

    --font-family-01: 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    --font-family-02: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    --font-family-03: 'Mrs Saint Delafield', cursive;
    --font-family-04: ;

    --bg-color-01: #4999c4;
    --bg-color-02: #569660;
    --bg-color-03: #faa4c9;
    --bg-color-04: ;

    --btn-color-01: #4999c4;
    --btn-color-02: #569660;
    --btn-color-03: #faa4c9;
    --btn-color-04: ;
}

/* 基本設定 */

.reform013-wrapper {
    color: #333;
    font-size: 16px;
    font-family: var(--font-family-01);
    font-weight: 500;
}

.reform013-bg-01 {
    position: relative;
}

.reform013-bg-01 > * {
    position: relative;
    z-index: 5;
}

.reform013-bg-01 .deco {
    position: absolute;
    z-index: 0;
}

.reform013-bg-01 .deco01 {
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.reform013-bg-01 .deco02 {
    width: 120px;
    left: 2%;
    bottom: 0;
    transform: translateY(20%);
    z-index: 1;
}

.reform013-bg-01 .deco03 {
    width: 25%;
    top: 0;
    right: 0;
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_013/images/penki01.webp');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    aspect-ratio: 328 / 274;
}

.reform013-bg-02 {
    position: relative;
}

.reform013-bg-02 > * {
    position: relative;
    z-index: 5;
}

.reform013-bg-02 .deco {
    position: absolute;
    z-index: 0;
}

.reform013-bg-02 .deco01 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.reform013-bg-02 .deco02 {
    width: 35%;
    height: 100%;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    top: 0;
    right: 0;
}

.reform013-bg-02-rev .deco02 {
    clip-path: polygon(0 0, 0 100%, 100% 0);
    left: 0;
}

.reform013-bg-02 .deco03 {
    width: 150px;
    text-align: center;
    bottom: 30%;
    right: 10%;
    transform: translate(50%, 50%) rotate(-45deg);
}

.reform013-bg-02-rev .deco03 {
    left: 10%;
    transform: translate(-50%, 50%) rotate(45deg);
}

.reform013-bg-02 .deco04 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.reform013-bg-03 {
    position: relative;
}

.reform013-bg-03 > * {
    position: relative;
    z-index: 5;
}

.reform013-bg-03 .deco {
    position: absolute;
    z-index: 0;
}

.reform013-bg-03 .deco01 {
    width: 12%;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_013/images/penki02.webp');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    aspect-ratio: 157 / 149;
}

.reform013-bg-03 .deco02 {
    width: 120px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 20%);
    z-index: 1;
}

.reform013-bg-03 .deco03 {
    width: 400px;
    height: 150px;
    clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
}

/* reform013-ttl */

.reform013-ttl-01 .ttl-en {
    transform: translate(0em, 0) rotate(-10deg);
}

/* reform013-btn */

.reform013-btn-01 > * {
    border: solid 1px;
    border-radius: 100px;
}

.reform013-btn-02 > * {
    border-radius: 100px;
}

/* reform013-gnav */

.reform013-gnav .nav li {
    border-left: solid 1px;
}

.reform013-gnav .nav li:last-of-type {
    border-right: solid 1px;
}

/* reform013-fix */

.reform013-fix {
    position: absolute;
    right: 20px;
    bottom: -50px;
    z-index: 5;
}

.reform013-fix .tit {
    writing-mode: vertical-rl;
    position: absolute;
    top: 20px;
    left: 46%;
    transform: translateX(-50%);
}

/* reform013-footer */

.reform013-footer {
    position: relative;
}

.reform013-footer-top {
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 60px;
}

.reform013-footer-info .right {
    border-left: solid 1px;
}

/* reform013-mainimg */

.reform013-mainimg {
    position: relative;
}

.reform013-slide {
    position: relative;
}

.reform013-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.898197) 0%, rgba(255, 255, 255, 0.903799) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.reform013-slide .uk-slideshow:before {
    padding-top: 45%;
}

.reform013-slide .catch {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

/* reform013-article */

.reform013-article-01 .item .img {
    position: relative;
}

.reform013-article-01 .item .img:before {
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: solid 1px #fff;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}

/* reform013-cont */

.reform013-cont-01 .item .img-box {
    position: relative;
}

.reform013-cont-01 .item .img {
    position: relative;
}

.reform013-cont-01 .item .img:before {
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: solid 1px #fff;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    pointer-events: none;
    z-index: 5;
}

.reform013-cont-01 .item .tit {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.reform013-cont-01 .item .tit-bg {
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_013/images/title02.png');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    aspect-ratio: 500 / 154;
}

.reform013-cont-02 .item > * {
    position: relative;
}

.reform013-cont-02 .item .img-box {
    box-shadow: 4px 4px 6px #ccc;
    position: relative;
}

.reform013-cont-02 .item .tit {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.reform013-cont-02 .item .num {
    text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff, -1px 1px 5px #fff, 1px -1px 5px #fff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
}

/* reform013-bnr */

.reform013-bnr-01 {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.reform013-bnr-01 > * {
    position: relative;
    z-index: 5;
}

.reform013-bnr-01 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.reform013-bnr-01 .bg:before {
    display: block;
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: solid 3px #fff;
    border-radius: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    pointer-events: none;
}

.reform013-bnr-02 .item > * {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.reform013-bnr-02 .item .img {
    position: relative;
}

.reform013-bnr-02 .item .img:before {
    display: block;
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: solid 2px #fff;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    pointer-events: none;
}



/*===================================
reform014
===================================*/

/* 変数定義 */

.reform014-wrapper {
    --text-color-01: #2c659e;
    --text-color-02: #F3BF88;
    --text-color-03: #8f491e;
    --text-color-04: #000000;

    --font-family-01: 'Noto Sans JP', sans-serif;
    --font-family-02: 'Noto Serif JP', serif;
    --font-family-03: 'Comforter', cursive;
    --font-family-04: ;

    --bg-color-01: #2c659e;
    --bg-color-02: #F3BF88;
    --bg-color-03: #8f491e;
    --bg-color-04: #000000;

    --btn-color-01: #2c659e;
    --btn-color-02: #F3BF88;
    --btn-color-03: #8f491e;
    --btn-color-04: #000000;
}

/* 基本設定 */

.reform014-wrapper {
    color: #3e3a39;
    font-size: 16px;
    font-family: var(--font-family-01);
    font-weight: 400;
}

.reform014-bg-01 {
    background: #f2f2f2;
}

/* reform014-ttl */

.reform014-ttl-01 > * {
    padding: 0 1em;
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

.reform014-ttl-01 .ttl-en {
    margin-left: -1em;
    transform: rotate(-5deg);
    font-size: 20px;
}

/* reform014-btn */

.reform014-btn-01 > * {
    box-shadow: 5.7px 5.7px 9px 1px rgb(0 0 0 / 8%);
}

.reform014-btn-01 .btn-icon {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* reform014-gnav */

/* reform014-fix */

.reform014-fix {
    border-radius: 20px 0 0 20px;
    position: absolute;
    right: 0;
    top: 300px;
    overflow: hidden;
    z-index: 5;
}

.reform014-fix > * {
    position: relative;
    z-index: 5;
}

.reform014-fix .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.reform014-fix .tit {
    writing-mode: vertical-rl;
}

.reform014-fix .border {
    height: 80%;
    border-left: solid 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
}

.reform014-sns {
    border-radius: 20px 0 0 20px;
    position: absolute;
    top: 600px;
    right: 0;
    overflow: hidden;
}

.reform014-sns > * {
    position: relative;
    z-index: 5;
}

.reform014-sns .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/* reform014-footer */

.reform014-footer {
    position: relative;
}

.reform014-footer-top {
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 60px;
    z-index: 10;
}

/* reform014-mainimg */

.reform014-mainimg {
    position: relative;
}

.reform014-slide {
    max-width: 88.5%;
    position: relative;
}

.reform014-slide .uk-slideshow:before {
    padding-top: 70%;
}

.reform014-slide .handwrite {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
    position: absolute;
    top: 20%;
    right: -5%;
    z-index: 5;
    /* transform: rotate(-10deg); */
}

.reform014-slide .catch {
    width: 80%;
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 5;
}

.reform014-slide .catch-main {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

.reform014-slide .scroll {
    position: absolute;
    left: 105%;
    bottom: 5%;
    writing-mode: tb-rl;
}

.reform014-slide .scroll .txt {
    font-size: 14px;
    margin-left: 5px;
}

.reform014-slide .scroll .bar {
    position: relative;
}

.reform014-slide .scroll .bar .border {
    width: 1px;
    height: 90px;
    background: #000;
}

.reform014-slide .scroll .bar .square {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

/* reform014-article */

.reform014-article-01 {
    position: relative;
}

.reform014-article-01 .arrow {
    width: 50px;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.8);
    border: solid 1px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    z-index: 5;
}

.reform014-article-01 .arrow.prev {
    left: 0;
    transform: translate(-50%, -50%);
}

.reform014-article-01 .arrow.next {
    right: 0;
    transform: translate(50%, -50%);
}

.reform014-article-02 .item > * {
    height: 100%;
    box-shadow: 10px 10px 10px #ccc;
}

.reform014-article-02 .item .label {
    transform: rotate(-10deg);
}

.reform014-article-03 .item:not(:last-of-type), .reform014-article-04 .item:not(:last-of-type) {
    border-bottom: solid 2px #ccc;
}

/* reform014-cont */

.reform014-cont-02 .item .tit {
    position: relative;
}

.reform014-cont-02 .item .tit .border {
    width: 100%;
    border-bottom: solid 0.5em;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.4;
}

/* reform014-bnr */

.reform014-bnr-01 .right .tbox {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}



/*===================================
reform015
===================================*/

/* 変数定義 */

.reform015-wrapper {
    --text-color-01: #d37345;
    --text-color-02: #b59871;
    --text-color-03: ;
    --text-color-04: ;

    --font-family-01: 'Noto Sans JP', sans-serif;
    --font-family-02: 'Noto Serif JP', serif;
    --font-family-03: 'Satisfy', cursive;
    --font-family-04: ;
    --bg-color-01: #e18058;
    --bg-color-02: #b59871;
    --bg-color-03: ;
    --bg-color-04: ;

    --btn-color-01: #e18058;
    --btn-color-02: #b59871;
    --btn-color-03: ;
    --btn-color-04: ;
}

/* 基本設定 */

.reform015-wrapper {
    color: #473D2F;
    font-size: 16px;
    font-family: var(--font-family-01);
    font-weight: 500;
}

.reform015-bg-01 {
    position: relative;
}

.reform015-bg-01 > * {
    position: relative;
    z-index: 5;
}

.reform015-bg-01 .bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
}

/* reform015-ttl */

.reform015-ttl-01 {
    padding-bottom: 10px;
    position: relative;
}

.reform015-ttl-01 > * {
    position: relative;
    z-index: 5;
}

.reform015-ttl-01 .ttl-deco {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

/* reform015-btn */

.reform015-btn-01 > * {
    box-shadow: 5.7px 5.7px 9px 1px rgb(0 0 0 / 8%);
}

/* reform015-header */

.reform015-header {
    padding-bottom: 5px;
    position: relative;
}

.reform015-header .bg {
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* reform015-gnav */

/* reform015-footer */

.reform015-footer {
    position: relative;
}

.reform015-footer-top {
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 60px;
    z-index: 10;
}

/* reform015-mainimg */

.reform015-mainimg {
    position: relative;
}

.reform015-slide {
    position: relative;
}

.reform015-slide .img .uk-slideshow:before {
    padding-top: 50%;
}

.reform015-slide .catch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.reform015-slide .catch-en {
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%), 1px 1px 2px rgb(0 0 0 / 50%), 1px 1px 2px rgb(0 0 0 / 50%);
}

.reform015-slide .catch-main {
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%), 1px 1px 2px rgb(0 0 0 / 50%), 1px 1px 2px rgb(0 0 0 / 50%);
    position: relative;
}

.reform015-slide .catch-main-txt {
    position: relative;
    z-index: 1;
}

.reform015-slide .catch-main-deco {
    width: 100%;
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_015/images/homemv-deco01.png');
    -webkit-mask-size: 100%;
    aspect-ratio: 677/37;
    position: absolute;
    left: 0;
    bottom: 0;
}

.reform015-slide .maru {
    position: absolute;
    right: 10%;
    bottom: 5%;
    z-index: 10;
}

/* reform015-article */

/* reform015-cont */

.reform015-cont-02 .item .tit {
    position: relative;
}

.reform015-cont-02 .item .tit-txt {
    position: relative;
    z-index: 5;
}

.reform015-cont-02 .item .tit-deco {
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_015/images/deco02.png');
    -webkit-mask-size: 100%;
    aspect-ratio: 220/27;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.reform015-cont-03 .item {
    background-color: #fff;
    box-shadow: 2px 2px 16px rgb(0 0 0 / 25%), 2px 4px 4px -8px rgb(0 0 0 / 25%);
}

.reform015-cont-03 .item .img-box {
    position: relative;
}

.reform015-cont-03 .item .img {
    height: 100%;
}

.reform015-cont-03 .item .label {
    position: absolute;
    top: 0;
    left: 0;
}

.reform015-cont-03 .item:nth-of-type(2n+2) .label {
    left: auto;
    right: 0;
    text-align: right;
}

.reform015-cont-03 .item .label-txt {
    position: relative;
    transform: translateY(-50%);
    z-index: 5;
}

.reform015-cont-03 .item .label-deco {
    width: 100%;
    aspect-ratio: 2/1;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    position: absolute;
    top: 0;
    left: 0;
}

.reform015-cont-03 .item:nth-of-type(2n+2) .label-deco {
    transform: scaleX(-1);
}

.reform015-cont-03 .item .tit {
    position: relative;
}

.reform015-cont-03 .item .tit-txt {
    position: relative;
    z-index: 5;
}

.reform015-cont-03 .item .tit-deco {
    -webkit-mask-image: url('/import/tenant_1/support.unison-planet.jp/import/tenant_12/demo9.eigyo-demo.work/import/tenant_28/demo9.eigyo-demo.work/new_reform_015/images/deco02.png');
    -webkit-mask-size: 100%;
    aspect-ratio: 220/27;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.reform015-cont-04 .item > * {
    box-shadow: 2px 2px 16px rgb(0 0 0 / 25%), 2px 4px 4px -8px rgb(0 0 0 / 25%);
}

.reform015-cont-04 .item .txt {
    background-color: rgba(236, 236, 236, .8);
}