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


/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    display: block;
    content: "モバイル用";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width: 599px) {
    .show\@sp {
        display: block;
    }

    .hide\@sp {
        display: none;
    }
}

/*base
rewrite*/

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

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

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

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

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

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

@media (max-width: 1024px) {
    .harea+.harea {
        padding-top: 30px;
    }

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

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

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

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

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

@media (max-width: 599px) {
    .harea+.harea {
        padding-top: 20px;
    }

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

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

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

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

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

/* ------------------------------
 commmon
------------------------------ */

.fc01 {
    color: #804e98;
}

.fc02 {
    color: #78be50;
}

.fc03 {
    color: #999;
}

.fc04 {
    color: #000;
}

.fc05 {
    color: #b790ca;
}

.bg01 {
    position: relative;
}

.bg01:before {
    content: "";
    width: 21em;
    max-width: 25vw;
    height: 17em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru04.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.bg01:after {
    content: "";
    width: 12em;
    max-width: 25vw;
    height: 11em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru03.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.bg02 {
    display: block;
    position: relative;
}

.bg02:before {
    content: "";
    width: 16em;
    max-width: 25vw;
    height: 15em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru06.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-25%, -25%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 0;
}

.bg03 {
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru07.png);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: bottom 12% left 6%;
}

.bg04 {
    background-image: url(/import/tenant_1/160.16.200.13/html/images/bg04_01.png), url(/import/tenant_1/160.16.200.13/html/images/bg04_01.png), url(/import/tenant_1/160.16.200.13/html/images/bg04_02.png), url(/import/tenant_1/160.16.200.13/html/images/bg04_03.png);
    background-size: 30% auto, 30% auto, 20% auto, 36% auto;
    background-repeat: no-repeat;
    background-position: top left 6%, right 6% bottom 20%, right 6% top 20%, left 6% center;
}

.bg05 {
    background-image: url(/import/tenant_1/160.16.200.13/html/images/bg05_01.png), url(/import/tenant_1/160.16.200.13/html/images/bg05_02.png);
    background-size: 35% auto, 31% auto;
    background-repeat: no-repeat;
    background-position: top 30% left 6%, right 6% bottom 30%;
}

.bgi01 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(10%, #faf4ff), to(#faf4ff));
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2), #faf4ff 10%, #faf4ff);
}

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

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

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

.bdrs04 {
    overflow: hidden;
    border-radius: 0 10px 10px 0;
}

.bdrs05 {
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

.bxs01 {
    display: block;
    position: relative;
}

.bxs01:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    z-index: -1;
}

.bxs02 {
    border: 1px solid #b790ca;
    border-radius: 1em;
    background-color: #fff;
    position: relative;
}

.bxs02:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.bxs03 {
    border-radius: 1em;
    position: relative;
}

.bxs03:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    z-index: -1;
}

.bxs04 {
    border-radius: 1em;
    position: relative;
}

.bxs04:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.deco01 {
    display: block;
    padding: 1em;
    position: relative;
}

.deco01:before {
    content: "";
    width: 125%;
    height: 125%;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/deco01.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.popper01 {
    display: inline-block;
    padding: 0 2em;
    position: relative;
}

.popper01:before {
    content: "";
    width: 1px;
    height: 2em;
    border-left: 4px double;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    position: absolute;
    bottom: 0;
    left: 1em;
}

.popper01:after {
    content: "";
    width: 1px;
    height: 2em;
    border-right: 4px double;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    position: absolute;
    bottom: 0;
    right: 1em;
}

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

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

/* ------------------------------
 common layout
------------------------------ */

.cmnnav01 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.cmnnav01item {
    width: 31.333%;
    margin: 1%;
}

.cmnnav01.type02 cmnnav01item a {
    background-color: #78be50;
}

.cmnnav01item a {
    width: 270px;
    max-width: 100%;
    height: 100%;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 1.5em;
    color: #fff;
    text-align: center;
    border-radius: 1em;
    background-color: #b790ca;
    position: relative;
}

.cmnnav01item a:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 1em;
}

.cmnnav01item .icon {
    display: inline-block;
    margin-right: 0.5em;
}

.cmnnav01item .icon img {
    vertical-align: middle;
}

.cmnnav02item {
    width: 31.333%;
    margin: 1%;
}

.cmnnav02.type02 .cmnnav02item a {
    background-color: #78be50;
}

.cmnnav02item a {
    max-width: 100%;
    height: 100%;
    min-height: 4em;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0.25em;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    border-radius: 1em;
    background-color: #b790ca;
    position: relative;
}

.cmnnav02item a:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: currentcolor transparent transparent transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 0.25em;
    left: 50%;
}

.cmnitem01 {
    padding-left: 3em;
    position: relative;
}

.cmnitem01:before {
    content: "";
    width: 2em;
    height: 2em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/cmnlist01.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 40%;
    left: 0;
}

.cmntit01 {
    min-width: 400px;
    display: inline-block;
    padding: 0 1em;
    letter-spacing: 0.1em;
    position: relative;
}

.cmntit01:before {
    content: "";
    width: 100%;
    border-bottom: 0.1em dashed #b790ca;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.cmntit01 .label {
    display: inline-block;
    padding: 0.5em 0.5em;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.cmntit01 .label:before {
    content: "";
    width: 3.31em;
    height: 3em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/cmntit01-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.more01 a {
    max-width: 100%;
    display: inline-block;
}

.more01 .btn {
    width: 237px;
    max-width: 100%;
    display: inline-block;
    padding: 0.5em 0.5em;
    text-align: center;
    border-radius: 5em;
    background-color: #f0dbff;
    position: relative;
}

.more01 .arrow {
    display: inline-block;
    padding: 0 1em 0 0;
    position: relative;
}

.more01 .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.more02 a {
    max-width: 100%;
    display: block;
}

.more02 .btn {
    display: block;
    padding: 1.5em 0.5em;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background-color: #78be50;
    position: relative;
}

.more02 .arrow {
    display: inline-block;
    padding: 0 1.5em 0 0;
    position: relative;
}

.more02 .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.more03 a {
    max-width: 100%;
    display: inline-block;
}

.more03 .btn {
    width: 360px;
    max-width: 100%;
    display: inline-block;
    padding: 0.5em 0.5em;
    color: #fff;
    text-align: center;
    border-radius: 5em;
    background-color: #b790ca;
    position: relative;
}

.more03 .arrow {
    display: inline-block;
    padding: 0 1em 0 0;
    position: relative;
}

.more03 .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.more04 a {
    max-width: 100%;
    display: inline-block;
}

.more04 .btn {
    width: 237px;
    max-width: 100%;
    display: inline-block;
    padding: 0.5em 0.5em;
    color: #fff;
    text-align: center;
    border-radius: 5em;
    background-color: #b790ca;
    position: relative;
}

.more04 .arrow {
    display: inline-block;
    padding: 0 1em 0 0;
    position: relative;
}

.more04 .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

@media (max-width: 1024px) {
    .cmntit01 {
        min-width: 250px;
    }

    .cmnnav02item {
        width: 48%;
    }

    .cmnnav02item a {
        padding: 0.5em;
    }
}

@media (max-width: 599px) {
    .cmnnav01item {
        width: 100%;
    }

    .cmnnav01item a {
        width: 100%;
    }

    .cmnnav02item {
        width: 100%;
    }

    .cmntit01 {
        min-width: 300px;
    }
}


/* ------------------------------
 home
------------------------------ */

[data-element-id] .homeSlide .show\@sp {
    width: 500px;
}

@media (max-width: 599px) {
    .homeSlide .uk-slidenav-position:after {
        padding-top: calc(100vh - 150px);
    }
    
    .homeSlide .tbox h2 {
        font-size: calc(40px + ((1vw - 10px) * 1.6));
        text-shadow: 0 0 30px #fff, 0 0 30px #fff, 0 0 30px #fff, 0 0 30px #fff, 0 0 30px #fff, 0 0 30px #fff;
    }
}

.home02 {
    padding-left: 6%;
    padding-right: 6%;
    position: relative;
}

.home02list .home02item:nth-of-type(odd) .tit {
    color: #b790ca;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    left: 0;
}

.home02list .home02item:nth-of-type(even) .tit {
    color: #78be50;
    right: 0;
}

.home02item .tit {
    height: 7em;
    padding: 0.25em;
    font-size: calc(85px + ((1vw - 20px) * 1.6));
    line-height: 1;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    writing-mode: tb-rl;
    position: absolute;
    z-index: 1;
}

.home02item .tit .deco {
    display: inline-block;
    position: relative;
}

.home02list .home02item:nth-of-type(odd) .tit .deco:before {
    content: "";
    width: 3em;
    height: 3em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru01.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 0.4;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: -1;
}

.home02list .home02item:nth-of-type(even) .tit .deco:before {
    content: "";
    width: 3em;
    height: 3.25em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru02.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    opacity: 0.4;
    -webkit-transform: translate(50%, -40%);
    transform: translate(50%, -40%);
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
}

.home02list .home02item:nth-of-type(odd) .home02itembox {
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
}

.home02list .home02item:nth-of-type(even) .home02itembox {
    background-image: linear-gradient(-135deg, #78be50, #bcecab);
}

.home02itembox {
    overflow: hidden;
    margin-bottom: 40px;
    padding: 0 0.35em 0.3em 2px;
    border-radius: 25px;
}

.home02itembox [class*="heightLine"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home02list .home02item:nth-of-type(odd) .home02itembox .ttlbox {
    background-color: #b790ca;
}

.home02list .home02item:nth-of-type(even) .home02itembox .ttlbox {
    background-color: #78be50;
}

.home02itembox .ttlbox {
    padding: 0.75em;
    color: #fff;
}

.home02itembox .tbox {
    padding: 1.5em;
    border-radius: 0 0 25px 25px;
    background-color: #fff;
}

.home02itembox .morebox {
    overflow: hidden;
    border-radius: 1em;
}

.home02itembox .morelist .more {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.home02itembox .morebox .more a {
    max-width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.5em 0.5em;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    background-color: #b790ca;
    position: relative;
}

.home02itembox .morebox .more .icon {
    margin-right: 0.5em;
}

.home02itembox .morebox .more .icon img {
    vertical-align: middle;
}

.home02itembox .morebox .more .arrow {
    display: inline-block;
    padding: 0 1em 0 0;
    position: relative;
}

.home02itembox .morebox .more .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.home02item .archivebox {
    padding: 0 1.5em;
}

.home02list .home02item:nth-of-type(odd) .archivebox .subttlbox {
    color: #b790ca;
}

.home02list .home02item:nth-of-type(even) .archivebox .subttlbox {
    color: #78be50;
}

.home02item .archivebox .subttlbox {
    border-bottom: 2px solid;
}

.home02item .archivebox .arrow {
    display: inline-block;
    padding: 0 1em 0 0;
    position: relative;
}

.home02item .archivebox .arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.home02item .archivebox .item {
    padding: 0.5em;
    letter-spacing: 0;
    border-bottom: 1px solid #dedede;
}

.home02item .archivebox .item dt {
    width: 6em;
    color: #999;
}

.home02item .archivebox .item dt+dd {
    width: calc(100% - 6em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home03list {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.home03list:before {
    content: "";
    width: 21em;
    max-width: 25vw;
    height: 17em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru04.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.home03list:after {
    content: "";
    width: 12em;
    max-width: 25vw;
    height: 11em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru03.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.home03item {
    padding: 1.5em 1em;
    border: 1px solid #b790ca;
    border-radius: 1em;
    background-color: #fff;
    position: relative;
}

.home03item:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.home03item dl {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

.home03item dt {
    margin-bottom: 0.5em;
}

.home03item dt,
.home03item dd {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 3em;
    position: relative;
}

.home03item dt:before,
.home03item dd:before {
    width: 1.5em;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 0.25em;
    left: 0;
}

.home03item dt:before {
    content: "Q";
    background-color: #b790ca;
}

.home03item dd:before {
    content: "A";
    background-color: #78be50;
}

.home04 .relative-bxs {
    max-width: 926px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.home04 .relative-bxs:before {
    content: "";
    width: 20em;
    max-width: 25vw;
    height: 18em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru05.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.home04 .relative-bxs:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.home04 .relative {
    padding: 3em;
    color: #804e98;
    border: 1px solid;
    border-radius: 1em;
}

.home04box {
    width: 360px;
    max-width: 100%;
    margin-left: auto;
}

.home04box .tit {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 2px dashed;
}

.home04box .more01 {
    color: #fff;
}

.home05box {
    max-width: 856px;
    margin-left: auto;
    margin-right: auto;
}

.home05item {
    margin-bottom: 40px;
}

.home05item a {
    display: block;
}

.home05item .pbox {
    width: 115px;
}

.home05item .tbox {
    width: calc(100% - 131px);
    letter-spacing: 0;
}

.home06box {
    max-width: 719px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .home02list .home02item:last-of-type {
        margin-bottom: 0;
    }

    .home02item {
        width: 100%;
        max-width: 700px;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    .home02itembox .morelist .more {
        width: auto;
    }
}

@media (max-width: 599px) {
    .home02 {
        padding-left: 0;
        padding-right: 0;
    }

    .home02list .home02item .tit {
        height: auto;
        font-size: calc(75px + ((1vw - 20px) * 1.6));
        text-align: center;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: none !important;
        transform: none !important;
        position: static;
    }

    .home04 .relative {
        padding: 3em 1.5em;
    }

    .home04 .relative .ofiImg.tc:before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.85);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .home04 .relative .ofiImg.tc img {
        -o-object-position: center left;
        object-position: center left;
        background-position: center left !important;
    }

    .home04box {
        width: 100%;
    }

    .home05item {
        margin-bottom: 2%;
    }

    .home05item .pbox {
        width: 90px;
    }

    .home05item .tbox {
        width: calc(100% - 106px);
    }
}

/* ------------------------------
 info
------------------------------ */

.info01item {
    width: 31.333%;
    min-height: 250px;
    margin: 2% 1%;
    padding: 1em;
}

.info02box .flexbox {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.info03box {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em;
    background-color: #fff;
}

.info03box .item {
    padding: 0.5em 0;
    border-bottom: 1px solid #b790ca;
}

.info03box .item dt {
    width: 11em;
}

.info03box .item dt+dd {
    width: calc(100% - 12em);
}

@media (max-width: 1024px) {
    .info01item {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .info01item {
        width: 100%;
        min-height: 200px;
    }

    .info03box .item dt {
        width: 100%;
    }

    .info03box .item dt+dd {
        width: 100%;
    }
}

/* ------------------------------
 institution
------------------------------ */

.institution01item {
    padding: 3em;
    border: 1px solid;
    border-radius: 1em;
    background-color: #fff;
    position: relative;
}

.institution01item[class*="なごみ"] {
    color: #78be50;
}

.institution01item[class*="なごみ"]:after {
    background-image: linear-gradient(-135deg, #78be50, #c7eca3);
}

.institution01item[class*="りあん"] {
    color: #804e98;
}

.institution01item[class*="りあん"]:after {
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
}

.institution01item:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.institution01item .flexbox {
    color: #666;
}

.institution01item .btnlist .btnitem:nth-of-type(odd) a {
    background-color: #f0dbff;
}

.institution01item .btnlist .btnitem:nth-of-type(even) a {
    color: #fff;
    background-color: #b790ca;
}

.institution01item .btnitem a[href=""] {
    display: none;
}

.institution01item .btnitem a {
    display: block;
    padding: 0.5em 1em;
    text-align: center;
    border-radius: 5em;
    position: relative;
}

.institution01item .btnitem a:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.4em;
    border-style: solid;
    border-color: transparent transparent transparent currentColor;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 1em;
}

.institution_detail01box {
    margin-bottom: 120px;
}

.institution_detail01box .pbox .pbox-left {
    width: 46%;
}

.institution_detail01box .pbox .pbox-right {
    width: 50%;
}

.institution_detail01box .pbox .pbox-right .item {
    width: 48%;
}

.institution_detail01box .pbox .bxs {
    display: block;
    border: 1px solid #78be50;
    border-radius: 1em;
    position: relative;
}

.institution_detail01box .pbox .bxs:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #78be50, #c7eca3);
    position: absolute;
    top: 0.25em;
    left: 0.25em;
    z-index: -1;
}

.institution_detail01box .pbox .ofiImg {
    overflow: hidden;
    border-radius: 1em;
    position: relative;
}

.institution_detail01box .pbox .pbox-right .pic {
    margin-bottom: 7%;
}

.institution_detail02box .mapbox .map {
    padding-top: 100%;
}

.institution_detail02box .tbox .item {
    padding: 0.5em 0;
    line-height: 1.6;
    border-bottom: 1px solid #f0dbff;
}

.institution_detail02box .tbox .item dt {
    width: 6em;
}

.institution_detail02box .tbox .item dt+dd {
    width: calc(100% - 7em);
}

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

@media (max-width: 599px) {
    .institution01item {
        padding: 2em 1.5em 3em;
    }

    .institution_detail02box .tbox .item dt {
        width: 100%;
        margin-bottom: 0.25em;
        font-weight: 500;
    }

    .institution_detail02box .tbox .item dt+dd {
        width: 100%;
    }
}

/* ------------------------------
 staff
------------------------------ */

.staff01item {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em;
    border: 1px solid #b790ca;
    border-radius: 1em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru08.png), url(/import/tenant_1/160.16.200.13/html/images/maru09.png);
    background-size: 26% auto, 20% auto;
    background-repeat: no-repeat;
    background-position: left bottom, top right;
    background-color: #fff;
    position: relative;
}

.staff01item:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.staff01item .tbox .item dt {
    width: 6em;
}

.staff01item .tbox .item dt+dd {
    width: calc(100% - 7em);
}

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

@media (max-width: 599px) {
    .staff01item {
        padding: 2em 1.5em 3em;
    }

    .staff01item .tbox .item dt {
        width: 100%;
        margin-bottom: 0.25em;
        font-weight: 500;
    }

    .staff01item .tbox .item dt+dd {
        width: 100%;
    }
}

/* ------------------------------
 rian
------------------------------ */

.rian01box {
    min-height: 332px;
    padding: 3em 0 6em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/rian/rian01.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.rian01infobox {
    padding: 3em;
    border-radius: 1.5em;
    background-color: rgba(249, 243, 255, 0.65);
}

.rian01infobox .list {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.rian01infobox .item {
    padding: 0.75em 0;
    line-height: 1.4;
    border-bottom: 1px solid #b790ca;
}

.rian01infobox .item dt {
    width: 11em;
}

.rian01infobox .item dt+dd {
    width: calc(100% - 12em);
}

.rian02item {
    width: 31.333%;
    min-height: 250px;
    margin: 2% 1%;
    padding: 1em;
}

.rian03list .rian03item:nth-of-type(even) .flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.rian03list .rian03item:nth-of-type(odd) .point {
    color: #78be50;
    -webkit-transform: rotate(12.5deg);
    transform: rotate(12.5deg);
    right: 0;
}

.rian03list .rian03item:nth-of-type(even) .point {
    color: #804e98;
    -webkit-transform: rotate(-12.5deg);
    transform: rotate(-12.5deg);
    left: 0;
}

.rian03list .rian03item:nth-of-type(odd) .point .deco:before {
    width: 8em;
    height: 7.5em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru10.png);
}

.rian03list .rian03item:nth-of-type(even) .point .deco:before {
    width: 6.5em;
    height: 6em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru11.png);
}

.rian03item {
    padding: 40px 120px 0;
    position: relative;
}

.rian03item .point {
    position: absolute;
    top: 0;
}

.rian03item .point .deco {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.rian03item .point .deco:before {
    content: "";
    max-width: 25vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.rian03item .bdrs01 {
    border-radius: 1em;
}

@media (max-width: 1024px) {
    .rian02item {
        width: 48%;
    }

    .rian03item {
        padding: 0;
    }

    .rian03item .point {
        padding: 1em 0;
        -webkit-transform: none !important;
        transform: none !important;
        position: static;
    }
}

@media (max-width: 599px) {
    .rian01infobox {
        padding: 3em 1.5em;
    }

    .rian01infobox .item dt {
        width: 100%;
        margin-bottom: 0.25em;
        font-weight: 500;
    }

    .rian01infobox .item dt+dd {
        width: 100%;
    }

    .rian02item {
        width: 100%;
        min-height: 200px;
    }

    .rian03item .point {
        margin: 0.5em 0;
        text-align: center;
    }
}

/* ------------------------------
 first
------------------------------ */

.first01item {
    padding: 3em 0;
    border-bottom: 2px dashed #895ba0;
}

.first01item .bdrs01 {
    border-radius: 15px;
}

.first02box .faq-box .faq-tit {
    width: 200px;
    text-align: center;
}

.first02box .faq-box .cmnlist01 {
    width: calc(100% - 220px);
}

.first02box .faq-box .faq-tit .deco {
    display: inline-block;
    margin-bottom: 3em;
    padding: 3em 0;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: relative;
}

.first02box .faq-box .faq-tit .deco:before {
    content: "";
    width: 12em;
    height: 11em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru12.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.first02box .faq-box .faq-tit .deco .icon {
    display: inline-block;
    padding-right: 1.5em;
    position: relative;
}

.first02box .faq-box .faq-tit .deco .icon:before {
    content: "";
    width: 1.5em;
    height: 2em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/quetion01.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 0;
}

.first02box .bdrs04 {
    border-radius: 0 30px 30px 0;
}

.first02box .list01 {
    max-width: 650px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #b790ca;
    border-radius: 1em;
}

.first02box .item01 {
    width: 50%;
}

.first02box .item01 dt {
    padding: 1em 0.5em;
    color: #fff;
    text-align: center;
    background-color: #b790ca;
}

.first02box .item01 dd {
    padding: 1.5em 0.5em;
    text-align: center;
}

.first02box .list01 .item01:nth-child(2n+2) dt {
    border-right: none;
}

.first02box .list01 .item01 dt {
    border-right: 1px solid #fff;
}

.first02box .list01 .item01:nth-child(2n+2) dd {
    border-right: none;
}

.first02box .list01 .item01 dd {
    border-right: 1px solid #b790ca;
}

.first02box .list02 {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.first02box .item02 {
    width: 18%;
    overflow: hidden;
    margin: 1%;
    border: 1px solid #78be50;
    border-radius: 1em;
}

.first02box .item02 dt {
    padding: 1em 0.5em;
    color: #fff;
    text-align: center;
    background-color: #78be50;
}

.first02box .item02 dd {
    padding: 1.5em 0.5em;
    text-align: center;
}

.first02box_02 .item {
    overflow: hidden;
    border: 1px solid #b790ca;
    border-radius: 1em;
}

.first02box_02 .item .subtit {
    padding: 1em 0.5em;
    color: #fff;
    text-align: center;
    background-color: #b790ca;
}

.first02box_02 .item .textbox {
    padding: 1.5em;
}

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

@media (max-width: 599px) {
    .first02box .faq-box .faq-tit {
        width: 100%;
    }

    .first02box .faq-box .cmnlist01 {
        width: 100%;
    }

    .first02box .item02 {
        width: 48%;
    }
}

/* ------------------------------
 use
------------------------------ */

.use01list {
    width: calc(100% + 3em);
}

.use01item {
    width: calc(100% / 3);
    margin-bottom: 40px;
    padding-right: 3em;
    position: relative;
}

.use01item:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 1em 0 1em 1em;
    border-style: solid;
    border-color: transparent transparent transparent #804e98;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 1em;
}

.use01list .use01item:last-of-type:after {
    content: none !important;
}

.use01list .use01item:nth-of-type(3n+3):after {
    content: none;
}

.use01itembox {
    height: 100%;
    padding: 3em 1.5em;
    border: 1px solid #b790ca;
    border-radius: 1em;
    background-color: #fff;
    position: relative;
}

.use01itembox:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 1em;
    background-image: linear-gradient(-135deg, #b790ca, #fbd7d4);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    z-index: -1;
}

.use01itembox .titbox .num {
    width: 2em;
    height: 2em;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    background-color: #b790ca;
}

.use01itembox .titbox .num+.tit {
    width: calc(100% - 3em);
}


.use02list .use02item:last-of-type {
    padding-bottom: 0;
}

.use02list .use02item:last-of-type .num:before {
    content: none;
}

.use02item {
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 60px;
}

.use02item .bdrs01 {
    border-radius: 1em;
}

.use02item .tbox {
    padding-left: 120px;
    position: relative;
}

.use02item .num {
    width: 2em;
    height: 2em;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #78be50;
    position: absolute;
    top: -0.5em;
    left: 0;

    -ms-align-items: center;
}

.use02item .num:before {
    content: "";
    width: 2px;
    height: 100vh;
    background-color: #78be50;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.use02item .tit {
    width: 170px;
    letter-spacing: 0;
}

.use02item .tit+.text {
    width: calc(100% - 180px);
}

.use02box {
    padding: 3em;
    border-radius: 1.5em;
    background-color: rgba(249, 243, 255, 0.65);
}

.use03item {
    overflow: hidden;
    margin: 2% 1%;
    line-height: 1.6;
    border: 1px solid #b790ca;
    border-radius: 1em;
}

.use03item .subtit {
    padding: 1em 0.5em;
    color: #fff;
    text-align: center;
    background-color: #b790ca;
}

.use03item .textbox {
    padding: 1.5em;
}

@media (max-width: 1024px) {
    .use01item {
        width: calc(100% / 2);
    }

    .use01list {
        max-width: 100%;
    }

    .use01list .use01item:nth-of-type(3n+3):after {
        content: "";
    }

    .use01list .use01item:nth-of-type(2n+2):after {
        content: none;
    }

    .use02item {
        padding-top: 0.75em;
        padding-bottom: 40px;
    }

    .use02item .tbox {
        padding-left: 80px;
    }

    .use02item .tit {
        width: auto;
        margin-bottom: 0.5em;
    }

    .use02item .tit+.text {
        width: auto;
    }

    .use03item {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .use01item {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 3.5em;
        padding-right: 0;
    }

    .use01list .use01item:last-of-type {
        padding-bottom: 0;
    }

    .use01list .use01item:nth-of-type(2n+2):after {
        content: "";
    }

    .use01item:after {
        content: "";
        border-width: 1em 1em 0 1em;
        border-color: #804e98 transparent transparent transparent;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
        position: absolute;
        top: auto;
        bottom: 1em;
        right: 50%;
    }

    .use02item {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .use02item .tbox {
        margin-top: 1em;
        padding-left: 60px;
    }

    .use02item .num {
        font-size: 22px;
        top: -0.25em;
    }

    .use02item .num:before {
        content: none;
    }

    .use02item .tit {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .use02item .tit+.text {
        width: 100%;
    }

    .use02box {
        padding: 2em 1.5em 3em;
    }

    .use03item {
        width: 100%;
    }
}

/* ------------------------------
 family
------------------------------ */

.family01box .bdrs01 {
    border-radius: 1.5em;
}

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

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

/* ------------------------------
 nagomi
------------------------------ */

.nagomi01box {
    min-height: 332px;
    padding: 3em 0 6em;
    background-image: url(#);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.nagomi03list .nagomi03item:nth-of-type(even) .flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.nagomi03list .nagomi03item:nth-of-type(odd) .point {
    color: #78be50;
    -webkit-transform: rotate(12.5deg);
    transform: rotate(12.5deg);
    right: 0;
}

.nagomi03list .nagomi03item:nth-of-type(even) .point {
    color: #804e98;
    -webkit-transform: rotate(-12.5deg);
    transform: rotate(-12.5deg);
    left: 0;
}

.nagomi03list .nagomi03item:nth-of-type(odd) .point .deco:before {
    width: 8em;
    height: 7.5em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru10.png);
}

.nagomi03list .nagomi03item:nth-of-type(even) .point .deco:before {
    width: 6.5em;
    height: 6em;
    background-image: url(/import/tenant_1/160.16.200.13/html/images/maru11.png);
}

.nagomi03item {
    padding: 40px 120px 0;
    position: relative;
}

.nagomi03item .point {
    position: absolute;
    top: 0;
}

.nagomi03item .point .deco {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.nagomi03item .point .deco:before {
    content: "";
    max-width: 25vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.nagomi03item .bdrs01 {
    border-radius: 1em;
}

@media (max-width: 1024px) {
    .nagomi03item {
        padding: 0;
    }

    .nagomi03item .point {
        padding: 1em 0;
        -webkit-transform: none !important;
        transform: none !important;
        position: static;
    }
}

@media (max-width: 599px) {
    .nagomi03item .point {
        margin: 0.5em 0;
        text-align: center;
    }
}

/* ------------------------------
 nagomi-first
------------------------------ */

.nagomi-first01item {
    padding: 3em 0;
    border-bottom: 2px dashed #895ba0;
}

.nagomi-first01item .bdrs01 {
    border-radius: 15px;
}

.nagomi-first02box .bdrs01 {
    border-radius: 24px;
}

.nagomi-first03list .nagomi-first03item:last-of-type {
    padding-bottom: 0;
}

.nagomi-first03list .nagomi-first03item:last-of-type .num:before {
    content: none;
}

.nagomi-first03item {
    overflow: hidden;
    padding-top: 0.5em;
    padding-bottom: 60px;
}

.nagomi-first03item .bdrs01 {
    border-radius: 1em;
}

.nagomi-first03item .tbox {
    padding-left: 120px;
    position: relative;
}

.nagomi-first03item .num {
    width: 2em;
    height: 2em;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #78be50;
    position: absolute;
    top: -0.5em;
    left: 0;

    -ms-align-items: center;
}

.nagomi-first03item .num:before {
    content: "";
    width: 2px;
    height: 100vh;
    background-color: #78be50;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.nagomi-first03item .tit {
    width: 170px;
    letter-spacing: 0;
}

.nagomi-first03item .tit+.text {
    width: calc(100% - 180px);
}

@media (max-width: 1024px) {
    .nagomi-first03item {
        padding-top: 0.75em;
        padding-bottom: 40px;
    }

    .nagomi-first03item .tbox {
        padding-left: 80px;
    }

    .nagomi-first03item .tit {
        width: auto;
        margin-bottom: 0.5em;
    }

    .nagomi-first03item .tit+.text {
        width: auto;
    }
}

@media (max-width: 599px) {
    .nagomi-first03item {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .nagomi-first03item .tbox {
        margin-top: 1em;
        padding-left: 60px;
    }

    .nagomi-first03item .num {
        font-size: 22px;
        top: -0.25em;
    }

    .nagomi-first03item .num:before {
        content: none;
    }

    .nagomi-first03item .tit {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .nagomi-first03item .tit+.text {
        width: 100%;
    }
}

/* ------------------------------
 hoken
------------------------------ */

.hoken01item .pbox .ofiImg {
    display: block;
    overflow: hidden;
    border: 1px solid #78be50;
    border-radius: 1.5em;
}

.hoken01item .tbox .subtit {
    color: #78be50;
}

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

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

/* ------------------------------
 jihichiryo
------------------------------ */

.jihichiryo01item .pbox .ofiImg {
    display: block;
    overflow: hidden;
    border: 1px solid #804e98;
    border-radius: 1.5em;
}

.jihichiryo01item .tbox .subtit {
    color: #804e98;
}

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

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

/* ------------------------------
 news
------------------------------ */

.newsitem {
    letter-spacing: 0;
    border-bottom: 2px dashed #83539b;
}

.newsitem a {
    display: block;
    padding: 1em 0;
}

.newsitem .date {
    margin-right: 1em;
}

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

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

/* ------------------------------
 blog
------------------------------ */

.blogitem {
    letter-spacing: 0;
}

.blogitem a {
    display: block;
}

.blogitem .ofiImg {
    overflow: hidden;
    border-radius: 0.75em;
    -webkit-box-shadow: 0 0 10px 2px #e9ddef, 0 0 5px rgba(33, 33, 33, 0.2);
    box-shadow: 0 0 10px 2px #e9ddef, 0 0 5px rgba(33, 33, 33, 0.2);
}

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

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

/* ------------------------------
 faq
------------------------------ */

.faqnav {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.faqlist .faqitem:nth-of-type(even) a {
    background-color: #78be50;
}

.faqitem a {
    max-width: 100%;
    height: 100%;
    min-height: 4em;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0.25em;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    border-radius: 0.75em;
    background-color: #b790ca;
    position: relative;
}

.faqitem a:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: currentcolor transparent transparent transparent;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 0.25em;
    left: 50%;
}

.faq01box .list {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

#link-faq01.faq01box .item {
    border-bottom-color: #78be50;
}

#link-faq02.faq01box .item {
    border-bottom-color: #804e98;
}

.faq01box .item {
    padding: 1.5em 0;
    border-bottom: 2px solid;
}

.faq01box .item dt {
    margin: 1em 0;
    padding-left: 4em;
    position: relative;
}

#link-faq01.faq01box .item dt:before {
    background-color: #78be50;
}

#link-faq02.faq01box .item dt:before {
    background-color: #804e98;
}

.faq01box .item dt:before {
    content: "Q";
    width: 1.5em;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    font-size: 2em;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -0.25em;
    left: 0;
}

.faq01box .item dd {
    padding-left: 4em;
}

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

@media (max-width: 599px) {
    .faq01box .item dt {
        padding-left: 3em;
    }

    .faq01box .item dt:before {
        font-size: 1.5em;
    }

    .faq01box .item dd {
        padding-left: 3em;
    }
}

/* ------------------------------
 recruit
------------------------------ */

.recruit02box {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 3em;
    background-color: #fff;
}

.recruit02box .item {
    padding: 0.5em 0;
    border-bottom: 1px solid #b790ca;
}

.recruit02box .item dt {
    width: 8em;
}

.recruit02box .item dt+dd {
    width: calc(100% - 9em);
}

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

@media (max-width: 599px) {
    .recruit02box {
        padding: 3em 1.5em;
    }

    .recruit02box .item dt {
        width: 100%;
        margin-bottom: 0.25em;
        font-weight: 500;
    }

    .recruit02box .item dt+dd {
        width: 100%;
    }
}

/* ------------------------------
 contact
------------------------------ */

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

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

/* float */
.up-fl-left {
    float: left;
}

.up-fl-right {
    float: right;
}

.up-fl-none {
    float: none;
}

.up-flc-left {
    clear: left;
}

.up-flc-rigjt {
    clear: right;
}

.up-flc-both {
    clear: both;
}

.float-box {
    display: block;
}

.float-box:before {
    content: "";
    display: block;
    clear: both;
}

.float-box:after {
    content: "";
    display: block;
    clear: both;
}

.float-box .float-box-img {
    float: right;
}

.float-box .float-box-title {
    float: left;
}

.float-box .float-box-content {
    float: left;
}

.float-box.fw .float-box-img {
    width: 48%;
    float: right;
}

.float-box.fw .float-box-title {
    width: 48%;
    float: left;
}

.float-box.fw .float-box-content {
    width: 48%;
    float: left;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-img {
    float: left;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-title {
    float: right;
}

.float-box-alternate .float-box:nth-of-type(even) .float-box-content {
    float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-img {
    float: left;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-title {
    float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(odd) .float-box-content {
    float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-img {
    float: right;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-title {
    float: left;
}

.float-box-alternate.-rowr .float-box:nth-of-type(even) .float-box-content {
    float: left;
}

.up-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.up-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.up-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.up-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.up-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.up-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.up-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.up-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.up-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.up-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

@media (max-width: 1024px) {
    .up-fl-left\@tb {
        float: left;
    }

    .up-fl-right\@tb {
        float: right;
    }

    .up-fl-none\@tb {
        float: none;
    }

    .up-flc-left\@tb {
        clear: left;
    }

    .up-flc-rigjt\@tb {
        clear: right;
    }

    .up-flc-both\@tb {
        clear: both;
    }

    .up-order-1\@tb {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .up-order-2\@tb {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .up-order-3\@tb {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .up-order-4\@tb {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .up-order-5\@tb {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .up-order-6\@tb {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .up-order-7\@tb {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .up-order-8\@tb {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .up-order-9\@tb {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .up-order-10\@tb {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}

@media (max-width: 599px) {
    .up-fl-left\@sp {
        float: left;
    }

    .up-fl-right\@sp {
        float: right;
    }

    .up-fl-none\@sp {
        float: none;
    }

    .up-flc-left\@sp {
        clear: left;
    }

    .up-flc-rigjt\@sp {
        clear: right;
    }

    .up-flc-both\@sp {
        clear: both;
    }

    .float-box .float-box-img,
    .float-box.fw .float-box-img {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .float-box .float-box-title,
    .float-box.fw .float-box-title {
        width: 100%;
    }

    .float-box .float-box-content,
    .float-box.fw .float-box-content {
        width: 100%;
    }

    .up-order-1\@sp {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .up-order-2\@sp {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .up-order-3\@sp {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .up-order-4\@sp {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .up-order-5\@sp {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .up-order-6\@sp {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .up-order-7\@sp {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .up-order-8\@sp {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .up-order-9\@sp {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .up-order-10\@sp {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }
}


/* 2022.09.22 */

.line02{
  width: 40px;
    margin: -6px auto 8px !important;
}

.line03{
  width: 45px;
    margin-top: 3px;
}


.unei-btn{
  text-align: center;
    border: 1px solid;
    width: 240px;
    padding: 1rem 0;
    margin: auto;
    border-radius: 30px;
}