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

/*radius*/

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

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

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

.radius100 {
    border-radius: 100%;
    overflow: hidden;
}

/*見出し*/

[class*="head-"] {
    font-size: 30px;
    margin-bottom: 40px;
}

.head-deco1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.head-deco1:before {
    width: 70px;
    height: 90px;
    display: block;
    content: "";
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/head-deco1.png) no-repeat;
    background-size: 100%;
    margin-right: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.head-deco1:after {
    width: 70px;
    height: 90px;
    display: block;
    content: "";
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/head-deco2.png) no-repeat;
    background-size: 100%;
    margin-left: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.head-normal1 {
    color: #ec2a57;
}

.head-normal2 {
    color: #6e4f4f;
    border-left: solid 10px #ffd6e0;
    padding-left: 10px;
    line-height: 1.2;
}

.head-normal3 {
    text-align: center;
}

.head-normal4 {
    color: #6e4f4f;
    border-bottom: solid 2px #b69c94;
    padding-bottom: 10px;
}

[class*="head-border"] {
    display: inline-block;
    color: #6e4f4f;
    line-height: 1.2;
    position: relative;
}

[class*="head-border"]:before {
    display: block;
    content: "";
    width: 100%;
    border-bottom: solid 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.head-border1:before {
    border-color: #ffd6e0;
}

.head-border2:before {
    border-color: #fae5a8;
}

.head-border3:before {
    border-color: #fff;
}

.head-center {
    text-align: center;
}

/*見出し上書き用*/

.head-size-l {
    font-size: 30px;
}

.head-size-m {
    font-size: 24px;
}

.head-size-s {
    font-size: 22px;
}

.head-margin-l {
    margin-bottom: 40px;
}

.head-margin-m {
    margin-bottom: 30px;
}

.head-margin-s {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    [class*="head-"] {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .head-size-l {
        font-size: 26px;
    }

    .head-size-m {
        font-size: 22px;
    }

    .head-size-s {
        font-size: 20px;
    }

    .head-margin-l {
        margin-bottom: 30px;
    }

    .head-margin-m {
        margin-bottom: 30px;
    }

    .head-margin-s {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 599px) {
    [class*="head-"] {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .head-deco1:before {
        width: 40px;
        height: 53px;
    }

    .head-deco1:after {
        width: 40px;
        height: 53px;
    }

    [class*="head-border"]:before {
        border-bottom-width: 10px;
    }

    .head-size-l {
        font-size: 24px;
    }

    .head-size-m {
        font-size: 20px;
    }

    .head-size-s {
        font-size: 18px;
    }

    .head-margin-l {
        margin-bottom: 20px;
    }

    .head-margin-m {
        margin-bottom: 20px;
    }

    .head-margin-s {
        margin-bottom: 10px;
    }
}

/*背景*/

[class*="bg-"]:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.bg-yellow {
    padding: 5% 0 8%;
    margin: 6% 0 4%;
    position: relative;
}

.bg-yellow:before {
    background: #fff9e7;
    -webkit-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    transform: skewY(5deg);
}

.bg-green {
    padding: 5% 0 30px;
    margin: 6% 0 30px;
    position: relative;
}

.bg-green:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 241, 234, 1)), to(rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(225, 241, 234, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 241, 234, 1) 0%, rgba(255, 255, 255, 1) 100%);
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
}

.bg-green:after {
    display: block;
    content: "";
    width: 90%;
    height: 90%;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/bg_illust.png) no-repeat;
    background-size: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
    opacity: 0.6;
    z-index: -1;
}

@media only screen and (max-width: 1024px) {
    .bg-green:after {
        display: none;
    }
}

/*section*/

.section [class*="inner-padding"] {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
}

.section .inner-padding-l {
    padding: 80px 0;
}

.section .inner-padding-top-l {
    padding-top: 80px;
}

.section .inner-padding-bottom-l {
    padding-bottom: 80px;
}

.section .inner-padding-m {
    padding: 60px 0;
}

.section .inner-padding-top-m {
    padding-top: 60px;
}

.section .inner-padding-bottom-m {
    padding-bottom: 60px;
}

.section .inner-padding-s {
    padding: 40px 0;
}

.section .inner-padding-top-s {
    padding-top: 40px;
}

.section .inner-padding-bottom-s {
    padding-bottom: 40px;
}

.section .inner-padding-all0 {
    padding: 0;
}

.section .container {
    position: relative;
    overflow: hidden;
}

.section .container:not(:last-of-type) {
    margin-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
    .section .inner {
        width: 93%;
        max-width: 768px;
        padding: 60px 0;
    }

    .section .inner-padding-l {
        padding: 60px 0;
    }

    .section .inner-padding-top-l {
        padding-top: 60px;
    }

    .section .inner-padding-bottom-l {
        padding-bottom: 60px;
    }

    .section .inner-padding-m {
        padding: 40px 0;
    }

    .section .inner-padding-top-m {
        padding-top: 40px;
    }

    .section .inner-padding-top-m {
        padding-bottom: 40px;
    }

    .section .inner-padding-s {
        padding: 30px 0;
    }

    .section .inner-padding-top-s {
        padding-top: 30px;
    }

    .section .inner-padding-bottom-s {
        padding-bottom: 30px;
    }

    .section .container:not(:last-of-type) {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .section .inner {
        width: 94%;
        max-width: 450px;
        padding: 40px 0;
    }

    .section .inner-padding-l {
        padding: 40px 0;
    }

    .section .inner-padding-top-l {
        padding-top: 40px;
    }

    .section .inner-padding-bottom-l {
        padding-bottom: 40px;
    }

    .section .inner-padding-m {
        padding: 30px 0;
    }

    .section .inner-padding-top-m {
        padding-top: 30px;
    }

    .section .inner-padding-top-m {
        padding-bottom: 30px;
    }

    .section .inner-padding-s {
        padding: 20px 0;
    }

    .section .inner-padding-top-s {
        padding-top: 20px;
    }

    .section .inner-padding-bottom-s {
        padding-bottom: 20px;
    }

    .section .container:not(:last-of-type) {
        margin-bottom: 40px;
    }
}

/*repeat*/

.repeat1 .container:nth-of-type(2n) > [class*="flex"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.repeat2 {
    padding: 80px 0;
}

.repeat2 .container:nth-of-type(2n) > [class*="flex"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.repeat2 .container .left {
    max-width: 450px;
    margin-left: auto;
    margin-right: 5%;
}

.repeat2 .container:nth-of-type(2n) .left {
    margin-left: 5%;
    margin-right: auto;
}

.repeat3 {
    padding: 80px 0;
}

.repeat3 .container:nth-of-type(2n) > [class*="flex"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.repeat3 .container:nth-of-type(2n+1) .left {
    max-width: 450px;
    margin-left: auto;
    margin-right: 5%;
}

.repeat3 .container:nth-of-type(2n+2) .left {
    max-width: 300px;
    margin-left: 5%;
    margin-right: auto;
}

.repeat3 .container:nth-of-type(2n+2) .right {
    max-width: 700px;
    margin-left: auto;
}

.repeat4 {
    padding: 80px 0;
}

.repeat4 .container:nth-of-type(2n) > [class*="flex"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.repeat4 .container .right {
    max-width: 500px;
    margin-left: 5%;
    margin-right: auto;
}

.repeat4 .container:nth-of-type(2n) .right {
    margin-left: auto;
    margin-right: 5%;
}

@media only screen and (max-width: 1024px) {
    .repeat2 {
        padding: 60px 0;
    }

    .repeat3 {
        padding: 60px 0;
    }
    .repeat3 .container:nth-of-type(2n+1) .left {
    margin-right: 0;
    padding-right: 5%;
}
.repeat3 .container:nth-of-type(2n+2) .left {
    margin-right: 5%;
    padding-left: 5%;
    margin-left: 0;
}
}

@media only screen and (max-width: 599px) {
    .repeat2 {
        padding: 40px 0;
    }

    .repeat2 .container .left {
        width: 92%;
        max-width: none;
        margin: 3% auto;
    }

    .repeat2 .container:nth-of-type(2n) .left {
        margin: 3% auto;
    }

    .repeat3 {
        padding: 40px 0;
    }

    .repeat3 .container:nth-of-type(2n+1) .left {
        width: 92%;
        max-width: none;
        margin: 3% auto;
        padding-right: 0;
    }

    .repeat3 .container:nth-of-type(2n+2) .left {
        width: 92%;
        max-width: none;
        margin: 3% auto;
        padding-left: 0;
    }

    .repeat4 {
        padding: 40px 0;
    }

    .repeat4 .container .right {
        width: 92%;
        max-width: none;
        margin: 3% auto;
    }

    .repeat4 .container:nth-of-type(2n) .right {
        margin: 3% auto;
    }
}

/*breadcrumn*/

.breadcrumn .inner {
    padding-bottom: 0;
}

.breadcrumn ul {
    padding-bottom: 0;
}

.breadcrumn li {
    display: inline-block;
    margin-right: 10px;
}

.breadcrumn li:not(:first-of-type):before {
    display: inline-block;
    content: "\f054";
    color: #6e4f4f;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin: 0 15px 0 0px;
}

.breadcrumn li a {
    display: inline-block;
    color: #ec2a57;
    position: relative;
}

/*table*/

.timetable {
    width: 100%;
    max-width: 400px;
    background: rgba(255, 255, 255, 0.8);
    border-collapse: collapse;
}

.timetable tr {
    border-top: solid 2px #cec3c3;
    border-bottom: solid 2px #cec3c3;
}

.timetable th {
    font-weight: normal;
    padding: 5px;
    width: 30%;
}

.timetable td {
    border-left: solid 2px #cec3c3;
    padding: 7px;
    text-align: center;
}

.timetable td.color {
    color: #d72e54;
}

.tabletext {
    max-width: 350px;
    color: #d72e54;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
}

.table1 {
    width: 100%;
    border-collapse: collapse;
}

.table1 thead tr {
    border-top: solid 1px #b69c94;
    border-bottom: solid 1px #b69c94;
}

.table1 th {
    font-weight: normal;
    padding: 10px;
}

.table1 td {
    padding: 10px;
}

.table1 thead th {
    text-align: center;
}

.table1 tbody td {
    text-align: center;
}

.table2 {
    width: 100%;
    border-collapse: collapse;
}

.table2 tr {
    border-top: solid 1px #b69c94;
    border-bottom: solid 1px #b69c94;
}

.table2 th {
    width: 33.333%;
    font-weight: normal;
    padding: 20px 10px;
}

.table2 td {
    width: 33.333%;
    padding: 20px 10px;
    text-align: center;
}

/*more*/

.more {
    margin-top: 10px;
    text-align: right;
}

.more a {
    display: inline-block;
    font-weight: bold;
    padding-right: 20px;
    position: relative;
}

.more a:after {
    display: inline-block;
    content: "\f054";
    font-family: "font awesome 5 free";
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.more2 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.more2 a {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    color: #fff;
    background: #f3718f;
    border-radius: 30px;
    font-weight: bold;
    padding: 12px 10px;
    position: relative;
}

.more2 a:before {
    display: block;
    content: "\f054";
    font-family: "font awesome 5 free";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

/*underimg*/

.underimg {
    position: relative;
}

.underimg h2 {
    font-size: 34px;
    font-weight: bold;
    position: absolute !important;
    top: 50%;
    left: calc(50% - 500px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.underimg h2:first-letter {
    color: #b01b3e;
    font-size: 140%;
}

[data-element-id] .underimg h2:before {
    content: "";
}

.underimg .pic {
    width: 60%;
    height: 450px;
    border-top-left-radius: 100px;
    padding-bottom: 15px;
    margin-left: auto;
    position: relative;
    overflow: hidden;
}

.underimg .pic:before {
    display: block;
    content: "";
    width: calc(100% - 15px);
    height: 15px;
    background: #ffb4c6;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 1024px) {
    .underimg h2 {
        left: 5%;
    }

    .underimg .pic {
        height: 300px;
    }
}

@media only screen and (max-width: 599px) {
    .underimg h2 {
        font-size: 28px;
        text-shadow: 1px 1px 10px #fff, 1px 1px 10px #fff;
    }

    .underimg .pic {
        width: 70%;
        height: 200px;
    }
}

/*checklist*/

.checklist li {
    padding-left: 1.5em;
    position: relative;
}

.checklist li:before {
    display: inline-block;
    content: "\f192";
    font-family: "font awesome 5 free";
    font-weight: bold;
    color: #f3718f;
    position: absolute;
    top: 0;
    left: 0;
}

/*header*/

#header.fixed {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
}

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

#header .headinn {
    width: 92%;
    max-width: 1200px;
    padding: 20px 0;
    margin: auto;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

#header .headinn h1 {
    width: 100px;
}

#header .headinn h1 img {
  width: 100%;
}

#header .headinn .headinfo {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#header .headinn .right {
    width: calc(100% - 100px - 5%);
}

#header .headinn .right .text {
    border-top: solid 1px #b69c94;
    border-bottom: solid 1px #b69c94;
    padding: 5px 0;
    text-align: center;
}

#header .headinn .right .info {
    margin-left: 5%;
}

#header .headinn .right .info dt {
    width: 60px;
    font-weight: bold;
    line-height: 1;
}

#header .headinn .right .info dd a {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}

#header .headinn .right .info dd a:before {
    display: block;
    content: "";
    width: 14px;
    height: 20px;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/smartphone.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#header .headinn .right .reserve {
    width: auto;
    margin-left: 5%;
    text-align: right;
}

#header .headinn .right .reserve a {
    display: block;
    color: #fff;
    background: #fa2365;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px #ffb4c6;
    box-shadow: 0px 5px #ffb4c6;
    padding: 12px 15px;
    text-align: center;
}

#header .headinn .right .reserve a.type02 {
    background: #1a3079;
    -webkit-box-shadow: 0px 5px #8ea1e0;
    box-shadow: 0px 5px #8ea1e0;
}

#header .headinn .right .reserve .chu {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    margin-top: 10px;
    text-align: right;
    position: relative;
}

#header .headinn .right .reserve .chu:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/park.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 1024px) {
    #header .headinn .right .text {
        display: none;
    }

    #header .headinn .right .info {
        margin-left: 0;
    }

    #header .headinn .right .reserve {
        margin-right: 30px;
    }
    #header .headinn .right .info dd a {
    font-size: 14px;
}
}

@media only screen and (max-width: 599px) {
    #header .headinn h1 {
        width: 80px;
    }

    #header .headinn .right {
        width: calc(100% - 80px - 5%);
    }

    #header .headinn .right .info {
        display: none;
    }

    #header .headinn .right .reserve {
        margin-left: 0;
        margin-right: 40px;
    }

    #header .headinn .right .reserve a {
        font-size: 14px;
        padding: 12px 10px;
    }
}

/*gnav*/

#gnav {
    margin-top: 10px;
}

[data-element-id] #gnav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#gnav li {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 10px;
    text-align: center;
}

[data-element-id] #gnav li.pcnone {
    display: block;
    border: solid 1px #555;
}

[data-element-id] #gnav li.pcnone:before {
    display: inline-block;
    content: "モバイル用のリンクです";
    width: 100%;
    color: #fff;
    background: #555;
    text-align: center;
}

#gnav li.pcnone {
    display: none;
}

#gnav li a {
    display: block;
    font-weight: bold;
}

#gnav li.dropdown {
    position: relative;
}

#gnav li.dropdown > a {
    pointer-events: none;
}

#gnav li.dropdown ul {
    display: none;
}

[data-element-id] #gnav li.dropdown ul {
    display: block;
    position: static;
}

#gnav li.dropdown:hover ul {
    display: block;
    width: 100%;
    background: rgba(255,255,255,0.8);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
}

#gnav li.dropdown ul li {
    margin-right: 0;
}

@media only screen and (max-width: 1024px) {
    #gnav li {
        width: 100%;
        border-bottom: solid 1px;
        margin: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        text-align: left;
    }

    #gnav li.pcnone {
        display: block;
    }

    #gnav li.logo {
        padding-bottom: 40px;
        text-align: center;
    }
    
    #gnav li.dropdown {
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    
    #gnav li.dropdown > a {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    #gnav li.dropdown > a:after {
        display: inline-block;
        content: "▼";
        margin-left: 10px;
    }
    
    #gnav li.dropdown ul {
        display: block !important;
        position: static !important;
    }
    
    #gnav li.dropdown ul li {
        border-bottom: none;
        padding-left: 10px;
        padding-bottom: 10px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    
    #gnav li.dropdown ul li a:before {
        display: inline-block;
        content: "∟";
        margin-right: 10px;
    }
    
}

/*footer*/

#footer {
    background: #f6f6f6;
}

#footer .logo {
    width: 10%;
    margin-right: 5%;
}

#footer .logo img {
    max-width: 100px !important;
}

#footer .left {
    width: 40%;
    margin-right: 5%;
}

#footer .left .sitename {
    font-size: 20px;
    margin-bottom: 15px;
}

#footer .left .item {
    margin: 10px 0;
}

#footer .left .item dt {
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#footer .left .item dd .park {
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}

#footer .left .item dd .park:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/park.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#footer .left .item dd .tel {
    margin: 5px 0;
}

#footer .left .item dd .tel a {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}

#footer .left .item dd .tel a:before {
    display: block;
    content: "";
    width: 14px;
    height: 20px;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/smartphone.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#footer .left .text {
    margin: 10px 0;
}

#footer .left .web {
    margin: 10px 0;
}

#footer .left .web a {
    display: inline-block;
    color: #d72e54;
    font-weight: bold;
    border: solid 1px #d72e54;
    border-radius: 10px;
    padding: 8px 20px;
}

#footer .left .timetablewrap {
    margin-top: 20px;
}

#footer .right {
    width: 40%;
}

#footer .right dl:not(:last-of-type) {
    margin-bottom: 30px;
}

#footer .right dt {
    padding-left: 25px;
    margin-bottom: 5px;
    position: relative;
}

#footer .right dt:before {
    display: block;
    content: "";
    width: 20px;
    height: 18px;
    background: url(/import/tenant_3/160.16.124.57/html/images/00_common/house.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2px;
    left: 0;
}

#footer .bottom {
    border-top: solid 1px #8a8a8a;
    padding-top: 20px;
    margin-top: 20px;
}

#footer .bottom ul li {
    margin-right: 20px;
}

#footer .bottom .copy {
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    #footer .logo {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10%;
        text-align: center;
    }

    #footer .left {
        width: 50%;
        margin-right: 0;
    }

    #footer .left .text {
        font-size: 14px;
    }

    #footer .right {
        width: 45%;
    }
}

@media only screen and (max-width: 599px) {
    #footer .left {
        width: 100%;
        margin-bottom: 5%;
    }

    #footer .right {
        width: 100%;
    }
}

/*mainimg*/

.mainimg {
    padding-bottom: 150px;
    position: relative;
}

.mainimg .catch {
    position: absolute;
    top: 40%;
    left: calc(50% - 500px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.mainimg .catch h2 {
    font-size: 2vw;
    font-weight: bold;
    margin-bottom: 20px;
}

.mainimg .slidewrap {
    width: 60%;
    margin-left: auto;
    position: relative;
}

.mainimg .slidewrap .slide {
    border-top-left-radius: 150px;
    padding: 0 0 15px 0;
    position: relative;
    overflow: hidden;
}

.mainimg .slidewrap .slide:before {
    display: block;
    content: "";
    width: calc(100% - 15px);
    height: 100%;
    background: #ffb4c6;
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: -1;
}

.mainimg .slidewrap .slide .pic {
    position: relative;
}

.mainimg .slidewrap .slide .pic:before {
    display: block;
    content: "";
    padding-top: 65%;
}

.mainimg .slidewrap .slide .pic .uk-slidenav-position {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.mainimg .slidewrap .slide .pic .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.mainimg .slidewrap .slide .pic .uk-slideshow li {
    width: 100%;
    height: 100% !important;
}

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

.mainimg .slidewrap .slide .pic .uk-slideshow li > div 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;';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.mainimg .slidewrap .timetablewrap {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 1;
}

.mainimg .subimg {
    width: 30%;
    padding: 0 10px 10px 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mainimg .subimg .pic {
    border-bottom-right-radius: 100px;
    overflow: hidden;
}

.mainimg .subimg .pic:before {
    display: block;
    content: "";
    width: calc(100% - 15px);
    height: 100%;
    background: #ffb4c6;
    border-bottom-right-radius: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

@media only screen and (max-width: 1024px) {
    .mainimg .catch {
        top: 50%;
        left: 5%;
    }

    .mainimg .catch h2 {
        font-size: 24px;
    }

    .mainimg .slidewrap .timetablewrap {
        top: calc(100% + 10px);
    }
}

@media only screen and (max-width: 599px) {
    .mainimg {
        padding-bottom: 200px;
    }

    .mainimg .catch h2 {
        font-size: 20px;
        text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    }

.mainimg .catch .sub {
    background: #fff;
    display: initial;
    line-height: 10px;
    padding: 3px 0px;
}

.mainimg .subimg {
    width: 55%;
    display: none;
}

.mainimg .slidewrap .slide {
    border-top-left-radius: 0px;
}

    .mainimg .slidewrap {
        width: 100%;
    }

.mainimg .catch {
    top: 84%;
    left: 5%;
}

    .mainimg .slidewrap .timetablewrap {
        display: none;
        position: static;
    }
}

/*top-info*/

.top-info h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.top-info .icon {
    width: 100px;
    margin-bottom: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top-info .box {
    border-top: solid 1px #6e4f4f;
    padding-top: 15px;
}

.top-info .box .item {
    border-bottom: solid 1px #6e4f4f;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.top-info .box .item dt {
    width: 110px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/*top-nayami*/

.nayami-head {
    text-align: center;
}

.nayami-head h3 {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
}

.nayami-head h3:before,
.nayami-head h3:after {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    border-left: solid 2px #b69c94;
    position: absolute;
    top: 0;
}

.nayami-head h3:before {
    left: 0;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.nayami-head h3:after {
    right: 0;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}

.nayami-head h3 span {
    display: block;
    line-height: 1.2;
}

.nayami-head h3 .tit {
    font-size: 24px;
    font-weight: bold;
}

.nayami-head h3 .label {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    background: #f3718f;
    border-radius: 10px;
    padding: 2px 10px;
}

.top-nayami .box .item {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.top-nayami .box .item:before {
    display: block;
    content: "\f054";
    font-family: "font awesome 5 free";
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.top-nayami .box .item dt {
    width: 85%;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-nayami .attention {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
}

@media only screen and (max-width: 599px) {
    .nayami-head h3 .tit {
        font-size: 20px;
    }

    .nayami-head h3 .label {
        font-size: 16px;
    }
    
    .top-nayami .box .item:before {
        right: 5px;
    }
    
    .top-nayami .box .item dt {
        font-size: 16px;
    }
    
    .top-nayami .box .item dd {
        height: 80px;
    }
}

/*top-concept*/

.circle-head {
    text-align: center;
}

.circle-head h3 .en {
    color: #f3718f;
    font-size: 20px;
}

.circle-head h3 .ja {
    display: block;
    font-size: 30px;
}

.top-concept {
    margin-bottom: 0;
}

.top-concept .left .pic {
    padding: 0 10px 10px 0;
    position: relative;
}

.top-concept .left .pic:before {
    display: block;
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #e7ce84;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.top-concept .right .tbox {
    background: #fff;
    border-radius: 10px;
    padding: 4%;
    margin-top: 4%;
}

.top-concept .right h4 span {
    display: block;
}

.top-concept .right h4 .mini {
    font-size: 60%;
}

/*top-treat*/

.treat-head {
    text-align: center;
}

.top-treat .box .item .tit {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
}

/*top-feature*/

.top-feature .feature-head .big {
    background: #fff;
}

.top-feature .box .item {
    width: 100%;
    max-width: 600px;
}

.top-feature .box .item:nth-of-type(2n) {
    margin-left: auto;
}

.top-feature .box .item:not(:last-of-type) {
    margin-bottom: 40px;
}

.top-feature .item .left {
    position: relative;
}

.top-feature .item .left .num {
    color: rgb(236 42 87);
    font-size: 40px;
    font-style: italic;
    position: absolute !important;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.top-feature .item .right .tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
    .top-feature .item .left .num {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/*top-voice*/

.voice-head {
    text-align: center;
    position: relative;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1;
}

.voice-head h3 {
    display: inline-block;
    font-size: 24px;
    background: #fae5a8;
    border-radius: 30px;
    padding: 5px 20px 5px 50px;
    margin-bottom: 0;
    position: relative;
}

.voice-head h3:before {
    display: block;
    content: "\f0a1";
    font-size: 20px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-voice .container {
    background: #fff9e7;
    border-radius: 10px;
    padding: 20px;
    padding-top: 40px;
}

.top-voice .item .left {
    width: 20%;
}

.top-voice .item .right {
    width: 75%;
}

.top-voice .item .right dl {
    margin-top: 10px;
}

.top-voice .item .right dt {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}

.top-voice .item .right dd {
    display: inline-block;
    font-weight: bold;
}

/*top-flow*/

.top-flow .box1 .left dl {
    padding-left: 20px;
    position: relative;
    overflow: hidden;
}

.top-flow .box1 .left dl:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.top-flow .box1 .left dl:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background: #d72e54;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    left: 0;
}

.top-flow .box1 .left dl:not(:last-of-type):after {
    display: block;
    content: "";
    width: 0;
    height: 100%;
    border-left: dotted 5px #eda0b1;
    position: absolute;
    top: 25px;
    left: 4px;
}

.top-flow .box1 .left dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.top-flow .box1 .right .pic:nth-of-type(2n) {
    margin-top: 15%;
}

.top-flow .box2 {
    width: 100%;
    max-width: 800px;
    margin: auto;
}

.top-flow .box2 .left {
    margin-top: 20px;
}

.top-flow .box2 .right .tbox {
    background: #fff;
    border: solid 2px #d72e54;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

.top-flow .box2 .right .tbox:before {
    display: block;
    content: "";
    width: 15px;
    height: 12px;
    background: url(/upload/tenant_3/9b2dd62d1c5a16fbd0fec972d608e6ae.png) no-repeat;
    position: absolute;
    bottom: 20px;
    right: 100%;
    z-index: 1;
}

.top-flow .box2 .right .tbox dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

@media only screen and (max-width: 599px) {
    .top-flow .box1 .right .pic:nth-of-type(2n) {
        margin-top: 10%;
    }

    .top-flow .box2 .right .tbox:before {
        display: none;
    }
}

/*column2*/

.column2 .postmain {
    width: calc(100% - 300px);
}

.column2 .side {
    width: 210px;
}

.column2 .side dl {
    width: 100%;
}

.column2 .side dt {
    color: #fff;
    font-size: 24px;
    background: #f3718f;
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px #ffd6e0;
    box-shadow: 0px 6px #ffd6e0;
    padding: 6px 10px;
    margin-bottom: 20px;
    text-align: center;
}

.column2 .side dd:not(:last-of-type) {
    margin-bottom: 10px;
}

.column2 .side dd a:before {
    display: inline-block;
    content: "\f192";
    font-family: "font awesome 5 free";
    color: #f3718f;
    font-weight: bold;
    margin: 0 10px 0 20px;
}

@media only screen and (max-width: 1024px) {
    .column2 .postmain {
        width: 100%;
        margin-bottom: 60px;
    }

    .column2 .side {
        width: 100%;
    }

    .column2 .side dl {
        width: 48%;
    }
}

@media only screen and (max-width: 599px) {
    .column2 .postmain {
        width: 100%;
        margin-bottom: 40px;
    }

    .column2 .side dl {
        width: 100%;
    }
}

/*postlist*/

.postlist {
    margin-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
    .postlist {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .postlist {
        margin-bottom: 40px;
    }

    .postitem .right .tbox .tit {
        font-size: 18px;
    }
}

/*postsingle*/

.postsingle {
    margin-bottom: 80px;
}

.postsingle .html h2 {
    font-size: 30px;
    margin-bottom: 20px;
}

.postsingle .html h3 {
    display: inline-block;
    color: #6e4f4f;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
}

.postsingle .html h3:before {
    display: block;
    content: "";
    width: 100%;
    border-bottom: solid 15px;
    border-color: #ffd6e0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.postsingle .html h4 {
    color: #6e4f4f;
    font-size: 22px;
    border-left: solid 10px #ffd6e0;
    padding-left: 10px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.postsingle .html ul {
    margin-bottom: 20px;
}

.postsingle .html ul li {
    padding-left: 1.5em;
    position: relative;
}

.postsingle .html ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.postsingle .html ul li:before {
    display: inline-block;
    content: "\f192";
    font-family: "font awesome 5 free";
    color: #f3718f;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.postsingle .html ol {
    margin-bottom: 20px;
}

.postsingle .html ol li {
    padding-left: 1.5em;
    position: relative;
    counter-increment: num;
}

.postsingle .html ol li:not(:last-of-type) {
    margin-bottom: 10px;
}

.postsingle .html ol li:before {
    display: inline-block;
    content: counter(num)".";
    color: #f3718f;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.postsingle .html img[style*="float:left"] {
    margin-right: 10px;
}

.postsingle .html img[style*="float: left"] {
    margin-right: 10px;
}

.postsingle .html img[style*="float:right"] {
    margin-left: 10px;
}

.postsingle .html img[style*="float: right"] {
    margin-left: 10px;
}

.postsingle .back {
    margin-top: 80px;
    text-align: right;
}

.postsingle .back a {
    font-weight: bold;
}

.postsingle .back a:after {
    display: inline-block;
    content: "\f054";
    font-family: "font awesome 5 free";
    margin-left: 10px;
}

.postlist.recommend {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .postsingle {
        margin-bottom: 60px;
    }

    .postsingle .back {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .postsingle {
        margin-bottom: 40px;
    }

    .postsingle .back {
        margin-top: 40px;
    }
}

/*pagenav*/

.column1 .pagenav ul {
    text-align: center;
}

.pagenav li {
    display: inline-block;
    font-size: 24px;
    margin: 0 20px;
    vertical-align: middle;
}

.pagenav li a {
    display: block;
}

.pagenav .prev a:before {
    display: block;
    content: "\f137";
    font-family: "font awesome 5 free";
    font-weight: bold;
    color: #d72e54;
    font-size: 30px;
}

.pagenav .next a:before {
    display: block;
    content: "\f138";
    font-family: "font awesome 5 free";
    font-weight: bold;
    color: #d72e54;
    font-size: 30px;
}

.pagenav .current {
    color: #f3718f;
}

@media only screen and (max-width: 1024px) {
    .pagenav ul {
        text-align: center;
    }
}

@media only screen and (max-width: 599px) {
    .pagenav li {
        font-size: 20px;
        margin: 0 5px;
    }

    .pagenav li a {
        padding: 5px;
    }

    .pagenav .prev a:before {
        font-size: 26px;
    }

    .pagenav .next a:before {
        font-size: 26px;
    }
}

/*blog*/

.bloglist .item .left {
    width: 35%;
}

.bloglist .item .right {
    width: 60%;
}

.bloglist .item .right .info {
    margin-bottom: 10px;
}

.bloglist .item .right .info dt {
    margin-bottom: 5px;
}

.bloglist .item .right .info dd {
    display: inline-block;
    color: #fff;
    background: #f3718f;
    border-radius: 5px;
    padding: 0px 10px;
}

.bloglist .item .right .tbox .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

.blogsingle .tit {
    font-size: 26px;
    font-weight: bold;
}

.blogsingle .info {
    margin-bottom: 20px;
}

.blogsingle .info dt {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.blogsingle .info dd {
    display: inline-block;
    color: #fff;
    background: #f3718f;
    border-radius: 5px;
    padding: 0px 10px;
    vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
    .blogsingle .tit {
        font-size: 24px;
    }
}

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

    .bloglist .item .right .tbox .tit {
        font-size: 18px;
    }

    .blogsingle .tit {
        font-size: 22px;
    }

    .blogsingle .info dt {
        display: block;
        margin-bottom: 5px;
    }
}

/*beginner*/

.beginner1 .pic {
    margin-bottom: 4%;
}

.beginner2 .container:nth-of-type(2n+1) .right {
    margin-top: 20px;
}

.beginner2 .container:nth-of-type(2n+2) .left {
    margin-top: 20px;
}

.beginner2 .left .tbox {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.beginner3 .container:nth-of-type(2n) h3:before {
    border-color: #fae5a8;
}

@media only screen and (max-width: 599px) {
    .repeat2 .container .right {
        position: static;
    }
}

/*menu*/

.menu-wrap1 .container .text {
    font-size: 14px;
    margin: 20px 0;
}

.menu-wrap1 .container .info {
    margin: 20px 0;
}

.menu-wrap1 .container .info dt {
    display: inline-block;
    color: #fff;
    background: #ec2a57;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.menu1 .scrollwrap .scroll {
    display: none;
}

.menu-wrap2.bg-green:after {
    background: url(/import/tenant_3/160.16.124.57/html/images/03_menu/menu-back.png) no-repeat;
    background-size: 100%;
}

@-webkit-keyframes swipe {
    0% {
        left: 40%;
    }

    100% {
        left: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .menu1 .scrollwrap {
        position: relative;
    }

    .menu1 .scrollwrap .price-table1 {
        overflow-x: auto;
    }

    .menu1 .scrollwrap .price-table1 .table1 {
        width: 1000px;
    }

    .menu1 .scrollwrap .scroll {
        display: block;
        font-size: 70px;
        position: absolute;
        top: 50%;
        left: 40%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: swipe 0.6s ease-in-out 0s infinite alternate;
        animation: swipe 0.6s ease-in-out 0s infinite alternate;
    }

    .menu1 .scrollwrap:hover .scroll {
        display: none;
    }

    .menu1 .scrollwrap .scroll:hover {
        display: none;
    }
}

/*shop*/

.shop2 {
    position: relative;
}

.shop2 .right {
    max-width: 500px;
    margin-left: 5%;
    margin-right: auto;
}

.shop2 .right .info dl:not(:last-of-type) {
    border-bottom: solid 1px #6e4f4f;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop2 .right .info dt {
    width: 100px;
}

.shop2 .right .info dd {
    width: calc(100% - 110px);
}

@media only screen and (max-width: 1024px) {
      .shop2 .right .info dt {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .shop2 .right .info dd {
        width: 100%;
    }
}
@media only screen and (max-width: 599px) {
    .shop2 .right {
        width: 92%;
        max-width: none;
        margin: 3% auto;
    }

    .shop2 .right .info dt,
    .shop2 .right .info dd{
        font-size: 14px;
    }
}

/*headache*/

.headache1 {
    position: relative;
}

.headache1:before {
    display: block;
    content: "";
    width: 100%;
    height: 50%;
    background: #fff9e7;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.headache1 .pic {
    padding: 0 15px 15px 0;
    margin-bottom: 4%;
    position: relative;
}

.headache1 .pic:before {
    display: block;
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    background: #e7ce84;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.headache2 .container:first-of-type {
    margin-top: 80px;
}

.headache2 .imgabsolute .right {
    max-width: 450px;
    margin-left: 5%;
    margin-right: auto;
}

@media only screen and (max-width: 1024px) {
    .headache2 .container:first-of-type {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .headache2 .container:first-of-type {
        margin-top: 40px;
    }
  
    .headache2 .imgabsolute .right {
        width: 92%;
        max-width: none;
        margin: 3% auto;
    }
}

/*symptom*/

.symptom1 .list .item dt {
    margin-bottom: 10px;
    text-align: center;
}

.symptom1 .list .item dd {
    text-align: center;
}

/*faq*/

.faq1 .container h3 {
    min-height: 60px;
    padding: 10px 0 0 75px;
    margin-bottom: 20px;
    position: relative;
}

.faq1 .container h3:before {
    display: block;
    content: "Q";
    width: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 38px;
    background: #ec2a57;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.faq1 .container .text {
    min-height: 60px;
    padding: 6px 0 0 75px;
    position: relative;
}

.faq1 .container .text:before {
    display: block;
    content: "A";
    width: 60px;
    line-height: 56px;
    color: #ec2a57;
    font-size: 38px;
    border: solid 2px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 599px) {
    .faq1 .container h3 {
        min-height: 45px;
        padding: 5px 0 0 55px;
    }

    .faq1 .container h3:before {
        width: 45px;
        line-height: 45px;
        font-size: 30px;
    }

    .faq1 .container .text {
        min-height: 45px;
        padding: 10px 0 0 55px;
    }

    .faq1 .container .text:before {
        width: 45px;
        line-height: 41px;
        font-size: 30px;
    }
}

/*staff*/

.pagelink ul {
    text-align: center;
}

.pagelink li {
    display: inline-block;
    width: 31.333%;
    max-width: 200px;
    margin: 0 1% 2%;
    vertical-align: middle;
}

.pagelink li a {
    display: block;
    color: #fff;
    font-size: 20px;
    background: #f3718f;
    border-radius: 10px;
    padding: 10px 10px;
    text-align: center;
}

.pagelink li:nth-of-type(2n) a {
    color: #6e4f4f;
    background: #fae5a8;
}

.staff1 .box1 .left {
    max-height: 500px;
}

.staff1 .box1 .left img {
    -o-object-position: center 10%;
    object-position: center 10%;
    font-family: 'object-fit: cover; object-position: center 10%;';
}

.staff1 .box1 .right .label {
    display: inline-block;
    color: #fff;
    background: #f3718f;
    border-radius: 5px;
    padding: 2px 10px;
    margin-bottom: 10px;
}

.staff1 .box1 .right .info {
    margin-bottom: 30px;
}

.staff1 .box1 .right .info dl {
    margin-bottom: 20px;
}

.staff1 .box1 .right .info dt {
    width: 100%;
    color: #f3718f;
    font-weight: bold;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 22px;
}

.staff1 .box1 .right .info dd {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.staff1 .box2 dl:not(:last-of-type) {
    margin-bottom: 50px;
}

.staff1 .box2 dt {
    color: #f3718f;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.staff2 .box1 .right .label {
    background: #ffe497;
}

.staff2 .box1 .right .info dt {
    color: #ffe497;
}

.staff2 .box2 dt {
    color: #ffe497;
}

@media only screen and (max-width: 599px) {
  .staff1 .box2 dl:not(:last-of-type) {
    margin-bottom: 30px;
  }
  .pagelink li{
    width: 100%;
    max-width:inherit;
    margin-bottom: 2%;
  }
   .pagelink li:last-of-type{
     margin-bottom: 0
   }
}

/*contact*/

.contact2.bg-green:after {
    background: url(/import/tenant_3/160.16.124.57/html/images/12_contact/contact-back.png) no-repeat;
    background-size: 100%;
}

.form .item {
    margin-bottom: 50px;
}

.form .item dt {
    width: 250px;
}

.form .item dt .hissu {
    color: #b01c3d;
    margin-right: 5px;
}

.form .item dd {
    width: calc(100% - 250px);
}

.form .item dd ul li {
    display: inline-block;
    margin-right: 30px;
}

.form input[type="radio"] {
    margin-right: 5px;
}

.form input[type="checkbox"] {
    margin-right: 5px;
}

.form input[type="text"] {
    width: 100%;
    border: solid 1px #b69c94;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form textarea {
    width: 100%;
    height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .formbtn ul {
    text-align: center;
}

.form .formbtn li {
    display: inline-block;
    width: 45%;
    max-width: 220px;
    margin: 0 2%;
    text-align: center;
}

.form .formbtn li button {
    width: 100%;
    color: #fff;
    background: #f3718f;
    border: none;
    border-radius: 30px;
    padding: 10px 15px;
    cursor: pointer;
}
.form .formbtn li button:hover{
  opacity: .6;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 80px;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 70px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    width: 100%;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    font-size: 14px;
}

@media only screen and (max-width: 599px) {
    .form .item {
        margin-bottom: 30px;
    }

    .form .item dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .form .item dd {
        width: 100%;
    }

    .form .item dd ul li {
        display: block;
        margin-bottom: 10px;
    }

    .xdsoft_datetimepicker {
        width: 100%;
        padding: 10px !important;
        margin: 0 !important;
        position: fixed !important;
        top: 0 !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 98% !important;
        float: none !important;
        margin: 1% !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        margin: 2% auto !important;
    }
}

/*sitemap*/

.sitemaplist li {
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 599px) {
    .sitemaplist li {
        font-size: 18px;
    }
}

/*voice*/

.voicelist {
    margin-bottom: 30px;
    overflow-x: hidden;
}

.voicelist .item {
    width: 45%;
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
}

.voicelist .item:nth-of-type(2n+1):before {
    display: block;
    content: "";
    width: calc(220% - 160px);
    border-bottom: dotted 5px #eda2b3;
    position: absolute;
    top: 100%;
    left: 80px;
}

.voicelist .item .left {
    width: 25%;
}

.voicelist .item .right {
    width: 70%;
}

.voicelist .item .right .tit {
    font-size: 18px;
    margin-bottom: 20px;
}

.voicelist .item .right .info dt {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
}

.voicelist .item .right .info dd {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.voicesingle .box {
    margin-bottom: 80px;
}

.voicesingle .box .subpic {
    margin-bottom: 50px;
}

.voicesingle .interview .item {
    margin-bottom: 80px;
}

.voicesingle .interview .item h4 {
    color: #f3718f;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .voicelist {
        margin-bottom: 10px;
    }

    .voicesingle .box {
        margin-bottom: 60px;
    }

    .voicesingle .interview .item {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .voicelist {
        margin-bottom: 0px;
    }

    .voicelist .item {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .voicelist .item:before {
        display: block;
        content: "";
        width: calc(100% - 40px);
        border-bottom: dotted 5px #eda2b3;
        position: absolute;
        top: 100%;
        left: 20px;
    }

    .voicelist .item:nth-of-type(2n+1):before {
        display: block;
        content: "";
        width: calc(100% - 40px);
        border-bottom: dotted 5px #eda2b3;
        position: absolute;
        top: 100%;
        left: 20px;
    }

    .voicesingle .box {
        margin-bottom: 40px;
    }

    .voicesingle .box .subpic {
        margin-bottom: 30px;
    }

    .voicesingle .interview .item {
        margin-bottom: 40px;
    }
}

/*feature*/

.feature-head {
    text-align: center;
}

.feature-head .mini {
    display: block;
    font-size: 20px;
    line-height: 1.2;
}

.feature-head .big {
    font-size: 34px;
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
    line-height: 1.2;
}

.feature-head .big .pink {
    color: #ec2a57;
}

.feature1 .left .point {
    color: #ec2a57;
    font-size: 36px;
    font-style: italic;
    margin-bottom: 20px;
}

@media only screen and (max-width: 599px) {
    .feature-head .big {
        font-size: 26px;
    }

    .feature1 .left .point {
        font-size: 30px;
        margin-bottom: 10px;
    }
}
.pop {
      margin: auto;
}


[data-element-id].spfixbtn {
    display: block;
    position: relative;
}

.spfixbtn {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #f3718f;
    padding: 0px 0px;
    z-index: 150;
}
.spfixbtn .flexb{
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.spfixbtn .tel {
    width:40%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.spfixbtn .tel a {
    color: #fff;
    display: block;
    font-size: 19px;
    font-weight: 600;
    position: relative;
    text-align: center;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝, serif;
}

.spfixbtn .tel a:before {
    display: inline-block;
    margin-right: 10px;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    background: url(/upload/tenant_3/a231414eaa39a2ac4f783fac72e2cb31.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 2px;
}

.spfixbtn .contactbtn {
    width: 45%;
     display: flex;
  justify-content: center;
  align-items: center;
}


.spfixbtn .contactbtn a {
    background: transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 2px 0px;
    overflow: hidden;
}

.spfixbtn .contactbtn a:before {
    display: block;
    display: inline-block;
    margin-right: 10px;
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 18px;
    height: 14px;
    background: url(/upload/tenant_3/bb0388b26aeaeb565eee5d0f171e712c.png) center center no-repeat;
    background-size: contain;
}
.coment03{
  display: block;
  background: #fff;
  width: 100%;
  text-align: center;
  color: #6e4f4f;
  font-size: 14px;
  font-weight: bold;
}
.in01{
  display: flex;
  flex-direction: column;
}

.spfixbtn .linebtn{
   width: 60%;
}
.spfixbtn .lineflex{
  display: flex;
}
.spfixbtn .linebtn a{
  background: #fff;
  display: block;
  height: 100%;
  text-align: center;
  width: calc(100%/3);
}
.spfixbtn .linebtn a img{
  width: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 3px;
  margin-right: 0px;
}
.spfixbtn .linebtn a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.spfixbtn .linebtn a .comment{
  display: inline-block;
  color: #6e4f4f;
  font-weight: bolder;
  font-size: 12px;
}
.spfixbtn .linebtn.sp a{
  width: calc(100%/2)
}

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

    #wrapper {
        padding-bottom: 52px;
    }
}
@media only screen and (max-width:599px) {
    .spfixbtn {
        display: block;
    }
    .spfixbtn .contactbtn a:before{
        margin-bottom: 7px;
        margin-top: 6px;
    }
}

@media only screen and (max-width:400px) {
  .spfixbtn .tel a{
    font-size: 12px;
    }
    .spfixbtn .contactbtn a{
      font-size: 10px;
    }
    .spfixbtn .linebtn a img {
      width: 26px;
      padding-top: 7px;
      margin: 0 auto;
      padding-right: 0px;
  }
  .spfixbtn .contactbtn a:before{
      margin-bottom: 3px;
      margin-top: 2px;
  }
  .spfixbtn .linebtn a .comment{
    font-size: 11px;
  }
}
[data-element-id] .pc_fixbtn{
  position: relative;
  bottom: auto;
  left: auto;
  width: 100px;
}
[data-element-id].pc_fixbtnflex{
  display: block;
}

.pc_fixbtn{
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 10;
  width: auto;
  background: #ffb4c6;
   border-radius: 10px;
  box-shadow: -3px 0px 6px -3px rgba(0,0,0,0.2);
}
.pc_fixbtnflex{
  display: flex;
}
.pc_fixbtn img{
  width: 100px;
}
.pc_fixbtn .in{
  text-align: center;
  padding: 8px;
  position: relative;
 
}
.pc_fixbtn:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 5px;
  right: 5px;
  display: block;
  background: #fff;
  border-radius: 10px;
}
.pc_fixbtn .comment{
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-top: 5px;
}
.pc_fixbtn .comment1{
  font-size: 14px;
}


@media only screen and (max-width:599px) {
  .pc_fixbtn{
    display: none !important;
  }
}

/* 20201215 */
.wrap01{
      padding: 20px 10px;
    background: #FBFBFB;
    width: auto;
    margin: 0 auto;
}
.wrap01 ul{
  padding-left: 20px;
}
.tit01{
  font-size: 24px;
  font-weight: bold;
  padding-left: 20px;
}
.wrap01 li{
  list-style-type: decimal;
  font-weight: bold;
  
}
.wrap01 li span{
  color: #1650c3;
}
.wrap01 .red{
  color: #FE1F1F;
}
.wrap01 li{
  padding: 10px 0px;
}
.tit02{
  font-weight: bold;
  margin-top: 20px;
}
@media only screen and (max-width:599px){
  .wrap01{
      padding: 20px 10px;
    background: #FBFBFB;
    width: auto;
    margin: 0 auto;
}
.tit01{
  padding-left: 10px;
}
}

.korona {
    width: 100%;
    margin: 0 auto 50px;
}

@media only screen and (max-width: 599px){
.korona {
    width: 85% !important;
}
  
}


/* 03/15 追加 */

.another-flex{
  display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-block{
  width: 48%;
}

.info-block{
  width: 48%;
}

.info-block ul{
  margin-bottom: 30px;
}

.info-block ul li{
    font-size: 36px;
    font-weight: bold;
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

.info-block ul li:last-of-type{
  margin-bottom: 0px !important;
}

.info-block ul li span.underline{
  text-decoration: underline;
}

.mail-box{
  display: block;
    text-align: right;
}


@media only screen and (max-width: 1024px){
  .img-block {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}

.info-block {
    width: 100%;
}

.another-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
}

.mail-box {
    display: block;
    text-align: center;
}

.c-txt{
margin-bottom: 15px;
    padding-left: 90px;
    font-size: 18px;
}
}

@media only screen and (max-width: 599px){
  .img-block {
    width: 85%;
    display: block;
    text-align: center;
    margin-bottom: 25px;
}
.info-block ul li {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
}

.mail-box {
    display: block;
    text-align: center;
    width: 83%;
    margin: auto;
    margin-bottom: 25px;
}

.c-txt{
  font-size: 12px;
    text-align: left;
    display: block;
    padding-left: 30px;
    margin-bottom: 15px;
}
}



@media only screen and (min-width: 1024px){
  .c-txt{
    margin-bottom: 15px;
    padding-left: 25px;
  }
}

.db {
  padding-left: 250px;
}

.form .item dd.db {
  width: 100%;
}

.c-red {
  color: #b01c3d;
  font-weight: bold;
}

@media only screen and (max-width: 599px){
  .db {
    padding-left: 0;
  }
}

/*2023/01/18追加*/
.spfixbtn .flexb {
  flex-wrap: wrap;
}
.spfixbtn .tel-btn {
  width: 50%;
}
.spfixbtn .tel-btn a {
  display: block;
  width: 100%;
  padding: 5% 1%;
  text-align: center;
  color: #fff;
}
.matsue-tel {
  background: #af1b3d;
}
.izumo-tel {
  background: #172e78;
}
.spfixbtn .linebtn {
  width: 55%;
}

/*pc*/

.reserve_fixbtn {
  position: fixed;
  width: 40%;
  left: 10px;
  bottom: 10px;
  z-index: 999;
}
.reserve_fixbtn .r-in {
  display: flex;
  background: #ffe5eb;
}
.reserve_fixbtn .midashi {
  text-align: center;
  background: #162c77;
  padding: 1%;
  color: #fff;
  border-radius: 0;
  font-weight: bold;
}
.reserve_fixbtn .izumo , .reserve_fixbtn .matsue {
  width: 50%;
  padding: 2%;
}
.reserve_fixbtn .izumo p , .reserve_fixbtn .matsue p {
  text-align: center;
  font-weight: bold;
  color: #162c77;
}
.reserve_fixbtn .block {
  display: block;
  width: 73%;
  margin-right: 2%;
}
.reserve_fixbtn .block div {
  width: 100%;
}
.r-web a {
  display: block;
  text-align: center;
  background: #162c77;
  color: #fff;
  padding: 2%;
  font-size: 16px;
}
.r-tel {
  text-align: center;
  font-weight: bold;
  color: #162c77;
  font-size: 22px;
}
.r-line {
  width: 25%;
  background: #fff;
}
.r-line img {
  width: 100%;
}
.section .inner-padding-l {
  padding: 80px 0 200px 0;
}

@media only screen and (max-width: 1024px){
  .reserve_fixbtn {
    width: 100%;
    bottom: 0;
    left: 0;
  }
  .reserve_fixbtn .izumo , .reserve_fixbtn .matsue { 
    width: 40%;
    padding: 1%;
  }
  .reserve_fixbtn .izumo {
    margin: 0 2% 0 8%;
  }
  .reserve_fixbtn .matsue {
    margin: 0 8% 0 2%;
  }
  .section .inner-padding-l {
    padding: 60px 0 130px 0;
  }
}


@media only screen and (max-width: 599px){
  .spfixbtn .contactbtn a {
    font-size: 16px;
  }
  .reserve_fixbtn {
    display: none;
  }
  .section .inner-padding-l {
    padding: 60px 0 100px;
  }
}

.contact-outer .reserve_fixbtn {
  display: none;
}

/*表*/
.aki {
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px;
  color: #162c77;
  font-weight: bold;
}
table.yoyaku , td, th {
	border: 2px solid #595959;
	border-collapse: collapse;
}
table.yoyaku {
  width: 100%;
  margin-bottom: 20px;
}
table.yoyaku td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
	text-align: center;
	font-weight: bold;
}
table.yoyaku th {
	background: #f0e6cc;
}
table.yoyaku .shuku {
	background: #ffcaca;
	color: #ff0808;
}
table.yoyaku .do {
	background: #b2ddff;
	color: #008eff;
}

@media only screen and (max-width: 599px){
  .aki {
    font-size: 22px;
  }
  table.yoyaku td, th {
    font-size: 10px;
  }
}

/**産後骨盤矯正**/
.tel-bnr {
  position: relative;
  display: none;
}
[data-element-id].tel-bnr {
  display: block;
}
.tel-bnr .img {
  width: 100%;
}
.tel-bnr .img img {
  width: 100%;
}
.tel-bnr p { 
  position: absolute;
  width: 31%;
  right: 4%;
}
.tel-bnr p.t-matsue { 
  top: 13%;
}
.tel-bnr p.t-izumo { 
  bottom: 13%;
}

@media only screen and (max-width: 599px){
  .tel-bnr {
    display: block;
  }
}

/* 2025/06/30 */
.reserve_fix_container.ver01 {
    position: fixed;
    top: 30%;
    left: -202.38px;
    z-index: 9999;
}

.reserve_fix_container.ver01.active {
    left: 0;
}

.reserve_fix_container.ver02 {
    position: fixed;
    top: calc((30% + 270px));
    left: -202.38px;
    z-index: 9999;
}

.reserve_fix_container.ver02.active {
    left: 0;
}

.reserve_fix_container .r-box {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: row-reverse;
}

.reserve_fix_container .r-box .ttl {
    padding: 10px;
    background: #162c77;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    writing-mode: vertical-lr;
}

.reserve_fix_container .r-box .hide-box {
    padding: 10px;
    background: #ffe5eb;
}

.reserve_fix_container .r-box .hide-box .item.web a {
    display: block;
    height: 100%;
    background-color: #162c77;
    color: #fff;
    padding: 0.5em 1em;
}

.reserve_fix_container .r-box .hide-box .item.tel {
    text-align: center;
}

.reserve_fix_container .r-box .hide-box .item.tel a {
    color: #162c77;
}

.reserve_fix_container .r-box .hide-box .item.line {
    max-width: 60px;
    margin: 0 auto;
    text-align: center;
}

.reserve_fix_container .r-box .hide-box .item.hpb a {
    display: block;
    width: fit-content;
    height: 100%;
    margin: 0 auto;
}

.reserve_fix_container .r-box .hide-box .item+.item {
    margin-top: 10px;
}

@media(max-width:599px) {
.reserve_fix_container .r-box {
    display: block;
    margin-bottom: 0;
}  
  
.reserve_fix_container .r-box .ttl {
    writing-mode: initial;
    font-size: 12px;
    padding: 20px 10px;
    text-align: center;
}

.reserve_fix_container .r-box .hide-box .item.web a {
    font-size: 12px;
    text-align: center;
}

.reserve_fix_container.ver01 {
    top: auto;
    left: 0;
    bottom: -226.8px;
    width: 50%;
}

.reserve_fix_container.ver01.active {
    left: 0;
    bottom: 0;
}

.reserve_fix_container.ver02 {
    top: auto;
    left: auto;
    right: 0; 
    bottom: -226.8px;
    width: 50%;
}

.reserve_fix_container.ver02.active {
    left: auto;
    bottom: 0;
}
}