@charset "UTF-8";

/* base.css上書き */
html {
    font-family: "M PLUS Rounded 1c", sans-serif;
    color: #666464;
    letter-spacing: 0.1em;
    background-color: white;
}

/* common */
.no-opacity a:hover {
    opacity: 1;
}

.color-01-text {
    color: rgb(56, 178, 253);
}

.color-01-bgc {
    background-color: rgb(56, 178, 253);
}

.color-02-text {
    color: rgb(56, 178, 253);
}

.color-02-bgc {
    background-color: rgb(56, 178, 253);
}

.border-01 {
    border: 1px solid rgb(56, 178, 253);
}

.border-01-top {
    border-top: 1px solid rgb(56, 178, 253);
}

.border-01-bottom {
    border-bottom: 1px solid rgb(56, 178, 253);
}

.border-01-left {
    border-left: 1px solid rgb(56, 178, 253);
}

.border-01-right {
    border-right: 1px solid rgb(56, 178, 253);
}

.border-02 {
    border: 1px solid rgb(56, 178, 253);
}

.border-02-top {
    border-top: 1px solid rgb(56, 178, 253);
}

.border-02-bottom {
    border-bottom: 1px solid rgb(56, 178, 253);
}

.border-02-left {
    border-left: 1px solid rgb(56, 178, 253);
}

.border-02-right {
    border-right: 1px solid rgb(56, 178, 253);
}

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

.border-gray-top {
    border-top: 1px solid #ccc;
}

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

.border-gray-left {
    border-left: 1px solid #ccc;
}

.border-gray-right {
    border-right: 1px solid #ccc;
}

.tel,
.fax {
    font-size: 16px;
    letter-spacing: 2px;
}

.tel-item .tel {
    font-family: "M PLUS Rounded 1c",
        sans-serif;
    font-weight: bold;
    font-size: 44px;
    color: rgb(56, 178, 253);
}

.tel-item .tel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.tel-item .tel a::before,
.tel-item2 .tel a::before {
    content: "\f879";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
    line-height: 100%;
}

.logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.underline-link {
    color: rgb(56, 178, 253);
}

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

.underline-link.-arrow::before {
    content: "\f054";
    display: inline-block;
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80%;
    color: inherit;
    line-height: 100%;
}

@media (max-width: 599px) {
    .tel-item .tel {
        font-size: 28px;
    }
}

/* icon */
.icon {
    width: 55px;
    height: 55px;
    display: block;
}

.icon img {
    width: 100%;
    height: auto;
}

.icon-mail::before {
    content: "\f0e0";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: 100%;
}

.icon-nav {
    width: 35px;
    height: 35px;
    display: block;
    margin: auto;
}

.icon-header {
    width: 40px;
    height: 40px;
}

.icon-title {
    width: 100px;
    display: block;
    margin: 0 auto 10px auto;
}

.icon-circle {
    width: 100px;
    height: 100px;
}

.icon-bnr {
    width: 25px;
    height: 25px;
    display: block;
}

.icon-cal::before {
    content: "\f133";
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: rgb(56, 178, 253);
    line-height: 100%;
}

.icon-tag::before {
    content: "\f02b";
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: rgb(56, 178, 253);
    line-height: 100%;
}

@media (max-width: 1024px) {
    .icon {
        width: 44px;
        height: 44px;
    }

    .icon-nav {
        width: 36px;
        height: 36px;
    }

    .icon-header {
        width: 32px;
        height: 32px;
    }

    .icon-title {
        width: 80px;
    }

    .icon-circle {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 1024px) {
    .icon {
        width: 33px;
        height: 33px;
    }

    .icon-nav {
        width: 27px;
        height: 27px;
    }

    .icon-header {
        width: 24px;
        height: 24px;
    }

    .icon-title {
        width: 60px;
    }

    .icon-circle {
        width: 60px;
        height: 60px;
    }
}

/* title */
.title-01 {
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    font-size: 45px;
    letter-spacing: 0.1em;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}

.title-01-sub {
    font-size: 24px;
}

.title-02 {
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
    text-align: center;
}

.title-03 {
    font-size: 20px;
}

.title-04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 40px;
    letter-spacing: 2px;
}

.title-05 {
    margin-bottom: 30px;
    font-size: 34px;
}

.title-06 {
    margin-bottom: 30px;
    padding-left: 10px;
    font-size: 24px;
    border-left: 10px solid rgb(56, 178, 253);
}

.title-07 {
    margin-bottom: 30px;
    padding: 15px 5px;
    font-size: 28px;
    color: rgb(56, 178, 253);
    border-bottom: 1px solid rgb(56, 178, 253);
}

.title-08 {
    margin-bottom: 50px;
    padding: 5px 10px;
    font-size: 24px;
    color: rgb(56, 178, 253);
    border-bottom: 1px solid rgb(56, 178, 253);
}

.title-inner-02 {
    font-weight: normal;
    font-size: 20px;
    color: #949393;
}

.title-inner-03 {
    font-size: 50%;
}

[class*="title"].-bottom-large {
    margin-bottom: 80px;
}

[class*="title"].-bottom-medium {
    margin-bottom: 50px;
}

[class*="title"].-bottom-small {
    margin-bottom: 30px;
}

[class*="title"].-bottom-0 {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .title-01 {
        margin-bottom: 40px;
        font-size: 32px;
    }

    .title-02 {
        font-size: 19.2px;
    }

    .title-03 {
        font-size: 16px;
    }

    .title-04 {
        margin-bottom: 40px;
        font-size: 32px;
        letter-spacing: 1px;
    }

    .title-05 {
        font-size: 27.2px;
    }

    .title-06 {
        padding-left: 8px;
        font-size: 19.2px;
        border-left: 8px solid rgb(56, 178, 253);
    }

    .title-07 {
        margin-bottom: 24px;
        padding: 10px 5px;
        font-size: 22.4px;
    }

    .title-08 {
        font-size: 19.2px;
    }

    [class*="title"].-bottom-large {
        margin-bottom: 64px;
    }

    [class*="title"].-bottom-medium {
        margin-bottom: 40px;
    }

    [class*="title"].-bottom-small {
        margin-bottom: 24px;
    }
}


@media (max-width: 599px) {
    .title-01 {
        margin-bottom: 30px;
        font-size: 24px;
    }

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

    .title-04 {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .title-05 {
        font-size: 20.4px;
    }

    [class*="title"].-bottom-large {
        margin-bottom: 48px;
    }

    [class*="title"].-bottom-medium {
        margin-bottom: 30px;
    }

    [class*="title"].-bottom-small {
        margin-bottom: 18px;
    }
}

/* list */
.list-check li {
    padding-left: 30px;
    font-weight: 500;
    position: relative;
}

.list-check li+li {
    margin-top: 30px;
}

.list-check li::before {
    content: "\f14a";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: rgb(56, 178, 253);
    line-height: 1;
    line-height: 100%;
    position: absolute;
    top: 2px;
    left: 0;
}

.list-flat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-flat dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list-flat dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
}

.list-flat.-border+.list-flat.-border {
    border-top: 1px solid #ccc;
}

.list-faq dt,
.list-faq dd {
    padding: 10px 10px 10px 60px;
    position: relative;
}

.list-faq dt::before,
.list-faq dd::before {
    width: 50px;
    height: 50px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 42px;
    line-height: 1;
    position: absolute;
    top: -5px;
    left: 0;
}

.list-faq dt {
    padding-right: 70px;
    font-weight: bold;
    font-size: 20px;
    color: rgb(56, 178, 253);
    position: relative;
}

.list-faq dt .element-arrow {
    margin: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
}

.list-faq dt:hover {
    cursor: pointer;
}

.list-faq dt::before {
    content: "Q";
    color: rgb(56, 178, 253);
}

.list-faq dd {
    margin-top: 40px;
}

.list-faq dd::before {
    content: "A";
    color: white;
    color: rgb(56, 178, 253);
}

.list-faq.action dt .element-arrow-inner::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.list-square dt {
    margin-bottom: 15px;
    padding: 10px;
    color: rgb(56, 178, 253);
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
}

.list-square dd {
    padding: 0 15px;
}

.list-pipe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-pipe dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    position: relative;
}

.list-pipe dt::after {
    content: "";
    width: 1px;
    height: 100%;
    display: inline-block;
    margin: 0 10px;
    background-color: black;
    position: absolute;
    top: 0;
    right: 0;
}

.list-pipe dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.list-pile li a {
    height: 100%;
    overflow: hidden;
    border-radius: 50px;
    -webkit-box-shadow: 20px 20px 60px #bebebe,
        -20px -20px 60px #fff;
    box-shadow: 20px 20px 60px #bebebe,
        -20px -20px 60px #fff;
}

.list-pile li a:hover {
    -webkit-box-shadow: 10px 10px 30px #bebebe, ;
    box-shadow: 10px 10px 30px #bebebe, ;
}

.list-interview dt {
    padding-left: 40px;
    font-size: 28px;
    color: rgb(56, 178, 253);
    position: relative;
}

.list-interview dt::before {
    content: "Q";
    display: inline-block;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 120%;
    color: rgb(56, 178, 253);
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.list-interview dd {
    margin-top: 10px;
}

.list-dot li {
    padding-left: 20px;
    position: relative;
}

.list-dot li::before {
    content: "●";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.list-dot-02 li::before {
    color: rgb(56, 178, 253);
}

.list-flow li .box-border-01 {
    padding-left: 100px;
    position: relative;
}

.list-flow li .box-border-01 .number {
    -webkit-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%);
    position: absolute !important;
    top: 0;
    left: 0;
}

.list-flow li+li {
    margin-top: 80px;
}

.-li-short li {
    width: 85%;
}

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

@media (max-width: 1024px) {
    .list-check li {
        padding-left: 34px;
    }

    .list-check li+li {
        margin-top: 20px;
    }

    .list-check li::before {
        font-size: 24px;
        top: -1px;
    }

    .list-flat dd {
        margin-left: 24px;
    }

    .list-faq dt,
    .list-faq dd {
        padding-left: 48px;
    }

    .list-faq dt::before,
    .list-faq dd::before {
        width: 40px;
        height: 40px;
        font-size: 33.6px;
        top: 0;
    }

    .list-faq dd {
        margin-top: 32px;
    }

    .list-interview dt {
        padding-left: 32px;
        font-size: 22.4px;
    }

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

    .list-flow li .box-border-01 {
        padding-left: 80px;
    }

    .list-flow li .box-border-01 .number {
        -webkit-transform: translate(-20%, -20%);
        transform: translate(-20%, -20%);
    }

    .-li-short li {
        width: 90%;
    }
}

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

    .list-flat dd {
        width: 100%;
        margin-left: 0;
    }

    .list-faq dt,
    .list-faq dd {
        padding-left: 36px;
    }

    .list-faq dt::before,
    .list-faq dd::before {
        width: 30px;
        height: 30px;
        font-size: 25.2px;
        top: 5px;
    }

    .list-faq dd {
        margin-top: 24px;
    }

    .list-sonar.-flat\@sp li .list-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .list-sonar.-flat\@sp li .list-inner .effect-sonar {
        width: 35%;
    }

    .list-sonar.-flat\@sp li .list-inner .item {
        width: 60%;
        text-align: left;
    }

    .list-interview dt {
        padding-left: 28px;
        font-size: 19.6px;
    }

    .list-flow li .box-border-01 {
        padding-left: 60px;
    }

    .list-flow li .box-border-01 .number {
        -webkit-transform: translate(-15%, -15%);
        transform: translate(-15%, -15%);
    }

    .-li-short li {
        width: 100%;
    }

    .list-pile li a .title-02 {
        font-size: 24px;
        margin-bottom: 1em;
    }
}

/* button */
.btn {
    width: 200px;
    max-width: 80%;
    height: 45px;
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.btn-inner {
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.btn.-center {
    margin-left: auto;
    margin-right: auto;
}

.btn.-left {
    margin-left: 0;
}

.btn.-right {
    margin-right: 0;
}

.btn.-mt-large {
    margin-top: 80px;
}

.btn.-mt-medium {
    margin-top: 50px;
}

.btn.-mt-small {
    margin-top: 30px;
}

.btn.-mt-0 {
    margin-top: 0;
}

.btn.-w100 {
    width: 100%;
    min-width: 200px;
    max-width: 100%;
}

.btn a,
.btn button {
    width: 100%;
    height: 100%;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px 30px 10px 10px;
    color: rgb(56, 178, 253);
    letter-spacing: 1px;
    text-align: center;
    border-radius: 10px;
    background-color: white;
    cursor: pointer;
    position: relative;
}

.btn a::before,
.btn button::before {
    content: "";
    width: 100%;
    height: 0;
    margin: auto;
    background-color: rgb(56, 178, 253);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.btn a::after,
.btn button::after {
    content: "\f054";
    display: inline-block;
    margin: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
}

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

.btn a:hover::before,
.btn button:hover::before {
    height: 105%;
}

.btn-01 a,
.btn-01 button {
    color: rgb(56, 178, 253);
}

.btn-01 a::before,
.btn-01 button::before {
    background-color: rgb(56, 178, 253);
}

.btn-02 a,
.btn-02 button {
    color: rgb(56, 178, 253);
}

.btn-02 a::before,
.btn-02 button::before {
    background-color: rgb(56, 178, 253);
}

.btn-large {
    width: 400px;
    height: 65px;
}

.btn-large a,
.btn-large button {
    font-size: 18px;
}

.btn.-alternate.btn-01 a,
.btn.-alternate.btn-01 button {
    color: white;
    border: 1px solid rgb(56, 178, 253);
    background-color: rgb(56, 178, 253);
}

.btn.-alternate.btn-01 a::before,
.btn.-alternate.btn-01 button::before {
    background-color: white;
}

.btn.-alternate.btn-01 a:hover,
.btn.-alternate.btn-01 button:hover {
    color: rgb(56, 178, 253);
}

.btn.-alternate.btn-02 a,
.btn.-alternate.btn-02 button {
    color: white;
    border: 1px solid rgb(56, 178, 253);
    background-color: rgb(56, 178, 253);
}

.btn.-alternate.btn-02 a::before,
.btn.-alternate.btn-02 button::before {
    background-color: white;
}

.btn.-alternate.btn-02 a:hover,
.btn.-alternate.btn-02 button:hover {
    color: rgb(56, 178, 253);
}

.btn.-border-01 a {
    border: 1px solid rgb(56, 178, 253);
}

.btn.-border-02 a {
    border: 1px solid rgb(56, 178, 253);
}

.btn-text {
    width: auto;
    height: auto;
}

.btn-text a {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0 30px 0 0;
}

.btn-text a::before {
    display: none;
}

.btn-text a:hover {
    color: rgb(56, 178, 253);
    opacity: 0.6;
}

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

.btn-toggle-inner {
    width: 100%;
    height: 100%;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 30px 10px 10px;
    font-size: 18px;
    color: white;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(56, 178, 253);
    position: relative;
}

.btn-toggle-inner .balloon {
    width: 250px;
    display: none;
    margin: auto;
    padding: 10px;
    font-weight: bold;
    font-size: 18px;
    color: rgb(56, 178, 253);
    text-align: center;
    border: 1px solid rgb(56, 178, 253);
    background-color: white;
    -webkit-transform: translate(0, calc(-100% - 20px));
    transform: translate(0, calc(-100% - 20px));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.btn-toggle-inner .balloon a {
    display: inline;
    color: rgb(56, 178, 253) !important;
    border: none !important;
    background-color: transparent !important;
}

.btn-toggle-inner .balloon a::after,
.btn-toggle-inner .balloon a::before {
    display: none !important;
}

.btn-toggle-inner .balloon::before {
    content: "";
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid white;
    position: absolute;
    bottom: -24px;
    left: 50%;
    z-index: 2;
}

.btn-toggle-inner .balloon::after {
    content: "";
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid rgb(56, 178, 253);
    position: absolute;
    bottom: -28px;
    left: 50%;
    z-index: 1;
}

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

.btn.-back a::after,
.btn.-back button::after {
    content: "\f053";
    left: 10px;
    right: auto;
}

@media (max-width: 1024px) {
    .btn {
        margin-top: 40px;
    }

    .btn a,
    .btn button {
        font-size: 14px;
    }

    .btn.-center\@tb {
        margin-left: auto;
        margin-right: auto;
    }

    .btn.-left\@tb {
        margin-left: 0;
    }

    .btn.-right\@tb {
        margin-right: 0;
    }

    .btn-large {
        height: 60px;
    }

    .btn-large a,
    .btn-large button {
        font-size: 16px;
    }

    .btn.-mt-large {
        margin-top: 64px;
    }

    .btn.-mt-medium {
        margin-top: 40px;
    }

    .btn.-mt-small {
        margin-top: 24px;
    }

    .btn.-mt-0\@tb {
        margin-top: 0;
    }

    .btn-toggle-inner {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .btn.-center\@sp {
        margin-left: auto;
        margin-right: auto;
    }

    .btn.-left\@sp {
        margin-left: 0;
    }

    .btn.-right\@sp {
        margin-right: 0;
    }

    .btn.-mt-large {
        margin-top: 48px;
    }

    .btn.-mt-medium {
        margin-top: 30px;
    }

    .btn.-mt-0\@sp {
        margin-top: 0;
    }
}

/* header */
header {
    width: 100%;
    padding: 10px;
    background-color: white;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
}

.headad {
    margin-left: 15px;
    font-size: 0.8em;
    opacity: 0.8;
}

.h1 {
    font-size: 10px;
}

header .header-inner {
    width: 100%;
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
}

header .header-box {
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: white;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.header-nav {
    margin-left: 1em;
}

.header-site-title {
    max-width: 1200px;
    margin: auto;
    margin-bottom: 5px;
}

.header-site-title h1 {
    font-size: 12px;
}



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

header .header-box .list-header {
    display: none;
}

.scrolled header {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1024px) {
    header {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
        position: fixed;
        top: auto;
        bottom: 100%;
        left: 0;
        z-index: 4;
    }

    .active header {
        bottom: 0;
    }

    header .header-inner {
        height: 10%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    header .header-box {
        width: 30%;
        display: block;
        margin: 10px auto;
    }

    header .header-box .list-header {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    header .header-box .list-header li a {
        width: 100%;
        height: 100%;
        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-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 10px;
    }

    header .header-box .list-header li a span {
        display: block;
        margin: auto;
        text-align: center;
    }

    header .header-box .list-header li a .text {
        margin-top: 5px;
        font-size: 12px;
        color: white;
    }

    header .header-box .list-header li:nth-of-type(1) a {
        background-color: rgb(56, 178, 253);
    }

    header .header-box .list-header li:nth-of-type(2) a {
        background-color: #86ded4;
    }

    header .header-nav {
        width: 100%;
        height: 10%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    header .header-box {
        width: 60%;
    }

    header .header-box .logo {
        margin: 5px;
    }

    header .header-box .list-header li a {
        padding: 5px 10px;
    }

    header .header-box .list-header li a .text {
        display: none;
    }

    .headad {
        font-size: 0.7em;
    }
}

/* nav */
nav {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.nav-list .icon-nav {
    margin-bottom: 5px;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.nav-list>li {
    position: relative;
}

.nav-list>li::before {
    content: "";
    width: 30px;
    height: 5px;
    display: block;
    margin: auto;
    margin: auto;
    background-color: rgb(56, 178, 253);
    opacity: 0;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    z-index: 1;
}

.nav-list>li+li {
    margin-left: 2em;
}

.nav-list>li:hover::before {
    opacity: 1;
    bottom: -10px;
}

.nav-list>li a {
    display: block;
    font-size: 14px;
    text-align: center;
}

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

.dropdown::after {
    content: "";
    width: 300px;
    height: 35px;
    border: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%;
    right: 50%;
    z-index: 2;
}

.dropdown-btn {
    display: block;
    font-size: 14px;
    text-align: center;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

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

.dropdown-box {
    width: 300px;
    height: auto;
    margin: 35px auto;
    padding: 20px 20px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    position: absolute;
    top: 100%;
    left: -150px;
    right: -150px;
    z-index: 2;
}

.dropdown-box::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    margin: auto;
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
}

.dropdown-title {
    margin-bottom: 5px;
    font-weight: bold;
    color: rgb(56, 178, 253);
}


.dropdown-list li {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.dropdown-list li a {
    padding: 15px 30px 15px 15px;
    position: relative;
}

.dropdown-list li a::after {
    content: "\f054";
    width: 14px;
    height: auto;
    display: inline-block;
    margin: 0 0 0 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: rgb(56, 178, 253);
    line-height: 100%;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: absolute;
    top: 20px;
    right: 5px;
    z-index: 1;
}


.dropdown:hover {
    overflow: visible;
}

.dropdown:hover .dropdown-box {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mega::after {
    width: 800px;
}

.mega-menu {
    width: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: -400px;
    right: -400px;
}

.mega-menu-inner {
    width: calc(94% / 3);
    margin: 15px 1% 15px 1%;
}

@media (max-width: 1024px) {
    .time-tableboss {
        margin-left: auto;
        margin-right: auto;
    }

    nav {
        width: 100%;
        height: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0;
    }

    .nav-list {
        width: 100%;
        height: 100vh;
        height: 100%;
        display: block;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin-left: 0;
        padding: 50px 20px 100px;
        color: rgb(56, 178, 253);
        background-color: white;
    }

    .nav-list>li {
        padding: 15px 35px 15px 10px;
    }

    .dropdown-list li a::after {
        display: none;
    }

    .nav-list-text::after {
        content: "\f054";
        width: 14px;
        height: auto;
        display: inline-block;
        margin: 0;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        color: rgb(56, 178, 253);
        line-height: 100%;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: absolute;
        top: 20px;
        left: auto;
        right: 10px;
        z-index: 1;
    }

    .dropdown .nav-list-text::after {
        content: "\f078";
    }

    .nav-list>li::before {
        display: none;
    }

    .nav-list>li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: rgb(56, 178, 253);
    }

    .nav-list>li .icon-nav {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 10px;
    }

    .nav-list>li+li {
        margin-left: 0;
        border-top: 1px solid rgb(56, 178, 253);
    }

    .nav-list>li.action::after {
        -webkit-transform: rotate(-454deg);
        transform: rotate(-454deg);
    }

    .dropdown-btn {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: rgb(56, 178, 253);
    }

    .dropdown-box {
        width: 100%;
        display: block;
        margin-top: 0;
        padding: 10px 0 10px 50px;
        background-color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: static;
    }

    .dropdown-box::before {
        display: none;
    }

    .dropdown-title {
        color: rgb(56, 178, 253);
    }

    .dropdown-title.acc-btn::before {
        content: "\f054";
        display: inline-block;
        margin-right: 10px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        line-height: 100%;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .dropdown-list li {
        padding: 5px;
    }

    .dropdown-list li+li {
        margin-top: 0;
        border-top: 1px solid rgb(56, 178, 253);
    }

    .mega-menu-inner {
        width: calc(100% - 30px);
        margin: 15px;
    }

    .mega-menu-inner.action .acc-btn::before {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media (max-width: 599px) {
    .nav-list li::after {
        top: 18px;
    }

    .dropdown-box {
        padding: 10px 0 10px 20px;
    }

    .mega-menu-inner {
        margin: 10px;
    }
}

/* footer */
.ft1 .ft-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 30px;
    border-bottom: 3px solid rgb(56, 178, 253);
}

.ftbgb {
    margin-top: 80px;
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/bgimg_003.jpg);
    background-size: cover;
    background-position: center;
}

.footnav-list {
    padding-left: 1em;
}

.footnav-list li+li {
    margin-top: 1em;
}

.footnav-list li a {
    display: block;
    padding: 5px 5px 5px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #666464;
    text-align: left;
    position: relative;
}

.footnav-list li a::before {
    content: "\f054";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    font-size: inherit;
    color: #38b2fd;
    line-height: 100%;
    position: absolute;
    top: 8px;
    left: 5px;
}

footer {
    padding-top: 80px;
}

footer .logo {
    margin: 0 auto 50px;
}

footer .copy {
    padding: 30px 0;
    font-size: 12px;
    text-align: center;
}

.totop {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}

.totop a {
    width: 100%;
    height: 100%;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    letter-spacing: 1px;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 100%;
    background-color: rgb(56, 178, 253);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.totop a::before {
    content: "\f062";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: 100%;
}

.totop a:hover {
    color: rgb(56, 178, 253);
    background-color: white;
    opacity: 1;
}

.fixed-box-inner {
    padding: 10px 0 10px 10px;
    border-radius: 10px 0 0 5px;
    background-color: #fff;
}

.fixed-box-title {
    display: none;
}

.fixed-bnr {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: fixed;
    top: 50%;
    right: -1px;
    z-index: 2;
}

.fixed-bnr li {
    max-width: 50px;
}

.fixed-bnr li a {
    display: block;
    padding: 20px 10px;
    text-align: center;
    border-radius: 10px 0 0 5px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.fixed-bnr li a [class*="icon"] {
    margin-left: auto;
    margin-right: auto;
}

.fixed-bnr li a:hover {
    opacity: 1;
}

.fixed-bnr li a .text-bnr {
    margin-top: 10px;
    color: white;
    letter-spacing: 4px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.fixed-bnr li+li {
    margin-top: 10px;
}

.fixed-bnr li:nth-of-type(1) a {
    border: 1px solid rgb(56, 178, 253);
    background-color: rgb(56, 178, 253);
}

.fixed-bnr li:nth-of-type(1) a:hover {
    background-color: white;
}

.fixed-bnr li:nth-of-type(1) a:hover .icon-bnr img {
    -webkit-filter: invert(47%) sepia(100%) saturate(695%) hue-rotate(359deg) brightness(101%) contrast(108%);
    filter: invert(47%) sepia(100%) saturate(695%) hue-rotate(359deg) brightness(101%) contrast(108%);
}

.fixed-bnr li:nth-of-type(1) a:hover .text-bnr {
    color: rgb(56, 178, 253);
}

.fixed-bnr li:nth-of-type(2) a {
    border: 1px solid rgb(56, 178, 253);
    background-color: rgb(56, 178, 253);
}

.fixed-bnr li:nth-of-type(2) a:hover {
    background-color: white;
}

.fixed-bnr li:nth-of-type(2) a:hover .icon-bnr img {
    -webkit-filter: invert(48%) sepia(5%) saturate(3249%) hue-rotate(69deg) brightness(115%) contrast(133%);
    filter: invert(48%) sepia(5%) saturate(3249%) hue-rotate(69deg) brightness(115%) contrast(133%);
}

.fixed-bnr li:nth-of-type(2) a:hover .text-bnr {
    color: #86ded4;
}

.fixed-number {
    display: none;
}

.foot-cont-zero {
    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: left;
}

@media(min-width:600px) {
    .ft2 {
        display: none !important;
    }
}

@media(min-width:1025px) {
    .ft3 {
        display: none;
    }
}

@media (max-width: 1024px) {
    footer .copy {
        padding-bottom: 100px;
    }

    .foot-cont-zero2 {
        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;
        text-align: center;
    }

    .foot-cont-zero2 dl dd .tel-item .tel a {
        margin-left: auto;
        margin-right: auto;
    }


    footer {
        padding-top: 50px;
    }

    .fixed-box {
        max-width: 65%;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 2;
    }

    .fixed-box-inner {
        padding: 30px 10px;
        position: relative;
    }

    .fixed-box-title {
        height: 90%;
        max-height: 180px;
        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-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto;
        padding: 15px 10px;
        font-size: 14px;
        color: white;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        border-radius: 10px 0 0 5px;
        background-color: #86ded4;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
    }

    .fixed-box-title:hover {
        cursor: pointer;
    }

    .fixed-box.slide {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .fixed-box.slide .fixed-box-inner {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    }

    .fixed-number {
        display: block;
        margin-top: 15px;
        padding: 10px;
    }

    .fixed-number .tel-item .tel {
        font-size: 20px;
    }

    .fixed-bnr {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
    }

    .fixed-bnr li {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .fixed-bnr li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px;
        font-size: 14px;
        letter-spacing: 1px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fixed-bnr li a .icon-bnr {
        margin-left: 0;
        margin-right: 10px;
    }

    .fixed-bnr li a .text-bnr {
        margin-top: 0;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }
}

@media (max-width: 599px) {
    footer .copy {
        padding-bottom: 100px;
        position: relative;
        z-index: 10;
    }

    .totop {
        width: 48px;
        height: 48px;
        font-size: 12px;
        bottom: 70px;
    }

    .fixed-number .tel-item .tel {
        font-size: 18px;
    }

    .fixed-bnr li {
        max-width: 100%;
    }
}

/* main visual */

/*以下切り取った*/
.first-view {
    height: 60vh;
}

.first-view-cont {
    width: 60%;
    position: relative;
}

.first-view-cont-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.first-view-cont-bgimg {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
}

.effect-sonar .circle {
    width: 80%;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
}

.effect-sonar .circle img {
    border-radius: 100%;
}

.effect-sonar .circle .square-inner {
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.effect-sonar .circle::after {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

.effect-sonar a {
    display: block;
}

.effect-sonar a:hover .circle {
    background: rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
}

.effect-sonar a:hover .circle::after {
    padding: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
    z-index: -1;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        opacity: 0.5;
    }

    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        opacity: 0.5;
    }

    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.tsuyo-p-flex li {
    width: 30%;
    min-width: 280px;
}

@media (max-width: 1024px) {
    .first-view {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tsuyo-p-flex li {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .tsuyo-p-flex li {
        width: 100%;
    }
}


.tsuyo-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -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;
    margin: 30px 20px;
}

.num-case {
    width: 50px;
    height: 50px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -25px;
    margin-left: auto;
    margin-right: 0.5em;
    margin-right: auto;
    padding: 10px;
    font-weight: bold;
    font-size: 200%;
    color: White;
    line-height: 1;
    border-radius: 100%;
    background-color: rgba(56, 178, 253, 0.5);
    position: relative;
    z-index: 100;
}

.tsuyo-title {
    font-weight: bold;
    font-size: 1.5em;
    color: rgb(56, 178, 253);
    text-align: center;
}


.wide {
    width: 100%;
}

.sideline {
    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;
}

.grid-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.grid-box>* {
    overflow: hidden;
    margin: 1%;
    border-radius: 20px;
}

.grid-100 {
    width: 98%;
}

.grid-square {
    width: 40%;
}

.grid-grow {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.onbox {
    width: 40%;
    margin: auto;
    padding: 50px 30px;
    background-color: white;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 1;
}

.onbox-parent {
    position: relative;
}

/* parts */
.num-case2,
.num2 {
    color: rgb(56, 178, 253);
    text-align: center;
}

.num2 {
    margin-top: -15px;
    margin-bottom: -30px;
    font-weight: bold;
    font-size: 38px;
    position: relative;
    z-index: 2;
}

iframe {
    width: 100%;
    height: 100%;
}

.foot-cont {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px) {
    .tels1 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.btm-fixed {
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
}

.fixed-list li+li {
    margin-top: 1em;
}

.fixed-list li a {
    width: 100%;
    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;
    padding: 40px 20px;
    color: white;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    border-radius: 20px 0 0 20px;
    background-color: #38b2fd;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

.fixed-list li .type-b a {
    background-color: #F56F61;
}

.fixed-list li a::before {
    display: inline-block;
    margin-bottom: 0.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 150%;
    line-height: 1;
}

.fixed-list li.fixed-list-tel a::before {
    content: "\f879";
}

.fixed-list li.fixed-list-mail a::before {
    content: "\f0e0";
}

.fixed-list li.fixed-list-reserve a {
    flex-direction: row-reverse;
}

.fixed-list li.fixed-list-reserve a::after {
    content: "\f274";
    display: inline-block;
    margin-bottom: 0.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 150%;
    line-height: 1;
}

.fixed-list li.fixed-list-reserve {
    display: none;
}

.pc-none,
.pc-none2 {
    display: none;
}

@media (max-width: 1024px) {
    .pc-none2 {
        display: block;
    }

    .pc-none {
        display: block;
    }

    .btm-fixed {
        width: 60%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: auto;
        bottom: 0;
        left: 0;
        right: auto;
    }

    .fixed-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        border-radius: 0 20px 0 0;
        -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
        box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 50%);
    }

    .fixed-list li {
        width: 50%;
    }

    .fixed-list li+li {
        margin-top: 0;
    }

    .fixed-list li a {
        height: 100%;
        padding: 20px 10px;
        font-size: 18px;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fixed-list li a::before {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .fixed-list li.fixed-list-mail {
        display: none;
    }

    .fixed-list li.fixed-list-reserve {
        display: block;
    }
    .fixed-list li.fixed-list-tel a {
        border-right: 2px solid white;
    }
}

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

    .fixed-list {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

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

    .fixed-list li.fixed-list-tel a {
        overflow: hidden;
        border-radius: 20px 0 0 0;
    }
    
    .fixed-list li.fixed-list-reserve a::after {
      margin-bottom: 0;
      margin-right: 0.5em;
    }

    .sp-none {
        display: none;
    }
}


.label {
    display: inline-block;
    padding: 5px 20px;
    font-size: 20px;
    color: white;
    position: absolute;
    bottom: 10px;
    left: -5px;
    z-index: 1;
}

.label-wrap {
    position: relative;
}

.box-white {
    padding: 50px 30px;
    background-color: white;
}

.box-border-01 {
    padding: 30px 15px;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
    background-color: white;
}

.box-overlap-item {
    width: 80%;
    margin: -5% auto 0;
    padding: 50px 30px;
    background-color: white;
    position: relative;
    z-index: 1;
}

.band {
    padding: 150px 0;
    position: relative;
}

.band-title {
    font-weight: bold;
    font-size: 28px;
    color: rgb(56, 178, 253);
    position: relative;
    z-index: 1;
}

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

.band-bg 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;";
}

.band-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.triangle {
    position: relative;
}

.triangle::after {
/*     content: "";
width: 25px;
height: 25px;
background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #86ded4)) no-repeat top left/100% 100%;
background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #86ded4 50.5%) no-repeat top left/100% 100%;
position: absolute;
bottom: 0;
right: 0; */
}

.number {
    width: 110px;
    height: 110px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    color: white;
    line-height: 1.2;
    border-radius: 100%;
    background-color: rgb(56, 178, 253);
}

.number-count {
    font-size: 150%;
    letter-spacing: 2px;
}

.number-01 {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 42px;
    color: rgb(56, 178, 253);
    text-align: center;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    position: relative;
    z-index: 1;
}

.element-arrow {
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
}

.element-arrow-inner {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.element-arrow-inner::before,
.element-arrow-inner::after {
    content: "";
    width: 10px;
    height: 1px;
    display: inline-block;
    margin: auto;
    background-color: rgb(56, 178, 253);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.element-arrow-inner::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 1024px) {
    .effect-sonar .circle {
        width: 90%;
    }

    .num-case .num {
        font-size: 200%;
    }

    .onbox {
        width: 35%;
        padding: 30px 15px;
    }

    .label {
        padding: 5px 16px;
        font-size: 16px;
    }

    .box-white {
        padding: 30px 20px;
    }

    .box-overlap-item {
        width: 90%;
    }

    .band {
        padding: 80px 0;
    }

    .band-title {
        font-size: 22.4px;
    }

    .number {
        width: 80px;
        height: 80px;
        font-size: 19.2px;
    }

    .element-arrow {
        width: 36px;
        height: 36px;
        border-radius: 3px;
    }
}

@media (max-width: 599px) {
    .onbox {
        width: 90%;
        margin-top: 15px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        right: 0;
    }

    .deco-01::after {
        width: 90px;
    }

    .deco-02::before {
        bottom: -50px;
        left: 100px;
    }



    .deco-03::before {
        width: 162px;
        height: 269.6px;
    }

    .deco-03::after {
        width: 100.8px;
        height: 139.6px;
    }

    .box-overlap-item {
        width: 95%;
    }

    .band {
        padding: 50px 0;
    }

    .number {
        width: 60px;
        height: 60px;
        font-size: 14.4px;
    }

    .w-maxed {
        width: 100%;
    }
}

/* custom contents */
.custom-info {
    margin-top: 10px;
}

.custom-title {
    font-size: 20px;
}

.custom-box .custom-title {
    padding: 5px 10px;
    color: rgb(56, 178, 253);
    border-bottom: 1px solid #ccc;
}

.custom-side-title {
    margin-bottom: 20px;
    padding: 5px 5px 5px 1.2em;
    font-size: 22px;
    color: rgb(56, 178, 253);
    border-bottom: 2px solid rgb(56, 178, 253);
    position: relative;
}

.custom-side-title::before {
    position: absolute;
    top: 10px;
    left: 0;
}

.custom-side-list li a {
    padding: 5px 5px 5px 1.4em;
    letter-spacing: 1px;
    position: relative;
}

.custom-side-list li a::before {
    content: "●";
    display: inline-block;
    color: rgb(56, 178, 253);
    position: absolute;
    top: 1px;
    left: 0;
}

.custom-side-list li+li {
    margin-top: 10px;
}

.list-custom-01 .list-inner {
    padding: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(56, 178, 253, 0.5);
    box-shadow: 0px 0px 20px -5px rgba(56, 178, 253, 0.5);
}

.list-custom-02 li+li {
    margin-top: 30px;
}

.date,
.category {
    position: relative;
}


.category span {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    color: white;
    line-height: 1.2;
    border-radius: 3px;
    background-color: rgb(56, 178, 253);
}

.category span+span {
    margin-left: 5px;
}

.detail-content {
    padding: 30px 20px;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
}

.detail-content-title {
    margin-bottom: 20px;
    padding: 10px 5px;
    font-weight: 500;
    font-size: 18px;
    color: rgb(56, 178, 253);
    border-bottom: 1px solid #ccc;
}

.detail-content-info .date,
.detail-content-info .category {
    margin: 5px;
    font-size: 14px;
}

.detail-content-box {
    margin-top: 20px;
}

.detail-backlink {
    margin: 50px 0;
}

.detail-backlink-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.detail-backlink-list li {
    margin: 10px;
}

@media (max-width: 1024px) {
    .date {
        font-size: 14px;
    }

    .custom-title {
        font-size: 16px;
    }

    .detail-backlink-list li .btn {
        max-width: 100%;
    }

    .detail-backlink-list li:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .detail-backlink-list li:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .detail-backlink-list li:nth-of-type(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 599px) {
    .list-custom-01 li .list-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .custom-thumb {
        width: 35%;
    }

    .custom-info {
        width: 60%;
        margin-top: 0;
    }
}

/* form */
.must {
    display: block;
    margin-top: 5px;
    margin-left: 0;
    padding: 0;
    font-size: inherit;
    color: rgb(56, 178, 253);
    text-align: left;
    background-color: transparent;
}

/*下層追加CSS*/


/*メインビジュアル共通////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.first-view-under {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    position: relative;
}

.mainimg {
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.first-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/bgimg_003.jpg);
    background-size: cover;
    background-position: center;
}

.first-view-slide {
    width: 40%;
    height: 100%;
}

.first-view-cont {
    width: 60%;
    height: 100%;
}


.first-view-cont-box {
    max-width: 760px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.first-view-cont-box div .btn {
    margin: 0 10px;
}


.first-view-cont-title-index {
    margin: 0 10px;
    font-weight: bold;
    font-size: 40px;
    color: white;
}

@media (min-width: 1024px) {
  .first-view-cont-title-index {
    padding-top: 10px;
  }
.first-view {
    height: 70vh;
}
}

.first-view-cont-title {
    width: 100%;
    margin: 0 10px;
    font-weight: bold;
    font-size: 40px;
    color: white;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
}

.first-view-cont-box div .text {
    margin: 30px 10px;
    font-size: 16px;
    color: white;
}

@media (max-width: 1024px) {
    .first-view {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .first-view-slide {
        width: 100%;
        height: 100%;
    }

    .first-view-cont {
        width: 100%;
        height: 100%;
        padding: 50px 30px;
    }

    .first-view-cont-box {
        position: static;
    }

    .first-view-cont-title-index {
        font-size: 30px;
    }

    .first-view-cont-box div .text {
        margin: 10px;
    }

    .first-view-cont-box div .text br {
        display: none;
    }
}

@media (max-width: 599px) {
    .first-view-under {
        height: 40vh;
    }

    .first-view-slide {
        width: 100%;
        height: 50%;
    }

    .first-view .uk-slideshow img {
        width: 100% !important;
    }

    .first-view-cont {
        width: 100%;
        height: 50%;
    }

    .first-view-cont-box div .btn {
        margin: 0 auto;
    }

    .first-view-cont-title {
        font-size: 30px;
    }
}

/*02.firstのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.first01 {
    margin-top: 100px;
}

.maintxt {
    line-height: 1.6em;
    letter-spacing: 2px;
}

.flow-bigboss {
    position: relative;
}

.bg-img {
    z-index: -1;
}

.flow-boss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flow-map .flow-boss dt .flow-num {
    width: 65px;
    height: 65px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-weight: bold;
    font-size: 180%;
    color: White;
    line-height: 1;
    border-radius: 100%;
    background-color: rgb(56, 178, 253);
    position: relative;
}

.flow-map .flow-boss dt span {
    font-size: 13px;
}

.flow-map .flow-boss dt {
    width: 30%;
}

.flow-map .flow-boss dd {
    width: 70%;
}

.flow-map .flow-boss dd span {
    font-size: 140%;
    color: rgb(56, 178, 253);
}

.flow-boss {
    margin: 30px 0;
}

@media (max-width: 599px) {
    .flow-boss {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flow-boss dt,
    .flow-boss dd {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .flow-map .flow-boss dd span {
        display: block;
        margin-top: 30px;
        text-align: center;
    }
}

/*03.aboutのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.about-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-img {
    width: 60%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.about-img img {
    border-radius: 10px;
}

.about-txt {
    width: 40%;
    margin-left: 30px;
}

.message-box {
    padding-top: 50px;
}

.message-img {
    width: 70%;
    border-radius: 50%;
}

.message-img img {
    border-radius: 50%;
}

.name-01 {
    margin-bottom: 20px;
    font-size: 30px;
    color: rgb(56, 178, 253);
}

.hist-table,
.prof-table {
    width: 48%;
    padding: 20px 0;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.hist-table dl,
.prof-table dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px;
}

.hist-table dl dt,
.prof-table dl dt {
    width: 34%;
    text-align: center;
}

.hist-table dl dd::before,
.prof-table dl dd::before {
    content: "\f101";
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 100%;
    color: rgb(56, 178, 253);
    line-height: 100%;
}

.hist-table dl dd,
.prof-table dl dd {
    width: 60%;
}

.hist-table dl dd,
.prof-table dl dd,
.hist-table dl dt,
.prof-table dl dt {
    line-height: 200%;
    border-bottom: 2px dotted rgb(56, 178, 253);
    padding-left: 1em;
    text-indent: -0.8em;
    margin-left: 7px;
}

.table-title {
    margin-bottom: 15px;
    font-size: 25px;
    color: rgb(56, 178, 253);
    text-align: center;
}

.tables {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}

.pics-title {
    margin-bottom: 15px;
    font-size: 25px;
    color: rgb(56, 178, 253);
    text-align: center;
}

.innai-slider .btn-back,
.innai-slider .btn-next {
    width: 60px;
    height: 60px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 200%;
    color: #fff;
    line-height: 1;
    border-radius: 50%;
    background-color: rgb(56, 178, 253);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    position: absolute;
    top: 50%;
    z-index: 3;
}

.innai-slider .btn-back {
    left: 0px;
}

.innai-slider .btn-next {
    right: 0px;
}

.con-area-07 {
    position: relative;
    z-index: 2;
}

.con-area-07 .bg-img {
    z-index: -1;
}

.slick-slide,
.slick-slide .img,
.slick-slide,
.slick-slide .img img {
    border-radius: 10px;
}





@media (max-width: 1024px) {
    .about-img {
        width: 50%;
    }

    .about-txt {
        width: 50%;
    }

    .tables {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .tables div {
        width: 100%;
    }

    .prof-table {
        margin-top: 30px;
    }
}

@media (max-width: 599px) {
    .about-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .about-flex div {
        width: 100%;
    }

    .name-01 {
        text-align: center;
    }

    .about-txt {
        margin-top: 30px;
        margin-left: 0;
    }

    .innai-slider .btn-back,
    .innai-slider .btn-next {
        width: 40px;
        height: 40px;
        font-size: 100%;
    }

    .name-pos {
        text-align: center;
    }
}

/*04.onayamiのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.onayami-block .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.onayami-block {
    margin: 100px 0;
}

.onayami-txt-box h3 {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    margin-bottom: 20px;
}

.onayami-pic {
    width: 30%;
    position: relative;
}

.onayami-pic .img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.onayami-txt-box {
    width: 70%;
    margin-left: 30px;
}

.onayami-txt-box .btn {
    width: 250px;
    margin-top: 20px;
}

.onayami-num {
    width: 60px;
    height: 60px;
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-weight: bold;
    font-size: 180%;
    color: rgb(56, 178, 253);
    line-height: 1;
    border-radius: 100%;
    background-color: white;
    position: absolute;
    top: -30px;
    right: -30px;
    z-index: 2;
}

[data-element-id] .onayami-num {
position: absolute!important;
}

@media (max-width: 599px) {
    .onayami-block .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .onayami-block .inner .onayami-pic {
        width: 70%;
        margin: 0 auto;
    }

    .onayami-block .inner .onayami-txt-box {
        width: 100%;
        margin: 0 auto;
    }

    .onayami-txt-box h2 {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        margin-top: 25px;
    }
}

/*10.priceのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.price-table dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.price-table dt,
.price-table dd {
    width: 50%;
    margin: -0.5px;
    padding: 24px 0 24px 20px;
    font-size: 25px;
    border-top: 1px solid rgb(56, 178, 253);
    border-bottom: 1px solid rgb(56, 178, 253);
}

.price-table dt {
    border-left: 1px solid rgb(56, 178, 253);
}

.price-table dd {
    border-right: 1px solid rgb(56, 178, 253);
}


.colored1,
.colored2 {
    font-weight: bold;
    color: white;
    background-color: rgb(56, 178, 253);
}

.price-box .title-01 {
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    margin: left;
    margin-bottom: 10px;
}

.price-box-mini {
    padding: 40px 60px;
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/bgimg_005.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}


.price-box-mini .mini-title {
    margin: 0px 0px 20px 30px;
    font-size: 30px;
    color: rgb(56, 178, 253);
}

.price-yen {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 30px;
    left: 20px;
}

@media (max-width: 599px) {
    .price-yen {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 45px;
        left: 50px;
    }
    .price-table dt,
    .price-table dd {
      font-size: 16px;
    }
    .price-box-mini {
      padding: 40px 20px;
    }
    .price-box-mini .mini-title {
      margin: 0px 0px 20px 70px;
    }
}

/*17.faqのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.faq-tbox {
    font-weight: 700;
    font-size: 20px;
}

.flist {
    counter-reset: number;
}

.fitem {
    margin: 80px 0;
}

.fitem:last-of-type {
    margin-bottom: 0;
}

.fitem dd {
    padding: 20px 30px;
    position: relative;
}

.fitem dd span.btn {
    color: #fff;
    border-color: rgb(56, 178, 253);
    background: rgb(56, 178, 253);
    position: absolute;
    top: 100%;
    right: -1px;
}

.fitem span.btn {
    width: 100px;
    display: inline-block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid rgb(56, 178, 253);
    cursor: pointer;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    border-radius: 5px;
}

.fitem span.btn:hover {
    opacity: 0.6;
}

.fitem dl {
    border-top: 1px solid rgb(56, 178, 253);
    position: relative;
    position: relative;
}

.fitem.open dl {
    border: 1px solid rgb(56, 178, 253);
    border-radius: 5px;
    position: relative;
}

.fitem.open dt {
    padding-right: 20px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.fitem.open dt .btn {
    display: none;
    margin-top: 0;
}

.fitem dt {
    width: 100%;
    margin-top: -1em;
    padding-left: 5px;
    padding-right: 120px;
    position: relative;
}

.fitem dt .btn {
    margin-top: 0;
    color: rgb(56, 178, 253);
    background: #fff;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .fitem dt .btn {
        right: 60px;
    }

    .fitem dd span.btn {
        right: 60px;
    }

    .faq-tbox {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .fitem dt .btn {
        right: 0;
    }

    .fitem dd span.btn {
        right: -1px;
    }
}

.fitem dt span.faq-tbox {
    display: inline-block;
    padding-left: 3.5em;
    background: #fff;
}

.fitem dt span.faq-tbox:before {
    content: "Q"counter(number) ".";
    display: block;
    counter-increment: number;
    font-size: 24px;
    position: absolute;
    top: -7px;
    left: 0;
}

.t .btn {
    margin-top: 0;
}

@media only screen and (max-width:1024px) {
    .fitem dt {
        padding-right: 100px;
    }


    .fitem span.btn {
        width: 85px;
        padding: 7.5px 10px;
        font-size: 14px;
    }
}

@media only screen and (max-width:599px) {
    .fitem dt {
        padding-right: 80px;
    }

    .fitem span.btn {
        width: 70px;
        padding: 5px 10px;
        font-size: 11px;
    }

    .fitem dd {
        padding: 10px 20px;
    }
}

/*5.ippanのCSS//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.subj-item1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
}

.subj-item0 {
    position: relative;
}

.reverse-conts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse !important;
}

.subj-title1,
.subj-title2,
.subj-item2 h3,
.subj-item2 h4,
.subj-item3 h3,
.subj-item3 h4,
.subj-title0 {
    font-size: 20px;
    color: rgb(56, 178, 253);
}

.subj-item2 h4,
.subj-item3 h4 {
  font-size: 23px;
}

.subj-title1 {
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 3px dotted rgb(56, 178, 253);
}

.subj-title2 {
    margin-bottom: 15px;
    text-align: right;
    border-bottom: 3px dotted rgb(56, 178, 253);
}

.subj-item1 .img {
    width: 30%;
    border-radius: 10px;
}

.subj-item1 .img img {
    border-radius: 10px;
}

.subj-item1 .subj-txt1 {
    width: 70%;
    margin-left: 20px;
}

.reverse-conts .subj-txt1 {
    margin-left: 0px;
    margin-right: 20px;
}

.bgb {
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/bgimg_005.jpg);
    /* background-image: url(/upload/tenant_1/1340544f44f6ac5a67b259e5b9f3cc9d.jpg); */
    background-size: cover;
    background-position: center;
}

.bgb-gray {
    /* background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/bgimg_005.jpg); */
    background-image: url(/upload/tenant_1/1340544f44f6ac5a67b259e5b9f3cc9d.jpg);
    background-size: cover;
    background-position: center;
}

.subj-item2 h3,
.subj-item2 h4,
.subj-item3 h3,
.subj-item3 h4,
.subj-title0 {
    margin-bottom: 15px;
    text-align: center;
}

.subj-title0 {
    margin-top: 30px;
    border-bottom: 3px dotted rgb(56, 178, 253);
}

.subj-card {
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.card-title {
    padding: 15px 0;
    font-weight: bold;
    font-size: 21px;
    color: rgb(56, 178, 253);
}

.subj-card .img,
.subj-card .img img {
    border-radius: 10px;
}

.subj-item3 {
    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-align: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
}

.subj-item3 .img {
    width: 70%;
    margin-bottom: 20px;
    border-radius: 10px;
}

.subj-item3 .img img {
    border-radius: 10px;
}

.bgleaf1,
.bgleaf2 {
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
    position: absolute;
    z-index: -1;
}

.bgleaf1 {
    width: 150px;
    height: 200px;
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/parts_006.png);
    background: none;
    top: 0;
    left: 0;
}

.bgleaf2 {
    width: 180px;
    height: 200px;
    background-image: url(/import/tenant_1/160.16.125.42/html3/images/common/parts_007.png);
    background: none;
    top: 0;
    right: 0;
}

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

@media (max-width: 599px) {

    .subj-item1,
    .reverse-conts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column !important;
    }

    .subj-item1 .subj-txt1,
    .subj-item1 .img,
    .subj-item3 .img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .subj-title2 {
        text-align: left;
    }
}





/*contact*/
.contact1 {
    padding: 60px 0 100px 0;
}

.contact1 h3 {
    padding-bottom: 70px;
}

.contact1 dt {
    float: left;
    padding: 5px 0 0 0;
}

.contact1 dd {
    padding: 0 0 13px 222px;
}

.contact1 .kibobi {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0 13px 140px;
}

.contact1 dl {
    /* margin-bottom: 40px; */
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted rgb(56, 178, 253);
}

.contact1 .size1 {
    width: 100%;
    height: 30px;
}

.contact1 input,
.contact1 select,
.contact1 textarea {
    border: 1px solid #aaa;
    border-radius: 10px;
}

.contact1 dd.f1 label {
    display: inline-block !important;
    margin-left: 5px;
    margin-right: 66px;
}

.contact1 dd.f1 input {
    vertical-align: top;
    margin-top: 5px;
}

.contact1 dd ul {
    letter-spacing: -5px;
}

.contact1 dd ul li {
    width: 50%;
    display: inline-block !important;
    padding-bottom: 20px;
    letter-spacing: 0;
}

.contact1 dd ul li input {
    height: 2rem;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 10px;
    padding: 5px;
}

.contact1 .f2 dd label {
    display: inline-block !important;
    margin-right: 19px;
}

.contact1 .f2 dd select {
    height: 30px;
    margin: 0 15px;
    text-align: center;
}


.contact1 .f2 dd .size2 {
    width: 67px;
}

.contact1 .f2 dd .size3 {
    width: 113px;
}

.contact1 textarea {
    width: 100%;
    height: 140px;
}

.formbtn {
    text-align: center;
}
.contact-form-span {
  margin-bottom: 5px;
    background: #38b2fd;
    color: #fff;
    padding: 1px 10px;  
}


@media only screen and (max-width: 740px) {
    .contact1 dt {
        float: none;
        padding-bottom: 10px;
    }

    .contact1 dd {
        padding-left: 0;
    }

    .contact1 .size1 {
        width: 100%;
    }

    .contact1 .f2 dd label {
        display: block !important;
        margin-bottom: 5px;
    }

    .contact1 .f2 dd select {
        margin-bottom: 5px;
    }
}

/*タブ///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tab-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer;
}

.tab {
    width: 300px;
    height: 60px;
    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;
    margin-bottom: -1px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    border: 1px dotted rgb(56, 178, 253);
    border-radius: 10px 10px 0 0;
}

.tab.active {
    color: white;
    background-color: rgb(56, 178, 253);
}

.content {
    display: none;
}

.content.on {
    display: block;
    padding: 0 40px;
    border: 1px solid rgb(56, 178, 253);
    border-radius: 10px;
}

.rec-det-big {
    width: 25%;
    margin-right: 20px;
    color: rgb(56, 178, 253);
    text-align: center;
    border-right: 2px dotted rgb(56, 178, 253);
}

.rec-det {
    padding: 20px 0;
    border-bottom: 1px dotted rgb(56, 178, 253);
}

.rec-det li:nth-child(2) {
    width: 75%;
}

@media (max-width: 599px) {
  
  .tab {
    font-size: 16px;
  }

    .rec-det-big,
    .rec-det li:nth-child(2) {
        width: 100%;
        text-align: left;
        border-right: none;
    }

    .rec-det {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.mrs {
    margin: 0 auto;
}

.ctb input {
    width: 100%;
    padding: 10px;
}

.ccc input {
    width: 80px;
    padding: 10px;
}

.f9 label {
    margin-right: 30px;
    word-break: none;
}

.form-submit-btn,
.input-confirm-form-back-btn,
.input-confirm-form-submit-btn {
    padding: 10px 20px;
    font-weight: bold;
    font-size: 1.1em;
    color: white;
    border: none;
    border-radius: 10px;
    background-color: rgb(56, 178, 253);
}

.logo a {
    width: 100%;
    display: block;
}

@media (max-width: 1024px) {
    .maparea {
        height: 400px;
    }
}

@media (max-width: 599px) {
    .maparea {
        height: 300px;
    }
}

.fixed-right li {
    width: 100%;
    height: 100%;
}

.fixed-right li a {
    width: 100%;
    height: 100%;
    display: block;
}

.ls-nor li {
    width: 20%;
    min-width: 200px;
}

.sai {
    width: 30px;
    display: inline-block;
}

/*
.ccc{
  position:relative;
}

.sai{
  position:absolute;
  bottom:13px;
  right:60%;
}*/

.f9 {
    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;
}

.f9 label {
    width: 20%;
    display: inline-block;
    margin: 0 !important;
    word-break: keep-all;
}

.f9 input {
    width: 5%;
}

@media (max-width: 1024px) {
    .f9 label {
        width: 45%;
    }
}

[data-element-id] header {
    position: static;
}

[data-element-id] .sp-nav-header {
    display: block;
    padding-top: 1.5em;
    border: 2px solid green;
}

[data-element-id] .sp-nav-header::before {
    content: "スマホナビ";
    display: block;
    padding: 2px;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .nav-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-element-id] .nav-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[data-element-id] .nav-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[data-element-id] .dropdown-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[data-element-id] .dropdown {
    overflow: visible;
}

[data-element-id] .dropdown .dropdown-box {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
}

[data-element-id] .icon-nav {
    margin: 0;
}

[data-element-id] .pc-none,
.pc-none2 {
    display: block;
}

[data-element-id] .ft3 {
    display: block;
}

[data-element-id] .innai-slider {
    border: 3px solid red;
}

[data-element-id] .innai-slider:before {
    content: "スライドショーの中身";
    display: block;
    color: white;
    text-align: center;
    background-color: red;
}

[data-element-id] .btm-fixed {
    position: absolute;
}

[data-element-id] .fixed-list li.fixed-list-reserve {
    display: block;
    padding-top: 1.5em;
    border: 2px solid green;
    position: relative;
}

/* [data-element-id] .fixed-list li.fixed-list-reserve::before {
    content: "スマホのみ";
    width: 100%;
    display: block;
    padding: 2px;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: green;
    position: absolute;
    top: 0;
    left: 0;
} */

.kyousei-title-h2 {
  text-align: center;
  white-space: normal;
}

.subj-card-shell-recruit {
  padding-left: 25px;
  padding-right: 25px;
}


.fixed-list-reserve{
  display: block !important;
}

/**診療時間変更**/
.change {
  width: 80%;
  margin: 80px auto 0;
  padding: 4%;
  border: 1px solid #6fa152;
  border-radius: 40px;
}
.change .midashi {
  background:  #6fa152;
  width: 100%;
  margin: 30px auto 20px;
  text-align: center;
  padding: 10px 0;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.change p {
  text-align: center;
}
.change p.tar {
  text-align: right;
}
.change table , .change td, .change th {
	border: 1px solid #fff;
	border-collapse: collapse;
	text-align: center;
}
.change table {
  width: 100%;
  margin: 20px auto;
  font-weight: bold;
}
.change td, .change th {
	padding: 15px 5px;
	width: 30px;
	height: 25px;
}
.change tr {
  background: #b9f7c5;
}
.change .yobi {
  background: #6fa152;
  color: #fff;
}
.change td {
  font-size: 30px;
  width: 11%;
}
.change .yobi td {
  font-size: 20px;
}
.change td.g01 {
  background: #e9e9e9;
}
.change td.w20 {
  width: 20%;
  font-size: 20px;
}
.change th {
	background: #f0e6cc;
}
.s01 {
  color: #FFC107;
}
.x01 {
  color: #FF5722;
}
.fwb {
  font-weight: bold;
}
.mt80 {
  margin-top: 80px;
}

@media (max-width: 1024px) {
  .change {
    width: 93%;
  }
  .change .yobi td {
    font-size: 18px;
  }
}

@media (max-width: 1024px) {
  .change {
    width: 98%;
  }
  .change .midashi {
    font-size: 18px;
  }
  .change p {
    text-align: left;
  }
  .change td {
    font-size: 18px;
  }
  .change .yobi td {
    font-size: 12px;
  }
  .change td.w20 {
    font-size: 12px;
  }
}

.dx-box{
  margin: 50px auto 30px;
    width: 80%;
}

.mynumber02{
  display: flex;
    justify-content: space-between;
}

.mynumber02 div{
width: 50%;
    padding: 0 1%;
}



@media (max-width: 1024px) {
.dx-box {
    margin: 50px auto 30px;
    width: 97%;
}

.mynumber02 {
    display: block;
    justify-content: space-between;
    margin: 30px auto;
}

.mynumber02 div {
    width: 100%;
    padding: 0;
}
}



/* 2025.04.30 */

.mt-8{
  margin-top: 8rem;
}

.keiji{
  text-align: center;
    font-size: 24px;
    margin-bottom: 1rem;
    color: rgb(56, 178, 253);
    font-weight: bold;
}

.keiji-p{
  text-align: center;
}

.pc-none{
  display: none;
}

@media (max-width: 599px) {
.mt-8{
  flex-direction: column-reverse;
}

.profile dt, .profile dd{
font-size: 14px;
}


.keireki dt, .keireki dd{
  font-size: 14px;
}

.keiji{
  /* padding: 0px 6px; */
  text-align: left;
  font-size: 18px;
}

.keiji-p {
    text-align: left;
    /* padding: 0px 12px; */
}

.pc-none{
  display: block;
}
}

/* 2025/05/19 */
.keiji-list li::before{
  content: "〇";
}

.keiji-list li{
  padding-left: 1em;
  text-indent: -1em;
}

.keiji-txt-01{
  color: #ff3500;
}

.keiji-txt-02{
  color: #3f79fa;
}

.sp-br{
  display: none;
}

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