@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');

.noto {
    font-family: 'Noto Sans JP', sans-serif;
}

/* base.css overwrite */
html {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
}

.inner {
    max-width: 1200px;
}

.inner1000 {
    width: 98%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;

}

/* base.css overwrite end */

/* ##### 追加css ##### */
.up-fd-even>*:nth-child(even) {
    flex-direction: row-reverse;
}

.up-fd-odd>*:nth-child(odd) {
    flex-direction: row-reverse;
}

.up-lst-deci {
    padding-left: 24px;
}

.up-lh-0\.5 {
    line-height: 0.5;
}

.up-ls1 {
    letter-spacing: 1px;
}

.up-ls2 {
    letter-spacing: 2px;
}

.up-fw-500 {
    font-weight: 500;
}

.up-radius5 {
    overflow: hidden;
    border-radius: 5px;
}

.up-radius10 {
    overflow: hidden;
    border-radius: 10px;
}

.up-radius15 {
    overflow: hidden;
    border-radius: 15px;
}

.up-radius20 {
    overflow: hidden;
    border-radius: 20px;
}

.up-radius25 {
    overflow: hidden;
    border-radius: 25px;
}

.up-radius30 {
    overflow: hidden;
    border-radius: 30px;
}

.up-radius35 {
    overflow: hidden;
    border-radius: 35px;
}

.up-radius40 {
    overflow: hidden;
    border-radius: 40px;
}

.up-radius45 {
    overflow: hidden;
    border-radius: 45px;
}

.up-radius50 {
    overflow: hidden;
    border-radius: 50px;
}

.up-lst-disc {
    padding-left: 20px;
    list-style-type: disc;
}

.up-w-650,
.up-w-700,
.up-w-900 {
    max-width: 100%;
}

.up-z1 {
    position: relative;
    z-index: 1;
}

.up-z2 {
    position: relative;
    z-index: 2;
}

.up-z3 {
    position: relative;
    z-index: 3;
}

.up-horizonal {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}

.up-vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.fz50\% {
    font-size: 50%;
}

.fz60\% {
    font-size: 60%;
}

.fz70\% {
    font-size: 70%;
}

.fz80\% {
    font-size: 80%;
}

.fz90\% {
    font-size: 90%;
}

.fz120\% {
    font-size: 120%;
}

.fz140\% {
    font-size: 140%;
}

.fz160\% {
    font-size: 160%;
}

.fz180\% {
    font-size: 180%;
}

.fz200\% {
    font-size: 200%;
}

.flexver {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.map::after {
    padding-top: 60%;
}

.map iframe {
    height: 100%;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1024px) {
    [class*="up-col"] {
        margin-right: auto;
        margin-left: auto;
    }

    .up-scrolling\@tb {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .up-fd-even\@tb>*:nth-child(even) {
        flex-direction: row-reverse;
    }

    .up-fd-odd\@tb>*:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .up-lh-0\.5\@tb {
        line-height: 0.5;
    }

    .up-radius5\@tb {
        overflow: hidden;
        border-radius: 5px;
    }

    .up-radius10\@tb {
        overflow: hidden;
        border-radius: 10px;
    }

    .up-radius15\@tb {
        overflow: hidden;
        border-radius: 15px;
    }

    .up-radius20\@tb {
        overflow: hidden;
        border-radius: 20px;
    }

    .up-radius25\@tb {
        overflow: hidden;
        border-radius: 25px;
    }

    .up-radius30\@tb {
        overflow: hidden;
        border-radius: 30px;
    }

    .up-radius35\@tb {
        overflow: hidden;
        border-radius: 35px;
    }

    .up-radius40\@tb {
        overflow: hidden;
        border-radius: 40px;
    }

    .up-radius45\@tb {
        overflow: hidden;
        border-radius: 45px;
    }

    .up-radius50\@tb {
        overflow: hidden;
        border-radius: 50px;
    }

    .up-horizonal\@tb {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@tb {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }

    .active .header-logo,
    .active main,
    .active footer {
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .fz50\%\@tb {
        font-size: 50%;
    }

    .fz60\%\@tb {
        font-size: 60%;
    }

    .fz70\%\@tb {
        font-size: 70%;
    }

    .fz80\%\@tb {
        font-size: 80%;
    }

    .fz90\%\@tb {
        font-size: 90%;
    }

    .fz120\%\@tb {
        font-size: 120%;
    }

    .fz140\%\@tb {
        font-size: 140%;
    }

    .fz160\%\@tb {
        font-size: 160%;
    }

    .fz180\%\@tb {
        font-size: 180%;
    }

    .fz200\%\@tb {
        font-size: 200%;
    }
}

@media (max-width: 599px) {
    .up-fd-even\@sp>*:nth-child(even) {
        flex-direction: row-reverse;
    }

    .up-fd-odd\@sp>*:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .up-scrolling\@sp {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .up-lh-0\.5\@sp {
        line-height: 0.5;
    }

    .up-ls2\@sp {
        letter-spacing: 2px;
    }

    .up-ls1\@sp {
        letter-spacing: 1px;
    }

    .up-radius5\@sp {
        overflow: hidden;
        border-radius: 5px;
    }

    .up-radius10\@sp {
        overflow: hidden;
        border-radius: 10px;
    }

    .up-radius15\@sp {
        overflow: hidden;
        border-radius: 15px;
    }

    .up-radius20\@sp {
        overflow: hidden;
        border-radius: 20px;
    }

    .up-radius25\@sp {
        overflow: hidden;
        border-radius: 25px;
    }

    .up-radius30\@sp {
        overflow: hidden;
        border-radius: 30px;
    }

    .up-radius35\@sp {
        overflow: hidden;
        border-radius: 35px;
    }

    .up-radius40\@sp {
        overflow: hidden;
        border-radius: 40px;
    }

    .up-radius45\@sp {
        overflow: hidden;
        border-radius: 45px;
    }

    .up-radius50\@sp {
        overflow: hidden;
        border-radius: 50px;
    }

    .up-horizonal\@sp {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@sp {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }

    .fz50\%\@sp {
        font-size: 50%;
    }

    .fz60\%\@sp {
        font-size: 60%;
    }

    .fz70\%\@sp {
        font-size: 70%;
    }

    .fz80\%\@sp {
        font-size: 80%;
    }

    .fz90\%\@sp {
        font-size: 90%;
    }

    .fz120\%\@sp {
        font-size: 120%;
    }

    .fz140\%\@sp {
        font-size: 140%;
    }

    .fz160\%\@sp {
        font-size: 160%;
    }

    .fz180\%\@sp {
        font-size: 180%;
    }

    .fz200\%\@sp {
        font-size: 200%;
    }
}

/* ##### 追加css end ##### */

/* hamburger overlay */
.hamburger {
    display: none;
}

@media (max-width: 1024px) {
    .hamburger {
        position: fixed;
        top: 10px;
        left: -80px;
        z-index: 5;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        padding: 10px;
        cursor: pointer;
        transition: 0.3s linear;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .hamburger a,
    .hamburger a:hover,
    .hamburger a:focus {
        opacity: 1;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all 0.4s;
    }

    .menu-trigger {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        box-shadow: 1px 1px 1px #808080;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 50%;
        transform: translate(0, -100%);
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .active .hamburger {
        padding: 3px;
    }

    .active .menu-trigger {
        transform: rotate(360deg);
    }

    .active .menu-trigger span {
        box-shadow: none;
    }

    .active .menu-trigger span:nth-of-type(1) {
        transform: translate(0, 30px) rotate(-45deg);
    }

    .active .menu-trigger span:nth-of-type(2) {
        transform: translate(0, -100%) rotate(45deg);
    }

    .active .menu-trigger span:nth-of-type(3) {
        opacity: 0;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(77, 66, 62, 0.3);
    }

    .active .overlay {
        display: block;
    }
}

@media (max-width: 599px) {
    .hamburger {
        top: 10px;
        left: -45px;
        width: 35px;
        height: 35px;
        padding: 0;
    }

    .active .hamburger {
        padding: 0;
    }

    .active .menu-trigger span:nth-of-type(1) {
        transform: translate(0, 16px) rotate(-45deg);
    }
}

/* hamburger overlay end */

/* A-BiSUスライダー */
.mainimg {
    position: relative;
}

.mainimg-inner,
.uk-slidenav-position {
    height: 100%;
}

.mainimg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
}

.mainimg .uk-slideshow {
    position: relative;
    height: 100% !important;
    overflow: hidden;
}

.mainimg .uk-slideshow::after {
    display: block;
    padding-top: 100vh;
    content: '';
}

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

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

.uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}

.uk-dotnav-contrast>*>* {
    background: #ccc;
}

.uk-dotnav-contrast>.uk-active>* {
    background: #565656;
}

.uk-dotnav>.uk-active>* {
    transform: scale(1);
}

.uk-dotnav li a:hover {
    opacity: 1;
}

.uk-position-bottom {
    bottom: -30px;
}

@media (max-width: 1200px) {
    .mainimg .uk-slideshow::after {
        padding-top: 60%;
    }
}

@media (max-width: 1024px) {
    .mainimg .uk-slideshow::after {
        padding-top: 80%;
    }
}

@media (max-width: 599px) {
    .mainimg .uk-slideshow::after {
        padding-top: 150%;
    }
}

/* A-BiSUスライダー end */

/* breadcrumbs */
.breadcrumbs {
    padding: 30px 0;
}

.breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.breadcrumbs-list li {
    font-size: 13px;
    letter-spacing: 1px;
}

.breadcrumbs-list .breadcrumbs-home,
.breadcrumbs-list li a {
    font-weight: 500;
    color: #109967;
}

.breadcrumbs-list li+li::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 5px;
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;
    transform: skew(45deg);
    margin: 0 10px;
}

.breadcrumbs.bgc-gray {
    position: relative;
}

.breadcrumbs.bgc-gray::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0, -100%);
    z-index: -1;
}

/* breadcrumbs end */

/* pager */
.pager ul li {
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.pager ul li a,
.pager ul li .now {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 24px;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
}

.pager ul li .now,
.pager ul li a:hover {
    color: #fff;
    background-color: #000;
    opacity: 1;
}

.pager ul .prev,
.pager ul .next {
    width: 60px;
}

.pager ul .prev-arrow::before,
.pager ul .next-arrow::before {
    content: '';
    display: block;
    width: 45px;
    height: 7px;
    border-bottom: 2px solid #000;
    border-right: 3px solid #000;
    transform: skew(45deg);
    transition: 0.3s linear;
}

.pager ul .prev-arrow::before {
    border-left: 3px solid #000;
    border-right: none;
    transform: skew(-45deg);
}

.pager ul .prev a:hover,
.pager ul .next a:hover {
    background-color: transparent;
}

.pager ul .prev a:hover .prev-arrow::before {
    border-bottom: 2px solid #109967;
    border-left: 3px solid #109967;
    transform: translate(-10px, 0) skew(-45deg);
}

.pager ul .next a:hover .next-arrow::before {
    border-bottom: 2px solid #109967;
    border-right: 3px solid #109967;
    transform: translate(10px, 0) skew(45deg);
}

@media (max-width: 599px) {

    .pager ul .prev,
    .pager ul .next {
        width: 40px;
    }

    .pager ul .prev-arrow::before,
    .pager ul .next-arrow::before {
        width: 35px;
    }
}

/* pager end */

/* area */
[class*="area_"] {
    padding-top: 80px;
    padding-bottom: 80px;
}

[class*="area-"] {
    padding-top: 80px;
}

@media (max-width: 1024px) {
    [class*="area_"] {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    [class*="area-"] {
        padding-top: 50px;
    }
}

/* area end */

/* common */
.logo {
    width: 165px;
    max-width: 80%;
}

.green {
    color: #109967;
}

.red {
    color: #f00;
}

.link a {
    color: #109967;
    font-weight: 500;
}

.link-underline a {
    text-decoration: underline;
}

.bgc-gray {
    background-color: #e5e5e5;
}

.bgc-white {
    background-color: #fff;
}

.gray-triangle,
.gray-left,
.gray-right,
.gray-half,
.gray-small,
.gray-60\%,
.gray-70\%,
.gray-80\%,
.gray-90\%,
.gray-full,
.gray-full-left,
.gray-full-left2,
.gray-full-right {
    position: relative;
}

.gray-triangle::after {
    content: '';
    display: block;
    width: 100%;
    height: 100vh;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/bg_001.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.gray-left::after,
.gray-right::after {
    content: '';
    display: block;
    width: 50%;
    height: 100%;
    background-color: #e5e5e5;
    position: absolute;
    top: -1px;
    z-index: -1;
}

.gray-left::after {
    left: 0;
}

.gray-right::after {
    right: 0;
}

.gray-half::after {
    content: '';
    width: 100%;
    height: 45%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    z-index: -1;
}

.gray-small::after {
    content: '';
    width: 30%;
    height: 100%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-60\%::after {
    content: '';
    width: 100%;
    height: 60%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-70\%::after {
    content: '';
    width: 100%;
    height: 70%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-80\%::after {
    content: '';
    width: 100%;
    height: 80%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-90\%::after {
    content: '';
    width: 100%;
    height: 90%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-full::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.gray-full-left::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    margin-left: -999rem;
    padding-left: 999rem;
    z-index: -1;
}

.gray-full-left2::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    right: -2.5%;
    margin-left: -999rem;
    padding-left: 999rem;
    z-index: -1;
}

.gray-full-right::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: -999rem;
    padding-right: 999rem;
    z-index: -1;
}

/* .clear-white {
    background-color: rgba(255, 255, 255, 0.6);
} */

.border-gray {
    border: 2px solid #d3d3d3;
}

.border-gray-top {
    border-top: 2px solid #d3d3d3;
}

.border-gray-bottom {
    border-bottom: 2px solid #d3d3d3;
}

.border-gray-left {
    border-left: 2px solid #d3d3d3;
}

.border-gray-right {
    border-right: 2px solid #d3d3d3;
}

.img-border {
    border: 10px solid #e7e7e7;
}

.ellipsis,
.ellipsis a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.no-opacity a:hover {
    opacity: 1;
}

.scale {
    overflow: hidden;
}

.scale img {
    transition: 0.3s linear;
    transform-origin: center center;
}

.scale:hover img {
    transform: scale(1.1);
}

.arrow::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 6px;
    margin-left: 5px;
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;
    transform: skew(45deg);
}

.arrow-white::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.tel-list dt::after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
}

.tel-list .item+.item {
    margin-left: 10px;
}

.under-border::after {
    content: '';
    display: block;
    width: 1px;
    height: 70px;
    background-color: #109967;
    margin: 30px auto;
    display: none;
}

.infinity {
    padding-right: 999rem;
    padding-left: 999rem;
    margin-right: -999rem;
    margin-left: -999rem;
}

.infinity-left {
    padding-left: 999rem;
    margin-left: -999rem;
}

.infinity-right {
    padding-right: 999rem;
    margin-right: -999rem;
}

.totop-btn {
    text-align: center;
    margin-top: 50px;
}

.totop-btn a {
    display: inline-block;
    padding: 10px;
}

.totop-btn a .icon-arrow::before {
    content: "\f077";
    font-size: 30px;
    font-family: "Font Awesome 5 Free";
    color: #dcdcdc;
    font-weight: 900;
    display: inline-block;
    transition: 0.2s linear;
}

.totop-btn a:hover {
    opacity: 1;
}

.totop-btn a:hover .icon-arrow::before {
    transform: rotate(360deg);
}

.green-hyphen>a {
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
    position: relative;
}

.green-hyphen>a::before {
    content: '−';
    display: inline-block;
    color: #109967;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.space-parent-vertical-0>.space-child+.space-child {
    margin-top: 0;
}

.space-parent-vertical-10>.space-child+.space-child {
    margin-top: 10px;
}

.space-parent-vertical-20>.space-child+.space-child {
    margin-top: 20px;
}

.space-parent-vertical-30>.space-child+.space-child {
    margin-top: 30px;
}

.space-parent-vertical-40>.space-child+.space-child {
    margin-top: 40px;
}

.space-parent-vertical-50>.space-child+.space-child {
    margin-top: 50px;
}

.space-parent-vertical-60>.space-child+.space-child {
    margin-top: 60px;
}

.space-parent-vertical-70>.space-child+.space-child {
    margin-top: 70px;
}

.space-parent-vertical-80>.space-child+.space-child {
    margin-top: 80px;
}

.space-parent-vertical-90>.space-child+.space-child {
    margin-top: 90px;
}

.space-parent-vertical-100>.space-child+.space-child {
    margin-top: 100px;
}

.space-parent-horizonal-0>.space-child+.space-child {
    margin-left: 0;
}

.space-parent-horizonal-10>.space-child+.space-child {
    margin-left: 10px;
}

.space-parent-horizonal-20>.space-child+.space-child {
    margin-left: 20px;
}

.space-parent-horizonal-30>.space-child+.space-child {
    margin-left: 30px;
}

.space-parent-horizonal-40>.space-child+.space-child {
    margin-left: 40px;
}

.space-parent-horizonal-50>.space-child+.space-child {
    margin-left: 50px;
}

.space-parent-horizonal-60>.space-child+.space-child {
    margin-left: 60px;
}

.space-parent-horizonal-70>.space-child+.space-child {
    margin-left: 70px;
}

.space-parent-horizonal-80>.space-child+.space-child {
    margin-left: 80px;
}

.space-parent-horizonal-90>.space-child+.space-child {
    margin-left: 90px;
}

.space-parent-horizonal-100>.space-child+.space-child {
    margin-left: 100px;
}

@media (max-width: 1024px) {
    .gray-small::after {
        width: 50%;
        height: 80%;
    }

    .space-parent-vertical-10\@tb>.space-child+.space-child {
        margin-top: 10px;
    }

    .space-parent-vertical-20\@tb>.space-child+.space-child {
        margin-top: 20px;
    }

    .space-parent-vertical-30\@tb>.space-child+.space-child {
        margin-top: 30px;
    }

    .space-parent-vertical-40\@tb>.space-child+.space-child {
        margin-top: 40px;
    }

    .space-parent-vertical-50\@tb>.space-child+.space-child {
        margin-top: 50px;
    }

    .space-parent-vertical-60\@tb>.space-child+.space-child {
        margin-top: 60px;
    }

    .space-parent-vertical-70\@tb>.space-child+.space-child {
        margin-top: 70px;
    }

    .space-parent-vertical-80\@tb>.space-child+.space-child {
        margin-top: 80px;
    }

    .space-parent-vertical-90\@tb>.space-child+.space-child {
        margin-top: 90px;
    }

    .space-parent-vertical-100\@tb>.space-child+.space-child {
        margin-top: 100px;
    }

    .space-parent-horizonal-0\@tb>.space-child+.space-child {
        margin-left: 0;
    }

    .space-parent-horizonal-10\@tb>.space-child+.space-child {
        margin-left: 10px;
    }

    .space-parent-horizonal-20\@tb>.space-child+.space-child {
        margin-left: 20px;
    }

    .space-parent-horizonal-30\@tb>.space-child+.space-child {
        margin-left: 30px;
    }

    .space-parent-horizonal-40\@tb>.space-child+.space-child {
        margin-left: 40px;
    }

    .space-parent-horizonal-50\@tb>.space-child+.space-child {
        margin-left: 50px;
    }

    .space-parent-horizonal-60\@tb>.space-child+.space-child {
        margin-left: 60px;
    }

    .space-parent-horizonal-70\@tb>.space-child+.space-child {
        margin-left: 70px;
    }

    .space-parent-horizonal-80\@tb>.space-child+.space-child {
        margin-left: 80px;
    }

    .space-parent-horizonal-90\@tb>.space-child+.space-child {
        margin-left: 90px;
    }

    .space-parent-horizonal-100\@tb>.space-child+.space-child {
        margin-left: 100px;
    }
}

@media (max-width: 599px) {
    .logo {
        width: 140px;
    }

    .gray-half::after {
        height: 55%;
    }
}

/* common end */

/* header */
header {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.header-logo {
    margin: auto 30px;
}

.header-logo a {
    display: block;
}

.scrolled header {
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1024px) {
    header {
        position: relative;
    }

    .header-logo {
        margin: 0;
        position: fixed;
        top: 10px;
        left: 10px;
        transition: 0.3s linear;
    }

    .scrolled .header-logo {
        width: 140px;
    }
}

@media (max-width: 599px) {
    .scrolled .header-logo {
        width: 120px;
    }

    .space-parent-vertical-10\@sp>.space-child+.space-child {
        margin-top: 10px;
    }

    .space-parent-vertical-0\@sp>.space-child+.space-child {
        margin-top: 0;
    }

    .space-parent-vertical-20\@sp>.space-child+.space-child {
        margin-top: 20px;
    }

    .space-parent-vertical-30\@sp>.space-child+.space-child {
        margin-top: 30px;
    }

    .space-parent-vertical-40\@sp>.space-child+.space-child {
        margin-top: 40px;
    }

    .space-parent-vertical-50\@sp>.space-child+.space-child {
        margin-top: 50px;
    }

    .space-parent-vertical-60\@sp>.space-child+.space-child {
        margin-top: 60px;
    }

    .space-parent-vertical-70\@sp>.space-child+.space-child {
        margin-top: 70px;
    }

    .space-parent-vertical-80\@sp>.space-child+.space-child {
        margin-top: 80px;
    }

    .space-parent-vertical-90\@sp>.space-child+.space-child {
        margin-top: 90px;
    }

    .space-parent-vertical-100\@sp>.space-child+.space-child {
        margin-top: 100px;
    }

    .space-parent-horizonal-0\@sp>.space-child+.space-child {
        margin-left: 0;
    }

    .space-parent-horizonal-10\@sp>.space-child+.space-child {
        margin-left: 10px;
    }

    .space-parent-horizonal-20\@sp>.space-child+.space-child {
        margin-left: 20px;
    }

    .space-parent-horizonal-30\@sp>.space-child+.space-child {
        margin-left: 30px;
    }

    .space-parent-horizonal-40\@sp>.space-child+.space-child {
        margin-left: 40px;
    }

    .space-parent-horizonal-50\@sp>.space-child+.space-child {
        margin-left: 50px;
    }

    .space-parent-horizonal-60\@sp>.space-child+.space-child {
        margin-left: 60px;
    }

    .space-parent-horizonal-70\@sp>.space-child+.space-child {
        margin-left: 70px;
    }

    .space-parent-horizonal-80\@sp>.space-child+.space-child {
        margin-left: 80px;
    }

    .space-parent-horizonal-90\@sp>.space-child+.space-child {
        margin-left: 90px;
    }

    .space-parent-horizonal-100\@sp>.space-child+.space-child {
        margin-left: 100px;
    }
}

/* header end */

/* nav */
.sp-only,
.nav-logo {
    display: none;
}

nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex-grow: 1;
    margin: 0 0 0 auto;
}

.nav-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.nav-list li+li {
    margin-left: 30px;
}

.nav-list li:not(.sp-only)+li .nav-list>li a,
.nav-list>li .dropdown-btn {
    font-size: 14px;
    display: block;
    padding: 0 10px;
    position: relative;
}

.nav-list>li a {
    display: block;
    position: relative;
    padding: 0 5px;
}

.nav-list>li a .nav-inner {
    display: block;
    text-align: center;
}

.nav-list>li .ja {
    width: 100%;
    font-size: 11px;
    font-weight: 100;
    text-align: center;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: -60%;
    left: 0;
    right: 0;
    transition: 0.2s linear;
}

.nav-list>li>a::after,
.nav-list>li>.dropdown-btn::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: #000;
    margin: auto;
    transition: 0.2s linear;
}

.dropmenu {
    *zoom: 1;
}

.dropmenu .dropdown {
    position: relative;
    overflow: hidden;
}

.dropmenu .dropdown::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    border: 0;
}

.dropdown-btn {
    display: block;
    transition: 0.3s linear;
}

.dropmenu .dropdown ul {
    position: absolute;
    top: 100%;
    right: -175px;
    left: -175px;
    z-index: -9999 !important;
    width: 280px;
    padding: 10px 15px;
    margin: 40px auto 0 auto;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 3px 3px 10px -7px #000;
    opacity: 0;
    transition: 0.3s linear;
    transition-property: all;
}

.dropmenu .dropdown ul::before {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-color: transparent transparent#000000 transparent;
    border-style: solid;
    border-width: 0 7px 7px 7px;
}

#dropmenu .dropdown ul li {
    width: 100%;
    height: auto;
    margin-left: 0;
    overflow: hidden;
}

#dropmenu .dropdown ul li+li {
    border-top: 1px solid #fff;
}

#dropmenu .dropdown ul li a {
    display: block;
    padding: 10px 5px;
    font-size: 14px;
    color: #000;
}

.nav-list>li>a:hover,
.nav-list>li>.dropdown-btn:hover {
    opacity: 1;
}

.nav-list>li>a:hover .ja,
.nav-list>li>.dropdown-btn:hover .ja {
    opacity: 1;
}

.nav-list>li>a:hover::after,
.nav-list>li>.dropdown-btn:hover::after {
    width: 100%;
}

.dropdown-btn:hover {
    cursor: pointer;
}

#dropmenu .dropdown:hover {
    overflow: visible;
}

#dropmenu .dropdown:hover ul {
    z-index: 2 !important;
    opacity: 1;
}

.nav-contact-btn {
    width: 200px;
    margin-left: 80px;
}

.nav-contact-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 10px;
    color: #fff;
    background-color: #e5e5e5;
    transform: perspective(1px) translateZ(0);
    transition-property: color;
    transition: 0.3s linear;
    position: relative;
}

.nav-contact-btn a:before {
    content: "";
    background: #000;
    transform: scaleY(1);
    transform-origin: 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nav-contact-btn a::after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/icon_001.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

.nav-contact-btn a:hover {
    opacity: 1;
    color: #000;
}

.nav-contact-btn a:hover::before,
.nav-contact-btn a:active::before {
    transform: scaleY(0);
}

.scrolled .nav-contact-btn a {
    padding: 25px 10px;
}

@media (max-width: 1024px) {

    .sp-only,
    .nav-logo {
        display: block;
    }

    nav {
        width: 65%;
        height: 100%;
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 60px;
        background-color: #fff;
        transform: translate3d(100%, 0, 0);
        transition: 0.3s linear;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 4;
    }

    .active nav {
        transform: translate3d(0, 0, 0);
    }

    .nav-logo {
        margin: 30px auto;
    }

    .nav-list {
        width: 90%;
        max-width: 94%;
        height: 100%;
        display: block;
        margin: 10px auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav-list li+li {
        margin-left: 0;
        border-top: 1px solid #e5e5e5;
    }

    .nav-list>li a,
    .nav-list li .dropdown-btn {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
        padding: 10px;
    }

    .nav-list>li>a::after,
    .nav-list>li>.dropdown-btn::after {
        display: none;
    }

    .nav-list li .dropdown-btn {
        justify-content: flex-end;
        padding: 0;
    }

    .nav-list>li a .nav-inner {
        display: inline-block;
    }

    .nav-list>li .en {
        text-align: left;
        font-weight: 500;
        order: 2;
    }

    .nav-list>li .ja {
        width: auto;
        opacity: 1;
        position: static;
        margin: 0 0 0 10px;
        order: 1;
    }

    .dropmenu .dropdown ul {
        width: 94%;
        margin: 0 0 0 auto;
        background-color: transparent;
        box-shadow: none;
        position: static;
        z-index: 1 !important;
        opacity: 1;
    }

    #dropmenu .dropdown ul li+li {
        border-top: none;
    }

    #dropmenu .dropdown ul li a {
        font-size: 13px;
        color: #000;
        padding: 5px 5px 5px 16px;
        position: relative;
    }

    #dropmenu .dropdown ul li a::before {
        content: '-';
        display: inline-block;
        line-height: 1;
        position: absolute;
        top: 8px;
        left: 0;
    }

    .dropmenu .dropdown ul::before,
    .dropmenu .dropdown ul::after {
        display: none;
    }

    .nav-contact-btn {
        height: 60px;
        margin-left: 0;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .nav-contact-btn a,
    .scrolled .nav-contact-btn a {
        padding: 20px 10px;
    }
}

@media (max-width: 599px) {
    nav {
        width: 80%;
        padding-bottom: 50px;
    }

    .nav-logo {
        width: 40%;
        margin: 10px auto 5px auto;
    }

    .nav-list>li a,
    .nav-list li .dropdown-btn {
        padding: 10px 5px;
    }

    .nav-list li .dropdown-btn {
        padding: 0;
    }

    .nav-list>li a .nav-inner {
        flex-shrink: 0;
    }

    .nav-list>li .en {
        font-size: 12px;
    }

    .nav-list>li .ja {
        font-size: 10px;
    }

    .dropmenu .dropdown ul {
        margin-bottom: 10px;
        padding: 0;
    }

    #dropmenu .dropdown ul li+li {
        margin-top: 5px;
    }

    #dropmenu .dropdown ul li a {
        font-size: 11px;
        padding: 2px 2px 2px 14px;
    }

    #dropmenu .dropdown ul li a::before {
        top: 4px;
    }

    .nav-contact-btn {
        width: 100%;
        height: 50px;
    }

    .nav-contact-btn a::after {
        width: 30px;
        height: 30px;
    }
}

/* nav end */

/* footer */
footer {
    padding: 20px 0 0 0;
    background-color: #fff;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
}

.footer-nav li {
    flex-grow: 1;
}

.footer-nav li a,
.footer-nav li .footer-nav-heading {
    font-weight: 500;
}

.nest-footer-nav {
    margin-top: 10px;
    -moz-column-count: 2;
    column-count: 2;
}

.nest-footer-nav li {
    margin-bottom: 10px;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.nest-footer-nav li a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
}

.nest-footer-nav li a::before {
    content: '-';
    position: absolute;
    top: 0;
    left: 0;
}

.copy {
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
    padding: 7px;
    padding-bottom: 24px;
    border-top: 1px solid #000;
}

@media (max-width: 1024px) {
    .footer-nav>li {
        width: calc(50% - 30px);
        margin: 15px;
        flex-grow: 0;
    }

    .nest-footer-nav {
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (max-width: 599px) {
    .footer-nav>li+li {
        margin-left: 1%;
    }

    .footer-nav>li {
        width: 48%;
        margin: 1%;
    }
}

/* footer end */

/* mainimg */
.mainimg .uk-slideshow li>div {
    position: relative;
}

.mainimg .uk-slideshow li>div::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mainimg {
    position: relative;
}

.mainimg-cont {
    margin: auto;
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    z-index: 1;
}

.mainimg-title {
    font-size: 70px;
    font-weight: 500;
    color: #fff;
}

.mainimg-title .text-wrap {
    display: flex;
    align-content: center;
}

.mainimg-title .text-wrap+.text-wrap {
    margin-top: 20px;
}

.mainimg-title .text-wrap span {
    line-height: 1;
}

.mainimg-title .text-wrap .icon {
    width: 65px;
    height: 65px;
    margin: auto 20px;
}

.mainimg-title .text-wrap .icon img {
    width: 100%;
    height: auto;
}

.mainimg-title .text-wrap_01 {
    font-size: 80px;
}

.mainimg-title+.text {
    color: #fff;
    line-height: 2;
    margin: 50px 0;
}

.mainimg-news-box {
    width: 45%;
    padding: 50px 30px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

@media (max-width: 1200px) {
    .mainimg-title .text-wrap_01 {
        font-size: 70px;
    }

    .mainimg-title {
        font-size: 60px;
    }
}

@media (max-width: 1024px) {
    .mainimg-cont {
        top: 50%;
    }

    .mainimg-title {
        font-size: 45px;
    }

    .mainimg-title .text-wrap_01 {
        font-size: 55px;
    }

    .mainimg-title .text-wrap .icon {
        width: 45px;
        height: 45px;
        margin: auto 10px;
    }

    .mainimg-title+.text {
        line-height: 1.8;
        margin: 30px 0;
    }

    .mainimg-news-box {
        width: 100%;
        padding: 30px 20px;
        position: static;
    }
}

@media (max-width: 599px) {
    .mainimg-title .text-wrap_01 {
        font-size: 40px;
    }

    .mainimg-title .text-wrap .icon {
        width: 35px;
        height: 35px;
    }

    .mainimg-title {
        font-size: 30px;
    }

    .mainimg-news-box {
        padding: 20px 10px;
    }
}

/* mainimg end */

/* underimg */
.underimg {
    padding-bottom: 50px;
    position: relative;
}

.underimg-img {
    width: 70%;
    margin-left: auto;
    z-index: 1;
}

.underimg-img img {
    display: none;
}

.underimg-img::after {
    padding-top: 17.5%;
}

.underimg-cont {
    width: 1200px;
    max-width: 96%;
    position: absolute;
    top: 50%;
    left: calc(50% - 600px);
    transform: translate(0, -50%);
    z-index: 2;
}

.underimg::after {
    content: '';
    display: block;
    width: 100%;
    height: 150px;
    /*  background-color: #109967; */
    background-color: #000000;
    position: absolute;
    bottom: 0;
    /* right: calc(50% - 600px); */
    right: 0;
}

.under-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 30px;
}

.under-title .ja,
.under-title .en {
    display: block;
    font-weight: 500;
    text-shadow:
        0px 0px 0 #fff,
        1px 1px 0 #fff,
        0px 1px 0 #fff,
        1px 0px 0 #fff,
        0px -1px 0 #fff,
        -1px 0px 0 #fff;
    z-index: 1;
}

.under-title .ja {
    font-size: 30px;
    margin-bottom: 15px;
}

.under-title .en {
    font-size: 13px;
}

@media (max-width: 1200px) {
    .underimg-cont {
        left: 4%;
    }

    .under-title {
        padding: 0 10px;
    }

    .underimg::after {
        height: 80px;
        /*  right: 4%; */
        right: 0;
    }
}

@media (max-width: 1024px) {
    .underimg {
        padding-bottom: 30px;
    }

    .underimg-img {
        margin-top: 10%;
    }

    .underimg-img::after {
        padding-top: 35% !important;
    }

    .under-title .ja {
        font-size: 24px;
        margin-bottom: 5px;
    }
}

@media (max-width: 599px) {
    .underimg {
        padding-bottom: 20px;
    }

    .underimg::after {
        height: 60px;
    }

    .underimg-img {
        margin-top: 20%;
    }

    .under-title .ja {
        font-size: 20px;
    }

    .under-title .en {
        font-size: 12px;
    }
}

/* underimg end */

/* button */
.btn-box {
    display: flex;
    flex-wrap: wrap;
}

.btn {
    width: 160px;
    max-width: 80%;
    height: 40px;
}

.btn-big {
    width: 210px;
    max-width: 90%;
    height: 70px;
}

.btn a,
.btn button {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 10px 35px 10px 10px;
    border: 1px solid #000;
    transition: 0.2s linear;
    position: relative;
    z-index: 1;
}

.btn a::before,
.btn button::before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    background-color: #000;
    transition: 0.2s linear;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.btn a::after,
.btn button::after {
    content: '';
    width: 25px;
    height: 5px;
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;
    margin: auto;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%) skew(45deg);
    transition: 0.2s linear;
    z-index: 1;
}

.btn a:hover,
.btn button:hover {
    opacity: 1;
    color: #fff;
}

.btn a:hover::before,
.btn button:hover::before {
    width: 100%;
    opacity: 1;
}

.btn a:hover::after,
.btn button:hover::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.btn-clear a,
.btn-clear button {
    color: #fff;
    border: 1px solid #fff;
}

.btn-clear a::before,
.btn-clear button::before {
    background-color: #fff;
}

.btn-clear a::after,
.btn-clear button::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.btn-clear a:hover,
.btn-clear button:hover {
    opacity: 1;
    color: #000;
}

.btn-clear a:hover::after,
.btn-clear button:hover::after {
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;
}

.btn-gray a,
.btn-gray button {
    color: #a9a9a9;
    border: 1px solid #a9a9a9;
}

.btn-gray a::before,
.btn-gray button::before {
    background-color: #a9a9a9;
}

.btn-gray a::after,
.btn-gray button::after {
    border-bottom: 1px solid #a9a9a9;
    border-right: 2px solid #a9a9a9;
}

.btn-gray a:hover,
.btn-gray button:hover {
    opacity: 1;
    color: #fff;
}

.btn-gray a:hover::after,
.btn-gray button:hover::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.btn-black a,
.btn-black button {
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
}

.btn-black a::before,
.btn-black button::before {
    background-color: #fff;
}

.btn-black a::after,
.btn-black button::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.btn-black a:hover,
.btn-black button:hover {
    opacity: 1;
    color: #000;
}

.btn-black a:hover::after,
.btn-black button:hover::after {
    border-bottom: 1px solid #000;
    border-right: 2px solid #000;
}

.btn-black.btn-back a::after,
.btn-black.btn-back button::after {
    border-bottom: 1px solid #fff;
    border-left: 2px solid #fff;
    border-right: none;
}

.btn-black.btn-back a:hover::after,
.btn-black.btn-back button:hover::after {
    border-bottom: 1px solid #000;
    border-left: 2px solid #000;
}

.btn-arrow {
    display: inline-block;
    max-width: 100%;
}

.btn-arrow a {
    max-width: 100%;
    display: inline-block;
    padding-right: 70px;
    position: relative;
}

.btn-arrow a::after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 10px;
    margin-left: 20px;
    border-bottom: 1px solid #666;
    border-right: 2px solid #666;
    margin: auto;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%) skew(45deg);
    transition: 0.3s linear;
    z-index: 1;
}

.btn-arrow a:hover::after {
    transform: translate(10px, -50%) skew(45deg);
}

.btn-arrow-mini a {
    padding-right: 45px;
}

.btn-arrow-mini a::after {
    width: 25px;
    height: 5px;
    margin-left: 10px;
}

.btn-arrow-white a::after {
    border-bottom: 1px solid #fff;
    border-right: 2px solid #fff;
}

.btn-back a,
.btn-back button {
    padding: 10px 10px 10px 35px;
}

.btn-back a::before,
.btn-back button::before {
    left: auto;
    right: 0;
}

.btn-back a::after,
.btn-back button::after {
    border-left: 2px solid #000;
    border-right: none;
    top: 50%;
    left: 10px;
    right: auto;
    transform: translate(0, -50%) skew(-45deg);
}

.btn-back.btn-clear a::after,
.btn-back.btn-clear button::after {
    border-left: 2px solid #fff;
}

.btn-back a:hover::after,
.btn-back button:hover::after {
    border-bottom: 1px solid #fff;
    border-left: 2px solid #fff;
    border-right: none;
}

.btn-back.btn-clear a:hover::after,
.btn-back.btn-clear button:hover::after {
    border-bottom: 1px solid #000;
    border-left: 2px solid #000;
}

.btn-back.btn-gray a::after,
.btn-back.btn-gray button::after {
    border-left: 2px solid #a9a9a9;
}

.btn-back.btn-gray a:hover::after,
.btn-back.btn-gray button:hover::after {
    border-bottom: 1px solid #fff;
    border-left: 2px solid #fff;
}

@media (max-width: 599px) {
    .btn-box {
        justify-content: center;
    }

    .btn {
        width: 143px;
    }

    .btn-big {
        width: 200px;
        height: 60px;
    }

    .btn-arrow a {
        padding-right: 55px;
    }


    .btn-arrow a::after {
        width: 35px;
        height: 5px;
    }

}

/* button end */

/* title */
.title_01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.title_01 .en {
    font-size: 30px;
    font-weight: 400;
    position: relative;
}

.title_01 .ja {
    font-size: 14px;
    font-weight: 500;
}

.title_01 .en::before {
    content: '';
    width: 33px;
    height: 33px;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/icon_003.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: -33px;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.title_02 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 30px;
}

.title_03 {
    font-size: 24px;
    font-weight: 400;
}

.title_04 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.title_05 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 26px;
    font-weight: 400;
}

.title_05::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/icon_003.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 15px;
}

.title_05-center {
    justify-content: center;
}

.title_05-left {
    justify-content: flex-start;
}

.title_06 {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 2px solid #109967;
}

.title_06 .num {
    font-size: 35px;
    line-height: 1;
    color: #109967;
    margin-right: 15px;
    flex-shrink: 0;
}

.title_06 .ja {
    margin-top: 7px;
}

.title_07 {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 10px;
    position: relative;
}

.title_07::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.title_07::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #109967;
    position: absolute;
    bottom: 0;
    left: 0;
}

.title_08 {
    font-size: 22px;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
}

.title_08::before {
    content: '−';
    display: inline-block;
    font-weight: bold;
    color: #109967;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.title_09 {
    display: inline-block;
    font-size: 40px;
    font-weight: 400;
    font-style: italic;
    color: #109967;
    border-bottom: 2px solid #109967;
}

.title_10 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
}

.title_10::after {
    content: '';
    display: block;
    width: 120%;
    height: 1px;
    background-color: #109967;
    position: absolute;
    bottom: -10px;
    right: 0;
}

.title_10 .num {
    font-size: 50px;
    font-weight: 500;
    color: #109967;
    font-style: italic;
}

.side-nav-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 15px 10px;
    background-color: #303136;
}

.side-nav-title span {
    display: inline-block;
    line-height: 1;
    letter-spacing: 0;
    flex-shrink: 0;
}

.side-nav-title span+span {
    margin-top: 10px;
    margin-left: 10px;
}

.side-nav-title .en {
    font-size: 18px;
    font-weight: 400;
    color: #109967;
}

.side-nav-title .ja {
    font-size: 10px;
    color: #fff;
}

.product_detail-title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
    padding: 10px 5px;
    position: relative;
}

.product_detail-title::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #989898;
    position: absolute;
    bottom: 0;
    left: 0;
}

.product_detail-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #109967;
    position: absolute;
    bottom: 0;
    left: 0;
}

.facility-title {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1),
        0px 0px 10px 5px rgba(10, 10, 10, 0.02);
    z-index: 1;
    position: relative;
}

.facility-title .num {
    font-size: 60px;
    font-weight: 500;
    color: #24ba83;
    font-style: italic;
    line-height: 1.2;
}

.facility-title .ja {
    font-size: 24px;
    font-weight: 400;
}

.title-box {
    width: 92%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.title-box [class^="title"] {
    margin-top: 0 !important;
    margin-bottom: 0;
    transform: translate(70px, 0);
}

.product_detail-text img {
    transition: 0.3s linear;
}

.product_detail-text img:hover {
    cursor: pointer;
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .title_01 .en {
        font-size: 28px;
    }

    .title_01 .en::before {
        width: 30px;
        height: 30px;
        left: -30px;
    }

    .title_01 .ja {
        font-size: 13px;
    }

    .title_02 {
        font-size: 26px;
    }

    .title_03 {
        font-size: 22px;
    }

    .title_05 {
        font-size: 24px;
    }

    .title_05::before {
        width: 26px;
        height: 26px;
    }

    .title_07 {
        font-size: 22px;
    }

    .title_08 {
        font-size: 20px;
        padding-left: 28px;
    }

    .title_09 {
        font-size: 35px;
    }

    .title_10 {
        font-size: 20px;
    }

    .title_10 .num {
        font-size: 32px;
    }

    .side-nav-title {
        flex-wrap: wrap;
        align-items: center;
    }

    .product_detail-title {
        font-size: 18px;
    }

    .facility-title .num {
        font-size: 50px;
    }

    .facility-title .ja {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .title_01 .en {
        font-size: 26px;
    }

    .title_01 .en::before {
        width: 25px;
        height: 25px;
        left: -25px;
    }

    .title_01 .ja {
        font-size: 12px;
    }

    .title_02 {
        font-size: 24px;
    }

    .title_04 {
        font-size: 18px;
    }

    .title_05 {
        font-size: 20px;
    }

    .title_05::before {
        width: 20px;
        height: 20px;
    }

    .title_07 {
        font-size: 20px;
    }

    .title_08 {
        font-size: 18px;
        padding-left: 26px;
    }

    .title_09 {
        font-size: 28px;
    }

    .title_10 .num {
        font-size: 28px;
    }

    .title_10 {
        font-size: 18px;
    }

    .facility-title {
        padding: 15px;
    }

    .facility-title .num {
        font-size: 40px;
    }

    .facility-title .ja {
        font-size: 18px;
    }

    .title-box [class^="title"] {
        transform: translate(0, 0);
    }
}

/* title end */

/* ページ内リンク */
.inpage-nav-list li a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #969494;
    line-height: 1;
    padding: 15px;
    border: 1px solid #969494;
}

.inpage-nav-list li:nth-of-type(n+5) {
    margin-top: -1px;
}

.inpage-nav-list li:nth-of-type(4n+2),
.inpage-nav-list li:nth-of-type(4n+3),
.inpage-nav-list li:nth-of-type(4n+4) {
    margin-left: -1px;
}

.inpage-nav-list li a:hover {
    background-color: #000;
    color: #fff;
    opacity: 1;
}

.company .inpage-nav-list li:nth-of-type(n+4) {
    margin-top: -1px;
}

.company .inpage-nav-list li:nth-of-type(3n+4) {
    margin-left: -0px;
}

.company .inpage-nav-list li:nth-of-type(3n+2),
.company .inpage-nav-list li:nth-of-type(3n+3),
.company .inpage-nav-list li:nth-of-type(3n+5),
.company .inpage-nav-list li:nth-of-type(3n+6) {
    margin-left: -1px;
}

@media (max-width: 1024px) {
    .inpage-nav-list li {
        flex-grow: 1;
    }

    .inpage-nav-list li:nth-of-type(n+4) {
        margin-top: -1px;
    }

    .inpage-nav-list li:nth-of-type(4n+2),
    .inpage-nav-list li:nth-of-type(4n+3),
    .inpage-nav-list li:nth-of-type(4n+4) {
        margin-left: 0;
    }

    .inpage-nav-list li:nth-of-type(3n+2),
    .inpage-nav-list li:nth-of-type(3n+3) {
        margin-left: -1px;
    }
}

@media (max-width: 599px) {
    .inpage-nav-list li:nth-of-type(n+2) {
        margin-top: -1px;
    }

    .inpage-nav-list li:nth-of-type(3n+2),
    .inpage-nav-list li:nth-of-type(3n+3) {
        margin-left: 0;
    }

    .company .inpage-nav-list li:nth-of-type(n+4) {
        margin-top: -1px;
    }

    .company .inpage-nav-list li:nth-of-type(3n+2),
    .company .inpage-nav-list li:nth-of-type(3n+3),
    .company .inpage-nav-list li:nth-of-type(3n+5),
    .company .inpage-nav-list li:nth-of-type(3n+6) {
        margin-left: -0px;
    }
}

/* ページ内リンク end */

/* カスタムコンテンツ */
.newmark {
    display: inline-block;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    padding: 3px 7px;
    background-color: #ff2929;
    margin: auto;
    margin: auto;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
}

.news .newmark {
    top: 22px;
    left: 10px;
}

.date {
    font-size: 12px;
    color: #666;
}

.news .category {
    width: 150px;
    margin: 0 5px;
    flex-grow: 1;
}

.category .tag {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin: 0 2px;
    padding: 2px 10px;
    background-color: #ffad00;
}

.cc-list {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    padding-left: 60px;
    position: relative;
}

.cc-list dt {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-shrink: 0;
}

.cc-list dd {
    width: 10%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    flex-grow: 1;
    margin-left: 20px;
}

.cc-list dd a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news .cc-list {
    flex-wrap: wrap;
    padding: 20px;
    border-top: 1px solid #d3d3d3;
}

.news .cc-list:last-of-type {
    border-bottom: 1px solid #d3d3d3;
}

.news .cc-list dt {
    width: 100%;
}

.news .cc-list dt .date {
    order: 1;
}

.news .cc-list dt .newmark {
    position: static;
    margin: 0 5px;
    order: 2;
}

.news .cc-list dt .category {
    order: 3;
}

.news .cc-list dd {
    margin-left: 0;
}

.blog-cc-list .newmark {
    top: 0;
}

.blog-cc-list {
    padding: 10px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.blog-cc-list dt {
    width: 15%;
    display: block;
    border: 1px solid #d3d3d3;
    position: relative;
}

.blog-cc-list dt a,
.blog-cc-list dt a .blog-thumbs {
    height: 100%;
}

.blog-cc-list dd {
    flex-wrap: wrap;
    align-content: flex-start;
}

.blog-cc-list dd .category {
    margin-bottom: 10px;
}

.blog-list li {
    display: flex;
    flex-wrap: wrap;
}

.blog-list .list-inner {
    width: 100%;
    height: 100%;
}

.blog-img a {
    height: 100%;
}

.blog-info {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    padding: 30px;
    background-color: #303136;
}

.blog-title {
    width: 100%;
    margin-top: 10px;
}

.blog-info * {
    color: #fff;
}

.case_study_detail-title {
    font-size: 22px;
    margin-bottom: 30px;
    padding: 15px 10px;
}

.cc-side-box+.cc-side-box {
    margin-top: 50px;
}

.cc-side-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #404040;
}

.cc-side-list li {
    border-bottom: 1px solid #d3d2d2;
}

.cc-side-list li a {
    display: block;
    padding: 15px 10px 15px 30px;
    position: relative;
}

.cc-side-list li a::before {
    content: '−';
    font-weight: bold;
    position: absolute;
    top: 16px;
    left: 5px;
}

@media (max-width: 1024px) {
    .news .cc-list {
        padding: 15px;
    }

    .blog-title {
        margin-top: 5px;
    }

    .cc-side-box+.cc-side-box {
        margin-top: 0;
    }

    .blog-cc-list dd .category {
        margin-bottom: 5px;
    }

    .blog-cc-list dd {
        margin-left: 10px;
    }

    .blog-list .list-inner {
        display: flex;
    }
}

@media (max-width: 599px) {
    .newmark {
        top: 5px;
        transform: translate(0, 0);
    }

    .cc-list {
        flex-wrap: wrap;
    }

    .cc-list dd {
        width: 100%;
        margin: 5px 0 0 0;
    }

    .news .category {
        width: 100%;
        margin: 0;
    }

    .news .cc-list {
        padding: 10px 15px;
    }

    .news .cc-list dt>* {
        flex-shrink: 0;
    }

    .blog-cc-list {
        padding: 5px;
    }

    .blog .newmark,
    .blog_detail .newmark {
        top: 0;
        left: 0;
    }

    .blog-cc-list dt {
        width: 25%;
    }

    .blog-cc-list dd {
        width: calc(75% - 5px);
        margin: 0 0 0 5px;
    }

    .blog .category .tag,
    .blog-cc-list dd a {
        font-size: 12px;
    }

    .blog-info {
        padding: 30px 10px;
    }

    .blog-title {
        font-size: 12px;
    }

    .cc-side-box+.cc-side-box {
        margin-top: 50px;
    }
}

/* カスタムコンテンツ end */

/* list */
.list_01 li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border-bottom: 1px solid #d3d3d3;
}

.list_01 li a {
    display: block;
    height: 100%;
}

.list_01 .list_01-box {
    margin-top: 0;
    position: relative;
    z-index: 1;
    width: 85%;
}

.list_01 .list_01-box .title_04 {
    height: auto !important;
    margin-bottom: 5px;
    padding-top: 10px;
}

.list_01 li:nth-of-type(even) {
    flex-direction: row-reverse;
}

.list_01 li:nth-of-type(even) .list_01-box {
    margin-left: auto;
}

.list_01 li:nth-of-type(even) .title_04 {
    text-align: right;
}

/* .list_01 .list_01-box{
  background: rgba(255, 255, 255, 0.8);
} */

.list_01 .list_01-box .title_04,
.list_01 .list_01-box .text {
    width: 100%;
}

.list_02-inner {
    position: relative;
}

.list_02 .category {
    max-width: 100%;
    font-size: 12px;
    padding: 10px;
    background-color: #109967;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.list_02 .category {
    background-color: #404040;
}

[data-element-id] .home-solution .list_02>div {
    display: flex;
    width: 100%;
}

[data-element-id] .home-solution .list_02>div>* {
    width: 20%;
}

.home-solution li img {
    font-family: "object-fit: contain; object-position: 50% 50%;";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .home-solution .list_02 li:nth-of-type(5) {
        display: none
    }
}

.green-list dt {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #109967;
    border-bottom: 2px solid #109967;
    margin-bottom: 10px;
    padding: 5px;
}

.green-list dd {
    padding-left: 20px;
    position: relative;
}

.green-list dd::before {
    content: '・';
    color: #109967;
    position: absolute;
    top: 0;
    left: 0;
}

.green-list dd+dd {
    margin-top: 5px;
}

.plus-list {
    padding-left: 40px;
    position: relative;
}

.plus-list dt {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.plus-list dd {
    font-size: 16px;
}

.plus-list dt::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/icon_003.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.block-list li {
    padding: 20px 40px 20px 100px;
    border: 1px solid #a9a9a9;
    position: relative;
}

.block-list li+li {
    margin-top: -1px;
}

.block-list li .num {
    font-size: 30px;
    font-weight: 600;
    color: #109967;
    font-style: italic;
    position: absolute;
    top: 5px;
    left: 40px;
}

.flow-list {
    display: flex;
    flex-wrap: wrap;
}

.flow-list li {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 20px 20px 40px;
    color: #fff;
    background-color: #109967;
    position: relative;
}

.flow-list li::after {
    content: '';
    width: 30px;
    height: 100%;
    background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/parts_001.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 1;
}

.flow-list li:last-of-type {
    background-color: #eaa414;
}

.flow-list li:last-of-type::after {
    display: none;
}

.col-3-list,
.col-4-list {
    display: flex;
    flex-wrap: wrap;
}

.col-3-list li,
.col-4-list li {
    width: calc(100% / 3);
    min-height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid #989898;
}

.col-3-list li:nth-of-type(3n+2),
.col-3-list li:nth-of-type(3n+3) {
    margin-left: -1px;
}

.col-3-list li:nth-of-type(n+4) {
    margin-top: -1px;
}

.col-4-list li {
    width: calc(100% / 4);
}

.col-4-list li:nth-of-type(4n+2),
.col-4-list li:nth-of-type(4n+3),
.col-4-list li:nth-of-type(4n+4) {
    margin-left: -1px;
}

.col-4-list li:nth-of-type(n+5) {
    margin-top: -1px;
}

.black-link-list li {
    min-height: auto;
    padding: 0;
}

.black-link-list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 15px 10px;
    background-color: #fff;
}

.black-link-list li.cat-current a,
.black-link-list li a:hover {
    opacity: 1;
    color: #fff;
    background-color: #303136;
}

.maker-logo-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 80%;
    margin-bottom: 10px;
    flex-grow: 1;
}

.maker-logo-img img {
    width: auto;
    max-width: 100%;
}

.maker-logo-name {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.sitemap-list {
    margin-top: 15px;
    -moz-column-count: 4;
    column-count: 4;
}

.sitemap-list>li {
    display: block;
    margin-bottom: 15px;
    padding-right: 10px;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.sitemap-list>li a {
    display: inline-block;
}

.sitemap-list-inner {
    margin-top: 15px;
    padding-left: 20px;
}

.sitemap-list-inner li {
    margin: 10px 0;
}

.sitemap-list-inner li a {
    color: #444;
    padding-left: 20px;
    position: relative;
}

.sitemap-list-inner li a::before {
    content: '・';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .list_01 li {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-bottom: 18px;
    }

    .list_01 li:nth-of-type(even) {
        flex-direction: row-reverse;
    }

    .list_01 .list_01-box {
        margin-top: 0;
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }

    .list_01 li:nth-of-type(even) .list_01-box {
        margin-left: auto;
        margin-right: auto;
    }

    .list_01 .list_01-box .title_04 {
        height: auto !important;
        margin-bottom: 40px;
    }

    .list_02 .category {
        font-size: 10px;
        padding: 5px 10px;
    }

    .plus-list {
        padding-left: 35px;
    }

    .plus-list dt {
        font-size: 18px;
    }

    .plus-list dt::before {
        width: 26px;
        height: 26px;
    }

    .block-list li {
        padding: 15px 30px 15px 80px;
    }

    .block-list li .num {
        font-size: 26px;
        left: 30px;
    }

    .flow-list li {
        font-size: 16px;
    }

    .col-3-list li {
        width: 50%;
        min-height: 100px;
    }

    .col-3-list li:nth-of-type(3n+2),
    .col-3-list li:nth-of-type(3n+3) {
        margin-left: 0;
    }

    .col-3-list li:nth-of-type(2n) {
        margin-left: -1px;
    }

    .col-3-list li:nth-of-type(n+4) {
        margin-top: 0;
    }

    .col-3-list li:nth-of-type(n+3) {
        margin-top: -1px;
    }

    .col-4-list li {
        width: calc(100% / 3);
        flex-grow: 1;
    }

    .col-4-list li:nth-of-type(4n+2),
    .col-4-list li:nth-of-type(4n+3),
    .col-4-list li:nth-of-type(4n+4) {
        margin-left: 0;
    }

    .col-4-list li:nth-of-type(3n+2),
    .col-4-list li:nth-of-type(3n+3) {
        margin-left: -1px;
    }

    .col-4-list li:nth-of-type(n+4) {
        margin-top: -1px;
    }

    .black-link-list li {
        min-height: 40px;
    }

    .black-link-list li a {
        font-size: 12px;
        padding: 10px;
    }

    .sitemap-list {
        -moz-column-count: 2;
        column-count: 2;
    }

    .sitemap-list li a {
        font-size: 14px;
    }

    .sitemap-list-inner li a {
        font-size: 13px;
    }
}

@media (max-width: 599px) {
    .list_01-box-pic {
        width: 100%;
        margin-right: -0%;
        margin-bottom: 20px;
    }

    .list_01 .list_01-box {
        width: 100%;
    }

    .list_01 .list_01-box .title_04 {
        margin-bottom: 20px;
        text-align: center;
    }

    .list_01 li:nth-of-type(even) .title_04 {
        text-align: center;
    }

    .list_01 li:nth-of-type(even) .list_01-box-pic {
        margin-left: auto;
        margin-right: auto;
    }

    .list_01 .list_01-box {
        margin-left: auto;
        flex-grow: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .list_01 li:nth-of-type(even) .list_01-box {
        margin-left: auto;
        margin-right: auto;
    }

    .plus-list {
        padding-left: 25px;
    }

    .plus-list dt {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .plus-list dt::before {
        width: 20px;
        height: 20px;
        top: 4px;
    }

    .block-list li {
        padding: 10px 20px 10px 55px;
    }

    .block-list li .num {
        font-size: 24px;
        left: 10px;
    }

    .flow-list {
        width: 400px;
        max-width: 90%;
        margin: 0 auto;
    }

    .flow-list li {
        width: 100%;
        padding: 50px 10px 10px 10px;
    }

    .flow-list li::after {
        background-image: url(/import/tenant_1/cretas.a-bisu.jp/html/images/common/parts_002.png);
        background-size: 100% 100%;
        width: 100%;
        height: 30px;
        right: 0;
    }

    .flow-list li:first-of-type {
        padding-top: 20px;
    }

    .flow-list li:first-of-type::after {
        display: none;
    }

    .flow-list li:last-of-type::after {
        display: block;
    }

    .flow-list li:last-of-type {
        padding-bottom: 20px;
    }

    .col-3-list li {
        width: 100%;
        min-height: 90px;
    }

    .col-3-list li:nth-of-type(2n),
    .col-3-list li:nth-of-type(2n) {
        margin-left: 0;
    }

    .col-3-list li:nth-of-type(n+3) {
        margin-top: 0;
    }

    .col-3-list li:nth-of-type(n+2) {
        margin-top: -1px;
    }

    .col-4-list li {
        width: 100%;
    }

    .col-4-list li:nth-of-type(3n+2),
    .col-4-list li:nth-of-type(3n+3) {
        margin-left: 0;
    }

    .col-4-list li:nth-of-type(n+2) {
        margin-top: -1px;
    }

    .black-link-list li {
        min-height: 40px;
    }
}


/* tab */
.tab-btn-list li {
    min-height: 60px;
    transition: 0.3s linear;
}

.tab-btn-list li:hover,
.tab-btn-list li.on {
    color: #fff;
    background-color: #303136;
    cursor: pointer;
}

@media (max-width: 599px) {
    .tab-btn-list li {
        min-height: 50px;
    }
}

/* tab end */

/* list end */

/* tree */
.tree-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.tree-list li {
    width: calc(82% / 9);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1%;
    padding: 10px;
}

.tree-list .join {
    width: calc(82% / 9 * 2);
    color: #fff;
    letter-spacing: 2px;
    background-color: #109967;
    flex-shrink: 0;
}

.tree-list .brank {
    width: calc(82% / 9 * 2);
    flex-shrink: 0;
}

[class$="branch"] {
    position: relative;
}

[class$="branch"]::before,
[class$="branch"]::after {
    content: '';
    display: block;
    background-color: #109967;
    z-index: -1;
}

.right-branch::before,
.half-right-branch::before {
    height: 2px;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.right-branch::before {
    width: 20px;
    right: -20px;
}

.half-right-branch::before {
    width: 10px;
    right: -10px;
}

.up-branch::after {
    content: '';
    display: block;
    width: 2px;
    height: 65px;
    background-color: #109967;
    position: absolute;
    bottom: 20px;
    right: -10px;
}

@media (max-width: 1024px) {
    .up-branch::after {
        right: -7px;
    }

    .half-right-branch::before {
        right: -7px;
    }
}

@media (max-width: 599px) {
    .tree-list {
        max-width: 320px;
        margin: 0 auto;
    }

    .tree-list li {
        width: calc(45px / 2);
        min-height: 150px;
        margin: 2%;
        padding: 20px 5px;
    }

    .tree-list .brank {
        width: 45px;
    }

    .tree-list .join {
        width: 45px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }

    .up-branch::after {
        height: 170px;
        bottom: 75px;
    }

    .tree-list_01 li {
        min-height: 45px;
    }

    .tree-list .horizon\@sp {
        width: 150px;
        min-height: 45px;
        padding: 5px 10px;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .tree-list_02 .up-branch::after {
        height: 100px;
    }
}

/* tree end */

/* box */

.alternate-wrap .alternate-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.alternate-wrap .alternate-box:nth-of-type(even) {
    flex-direction: row-reverse;
}

.alternate-wrap-rowr .alternate-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.alternate-wrap-rowr .alternate-box:nth-of-type(even) {
    flex-direction: row;
}

.calc-wrap .calc-box:nth-of-type(odd) .calc-cont {
    padding-left: calc(50% - 600px);
}

.calc-wrap .calc-box:nth-of-type(even) .calc-cont {
    padding-right: calc(50% - 600px);
}

.calc-wrap-rowr .calc-box:nth-of-type(odd) .calc-cont {
    padding-right: calc(50% - 600px);
}

.calc-wrap-rowr .calc-box:nth-of-type(even) .calc-cont {
    padding-left: calc(50% - 600px);
}

.alternate-wrap .calc-box:nth-of-type(even) .calc-cont.gray-triangle::after {
    transform: scale(-1, 1);
}

.product-list-wrap .product-list-box {
    flex-wrap: nowrap;
}

.product-list-wrap .product-list-box .product-list-box-cont {
    margin: 50px 0;
    margin-left: -10%;
    padding-bottom: 60px;
    z-index: 1;
    position: relative;
}

.product-list-wrap .product-list-box:nth-of-type(even) .product-list-box-cont {
    margin-left: 0;
    margin-right: -10%;
}

.product-list-wrap .product-list-box .product-list-box-cont .btn-arrow {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

@media (max-width: 1200px) {
    .calc-wrap .calc-box:nth-of-type(odd) .calc-cont {
        padding-left: 4%;
    }

    .calc-wrap .calc-box:nth-of-type(even) .calc-cont {
        padding-right: 4%;
    }

    .calc-wrap-rowr .calc-box:nth-of-type(odd) .calc-cont {
        padding-right: 4%;
    }

    .calc-wrap-rowr .calc-box:nth-of-type(even) .calc-cont {
        padding-left: 4%;
    }
}

@media (max-width: 1024px) {

    .calc-wrap .calc-box:nth-of-type(odd) .calc-cont,
    .calc-wrap .calc-box:nth-of-type(even) .calc-cont,
    .calc-wrap-rowr .calc-box:nth-of-type(odd) .calc-cont,
    .calc-wrap-rowr .calc-box:nth-of-type(even) .calc-cont {
        padding-right: 30px;
    }

    .product-list-wrap .product-list-box .product-list-box-cont {
        margin: 70% 0 30px 0;
        margin-left: -80%;
    }

    .product-list-wrap .product-list-box:nth-of-type(even) .product-list-box-cont {
        margin-left: 0;
        margin-right: -80%;
    }
}

@media (max-width: 599px) {

    .calc-wrap .calc-box:nth-of-type(odd) .calc-cont,
    .calc-wrap .calc-box:nth-of-type(even) .calc-cont,
    .calc-wrap-rowr .calc-box:nth-of-type(odd) .calc-cont,
    .calc-wrap-rowr .calc-box:nth-of-type(even) .calc-cont {
        padding-right: 15px;
    }
}

/* box end */

/* top */
.scroll_area {
    display: flex;
    flex-direction: column;
}

.scroll-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-grow: 1;
}

.scroll_area .title_01,
.scroll_area .title-box {
    margin-top: 80px;
}

.index .footer-inside {
    display: flex;
    flex-direction: column;
}

.index .area06 {
    padding-top: 50px;
    background: rgb(229, 229, 229);
}

.index .area06 .fp-tableCell {
    display: flex;
    flex-direction: column;
}

.index footer {
    margin-top: auto;
    padding-bottom: 40px;
}

.index .area06 .fp-tableCell>.box {
    padding-top: 100px;
}

@media (max-width: 1440px) {
    .index .area06 .fp-tableCell>.box {
        padding-top: 20px;
    }
}

@media (max-width: 1024px) {
    .scroll_area {
        height: auto;
    }

    .index .area06 .fp-tableCell>.box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .scroll_area .title_01 {
        margin-top: 0;
    }

    .index .footer-inside {
        display: block;
    }

    .index .area06 {
        padding-top: 0;
    }

    .area06 .tel-list .item+.item {
        margin-top: 5px;
        margin-left: 0;
    }

    .index footer {
        flex-grow: 0;
    }

    .index .area06 {
        background: #fff
    }

    .index footer {
        padding-bottom: 0;
    }
}

@media (max-width: 599px) {
    .area_03 .list_02 li:last-of-type {
        display: none;
    }
}

/* top end */

/* company */
.sign-parent {
    padding-bottom: 80px;
    position: relative;
}

.sign {
    position: absolute;
    bottom: 0;
    right: 0;
}

.sign span {
    display: inline-block;
}

.sign .name {
    font-size: 20px;
    margin-left: 15px;
}

/* company */

/* product */
.side-nav {
    border-bottom: 1px solid #cdcccc;
}

.side-nav-list li {
    border-left: 1px solid #cdcccc;
    border-right: 1px solid #cdcccc;
    transition: 0.3s linear;
}

.side-nav-list li+li {
    border-top: 1px solid #cdcccc;
}

.side-nav-list li a {
    display: block;
    padding: 20px 35px 20px 15px;
    line-height: 1.2;
    background-color: #f7f7f7;
    border-left: 4px solid #f7f7f7;
    position: relative;
}

.side-nav-list li a::after {
    content: "\f054";
    color: #109967;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin: auto;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    z-index: 1;
}

.side-nav-list li:hover {
    border-left: 1px solid #109967;
}

.side-nav-list li.current a,
.side-nav-list li a:hover {
    background-color: #a9decb;
    border-left: 4px solid #109967;
    opacity: 1;
}

.product .side-cont+.side-nav {
    margin-top: 80px;
}

.product_detail .recommend li:nth-of-type(4) {
    display: none;
}

@media (max-width: 1024px) {
    .product_detail .recommend li:nth-of-type(4) {
        display: block;
    }
}

@media (max-width: 599px) {
    .product_detail .recommend li:nth-of-type(4) {
        display: none;
    }
}

/* product end */

/* facility */
.facility-box {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 100px;
    column-gap: 100px;
}

.facility-box li {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.facility-box li+li {
    margin-top: 10px;
}

.facility-box li dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 10px 5px;
    border-bottom: 1px solid #969494;
}

.facility-box li dl dt {
    flex-grow: 1;
}

.facility-box li dl dd {
    flex-shrink: 0;
    margin-left: 50px;
}

.facility-detail-img {
    margin-bottom: -50px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.facility-detail-img::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1bae78;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 0;
}

.facility-img::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.30) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.facility-img+.facility-title {
    width: 100%;
    color: #fff;
    padding: 10px;
    background-color: transparent;
    box-shadow: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
}

.facility-detail-content {
    position: relative;
}

.facility-detail-content::after {
    content: '';
    display: block;
    width: 1000%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.facility-spec {
    display: flex;
    align-items: flex-start;
}

.facility-spec dt {
    width: 20%;
    font-weight: 500;
    padding-left: 20px;
    flex-shrink: 0;
    position: relative;
}

.facility-spec dt::before {
    content: '−';
    font-weight: bold;
    color: #1bae78;
    position: absolute;
    top: 0;
    left: 0;
}

.facility-spec dd {
    font-weight: 10%;
    flex-grow: 1;
    margin-left: 30px;
}

@media (max-width: 1024px) {
    .facility-box {
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .facility-box li dl dd {
        margin-left: 30px;
    }

    .facility-img+.facility-title {
        bottom: 10px;
        left: 10px;
    }
}

@media (max-width: 599px) {
    .facility-box {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .facility-detail-img::before {
        top: 5px;
        left: 5px;
    }

    .facility-img+.facility-title {
        padding: 5px;
        bottom: 0;
        left: 0;
    }

    .facility-spec {
        flex-wrap: wrap;
    }

    .facility-spec dt {
        width: 100%;
    }

    .facility-spec dd {
        margin-left: 20px;
    }
}

/* facility end */

/* form */
.must {
    color: #f00;
    margin-left: 5px;
}

.contact-item {
    padding: 30px 20px;
}

.contact-item:nth-of-type(even) {
    background-color: #f5f5f5;
}

.contact-item dd input,
.contact-item dd select,
.contact-item dd textarea {
    width: 100%;
    padding: 10px 5px;
    border: 2px solid #dcdcdc;
    font-size: 16px !important;
}

.contact-item dd select [value=""] {
    display: none;
}

.contact-item dd textarea {
    height: 200px;
}

.radiobtn input {
    width: auto;
}

[class*="radiobtn-"] label {
    margin: 7px 0;
    flex-shrink: 0;
}

.radiobtn-4 label {
    width: 25%;
}

.radiobtn-3 label {
    width: calc(100% / 3);
}

.radiobtn label {
    display: inline-block;
    padding: 0 10px 0 30px;
    position: relative;
}

.radiobtn input {
    display: none;
}

.radiobtn label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.radiobtn label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
}

.radiobtn input:checked+label {
    text-decoration: underline;
}

.radiobtn input:checked+label::after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    background: #109967;
    border-radius: 50%;
}

.square-radiobtn-item dd label:before {
    border-radius: 3px;
}

.square-radiobtn-item .radiobtn input:checked+label:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 900;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -7px;
    color: #109967;
    background-color: transparent;
}

.checkbox-text label {
    width: auto;
    margin-right: 20px;
}

.checkbox-text .text {
    text-indent: -14px;
}

.contact_confirm .contact-item dd {
    font-size: 14px;
}

@media (max-width: 1024px) {

    .contact-item dd input,
    .contact-item dd textarea {
        font-size: 16px !important;
    }

    .contact-item {
        padding: 30px 0;
    }

    .contact-item:nth-of-type(even) {
        margin-left: -999rem;
        margin-right: -999rem;
        padding-left: 999rem;
        padding-right: 999rem;
    }

    .contact-item dd {
        min-width: 455px;
    }

    .radiobtn-4 label {
        width: calc(100% / 3);
    }

    .radiobtn-3 label {
        width: 50%;
    }

    .checkbox-text label {
        width: auto;
    }
}

@media (max-width: 599px) {
    .contact-item dd {
        min-width: 100%;
    }

    .radiobtn-4 label {
        width: 50%;
    }

    .radiobtn-3 label {
        width: 100%;
    }

    .checkbox-text label {
        width: auto;
    }
}

/* form end */

/* recruit_list */
.recruit-box {
    width: 90%;
    margin-left: auto;
}

.recruit-box a {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
}

.recruit-img {
    width: 90%;
    order: 2;
}

.recruit-title {
    width: 35%;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0 -25% 50px 0;
    padding: 10px 10px 10px 150px;
    background-color: #303136;
    border: 2px solid #303136;
    transition: 0.3s linear;
    z-index: 1;
    order: 1;
    position: relative;
}

.recruit-title .num {
    font-size: 90px;
    font-weight: 500;
    line-height: 1;
    font-style: italic;
    color: #109967;
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: 20px;
    transform: translate(0, -50%);
}

.recruit-box a:hover {
    opacity: 1;
}

.recruit-box a:hover .recruit-title {
    background-color: #fff;
    color: #303136;
}

.recruit-box:nth-of-type(even) {
    margin-left: 0;
    margin-right: auto;
}

.recruit-box:nth-of-type(even) a {
    justify-content: flex-start;
}

.recruit-box:nth-of-type(even) .recruit-title {
    margin: 0 0 50px -25%;
    order: 3;
}

@media (max-width: 1024px) {
    .recruit-box {
        width: 95%;
    }

    .recruit-img {
        width: 95%;
    }

    .recruit-title {
        width: 50%;
        min-height: 50px;
        font-size: 20px;
        margin: 0 -30% 20px 0;
        padding: 5px 10px 5px 80px;
    }

    .recruit-box:nth-of-type(even) .recruit-title {
        margin: 0 0 20px -30%;
    }

    .recruit-title .num {
        font-size: 55px;
        left: 5px;
    }
}

@media (max-width: 599px) {
    .recruit-box a {
        flex-wrap: wrap;
    }

    .recruit-img {
        width: 100%;
    }

    .recruit-title,
    .recruit-box:nth-of-type(even) .recruit-title {
        width: 80%;
        order: 3;
        transform: translate(0, -50%);
    }

    .recruit-title {
        margin: 0 5% 0 0;
    }

    .recruit-box:nth-of-type(even) .recruit-title {
        margin: 0 0 0 5%;
    }
}

/* recruit_list end */

/* recruit_detail */
.recruit_detail-box {
    align-items: flex-end;
}

.recruit_detail-box .box-cont {
    margin: 0 -10% -50px 0;
    z-index: 1;
}

.recruit_detail-box:nth-of-type(even) .box-cont {
    margin: 0 0 -50px -10%;
}

.recruit_detail-box .white-box .title_10 .ja {
    display: inline-block;
    margin-left: 10px;
}

.white-box {
    background-color: #fff;
    padding: 50px;
}

.green-shadow {
    position: relative;
}

.green-shadow::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1bae78;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: -1;
}

.recruit-section .recruit-section-cont {
    margin-top: -100px;
    z-index: 1;
    position: relative;
}

.recruit-section:nth-of-type(odd) .recruit-section-img {
    margin-right: calc(50% - 600px);
}

.recruit-section:nth-of-type(odd) .recruit-section-cont {
    margin-left: calc(55% - 600px);
    padding-right: calc(50% - 600px);
}

.recruit-section:nth-of-type(even) .recruit-section-img {
    margin-left: calc(50% - 600px);
}

.recruit-section:nth-of-type(even) .recruit-section-cont {
    margin-right: calc(55% - 600px);
    padding-left: calc(50% - 600px);
}

.recruit-list {
    display: flex;
    flex-wrap: wrap;
}

.recruit-list+.recruit-list {
    border-top: 1px solid #d3d2d2;
}

.recruit-list dt,
.recruit-list dd {
    padding: 20px;
    line-height: 1.2;
}

.recruit-list dt {
    width: 20%;
    flex-shrink: 0;
    font-weight: 500;
    text-align: center;
    background-color: #e5e5e5;
}

.recruit-list dd {
    width: 10%;
    flex-grow: 1;
}

.recruit_detail .contact-item {
    padding: 30px 0;
}

.recruit_detail .contact-item:nth-of-type(even) {
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.actual_object_error_wrapper {
    width: 100%;
}

.recruit-form.表示しない {
    display: none;
}

@media (max-width: 1200px) {
    .recruit-section:nth-of-type(odd) .recruit-section-img {
        margin-right: 10%;
    }

    .recruit-section:nth-of-type(odd) .recruit-section-cont {
        margin-left: 15%;
        padding-right: 30px;
    }

    .recruit-section:nth-of-type(even) .recruit-section-img {
        margin-left: 10%;
    }

    .recruit-section:nth-of-type(even) .recruit-section-cont {
        margin-right: 15%;
        padding-left: 30px;
    }
}

@media (max-width: 1024px) {
    .recruit_detail-box {
        flex-direction: column;
    }

    .recruit_detail-box .box-cont {
        align-self: flex-start;
        margin: 0;
    }

    .recruit_detail .white-box {
        padding: 30px;
    }

    .recruit-section .recruit-section-cont {
        margin-top: -50px;
    }

    .recruit-list dt,
    .recruit-list dd {
        padding: 15px;
    }

    .recruit-list dt {
        width: 30%;
    }
}

@media (max-width: 599px) {
    .recruit_detail .white-box {
        padding: 20px 15px;
    }

    .recruit-section:nth-of-type(odd) .recruit-section-img {
        margin-right: 5%;
    }

    .recruit-section:nth-of-type(odd) .recruit-section-cont {
        margin-left: 10%;
        padding-right: 15px;
    }

    .recruit-section:nth-of-type(even) .recruit-section-img {
        margin-left: 5%;
    }

    .recruit-section:nth-of-type(even) .recruit-section-cont {
        margin-right: 10%;
        padding-left: 15px;
    }

    .recruit-list {
        border: 1px solid #d3d2d2;
    }

    .recruit-list+.recruit-list {
        margin-top: 5px;
        border-top: none;
    }

    .recruit-list dt,
    .recruit-list dd {
        padding: 10px;
    }

    .recruit-list dt {
        width: 100%;
    }
}

/* recruit_detail end */

/* IE11 */
.ie11 .nav-list li {
    height: auto;
}

.ie11 .scroll-box {
    flex-direction: column;
}

/* IE11 end */

/* id表示 */
main[data-element-id] [id],
main[data-element-id] [data-href*="#"] {
    position: relative;
}

main[data-element-id] [data-href*="#"]::before {
    z-index: 100;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    content: attr(data-href) "";
    background-color: #696969;
}

main[data-element-id] [id]::before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 100%;
    color: #fff;
    content: attr(id) "";
    background-color: #696969;
}

main[data-element-id] [data-href$="/#"]::before,
[data-element-id] .mainimg-cont .btn-box a::before {
    display: none;
}

/* id表示 end */

/* 見たまま編集 */
[data-element-id] .infinity {
    padding-right: 40%;
    padding-left: 40%;
    margin-right: -40%;
    margin-left: -40%;
}

[data-element-id] .infinity-left {
    padding-left: 40%;
    margin-right: -40%;
}

[data-element-id] .infinity-right {
    padding-right: 40%;
    margin-right: -40%;
}

[data-element-id] header {
    position: static;
}

[data-element-id] .sp-only,
[data-element-id] .nav-logo {
    display: block;
    border: 1px solid #109967;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
}

[data-element-id] .nav-list li {
    min-width: 70px;
    padding: 5px;
}

[data-element-id] .sp-only::before {
    content: 'スマホナビ';
    display: block;
    width: calc(100% + 2px);
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    padding: 3px 5px;
    background-color: #109967;
    position: absolute;
    top: -14px;
    left: -1px;
}

[data-element-id] .nav-logo::before {
    content: 'スマホナビ';
    display: block;
    width: 100%;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    padding: 3px 5px;
    background-color: #109967;
}

[data-element-id] .nav-list li+li {
    margin-left: 5px;
    margin-right: 5px;
}

[data-element-id] .nav-list>li>a .ja,
[data-element-id] .nav-list>li>.dropdown-btn .ja {
    opacity: 1;
    white-space: nowrap;
    position: static;
}

[data-element-id] #dropmenu .dropdown {
    overflow: visible;
    position: static;
}

[data-element-id] #dropmenu .dropdown01 ul {
    z-index: 2 !important;
    opacity: 1;
    right: auto;
    left: 50px;
}

[data-element-id] #dropmenu .dropdown02 ul {
    z-index: 2 !important;
    opacity: 1;
    right: 350px;
    left: auto;
}

[data-element-id] #dropmenu .dropdown03 ul {
    z-index: 2 !important;
    opacity: 1;
    right: 50px;
    left: auto;
}

[data-element-id] #dropmenu .dropdown ul::after {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    color: #109967;
    padding: 3px 5px;
    background-color: #fff;
    border: 2px solid #109967;
}

[data-element-id] #dropmenu .dropdown01 ul::after {
    content: '会社概要の下に表示されるナビ';
}

[data-element-id] #dropmenu .dropdown02 ul::after {
    content: '取扱い商材の下に表示されるナビ';
}

[data-element-id] #dropmenu .dropdown03 ul::after {
    content: 'ENGLISHの下に表示されるナビ';
}

[data-element-id].nav-contact-btn {
    margin-left: 10px;
}

[data-common-area] .side-nav {
    width: 100%;
}

[data-element-id] .totop-btn a {
    border: none !important;
}

[data-element-id] .totop-btn a::before {
    display: none;
}

[data-element-id] .sitemap-list-inner li a::before {
    display: none;
}

[data-element-id] .tab {
    counter-reset: number;
}

[data-element-id] .tablist {
    border: 1px solid #109967;
    padding-top: 30px;
    position: relative;
}

[data-element-id] .tablist::before {
    display: block;
    counter-increment: number;
    content: counter(number);
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 5px 30px;
    background-color: #109967;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .tablist+.tablist {
    margin-top: 100px;
}

[data-element-id] .tab-btn-list {
    counter-reset: num;
}

[data-element-id] .tab-btn-list li {
    position: relative;
}

[data-element-id] .tab-btn-list li::before {
    display: block;
    counter-increment: num;
    content: counter(num);
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 5px 30px;
    background-color: #109967;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .col-3-list>div[data-collection-filtered-content]>* {
    width: calc(100% / 3);
}

[data-element-id] .recruit-title .num {
    font-size: 12px;
}

[data-element-id] .recruit-wrap .recruit-box:nth-of-type(n+4) {
    display: none;
}

[data-element-id] .recruit_detail .area_37 .title_10 .num {
    font-size: 14px;
}

[data-element-id].area10 .col-3-list>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

/* 見たまま編集 end */

/*CSS追加*/
.list_03 img {
    image-orientation: none;
}

.case_study-list img {
    font-family: "object-fit: contain; object-position: 50% 50%;";
    -o-object-fit: contain;
    object-fit: contain;
}

dl.maker-list {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
}

.maker-list dt {
    padding: 10px;
    background-color: #404040;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.maker-list dt:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 30px;
    height: 30px;
    color: #fff;
    content: '+';
    text-align: center;
    font-size: 30px;
    line-height: 26px;
}

.maker-list dt.is-parent:after {
    content: '−';
    line-height: 30px;
}

.maker-list li {
    min-height: 60px;
    width: calc((100% / 3) + 0.5px);
}

.maker-list dd {
    display: none;
}

[data-element-id] .maker-list dd {
    display: block !important;
}

.section {
    padding: 0;
}

@media (max-width: 1024px) {
    .maker-list li {
        width: calc(50% + 0.5px);
    }

    .section {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

@media (max-width: 599px) {
    .maker-list li {
        width: 100%;
    }

    .maker-list dt {
        font-size: 16px;
    }
}

.counter {
    color: #7a7a7a;
}

.footer-nav>li {
    width: 25%;
}

@media (max-width: 1024px) {
    .footer-nav>li {
        width: 30%;
    }
}

@media (max-width: 599px) {
    .footer-nav>li {
        width: 48%;
    }
}

/*2021/03/10*/
.j_title {
  white-space: normal !important;
}

/* ブログ本文のテキスト */

.customtxt{
    font-size: 16px !important;
}

.customtxt p {
    font-size: 16px;
    
}

.customtxt span {
    font-size: 16px;
    
}

/* topへ戻るボタン*/

/*FontAwesomeを使用しています。*/
.button-16 {
    position: fixed;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #000;
    border-radius: 50%;
    transition: 0.3s;
    bottom: 70px;
    right: 40px;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.button-16:hover {
  transform: translateY(-3px);
}

.fa-chevron-up {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.4em;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.active{
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 599px){
  .button-16 {
    position: fixed;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: #000;
    border-radius: 50%;
    transition: 0.3s;
    bottom: 70px;
    right: 20px;
}  

.active{
  opacity: 1;
  visibility: visible;
}
}
.header-search {
    display: flex;
    align-items: center;
    width: auto;
    white-space: nowrap;
    flex-direction: row;
    margin-bottom: 40px;
}

.search-form{
  display: flex;
}

.search-form input {
    margin-right: 10px;
    height: 30px;
    width: 240px;
    padding-left: 10px;
}

.search-form input::placeholder{
  font-size: 12px;
} 

.search-btn button{
width: 50px;
    height: 30px;
    background: #838383;
    border: 0px;
    color: #fff;
    border-radius: 5px;
}

@media only screen and (max-width: 599px){
  .search-form input {
    margin-right: 10px;
    height: 30px;
    width: 250px;
    padding-left: 10px;
}

.search-form input::placeholder{
  font-size: 14px;
}
}


table.search-list a{
  width: 100%;
}


/* 0804 追記 */

.header-search {
    justify-content: end;
}

@media only screen and (max-width: 1024px){
  .header-search {
    justify-content: center;
}
}

.fw400 {
  font-weight: 400 !important;
}

/*testと合体*/
.nav-list>li .ja {
  font-size: 16px;
  opacity: 1;
  position: initial;
  font-weight: 400;
}

.nav-inner.en {
  font-size: 14px;
  font-weight: 400;
}

.nav-inner.en.fs18 {
  font-size: 18px;
}

.nav-contact-btn a .nav-inner.ja {
  font-size: 18px;
}

.nav-contact-btn a .nav-inner.en {
  font-size: 14px;
}

#data_tables_paginate .paginate_button.current {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #404040;
    color: #fff !important;
    pointer-events: none;
}

#data_tables_paginate .paginate_button {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    border: none;
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 5px !important;
    min-width: initial;
}

.detail {
    position: absolute;
    color: transparent;
    opacity: 0;
    visibility: hidden;
    top: 0;
}

footer .fix-benner {
    width: 115px;
    height: auto;
    position: fixed;
    bottom: 50px;
    left: 30px;
    z-index: 9999;
}

@media only screen and (max-width: 1024px){
  footer .fix-benner {
    width: 220px;
    height: auto;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 9999;
}
}

@media only screen and (max-width: 599px){
  footer .fix-benner {
    width: 170px;
    height: auto;
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
}
}

/*フローティングバナー*/
.nav-list>li .ja {
  font-size: 16px;
  opacity: 1;
  position: initial;
  font-weight: 400;
}

.nav-inner.en {
  font-size: 14px;
  font-weight: 400;
}

.nav-inner.en.fs18 {
  font-size: 18px;
}

.nav-contact-btn a .nav-inner.ja {
  font-size: 18px;
}

.nav-contact-btn a .nav-inner.en {
  font-size: 14px;
}

#data_tables_paginate .paginate_button.current {
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #404040;
    color: #fff !important;
    pointer-events: none;
}

#data_tables_paginate .paginate_button {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    border: none;
    font-size: 22px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0 5px !important;
    min-width: initial;
}

.detail {
    position: absolute;
    color: transparent;
    opacity: 0;
    visibility: hidden;
    top: 0;
}

.category.right{
  right: 0px;
  left: auto;
  width: 50% !Important;
    height: 40px;
}
.category.left{
  left: 0px;
  width: 51% !Important;
  height: 40px;
}

.arrow::after {
    display: none;
}

/* カテゴリ内容ごとに、異なるスタイルがあたるように調整 */

.js-split-tag span.搬送ベルト{
      border-left: 10px solid #ea5549;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.js-split-tag span.搬送・自動化装置{
      border-left: 10px solid #dc6b9a;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.js-split-tag span.樹脂加工{
      border-left: 10px solid #f39800;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.js-split-tag span.ゴム加工{
      border-left: 10px solid #79c06e;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.js-split-tag span.表面処理{
      border-left: 10px solid #ffd900;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.js-split-tag span.工業用品{
      border-left: 10px solid #be8f68;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.js-split-tag span.設計・製作ほか{
      border-left: 10px solid #00afcc;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}


.js-split-tag{
     text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; 
    padding: 0px !Important;　 
}

.category{
    padding: 0px !Important;　 
    height: 35px !Important;
    display: flex;
}

/* サイドメニュー */

.category-side .cc-side-list li{
   left: 0px;
    top: 55%;
    transform: translateY(-50%);
}

.cc-side-list li a {
    display: block;
    padding: 15px 10px 15px 45px;
    position: relative;
}


[data-element-id].category-side .cc-side-list li:first-of-type a::before {
 content: url(/upload/tenant_1/d2c967ec0c5a3a88d0007880693a61b9.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:nth-of-type(2) a::before {
 content: url(/upload/tenant_1/88b5b57c967aad99856220529bcf1e0d.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:nth-of-type(3) a::before {
 content: url(/upload/tenant_1/a0cff092924a1a573dadc047b20eca50.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:nth-of-type(4) a::before {
 content: url(/upload/tenant_1/42feda967fedfea796272b3592ac018c.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:nth-of-type(5) a::before {
 content: url(/upload/tenant_1/90c065c457ed88ff4c568ac9b75d485e.jpg) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:nth-of-type(6) a::before {
 content: url(/upload/tenant_1/b84eaad41de5c2fa3e14f0c1ff6d51d4.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-list li:last-of-type a::before {
 content: url(/upload/tenant_1/e09738ff1547b4b4b3a23e25e773cb74.png) !Important;
  vertical-align: middle;
  padding-right: 5px;
}

[data-element-id].category-side .cc-side-title{
  margin-bottom: 40px;
}

[data-element-id].category-side .cc-side-list li.another-iist a::before{
    content: '−' !Important;
    font-weight: bold;
    position: absolute;
    top: 16px;
    left: 5px;
}



/* 公開画面用の表示 */

.category-side a{
  padding-top: 20px !Important;
}

.category-side .cc-side-list li:first-of-type a::before{
  content: '−' !Important;
    font-weight: bold;
    position: absolute;
    top: 16px;
    left: 5px;
}

.category-side .cc-side-list li:nth-of-type(2) a::before {
 content: url(/upload/tenant_1/d2c967ec0c5a3a88d0007880693a61b9.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:nth-of-type(3) a::before {
 content: url(/upload/tenant_1/88b5b57c967aad99856220529bcf1e0d.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:nth-of-type(4) a::before {
 content: url(/upload/tenant_1/a0cff092924a1a573dadc047b20eca50.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:nth-of-type(5) a::before {
 content: url(/upload/tenant_1/90c065c457ed88ff4c568ac9b75d485e.jpg);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:nth-of-type(6) a::before {
 content: url(/upload/tenant_1/42feda967fedfea796272b3592ac018c.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:nth-of-type(7) a::before {
 content: url(/upload/tenant_1/b84eaad41de5c2fa3e14f0c1ff6d51d4.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-list li:last-of-type a::before {
 content: url(/upload/tenant_1/e09738ff1547b4b4b3a23e25e773cb74.png);
  vertical-align: middle;
  padding-right: 5px;
}

.category-side .cc-side-title{
  margin-bottom: 40px;
}

.fix-benner{
  background-color: transparent;
}

@media only screen and (max-width: 1024px){
  footer .fix-benner {
    width: 200px !Important;
}
}

@media only screen and (max-width: 599px){
  .fix-benner{
    display: none;    
  }
}

.list_02-cont .title{
  text-align: left !Important;
}

.contents-flex{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contents-flex .benner-contents{
    width: 48%;
}

@media only screen and (max-width: 599px){
  .contents-flex{
  flex-direction: column;
}

.contents-flex .benner-contents{
    width: 80%;
    margin: auto;
}

}

@media only screen and (min-width: 600px){
  .button-16 {
    bottom: 170px;
}

footer .fix-benner {
    width: 115px;
    height: auto;
    position: fixed;
    bottom: 30px;
    right: 10px;
    left: auto;
    z-index: 9999;
}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
footer .fix-benner {
    width: 115px !Important;
}
}

/* 01/04 追記 */

.file-dwbtn input{
  display: inline-block;
  border: none !Important;
}

/* input#actual_object_153::before {
    content: "01";
    margin-right: 10px;
}

input#actual_object_155::before {
    content: "02";
    margin-right: 10px;
}

input#actual_object_156::before {
    content: "03";
    margin-right: 10px;
} */


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/* 2023/11/02 */

.content-block{
  margin: 50px 0px;
}

.my-25{
  margin-top: 25px;
  margin-bottom: 25px;
}

.mt-25{
  margin-top: 25px;
}

.mb-5{
  margin-bottom: 5px;
}

.flex-box{
    display: flex;
    width: 80%;
    justify-content: space-between;
}

.txt-box{
  width: 60%;
}

.img-box{
  width: 35%;
}

.mb-10{
  margin-bottom: 10px;
}

.mb-25{
  margin-bottom: 25px;
}


@media (max-width: 1024px) {
  .flex-box {
    width: 100%;
}
}

@media (max-width: 599px) {
  .sp-fz-12{
    font-size: 12px;
  }
}

/* 2023/11/07 追記 */

.mb-25 tbody,td{
  border: 1px solid;
  padding: 5px;
}

.mb-25 .bg-gray{
  background: #d8d8d8;
}

.d-flex{
display: flex;
}

.cushion-belt .product_detail-text li{
    text-indent: -1em;
    padding-left: 1em;
}

@media (min-width: 600px) {
  .pc-jc-sb{
  justify-content: space-between;
}
}

@media (max-width: 599px) {
 .sp-fd-column{
    flex-direction: column;
 } 
 
 .sp-mb-20{
   margin-bottom: 20px;
 }
 
.sp-img-w100 img {
    width: 100% !Important;
    margin-right: 0px;
    margin-left: 0px;
}
}

/* 2024/06/20 追記 */
.manufacturer-container dl.maker-list{
  margin-bottom: 30px;
}

.manufacturer-container .under-maker-list{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

.manufacturer-container .hinmoku{
  color: #0a7cd7;
  font-weight: bold;
  font-size: 1.1em;
}

/* 2025/01/22 */

.form .annnounce-txt{
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
  color: red;
  font-weight: bolder;
}

@media screen and (max-width:599px) {
 .form .annnounce-txt{
  font-size: 14px;
}
}

/* 2025/01/28 */

#sdgs-area .gap-20{
  gap: 20px;
}

#sdgs-area .w-15per-pc{
  width: 15%;
}

#sdgs-area .flex-d-column{
  flex-direction: column;
}

@media screen and (max-width:599px) {
#sdgs-area .w-30per-sp {
  width: 30%;
}

}

#sdgs-area .logo-img img{
  width: 100%;
}

.normal-scroll {
  height: auto !important;
  overflow: visible !important;
}

/* 2025/01/30 */

@media screen and (min-width:1025px) {
.normal-scroll .mt-120{
  margin-top: 120px;
}
}

.company .inpage-nav-list li {
    margin-left: -1px !important;
    margin-top: -1px !important;
}

/* 2025/02/21 */

.site_map #sitemap02 .sitemap-list{
    margin-top: 15px;
    -moz-column-count: auto;
    column-count: auto;
    display: flex;
    gap: 100px;
}

.site_map #sitemap02 .sitemap-list div{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media screen and (max-width:1024px) {
.site_map #sitemap02 .sitemap-list{
    column-count: auto;
    gap: 40px;
}
}

.site_map #sitemap02 .sitemap-list{
  display: flex;
}

.site_map #sitemap02 .sitemap-list02{
  display: none;
}

@media screen and (max-width:599px) {
.site_map #sitemap02 .sitemap-list{
  display: none;
}

.site_map #sitemap02 .sitemap-list02{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.site_map #sitemap02 .sitemap-list02 div{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.site_map #sitemap02 .mb-15-sp{
  margin-bottom: 15px;
}
}

[data-element-id].site_map #sitemap02 .sitemap-list {
    margin-bottom: 50px;
    position: relative;
    border: 1px solid #333;
    padding: 50px 0px 30px 10px;
}

[data-element-id].site_map #sitemap02 .sitemap-list::before {
    content: "PC、TB閲覧時に表示されます";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #333;
    color: #fff;
    width: 100%;
    padding: 5px;
}

[data-element-id].site_map #sitemap02 .sitemap-list02{
  position: relative;
  display: flex;
  border: 1px solid #333;
  padding: 50px 0px 30px 10px;  
}

[data-element-id].site_map #sitemap02 .sitemap-list02 li{
  margin-bottom: 15px;
}

[data-element-id].site_map #sitemap02 .sitemap-list02::before{
  content: "SP閲覧時に表示されます";
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #333;
  color: #fff;
  width: 100%;
  padding: 5px;
}

.contact-item .fz-12 {
  font-size: 12px;
}

.contact-item .mt-5 {
  margin-top: 5px;
}

.contact-item .c-red {
  color: red;
}

@media screen and (max-width:599px) {
 .contact-item .t-indent{
  text-indent: -1rem;
  padding-left: 1rem;
 }
}