@charset "UTF-8";

/* base.css上書き */
html {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #444;
    letter-spacing: 1px;
    background-color: white;
}

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

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

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

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

    .up-clearfix\@sp:before {
        content: "";
        display: block;
        clear: both;
    }

    .up-clearfix\@sp:after {
        content: "";
        display: block;
        clear: both;
    }

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

/* common */
.common-h1 {
    padding: 5px;
    font-size: 10px;
    position: relative;
    z-index: 10;
}

.logo {
    width: 250px;
    max-width: 100%;
}

.logo a {
    display: block;
    padding: 10px;
    text-align: center;
}

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

.tel-item a {
    font-size: 36px;
}

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

.lightbox-img {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.lightbox-img:hover {
    opacity: 0.6;
}

.color-white {
    color: white;
}

.color-red {
    color: #dc143c;
}

.color-01 {
    color: #735a42;
}

.color-02 {
    color: #99876a;
}

.color-03 {
    color: #59a602;
}

.color-04 {
    color: rgba(0, 0, 0, 0.2);
}

.color-05 {
    color: #735a42;
}

.color-06 {
    color: #f4f2e6;
}

.color-07 {
    color: #11725e;
}

.color-08 {
    color: #f1ebe3;
}

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

.bgc-01 {
    background-color: #735a42;
}

.bgc-02 {
    background-color: #99876a;
}

.bgc-03 {
    background-color: #59a602;
}

.bgc-04 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bgc-05 {
    background-color: #735a42;
}

.bgc-06 {
    background-color: #f4f2e6;
}

.bgc-07 {
    background-color: #11725e;
}

.bgc-08 {
    background-color: #f1ebe3;
}

.bd-01 {
    border: 1px solid #735a42;
}

.bd-02 {
    border: 1px solid #99876a;
}

.bd-03 {
    border: 1px solid #59a602;
}

.bd-04 {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.bd-05 {
    border: 1px solid #735a42;
}

.bd-06 {
    border: 1px solid #f4f2e6;
}

.bd-07 {
    border: 1px solid #11725e;
}

.bd-08 {
    border: 1px solid #f1ebe3;
}

.all-white * {
    color: white;
}

.asterisk {
    position: relative;
}

.asterisk::before {
    content: "※";
    display: inline-block;
    font-size: 10px;
    color: #444;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .spacer {
        height: 0 !important;
    }

    .logo {
        width: 180px;
    }

    .tel-item a {
        font-size: 24px;
    }

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

@media (max-width: 599px) {
    .common-h1 {
        padding-right: 50px;
    }

    .logo {
        width: 100px;
    }

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

/* icon */
[class^="icon-brands"]::before {
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
}

[class^="icon-free"]::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.icon-brands-facebook::before {
    content: "\f082";
}

.icon-brands-instagram::before {
    content: "\f16d";
}

.icon-brands-line::before {
    content: "\f3c0";
}

.icon-free-map::before {
    content: "\f3c5";
}

.icon-free-cal::before {
    content: "\f073";
}

.icon-free-contact::before {
    content: "\f1d8";
}

/* fead */
.fead-cover {
    overflow: hidden;
    position: relative;
}

.fead-cover::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: #735a42;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}

.fead-cover.mv::before {
    width: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/* parts */
.box-bnr {
    padding: 30px;
    border: 2px solid #735a42;
    border-radius: 15px;
    background-image: url(/import/tenant_1/160.16.239.137/html/images/common/bg_001.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-bnr.small {
  padding: 20px;
}

.box-white-01 {
    padding: 10px;
    border-radius: 5px;
    background-color: white;
}

.box-white-02 {
    padding: 50px 30px;
    border-radius: 10px;
    background-color: white;
}

.box-border {
    padding: 30px;
    border: 1px solid #99876a;
    border-radius: 10px;
}

.box-voice-name {
    font-weight: bold;
    font-size: 18px;
}

.box-voice-sym {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-voice-text {
    padding: 20px 15px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 10px;
    background-color: #f4f2e6;
}

.overlap .block {
    position: relative;
}

.overlap-box {
    padding: 30px;
    padding-left: calc((5% * (100 / 55)) + 30px);
    background-color: #f4f2e6;
}

.overlap-box.-simple {
    padding-left: 30px;
}

.overlap-point {
    margin-top: -1.5em;
    font-size: 34px;
    color: #11725e;
    font-style: italic;
}

.overlap-upper {
    margin-right: -5%;
    z-index: 1;
}

.overlap-lower {
    margin-top: 50px;
}

.overlap .cross-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.overlap .cross-item:nth-of-type(even) .overlap-upper {
    margin-left: -5%;
    margin-right: 0;
}

.overlap .cross-item:nth-of-type(even) .overlap-lower {
    margin-top: -50px;
}

.overlap .cross-item:nth-of-type(even) .overlap-box {
    padding-left: 30px;
    padding-right: calc((5% * (100 / 55)) + 30px);
}

.bnr-01-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    font-size: 50px;
    color: #735a42;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
}
.small .bnr-01-title {
  font-size: 36px;
  margin-top: 10px;
}

.bnr-01-title .sub {
    font-size: 70%;
    color: orange;
    letter-spacing: 1px;
    -webkit-transform: rotate(-10deg) translate(-75%, -75%);
    transform: rotate(-10deg) translate(-75%, -75%);
    position: absolute !important;
    top: 0;
    left: 0;
}

.bnr-01-campaign {
    width: 750px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.bnr-01-campaign-before,
.bnr-01-campaign-after {
    width: 40%;
    margin: 1%;
}

.bnr-01-campaign-before {
    margin-right: 40px;
    position: relative;
}

.bnr-01-campaign-before::before {
    content: "";
    width: 20px;
    height: 80%;
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #dc143c)) no-repeat top left/100% 50%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #dc143c)) no-repeat bottom right/100% 50%;
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #dc143c 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #dc143c 50.5%) no-repeat bottom right/100% 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    position: absolute;
    top: 50%;
    right: -15px;
    z-index: 1;
}

.bnr-01-campaign [class^="price"] {
    margin: 5px 0;
    font-weight: bold;
    font-size: 30px;
    color: #99876a;
    letter-spacing: 2px;
}

.small .bnr-01-campaign [class^="price"] {
  font-size: 24px;
}

.bnr-01-campaign .price-bar {
    display: inline-block;
    padding: 2px 5px;
    font-size: 24px;
    color: white;
    border-radius: 3px;
    background-color: #dc143c;
}
.small .bnr-01-campaign .price-bar {
  font-size: 20px;
}

.bnr-01-campaign .price-after {
    font-size: 65px;
    letter-spacing: 4px;
}
.small .bnr-01-campaign .price-after {
  font-size: 50px;
  line-height: 1;
}

.bnr-02 {
    background-image: url(/import/tenant_1/160.16.239.137/html/images/common/bg_002.png);
    background-color: white;
}

.bnr-02-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 80px;
    color: #99876a;
    letter-spacing: 4px;
}

.bnr-02-title .sub {
    display: inline-block;
    margin-right: 30px;
    padding: 5px 10px;
    font-weight: normal;
    font-size: 40%;
    border: 1px solid #735a42;
}

.bnr-03 {
    width: 480px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.bnr-03 a {
    display: block;
    position: relative;
}

.bnr-03 a::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}

.bnr-03-title {
    padding: 65px 10px;
    font-weight: bold;
    font-size: 24px;
    color: white;
    text-align: center;
    position: relative;
    z-index: 2;
}

.bnr-03-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bnr-03-img img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.balloon-01 {
    position: relative;
}

.balloon-01::before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(/import/tenant_1/160.16.239.137/html/images/common/icon_001.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: -32px;
    right: -30px;
    z-index: 2;
}

.balloon-01::after {
    content: "\f075";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #735a42;
    line-height: 1;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
    position: absolute;
    bottom: -40px;
    right: -40px;
    z-index: 1;
}

.arrow-section {
    margin-bottom: 60px;
    position: relative;
}

.arrow-section::after {
    content: "";
    width: 100%;
    height: 60px;
    display: block;
    background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #f1ebe3)) no-repeat top left/50% 100%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #f1ebe3)) no-repeat top right/50% 100%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #f1ebe3 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #f1ebe3 50.5%) no-repeat top right/50% 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.sym dl::before,
.sym dl::after {
    display: inline-block;
}

.sym dl::before {
    content: "[";
}

.sym dl::after {
    content: "]";
}

.sign {
    margin-top: 30px;
    font-size: 20px;
    text-align: right;
}

.sign .main,
.sign .sub {
    display: inline-block;
}

.sign .sub {
    margin-right: 15px;
    font-size: 80%;
}

.loop-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.loop-slide-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: loop-slide 30s infinite linear 1s both;
    animation: loop-slide 30s infinite linear 1s both;
}

.loop-slide-img {
    width: 300px;
}

@-webkit-keyframes loop-slide {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loop-slide {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@media (max-width: 1024px) {
    .box-bnr {
        padding: 30px 15px;
    }
    .box-bnr.small {
        padding: 15px 10px;
    }

    .box-white-02 {
        padding: 40px 20px;
        border-radius: 8px;
    }

    .overlap-box {
        padding: 20px;
        padding-left: calc((5% * (100 / 55)) + 20px);
    }

    .overlap-box.-simple {
        padding-left: 20px;
    }

    .overlap-point {
        font-size: 26px;
    }

    .overlap .cross-item:nth-of-type(even) .overlap-box {
        padding-left: 20px;
        padding-right: calc((5% * (100 / 55)) + 20px);
    }

    .bnr-01-title {
        font-size: 36px;
    }
    .small .bnr-01-title {
      font-size: 28px;
    }

    .bnr-01-campaign-before {
        font-size: 12px;
    }

    .bnr-01-campaign [class^="price"] {
        font-size: 3vw;
        letter-spacing: 1px;
    }
    .small .bnr-01-campaign [class^="price"] {
        font-size: 3vw;
    }
    .small .bnr-01-campaign .price-bar {
        font-size: 2.4vw;
    }
    .small .bnr-01-campaign .price-after {
        font-size: 5vw;
    }

    .bnr-01-campaign .price-after {
        font-size: 6vw;
    }

    .bnr-02-title {
        font-size: 8vw;
    }

    .bnr-02-title .sub {
        margin-right: 10px;
    }

    .bnr-03-title {
        padding: 8vw 10px;
        font-size: 20px;
    }

    .balloon-01::before {
        width: 16px;
        height: 16px;
        bottom: -23px;
        right: -23px;
    }

    .balloon-01::after {
        font-size: 30px;
        bottom: -30px;
        right: -30px;
    }

    .loop-slide-img {
        width: 240px;
    }
}

@media (max-width: 599px) {
    .box-white-02 {
        padding: 30px 15px;
        border-radius: 5px;
    }

    .overlap-box {
        padding: 20px 15px 50px 15px;
    }

    .overlap-box.-simple {
        padding: 20px 15px;
    }

    .overlap-box-point {
        font-size: 22px;
    }

    .overlap-upper {
        margin-top: -30px;
        margin-left: auto;
        margin-right: 0;
    }

    .overlap-lower {
        margin-top: 0;
        margin-left: 0;
        margin-right: auto;
    }

    .overlap .cross-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .overlap .cross-item:nth-of-type(even) .overlap-upper {
        margin-left: 0;
        margin-right: auto;
    }

    .overlap .cross-item:nth-of-type(even) .overlap-lower {
        margin-top: 0;
        margin-left: auto;
        margin-right: 0;
    }

    .bnr-01-title {
        font-size: 7vw;
    }
    .small .bnr-01-title {
        font-size: 5vw;
    }

    .bnr-01-title .sub {
        -webkit-transform: rotate(-10deg) translate(-20%, -75%);
        transform: rotate(-10deg) translate(-20%, -75%);
    }

    .bnr-01-campaign-before,
    .bnr-01-campaign-after {
        width: 100%;
    }

    .bnr-01-campaign-before {
        margin-bottom: 50px;
        margin-right: 1%;
        text-align: center;
    }

    .bnr-01-campaign-before::before {
        width: 30%;
        height: 30px;
        margin: auto;
        background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #dc143c)) no-repeat top left/50% 100%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #dc143c)) no-repeat top right/50% 100%;
        background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #dc143c 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #dc143c 50.5%) no-repeat top right/50% 100%;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: auto;
        bottom: -40px;
        left: 0;
        right: 0;
    }

    .bnr-01-campaign [class^="price"] {
        font-size: 7vw;
    }
    
    .small .bnr-01-campaign [class^="price"] {
        font-size: 7vw;
    }
        .small .bnr-01-campaign .price-bar {
        font-size: 3vw;
    }

    .bnr-01-campaign .price-after {
        font-size: 12vw;
    }
    .small .bnr-01-campaign .price-after {
        font-size: 9vw;
    }

    .bnr-03-title {
        padding: 14vw 5px;
        font-size: 18px;
    }

    .sign {
        font-size: 18px;
    }

    .loop-slide-img {
        width: 200px;
    }
}

/* table */
.table-wrap table {
    border: 1px solid #735a42;
}

.table-wrap table tr th,
.table-wrap table tr td {
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}

.table-wrap table tr th {
    color: white;
    background-color: #99876a;
}

.table-wrap table tr th+th {
    border-left: 1px solid #735a42;
}

.table-wrap table tr td {
    background-color: white;
}

.table-wrap table tr td+td {
    border-left: 1px solid #735a42;
}

.table-wrap table tr+tr {
    border-top: 1px solid #735a42;
}

.table-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #99876a;
}

.table-box-list {
    min-width: calc(100% / 3);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.table-box-list+.table-box-list {
    border-left: 1px solid #99876a;
}

.table-box-list dt,
.table-box-list dd {
    padding: 10px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
}

.table-box-list dt {
    font-weight: bold;
    border-bottom: 1px solid #99876a;
    background-color: #f1ebe3;
}

@media (max-width: 1024px) {
    .table-wrap table tr th,
    .table-wrap table tr td {
        padding: 5px;
        font-size: 11px;
    }
}

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

    .table-box-list {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .table-box-list+.table-box-list {
        border-top: 1px solid #99876a;
        border-left: none;
    }

    .table-box-list dt {
        width: 40%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border: none;
    }

    .table-box-list dd {
        width: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-left: 1px solid #99876a;
    }
}

/* title */
.title-01 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 36px;
    color: #99876a;
    letter-spacing: 2px;
    text-align: center;
}

.title-02 {
    font-weight: bold;
    font-size: 24px;
    color: #99876a;
    letter-spacing: 2px;
}

.title-03 {
    margin-bottom: 30px;
    font-size: 26px;
    color: #735a42;
}

.title-04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    margin-bottom: 15px;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    background-color: #735a42;
}

.title-04 .main,
.title-04 .sub {
    display: inline-block;
}

.title-04 .sub,
.title-04 .sym {
    margin-right: 10px;
    font-size: 80%;
}

.title-05 {
    margin-bottom: 30px;
    font-size: 24px;
    color: #99876a;
}

.title-05 .main,
.title-05 .sub {
    display: inline-block;
}

.title-05 .sub,
.title-05 .sym {
    margin-right: 10px;
    font-size: 80%;
}

.title-06 {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 20px;
    color: #99876a;
    text-align: center;
    border-bottom: 1px solid #99876a;
}

[class^="title"].-bar::after {
    content: "";
    width: 200px;
    height: 2px;
    display: block;
    margin: 30px auto;
    background-color: #99876a;
}

@media (max-width: 1024px) {
    .title-01 {
        font-size: 29px;
    }

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

    .title-04 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px;
        font-size: 18px;
    }

    .title-04 .main,
    .title-04 .sub {
        display: block;
    }

    .title-04 .sub {
        margin-bottom: 10px;
    }

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

    [class^="title"].-bar::after {
        width: 160px;
    }
}

@media (max-width: 599px) {
    .title-01 {
        font-size: 25px;
    }

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

    .title-05 {
        font-weight: bold;
        font-size: 18px;
    }

    [class^="title"].-bar::after {
        width: 120px;
        height: 1px;
    }
}

/* list */
.list-check li {
    padding-left: 2em;
    font-size: 20px;
    position: relative;
}

.list-check li::before {
    content: "\f058";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #59a602;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 0;
}

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

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

.list-circle li::before {
    content: "●";
    display: inline-block;
    font-size: 120%;
    color: #59a602;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 0;
}

.list-step {
    background-color: white;
}

.list-step .item-img {
    position: relative;
}

.list-step .item-img .num {
    padding: 5px;
    font-size: 30px;
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #59a602), color-stop(50%, transparent));
    background: linear-gradient(to bottom right, #59a602 50%, transparent 50%);
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

.list-square li {
    padding-left: 1.5em;
    font-size: 20px;
    position: relative;
}

.list-square li+li {
    margin-top: 15px;
}

.list-square li::before {
    content: "■";
    display: inline-block;
    color: #735a42;
    position: absolute;
    top: 0;
    left: 0;
}

.list-02-box {
    padding: 20px;
    border: 10px solid #f4f2e6;
    background-color: white;
}

.list-03 li {
    padding: 30px;
    border-radius: 15px;
    background-color: #f4f2e6;
}

.list-04 dt {
    font-weight: bold;
}

.list-04 dd {
    margin-top: 10px;
    padding-left: 1em;
}

.list-05 dt {
    padding-left: 1.8em;
    font-size: 20px;
    color: #59a602;
    position: relative;
}

.list-05 dt .num {
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.list-05 dd {
    margin-top: 5px;
    padding: 10px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    border: 1px solid #735a42;
    border-radius: 10px;
    background-color: white;
}

.list-06 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px solid #99876a;
}

.list-06 dt,
.list-06 dd {
    padding: 5px;
}

.list-06 dt {
    width: 20%;
    font-weight: bold;
    font-size: 18px;
    color: #59a602;
}

.list-06 dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}

.list-voice .block-cont {
    float: right;
}

.list-voice .block-cont2 {
    
    margin-top: 10px;
    font-size: 12px;
}

@media (max-width: 1024px) {
    .list-check li {
        padding-left: 1.5em;
        font-size: 18px;
    }

    .list-check li::before {
        font-size: 20px;
    }

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

    .list-square li {
        padding-left: 1.5em;
        font-size: 18px;
    }

    .list-square li::before {
        font-size: 20px;
    }

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

    .list-01 li .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }

    .list-01 li .block .img {
        width: 30%;
    }

    .list-01 li .block .item {
        width: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 10px;
    }

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

    .list-06 dt {
        width: 30%;
    }

    .list-voice .title-04 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

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

    .list-check li::before {
        font-size: 18px;
    }

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

    .list-square li::before {
        font-size: 18px;
    }

    .list-voice li .parallel {
        display: block;
    }

    /* .list-voice li .title-04 {
        margin-bottom: 0;
        font-weight: bold;
        font-size: 14px;
        color: #735a42;
        background-color: transparent;
    }
     */
    .list-voice .block-cont {
        float: none;
        font-weight: bold;
        font-size: 12px;
    }

    .list-voice .block-cont2 {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        float: none;
        margin-top: 0;
        font-size: 10px;
    }

    .list-voice .title-04 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .list-02-box {
        padding: 10px;
        border: 5px solid #f4f2e6;
    }

    .list-03 li {
        padding: 20px 10px;
        border-radius: 10px;
    }

    .list-05 dt {
        font-size: 16px;
    }

    .list-05 dd {
        border-radius: 5px;
    }

    .list-06 dt,
    .list-06 dd {
        width: 100%;
    }
}

/* button */
.btn-box {
    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;
}

.btn-reserve {
    width: 300px;
    max-width: 48%;
    margin: 1%;
}

.btn-reserve a,
.btn-reserve button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: white;
    text-align: center;
    border-radius: 5px;
}

.btn-reserve a::before,
.btn-reserve button::before {
    display: inline-block;
    margin: 0 5px;
    font-weight: 900;
    font-size: 120%;
}

.btn-reserve.-line a,
.btn-reserve.-line button {
    border: 1px solid #01a149;
    background-color: #01a149;
}

.btn-reserve.-line a:hover,
.btn-reserve.-line button:hover {
    color: #01a149;
    background-color: white;
    opacity: 1;
}

.btn-reserve.-line a::before,
.btn-reserve.-line button::before {
    content: "\f3c0";
    font-family: "Font Awesome 5 Brands";
}

.btn-reserve.-web a,
.btn-reserve.-web button {
    border: 1px solid #c2272d;
    background-color: #c2272d;
}

.btn-reserve.-web a:hover,
.btn-reserve.-web button:hover {
    color: #c2272d;
    background-color: white;
    opacity: 1;
}

.btn-reserve.-web a::before,
.btn-reserve.-web button::before {
    content: "\f274";
    font-family: "Font Awesome 5 Free";
}

.btn-01 {
    width: 220px;
    min-height: 40px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.btn-01 a,
.btn-01 button {
    width: 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;
    padding: 10px 30px;
    font-size: 18px;
    color: #99876a;
    letter-spacing: 2px;
    text-align: center;
    border: 1px solid #99876a;
    background-color: transparent;
    position: relative;
}

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

.btn-01 a:hover,
.btn-01 button:hover {
    color: white;
    background-color: #99876a;
    opacity: 1;
}

.btn-02 a,
.btn-02 button {
    padding-left: 1.5em;
    font-weight: bold;
    font-size: 24px;
    color: #99876a;
    letter-spacing: 2px;
    position: relative;
}

.btn-02 a::before,
.btn-02 button::before {
    content: "\f061";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

[class^="btn"].-back a::after,
[class^="btn"].-back button::after {
    content: "\f060";
    left: 5px;
    right: auto;
}

/* header */
header {
    background-color: white;
}

.header-content {
    width: 1200px;
    max-width: 98%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.header-block-logo {
    width: 250px;
}

.header-block-info {
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header-item-contact .address {
    font-size: 12px;
    text-align: right;
}

.header-item-table {
    margin-left: 15px;
}

@media (max-width: 1024px) {
    header {
        padding-bottom: 0 !important;
    }

    .header-content {
        margin-top: 20px;
        padding: 5px;
    }
}

@media (max-width: 599px) {
    .header-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
    }

    .header-block-logo .logo {
        margin-left: auto;
        margin-right: auto;
    }

    .header-block-info {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* nav */
nav {
    width: 100%;
}

nav.fixed {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}

.nav-inner {
    width: 1300px;
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
}

.nav-header {
    display: none;
}

.nav-heading {
    padding: 5px;
    font-size: 10px;
}

.nav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
}

.dropdown-box {
    border-radius: 5px;
}

.dropdown-box-list li+li {
    margin-top: 15px;
}

@media (max-width: 1024px) {
    nav {
        width: 65%;
        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;
        padding-bottom: 80px;
        background-image: url(/import/tenant_1/160.16.239.137/html/images/common/bg_001.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    nav.fixed {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        left: auto;
    }

    .nav-inner {
        max-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;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 10px;
    }

    .nav-header {
        width: 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;
    }

    .nav-header .tel-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        align-items: baseline;
        -ms-flex-align: baseline;
    }

    .nav-list {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0;
    }

    .nav-list li+li {
        border-left: none;
    }

    .dropdown-box {
        width: 95%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: 0;
        background-color: #d1e5ba;
    }

    .dropdown-box::before {
        display: inline-block;
        margin-left: 2em;
        border-color: transparent transparent #d1e5ba transparent;
    }

    .dropdown-menu {
        overflow: visible;
    }

    .active nav.fixed {
        -webkit-box-shadow: -2px 0px 15px -5px #000;
        box-shadow: -2px 0px 15px -5px #000;
    }
}

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

    .dropdown-box-list li+li {
        margin-top: 5px;
    }

    .hamburger {
        top: 10px;
        left: -40px;
    }
}

/* footer */
.fixed-content {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: fixed;
    top: 50%;
    /* right: -1px; */
    z-index: 5;
}

.fixed-btn+.fixed-btn {
    margin-top: 15px;
}

.fixed-btn a {
    display: block;
    padding: 10px 30px;
    color: white;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.fixed-btn a::before {
    display: inline-block;
    margin: 0 5px;
    font-weight: 900;
    font-size: 120%;
}

.fixed-btn.-web a::before {
    content: "\f274";
    font-family: "Font Awesome 5 Free";
}

.fixed-btn.-line a::before {
    content: "\f3c0";
    font-family: "Font Awesome 5 Brands";
}

.fixed-btn.-tel a::before {
    content: "\f3cd";
    font-family: "Font Awesome 5 free";
}

.scrolled .fixed-content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 80px;
}

.type-a .-web a {
    border: 1px solid #735a42;
    background-color: #735a42;
}

.type-a .-web a:hover {
    color: #735a42;
    background-color: white;
    opacity: 1;
}

.type-a .-line a {
    border: 1px solid #59a602;
    background-color: #59a602;
}

.type-a .-line a:hover {
    color: #59a602;
    background-color: white;
    opacity: 1;
}

.type-a .-tel a {
    border: 1px solid #ff8c00;
    background-color: #ff8c00;
}

.type-a .-tel a:hover {
    color: #ff8c00;
    background-color: white;
    opacity: 1;
}

.type-b .-web a {
    border: 1px solid #ff8c00;
    background-color: #ff8c00;
}

.type-b .-web a:hover {
    color: #ff8c00;
    background-color: white;
    opacity: 1;
}

.type-b .-line a {
    color: #59a602;
    border: 1px solid #59a602;
    background-color: white;
}

.type-b .-line a:hover {
    color: white;
    background-color: #59a602;
    opacity: 1;
}

.type-b .-tel a {
    border: 1px solid #735a42;
    background-color: #735a42;
}

.type-b .-tel a:hover {
    color: #735a42;
    background-color: white;
    opacity: 1;
}

footer {
    background-image: url(/import/tenant_1/160.16.239.137/html/images/common/bg_004.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #99876a;
}

.footer-content {
    padding: 50px;
}

.list-footer {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.list-footer li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.list-footer li a {
    color: white;
}

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

.copy {
    padding: 10px;
    font-size: 12px;
    color: white;
    text-align: center;
}

@media (max-width: 1024px) {
    .fixed-content {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 25%;
    }

    .scrolled .fixed-content {
        top: 15px;
    }

    .list-footer {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 599px) {
    .fixed-content {
        width: 100%;
        -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: auto;
        bottom: 0;
    }

    .fixed-btn {
        width: calc(100% / 3);
    }

    .fixed-btn+.fixed-btn {
        margin-top: 0;
    }

    .fixed-btn a {
        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;
        font-size: 12px;
        text-align: center;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fixed-btn-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .scrolled .fixed-content {
        top: auto;
    }

    .footer-content {
        padding: 30px 10px;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

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

    .copy {
        padding-bottom: 70px;
        font-size: 10px;
    }
}

/* hero section */
.hero-section {
    position: relative;
}

.hero-section-content {
    margin: auto;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 1;
}

.hero-section-content .block {
    color: #59a602;
    letter-spacing: 0.4vw;
    text-shadow: 1px 1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px -1px 0 white, 0 1px 0 white, 0 -1px 0px white, -1px 0 0 white, 1px 0 0 white;
}

.hero-section-title {
    font-size: 3.8vw;
}

.hero-section-title-sub {
    font-size: 2.8vw;
}

.list-mv {
    width: 50%;
    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;
}

.list-mv li {
    width: 30%;
    margin: 1%;
}

.list-mv li .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;
    border: 2px solid #59a602;
    border-radius: 100%;
    background-color: white;
    position: absolute !important;
}

.hero-section-catch {
    width: 100%;
    padding: 10px;
    font-size: 28px;
    color: #59a602;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

/* .hero-section-news {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
} */

.hero-section-news .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 30px 10px;
}

.hero-section-news .box .title-02 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hero-section-news .box .list-cc-01 {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 50px;
}

.hero-section-news .box [class^="btn"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.hero-section.-lower .hero-section-img {
    display: block;
    position: relative;
}

.hero-section.-lower .hero-section-img::after {
    content: "";
    display: block;
    padding-top: 30%;
}
.voice .hero-section.-lower .hero-section-img::after {
  padding-top: 52%;
}

.hero-section.-lower .hero-section-img img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.hero-section.-lower .hero-section-content .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-section.-lower .hero-section-title {
    font-size: 2.5vw;
    border-bottom: 1px solid #59a602;
}

@media (max-width: 1024px) {
    .hero-section-catch {
        font-size: 3vw;
    }

    .list-mv {
        width: 60%;
    }

    .hero-section-title {
        font-size: 6vw;
    }

    .hero-section-title-sub {
        font-size: 4.2vw;
    }

    .hero-section-news .box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

    .hero-section-news .box .list-cc-01 {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 10px 0 0;
    }

    .hero-section.-lower .hero-section-img::after {
        padding-top: 45%;
    }

    .hero-section.-lower .hero-section-title {
        font-size: 4vw;
    }
}

@media (max-width: 599px) {
    .hero-section-catch {
        font-size: 3.5vw;
    }

    .hero-section-content {
        bottom: 20px;
    }

    .list-mv {
        width: 80%;
    }

    .hero-section-title {
        font-size: 10vw;
    }

    .hero-section-title-sub {
        font-size: 4.5vw;
    }

    .hero-section-news {
        background-color: #f4f2e6;
        position: static;
    }

    .hero-section-news .box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
    }

    .hero-section-news .box .list-cc-01 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 10px 0;
    }

    .hero-section.-lower .hero-section-img::after {
        padding-top: 60%;
    }

    .hero-section.-lower .hero-section-title {
        font-size: 6vw;
    }
}

/* custom contents */
.date {
    color: #99876a;
}

.list-cc-01 li dl dd {
    margin-left: 30px;
}

.list-cc-03 .balloon-02-wrap {
    margin-bottom: 30px;
    padding: 10px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    border: 3px solid #99876a;
    background-color: white;
    position: relative;
}

.list-cc-03 .balloon-02-wrap::before,
.list-cc-03 .balloon-02-wrap::after {
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
}

.list-cc-03 .balloon-02-wrap::before {
    margin-top: 0px;
    margin-left: -25px;
    border-color: transparent;
    border-top-width: 23px;
    border-top-color: #99876a;
    border-bottom-width: 23px;
    border-left-width: 25px;
    border-right-width: 25px;
}

.list-cc-03 .balloon-02-wrap::after {
    margin-left: -20px;
    border-color: transparent;
    border-top-width: 18px;
    border-top-color: white;
    border-bottom-width: 18px;
    border-left-width: 20px;
    border-right-width: 20px;
}

.list-cc-04 li {
    padding: 20px 10px;
    border: 1px solid #99876a;
    border-radius: 10px;
}

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

.cc-content {
    width: 70%;
}

.cc-side {
    width: 25%;
}

.cc-side-title {
    margin-bottom: 15px;
    padding: 10px;
    color: white;
    text-align: center;
    background-color: #735a42;
}

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

.cc-side-list li a {
    padding: 5px 5px 5px 20px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
}

.cc-side-list li a::before {
    content: "\f0da";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    top: 5px;
    left: 5px;
}

.cc-detail-info {
    margin-bottom: 30px;
}

.cc-detail-title {
    padding: 5px;
    font-weight: bold;
    font-size: 24px;
    color: #99876a;
    border-bottom: 1px solid #99876a;
}

.cc-detail-text {
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cc-detail-text h2 {
    margin: 30px 0;
    padding-left: 5px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 22px;
    color: #99876a;
    border-left: 5px solid #99876a;
}

.cc-detail-text h3 {
    margin: 25px 0;
    padding-left: 5px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #99876a;
    border-left: 5px solid #99876a;
}

.cc-detail-text h4 {
    margin: 20px 0;
    padding-left: 5px;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #99876a;
    border-left: 5px solid #99876a;
}

.recommend {
    margin-top: 80px;
}

@media (max-width: 1024px) {
    .list-cc-02 li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .list-cc-02 li a .img {
        width: 35%;
    }

    .list-cc-02 li a .cc-block-02 {
        width: 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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 10px;
    }

    .list-cc-03 li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start;
    }

    .list-cc-03 li a .balloon-02-wrap {
        width: 50%;
        margin-top: 20px;
        margin-bottom: 0;
        margin-right: 40px;
    }

    .list-cc-03 li a .balloon-02-wrap::before,
    .list-cc-03 li a .balloon-02-wrap::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 5px;
        left: auto;
        right: -48px;
    }

    .list-cc-03 li a .balloon-02-wrap::after {
        top: 10px;
        right: -38px;
    }

    .list-cc-03 li a .cc-block-02 {
        width: 10%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .cc-content {
        width: 100%;
    }

    .cc-side {
        width: 100%;
        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;
        margin-top: 50px;
    }

    .cc-side-box {
        width: 48%;
    }
}

@media (max-width: 599px) {
    .list-cc-02 li a .img {
        width: 25%;
    }

    .list-cc-03 li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .list-cc-03 li a .balloon-02-wrap {
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .list-cc-03 li a .balloon-02-wrap::before,
    .list-cc-03 li a .balloon-02-wrap::after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 100%;
        left: 50%;
        right: auto;
    }

    .list-cc-03 li a .cc-block-02 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .cc-detail-title {
        font-size: 20px;
    }

    .cc-side-box {
        width: 100%;
    }
}

/* 見たまま編集 */
[data-element-id] nav {
    overflow: visible;
}

[data-element-id] nav {
    position: relative;
}

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

[data-element-id] .dropdown-menu .dropdown-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: auto;
    right: 0;
}

[data-element-id] .fixed-content {
    position: absolute;
    top: auto;
    bottom: 30px;
}

[data-element-id] .loop-slide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-element-id] .loop-slide-box {
    width: 80%;
    margin: 20px auto;
    border: 1px solid darkolivegreen;
    -webkit-animation: none;
    animation: none;
    position: relative;
}

[data-element-id] .loop-slide-box::before {
    content: "スライド";
    width: 100%;
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
    text-align: center;
    background-color: darkolivegreen;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .nav-header {
    max-width: 400px;
    display: block;
    margin: 15px auto;
    border: 1px solid darkolivegreen;
}

[data-element-id] .nav-header::before {
    content: "モバイルのみ表示";
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
    text-align: center;
    text-align: center;
    background-color: darkolivegreen;
}

[data-element-id] .header-item-contact .address {
    text-align: center;
}

[data-element-id] .nav-header .logo {
    margin-left: auto;
    margin-right: auto;
}

[data-element-id] .nav-header .tel-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

[data-element-id] .tel2-num {
    display: inline-block;
}

[data-element-id] .tel2-num::before {
    content: "「電話をかける」の電話番号です";
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
    text-align: center;
    text-align: center;
    background-color: darkolivegreen;
}

[data-element-id] .bnr-03 a {
    padding: 70px;
}

[data-element-id] .bnr-03-title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}


/* 2021.12.28 */

.sekkotsu01{
  margin-top: 10px;
}

@media (max-width: 599px) {
.sp_none {
  display: none;
}
.logo a {
  padding: 0 0 3px 0;
}
.header-item-table {
  margin-left: 0;
}
.hero-section-catch {
  padding: 5px 10px;
}
.sekkotsu01{
  margin-top: 3px;
}
}



/* 2022.01.06 */

.ryoukin01{
  color: #FF0000;
  text-align: left !important;
  padding-left: 5px !important;
  margin-top: 8px;
}

.ryoukin02{
  max-width: 850px !important;
}

.ryoukin03{
  max-width: 800px !important;
}

.ryoukin04{
  font-size: 17px !important;
  color: #FF0000;
  font-weight: bold;
}

.ryoukin05{
  margin-top: 10px !important;
}

.ryoukin011{
  display: none;
}

.ryoukin16{
  font-size: 20px;
}

/* @media (max-width: 1024px) {
.ryoukin03 {
    max-width: 700px !important;
}
} */



@media (max-width: 599px) {
  
.ryoukin01{
  font-size: 21px !important;
}
  
.ryoukin03 {
    max-width: 317px !important;
}

.ryoukin05{
  width: 75% !important;
  font-size: 25px !important;
}
  
.ryoukin06{
 justify-content: space-around!important;
}

.ryoukin07{
  width: 90% !important;
}

.ryoukin08{
  font-size: 13px !important;
  }
  
.ryoukin09{
    width: 45% !important;
    margin-top: 25px;
  }
  
 .ryoukin011{
    display: block;
    width: 197%;
    font-weight: bold;
  }
  
.ryoukin012{
    display: none;
}

.ryoukin013{
  width: 47%;
}

.ryoukin014{
  width: 100% !important;
  font-weight: bold;
}

.ryoukin16{
  font-size: 16px!important;
}
}




.list-mv li .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;
    border: 2px solid rgb(152, 0, 0);
    border-radius: 100%;
    background-color: white;
    position: absolute !important;
}


/* 2022.02.07 */

.shoujoubetsu01{
  margin-top: 30px;
}

.itsutsunoriyu{
  width: 80%;
  margin: auto;
 margin-top: 20px;
}

.mainvisu01{
  height: 780px !important;
}


.pb-0{
  padding-bottom: 0px !important;
}

.youtube01{
  width: 70%;
  margin: auto;
  margin-top: 70px;
  height: 24rem;
}

/* 0308 追記 */

@media only screen and (min-width: 1025px){
  .pc-size{
 width: 200px !important; 
}  
}

@media only screen and (max-width: 1024px){
    .pc-size{
 width: 150px !important; 
}    
}

@media only screen and (max-width: 599px){
    .pc-size{
 width: 100px !important; 
}  

.youtube01 {
    width: 70%;
    margin: auto;
    margin-top: 70px;
    height: 11rem;
}
}

.pti-0{
  padding-top: 0px !important;
}

.benner-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 94%;
    margin: auto;
}
.w33-benner {
    width: 30%;
}

.w33-benner:nth-of-type(2){
 position: relative;
    right: -5px;  
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
.benner-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    margin: auto;
}

.w33-benner {
    width: 45%;
    margin: 10px auto 10px;
}
}

@media only screen and (max-width: 599px){
.benner-flex {
    flex-direction: column;
    position: relative;
    left: -3px;
}
  
.w33-benner {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
}

.w33-benner:last-of-type{
  margin-bottom: 0px;
}

.w33-benner:nth-of-type(2) {
    position: relative;
    right: 0px;
    width: 99%;
}

.w33-benner:last-of-type {
    margin-bottom: 0px;
    width: 102%;
    position: relative;
    left: -2px;
}
}

.my-25{
  margin: 25px 0;
}

.feature ul {
  display: flex;
  flex-wrap: wrap;
}

.feature ul li {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
}

.feature ul li .img {
  width: 30%;
}

.feature ul li .text {
  width: 68%;
  margin-left: 2%;
}

.feature ul li h3 {
  font-size: 20px;
  color: #99876a;
}

@media only screen and (max-width: 599px){
  .feature ul li {
    display: block;
  }
  
  .feature ul li .img {
    width: 100%;
  }
  
  .feature ul li .text {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}
/*****よくある質問*****/
.qa-list dl {
    position: relative;
    margin: 30px 0 0;
    cursor: pointer;
    border: 1px solid #DDD;
}
.qa-list dl:first-child {
  margin-top: 0;
}

.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
    font-weight: bold;
    background: #f4f2e6;
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #99876a;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #99876a;
}
.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

@media screen and (max-width: 767px) {
 .qa-list dl {
    margin: 10px 0 0;
}
.qa-list dl:after {
    top: 20px;
    right: 20px;
    width: 7px;
    height: 7px;
}
.qa-list dl dt {
    padding: 16px 16px 16px 50px;
    font-size: 14px;
}
.qa-list dl dt::before {
    font-size: 14px;
    top: 20px;
    left: 20px;
}
.qa-list dl dd::before {
    font-size: 14px;
    left: 20px;
    margin-top: 5px;
}
.qa-list dl dd {
    margin: 0;
    padding: 16px 16px 16px 50px;
    font-size: 14px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}
}


/* 2022.05.26 */

.toinhe01{
  font-size: 22px;
    text-align: center;
}

.kotsujikoinner01{
  max-width: 1100px;
}


@media only screen and (max-width: 599px){
.kotsujiko01{
width: 96%;
    margin: auto;
    font-size: 15px;
    margin-bottom: 16px;
}
  
  .toinhe01 {
    font-size: 20px;
    text-align: center;
    width: 80%;
    margin: auto;
}
}



/* 2022.06.02 */

.dnomidashi{
  max-width: 1200px;
    width: 98%;
   margin: 25px auto 30px;
}

.dnomidashi p {
  font-size: 40px;
  border: solid 5px #ff8c00;
  text-align: center;
  padding: 20px 10px;
  font-weight: bold;
}

.shojop03tsu{
  color: #ff8c00;
}

.tokka01 {
  font-size: 40px;
  width: 86%;
  margin-bottom: 50px;
  margin-left: 40px;
  margin-top: 35px;
  font-weight: bold;
}

.topdnosec01{
  width: 62%;
  position: relative;
  margin-top: 80px;
  margin-left: 40px;
}

.dno3togazo{
  width: 98%;
  display: flex;
  margin: auto;
  max-width: 1230px;
}

.tokka03{
  color: #ff8c00;
}

.dnopoint {
    color: #fff !important;
    font-weight: bold;
    width: 140px !important;
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    text-align: center;
    background: #ff8c00;
    font-size: 20px;
    margin: 2% !important;
}

.point03d {
  width: 93%;
  justify-content: flex-start;
  margin: auto;
}

.dgazodayo{
  width: 35%;
  margin-right: 50px;
  position: relative;
}

.dnoincho{
  width: 100%;
}

.inchoshimei{
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin-left: 100px;
  margin-top: 5px;
  margin-bottom: 8px;
}

.shibire01{
  width: 467px;
  margin: auto;
  font-size: 50px;
  text-decoration: underline 3px #fbc736;
  /* border-bottom-style: solid; */
  border-width: 3px;
  text-decoration-color: #fbc736;
}


@media only screen and (max-width: 1024px){
  .dnomidashi {
    max-width: 790px;
    width: 78%;
    margin: 25px auto 30px;
}
  
  .dno3togazo {
    width: 100%;
    display: flex;
    margin: auto;
    max-width: 810px;
}
  
  .topdnosec01 {
    width: 63%;
    position: relative;
    margin-top: 40px;
    margin-left: 10px;
}
  
  .tokka01 {
    font-size: 28px;
    width: 90%;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-top: 48px;
}
  
  .point03d {
    width: 99%;
    justify-content: flex-start;
    margin: auto;
}

.dgazodayo {
    width: 35%;
    margin-right: 45px;
}

.inchoshimei {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-left: 45px;
    margin-top: 20px;
    margin-bottom: 8px;
}

.dnopoint {
    color: #fff !important;
    font-weight: bold;
    width: 140px;
    height: 140px;
    line-height: 140px;
    border-radius: 50%;
    text-align: center;
    background: #ff8c00;
    font-size: 18px;
    margin: 1% !important;
}
}


@media only screen and (max-width: 599px){
  
  .dnomidashi {
    max-width: 790px;
    width: 95%;
    margin: 25px auto 20px;
}

.dnomidashi p {
    font-size: 23px;
    border: solid 5px #ff8c00;
    text-align: center;
    padding: 11px 6px;
    font-weight: bold;
}
.dnomidashi p.sp-fs21 {
  font-size: 21px !important;
}

.topdnosec01 {
    /*width: 83%;*/
        width: 65%;
    position: relative;
    margin-top: 20px;
    margin-left: 1px;
    margin-bottom: 10px;
}

.tokka01 {
    font-size: 20px;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 6px;
    margin-top: 0px;
}

.dgazodayo {
    width: 35%;
    margin-right: 1px;
}

.dnopoint {
    color: #fff !important;
    font-weight: bold;
    width: 98px !important;
    height: 98px;
    line-height: 100px;
    border-radius: 50%;
    text-align: center;
    background: #ff8c00;
    font-size: 14px;
    margin: 1% !important;
}

.inchoshimei {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 15px;
    margin-bottom: 8px;
}

.dgazodayo {
    width: 38%;
    margin-right: 1px;
    /*margin-top: -70px;*/
}

.shibire01 {
    width:100%;
    margin: 0 5px 20px;
    font-size: 24px;
    text-decoration: underline 3px ;
  /* border-bottom-style: solid; */
  border-width: 3px;
  text-decoration-color: #fbc736 !important;
}



/* .shibire01 {
    width: 467px;
    margin: auto;
    font-size: 24px;
    text-decoration: underline 3px #fbc736;
    border-bottom-style: solid;
    border-width: 3px;
    text-decoration-color: #fbc736 !important;
    text-decoration: underline;
} */

.point03d {
    width: 135% !important;
    justify-content: space-between !important;
    margin-left: 20px;
    padding-top: 25px;
}
.point03dkotsujiko {
    width: 130% !important;
    justify-content: space-between !important;
    margin-left: 20px;
    padding-top: 50px;
}
}

/* 2022.07.04 */
.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

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

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

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

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

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

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

@media (max-width: 599px) {
  .dgazodayo {
    width: 35%;
    margin-right: 1px;
   /* margin-top: -70px;*/
  
}
    .show\@sp {
        display: block;
    
    }

    .hide\@sp {
        display: none;
    }
    .kotsujiko{
          width: 35%;
    margin-right: 1px;
    }
    
 .shibire02{
        font-size: 24px !important;
    margin: 0 5px 20px;
    width: 100%;
    text-decoration: underline;
    text-decoration-color: #fbc736;
  /* border-width: 3px;
  text-decoration-color: #fbc736;
  border: none !important; */
 }
}


/* 2022.07.05 */

.shibire01 {
    width:55%;
    margin: auto;
    font-size: 50px;
    /* text-decoration: underline 3px #fbc736; */
    /* border-bottom-style: solid; */
    border-width: 3px;
    text-decoration-color: #fbc736 !important;
    text-decoration: underline;
}

@media (max-width: 599px) {
 .shibire01 {
   font-size:22px;
   margin: 0 5px 20px;
  width: 100%;
}

.r{
  display: inline-block;
}
  .r{
  display: block;
}
}

.point03dkotsujiko {
  width: 93%;
  justify-content: flex-start;
  margin: auto;
}

@media only screen and (max-width: 1024px){
  .point03dkotsujiko {
    width: 99%;
    justify-content: flex-start;
    margin-left: 20px;
  
}

}
/* 2022.07.08 */
@media (max-width: 599px) {
  .dgazodayo {
  margin-top:0;
  }
}

@media only screen and (max-width: 599px){
  .point03dkotsujiko {
    width: 135% !important;
    justify-content: space-between !important;
    margin-left: 20px;
    padding-top: 50px;
}
}
.yellow{
  background-color: rgb(255, 255, 0);
}
.taisho{
  font-size: 36px;
}
.taishonaiyou{
  font-size: 22px; 
  color: rgb(127, 96, 0);
}
.brown{
color: rgb(127, 96, 0)  
}


@media only screen and (max-width: 599px){
.sekichutaisho{
  flex-direction: column-reverse !important;
}
}

.bgc-white{
      background-color: white;
}
.pdb80{
  padding-bottom: 80px;
}

.pti-0{
  padding-top: 0px !important;
}

.flex{
  display: flex;
}


.staff-page .area-13 .inner.flex{
  display: flex;
}

.staff-page .area-13 .inner.flex .content-left{
  flex: 1;
}

.staff-page .area-13 .inner.flex .content-left .img {
    width: 360px;
    margin: auto;
    margin-bottom: 25px;
}

.staff-page .area-13 .inner.flex .content-left .title-01{
  font-size: 32px;
}

.staff-page .content-right{
  flex: 1;
}

@media only screen and (max-width: 599px){
  .staff-page .area-13 .inner.flex {
    display: flex;
    flex-direction: column;
}

.staff-page .area-13 .inner.flex .content-left .img {
    width: 300px;
    margin: auto;
    margin-bottom: 25px;
}
.staff-page .content-right {
    flex: 1;
    margin-left: 50px;
}

.staff-page .content-right ul{
  margin-top: 25px !important;
}

}



.staff-page .area-14 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.staff-page .area-14 .staff-img {
    display: block;
    width: 40%;
    height: auto;
}

.staff-page .area-14 .box {
  width: 48%;
}

.staff-page .area-14 .box li:not(:last-of-type){
  margin-bottom: 20px;
}

.staff-page .area-14 .box span{
  font-weight: bolder;
}

@media only screen and (max-width: 599px){
  .staff-page .area-14 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.staff-page .area-14 .box {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.staff-page .area-14 .staff-img {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
}

.staff-page .area-13 .inner.flex .content-left .title-01 {
    font-size: 26px;
}
}


/* 2022.09.01 */

.gaiyou01{
  padding-top:20px;
}


@media only screen and (max-width: 599px){
.gaiyou01 {
    padding-top: 1px;
}

.gaiyou02{
  margin-bottom: 0 !important;
}

.gaiyou02 h2{
  margin-bottom: 10px !important;
}

.staff-02{
  margin-left: 10px !important;
}

.gaiyou03{
  padding-bottom: 0px !important;
}
}

/* 2022.10.18 */

.slide04mai{
  margin: 40px auto 20px;
}

.kochira01{
  margin-top: 30px;
}

.morebtn01{
  padding-bottom: 50px;
}

.fs36 {
  font-size: 36px;
}

@media only screen and (max-width: 599px){
  .fs36 {
    font-size: 22px;
  }
}


/* 11/17追記 */
@media only screen and (min-width: 1025px){

.mw1000{
  max-width: 1000px;
}
.wd100{
  width: 100%;
}
.w50-benner {
    width: 50%!important;
}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
.w50-benner {
width: 45%;
    margin: 10px auto 10px;
}
}


/* 2023/2/2追記 */
.bc-orange {
    text-decoration-color: #fbc736;
}

/* 2023/04/26 */
@media (max-width:599px) {
  .point03d {
    padding-top: 0px;
    margin-bottom: -15px;
  }
  .topdnosec01 {
    margin-bottom: 0;
  }
  .point03dkotsujiko {
    padding-top: 0px;
    margin-bottom: -15px;
  }
  .point03dkotsujiko.point03dkotsujiko2 {
    padding-top: 20px;
    margin-bottom: -15px;
  }
  .tokka01 {
    margin-bottom: 18px;
  }
  .tokka.tokka01 {
    margin-bottom: 0px;
  }
}


/* 2023.05.26 */

.hizagenin{
  background: #fff;
}

.hizataisho{
  background-color: #f4f2e6;
}
.pt0 {
  padding-top: 0;
}

.pb0 {
  padding-bottom: 0;
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}


.kotsujikocheck{
  display: flex;
  max-width: 1000px;
    margin: auto;
    width: 75%;
}


.kotsujikocheck img{
  width: 30px;
  margin-right: 5px;
}

.kotsujikocheck p{
  font-size: 22px;
}

.muchiuchip{
  font-size: 48px;
    margin-left: 0;
    font-weight: 600;
    color: #FF8C00;
    background: -webkit-linear-gradient(79deg, #ff0f0f, #ff8b14, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.muchiuchip02{
  font-size: 90px;
    text-align: center;
    margin-left: 0;
    font-weight: 600;
    color: #FF8C00;
    background: -webkit-linear-gradient(79deg, #ff0f0f, #ff8b14, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.kotsujikotxt{
  width: 70%;
}

.kotsujikobox{
  display: flex;
    justify-content: space-between;
    max-width: 1200px;
   margin: 50px auto 0;
}

.itoimg{
  width: 30%;
}

.jikomuchi{
  width: 87%;
    position: relative;
    margin-top: 80px;
    margin-left: 40px;
}

.jikocircle{
  justify-content: space-around;
    width: 80%;
}



@media only screen and (max-width: 1024px){
.muchiuchip {
    font-size: 34px;
}

.jikocircle {
    justify-content: space-around;
    width: 100%;
}

.kotsujikobox {
    max-width: 800px;
}

.muchiuchip02 {
    font-size: 80px;
}
}



@media (max-width:599px) {
.kotsujikocheck {
    display: flex;
    max-width: 390px;
    margin: auto;
    width: 100%;
}

.kotsujikocheck p {
    font-size: 16px;
}

.check03{
  margin-bottom: 20px;
}

.kotsujikobox {
    max-width: 390px;
    display: block;
    margin: 30px auto 30px;
}

.kotsujikotxt {
    width: 100%;
}

.kotsujikocheck {
    margin: auto;
    width: 87%;
}

.jikosection{
  max-width: 360px !important;
}

.jikomuchi {
    width: 100%;
    position: relative;
    margin: 40px auto 30px;
}

.muchiuchip {
    font-size: 24px;
}

.muchiuchip02 {
    font-size: 60px;
}

.jikocircle{
  width: 100%!important;
    margin: auto !important;
}

.jikomaru03{
  width: 98px;
    height: 98px;
    line-height: 104px;
}

.itoimg {
    width: 97%;
    margin: 0 auto 40px;
}

.namep01{
  font-size: 14px;
    text-align: center;
}
}

@media only screen and (min-width: 600px){
    .hero-section.sp-none{
  display: block !important; 
}

  .hero-section.pc-none{
  display: none !important; 
}
}

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

  .hero-section.pc-none{
  display: block !important; 
}

.hero-section.pc-none .kotsujikocheck img{
  width: 20px;
    margin-right: 5px;
    height: 20px;
}

.hero-section.pc-none .kotsujikotxt{
      flex: 2;
}

.hero-section.pc-none .kotsujikotxt p{
      font-size: 11px;
    white-space: nowrap;
}

.hero-section.pc-none .kotsujikocheck {
    margin: auto;
    width: 87%;
    margin-left: 0;
}

.hero-section.pc-none .jikomuchi {
    width: 100%;
    position: relative;
    margin: 40px auto 0px;
}

.hero-section.pc-none .muchiuchip {
    font-size: 18px;
}

.hero-section.pc-none .flex-box{

    display: flex;
    justify-content: space-between;
    align-items: center;

}

.hero-section.pc-none .muchiuchip02 {
    font-size: 24px;
}

.hero-section.pc-none .kotsujiko.itoimg{
      margin-bottom: 0px;
    flex: 1;
}

.hero-section.pc-none .namep01 {
    font-size: 11px;
    text-align: center;
    margin-right: 8px;
}


.hero-section.pc-none .point03dkotsujiko.point03dkotsujiko2 {
    padding-top: 10px;
    margin-bottom: -15px;
    margin-top: 0px !important;
}

.kotsujikobox{
  max-width: 790px;
    width: 95%;
    margin-bottom: 0;
}

.muchitxtsp01{
  font-size: 16px !important;
}

.muchitxtsp02{
  font-size:20px !important;
}

.jikomaru0103{
  max-width: 790px;
    width: 95% !important;
    padding-bottom: 20px;
}

.jikoinchoimg{
  margin-right: -15px;
}

.jikoinchoimg img{
  width: 90%;
}

.kotsujikotxt{
  margin-top: -44px;
}

.kotsujikocheck{
  margin-bottom: 15px !important;
}

.kotsujikocheck img {
    width: 20px;
    margin-right: 1px !important;
    height: 18px;
    margin-left: -4px;
}

.kotsujikotxt p {
    font-size: 13px !important;
}

.sportbox{
  margin-top: 48px;
}

.sportboxul{
  margin-top: 40px;
}

}

/* 0911 追記 */

.pti-0{
  padding-top: 0px !important;
}

.shokai-p{
  font-size: 16px !important;
}

.gentei-p{
  font-size: 22px;
}

.tsu-jo{
  font-size: 14px;
}

.prace-box01{
  margin-top: 0px !important;
}

.ryoukin07-02{
  font-size: 20px !important;
}

.can-prace{
      font-size: 14px !important;
}

.pra-af02{
  font-size: 30px !important;
}

.pra-box02{
  max-width: 470px !important;
  justify-content: center !important;
}

.befo-pra01::before {
  width: 15px !important;
    height: 60% !important;
}

.befo-pra01{
  width: 44% !important;
}

.af-pra02{
  width: 44% !important;
}

.hosho-flex{
  width: 48% !important;
}

.coupon-flex{
  width: 52% !important;
}

.hosho-flex img{
  height: 220px;
}


@media only screen and (max-width: 1024px){
.befo-pra01 {
    width: 41% !important;
}

.can-af02{
  width: 33%;
}

.pra-box02 {
    max-width: 360px !important;
    justify-content: space-between;
}

.befo-pra01 {
    width: 35% !important;
}
}

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

.hosho-flex {
    width: 100% !important;
}

.hosho-flex img {
    height: 160px;
}

.gentei-0103{
  display: block !important;
  width: 60%;
}

.ryoukin07-02 {
    font-size: 16px !important;
}

.can-prace {
    font-size: 12px !important;
}

.pra-af02 {
    font-size: 20px !important;
}

.pra-box02 {
    justify-content: space-between !important;
}

.befo-pra01 {
    width: 46% !important;
    margin-bottom: 0px !important;
}

.befo-pra01::before {
width: 30px !important;
    height: 20% !important;
    transform: rotate( -90deg);
    left: 88%;
    right: 0px;
    bottom: 30%;
}

.ryoukin07-02{
  width: 65% !important;
}

.can-af02 {
  width: 50% !important;
}


}

.dis-none{
  display: none;
}

.limited01{
  display: block;
}


/* 2023/11/17 */
.main-flex-pic li img {
    object-position: 50% 45%;
    font-family: "object-fit: cover; object-position: 50% 45%;";
}

@media (max-width:599px) {
  .point03d.-pt02 {
      margin-top: 3vh;
  }
  .point03dkotsujiko.-pt02 {
    margin-top: 4vh;
  }
  .point03dkotsujiko.-pt03 {
    margin-top: 25px;
  }
  .up-font3-pos .shibire01 {
      margin-top: 10px;
  }
  
  .up-font3-pos > p {
      line-height: 2;
  }
}

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

.symptoms01{
  display: flex;
  margin-bottom: 20px;
}

.symptoms01 dt{
  margin-right: 15px;
}

.symptoms01 dd{
  font-weight: bold;
}

.patient01 {
    margin: 15px 0 5px;
    display: flex;
    justify-content: space-between;
    width: 40%;
}

.patient-name{
  margin-bottom: 20px;
}

.patient-li{
  border: 3px solid #f7b400;
    padding: 8px 8px;
    background: #fff;
}
.patient-h4{
  background: #fff;
  color: #000;
}

.patient-matom{
  margin-top: 20px;
}

@media (max-width:599px) {
.voice-title {
    font-size: 18px;
}

.symptoms01 dt {
    margin-right: 10px;
    font-size: 16px;
}

.symptoms01 dd {
    font-size: 16px;
}

.patient-thoughts{
  font-size:14px;
}

.patient01 {
    font-size: 14px;
}

.patient-name {
    font-size: 14px;
}

.sp-reverse{
  display: grid;
}

.patient-matome{
  rid-row: 2/3;
}

.patient-img01{
  grid-row: 1/2;
}

.patient-img01{
  width: 80%;
    margin: 0 auto 10px;
}
}

.voice-inner{
  max-width: 1100px !important;
}

.sp-reverse{
  padding-bottom: 35px;
}

/* 12/13 追記 */

.orenge-border{
  border: 3px solid #f7b400;
    padding: 8px 8px;
    background: #fff;
}

  @media screen and (min-width:1025px) {
.benner-flex{
   max-width: 1500px;
   flex-wrap: nowrap;
}

.benner-flex li.w50-benner:first-of-type{
 width: 40% !important;
}

.benner-flex li.w50-benner:first-of-type div.bnr-01-campaign-before{
     margin-right: 20px;
        width: 46% !important;
}

.benner-flex li.w50-benner:first-of-type .bnr-01-campaign{
     justify-content: space-between !important;
}

.benner-flex .gaiyo-txt{
 font-size: 13px;
   margin-right: 10px;
   margin-left: 10px;
}

.benner-flex li.w50-benner:last-of-type{
min-width: 510px;
   max-width: 550px;
}
}

@media screen and (max-width:1200px) {
.benner-flex{
  flex-direction: column;
}

.benner-flex li.w50-benner:first-of-type{
 width: 80% !important;
 max-width: 750px;
}

.benner-flex li.w50-benner:first-of-type .bnr-01-campaign{
width: 96%;
   max-width: 600px !IMPORTANT;
}

.benner-flex li.w50-benner:last-of-type{
   width: 80%;
}

.benner-flex .gaiyo-txt{
     margin: 20px auto 5px;
}
}

@media screen and (max-width:599px) {
.benner-flex li.w50-benner:first-of-type {
   width: 100% !important;
}

.benner-flex li.w50-benner:last-of-type{
   width: 100%;
}

.benner-flex .gaiyo-txt {
   margin: 20px auto 15px;
   font-size: 12px;
}

.jikoinchoimg img {
    width: 80%;
    margin-left: 15px;
} 

.hero-section.pc-none .kotsujikocheck img {
    width: 15px;
    margin-right: 5px;
    height: 15px;
}

.jikomaru0103 {
    width: 100% !important;
}
}

.patient-li, .orenge-border{
  overflow: auto;
}

/* 2024/01/17 追記 */

#top .benner-flex{
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 30px;
}

#top .gaiyo-txt02{
  text-align: center;
}

@media screen and (max-width:1024px) {
 #top .benner-flex{
  row-gap: 20px;
} 
}

@media screen and (max-width:599px) {
 #top .benner-flex{
  row-gap: 15px;
}
}


/* 2024.02.03 */

.suisen01{
  display: flex;
    width: 100%;
    justify-content: space-between;
}

.suisen-h3{
  color: #6f5628;
    font-weight: bolder;
  font-size: 30px;
    text-align: center;
    margin-top: 25px;
}

.suisen-img{
  width: 27%;
}

.suisen-img img{
  width: 100%;
}

.suisen-gold{
  background: #ffeaae;
  padding: 20px 35px 23px;
}

.suisen-doctor{
  font-size: 22px;
    margin: 10px auto;
    text-align: center;
}

.suisen-inner{
  max-width: 800px !important;
}

.suisen-li{
  border: 3px solid #d7d4c6;
}

.suisen-comment{
  padding: 30px 30px;
    background: #f5f5f5;
}

.susein-dare{
  display: block;
  width: 75%;
}

.beforeafter-box{
  display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 23px auto;
}

.before-box, .after-box{
  width: 43%;
}

.yajirushi{
  width: 10%;
  margin-top: 130px;
}

.before-box img, .after-box img, .yajirushi img{
  width: 100%;
}

.befoaf-block{
  max-width: 800px;
    margin-top: 70px;
    border: 5px solid #ffeaae;
    padding: 0px 0px 30px 0px;
}

.af-red{
  color: #dd4819;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
}

.befo-blue{
  color: #0b5dc7;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
}

.kojinasa{
  text-align: center;
  margin-top: 20px;
}

.befoaf-h3{
 background: #ffeaae;
    padding: 20px;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.hukei-h2{
  margin-top: 70px;
}

.suisen-br{
  display: none;
}

@media screen and (max-width:1024px) {
.befoaf-block {
    width: 86%;
}

.suisen-inner {
    max-width: 800px !important;
    width: 94%;
}

.yajirushi {
    margin-top: 100px;
}
}


@media screen and (max-width:599px) {
  .befoaf-block {
    width: 96%;
    margin-top: 40px;
}

.yajirushi {
    margin-top: 100px;
}

.suisen-doctor {
    font-size: 14px;
    margin: 0px auto;
}

.suisen-h3 {
    font-size: 20px;
    margin-top:10px;
}

.suisen-gold {
    padding: 6px 12px 18px;
}

.suisen-img {
    width: 24%;
    height: 110px;
    margin-top: 0px;
}


.suisen-br{
  display: block;
}


}

.shojo-ul{
  flex-wrap: wrap;
    flex-direction: column;
    row-gap: 30px;
}

/* 2024/03/06 */
.befoaf-block.-mt-none {
    margin-top: 0;
}

.banner-container {
    background-color: #ffe1b1;
    width: 45%;
    margin: 50px auto;
    height: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
    border: 5px solid #bd2121;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    font-size: 28px;
    max-width: 615px;
    color: #000;
}

.banner-text {
    z-index: 10;
    font-size: 26px;
}

.speech-bubble {
    background-color: #ffffff;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    padding: 20px;
    border-radius: 50%;
    font-size: 34px;
    font-weight: bolder;
    color: #000;
    height: 170px;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -2px 0px 5px 6px #ffffff80;
}

.banner-button {
    background-color: #bd2121;
    color: #ffffff;
    padding: 20px 20px;
    border: none;
    border-radius: 5px;
    font-size: 22px;
    cursor: pointer;
    margin-top: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-align: center;
    font-weight: bolder;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.banner-text span {
    border-bottom: 6px solid #f7b400;
    font-weight: bolder;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width:1024px) {
  
  .banner-text span {
    border-bottom: 6px solid #f7b400;
    font-weight: bolder;
    font-size: 20px;
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

  .banner-container {
    font-size: 28px;
    width: 60%;
}

.speech-bubble {
    font-size: 32px;
    height: 130px;
}

.banner-text {
    z-index: 10;
    font-size: 18px;
}

.banner-button {
    font-size: 16px;
}
}

@media screen and (max-width:599px) {
 .banner-container {
    font-size: 28px;
    width: 96%;
}

.speech-bubble {
    font-size: 24px;
    height: 105px;
}

.banner-text {
    font-size: 16px;
}

.banner-button {
    font-size: 16px;
}
}


.nav-list > li a, .nav-list > li span {
    display: inline-block;
    padding: 0 23px;
}

.michijun-doga iframe{
  width: 1000px;
    height: 552px;
}

.list-06 {
    padding: 10px 0;
}


@media screen and (max-width:1024px) {
.michijun-doga iframe {
    width: 1000px;
    height: 415px;
}
}

@media screen and (max-width:599px) {
.list-06 {
    padding: 5px 0;
}

.michijun-doga iframe {
    width: 100%;
    height: 226px;
}
}

.img-daihyo{
  width: 54%;
    margin: auto;
}

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

.img-daihyo {
    width: 60%;
    margin: auto;
}
}

@media screen and (max-width:599px) {
  .img-daihyo {
    width: 97%;
    margin: auto;
}
}



@media only screen and (max-width: 599px) {
    .dnomidashi p {
        font-size: 23px !important;
}}

/* 2024/10/22 追記 */

.line-consultation {
    font-family: Arial, sans-serif;
    background-color: #fff;
    border: 1px solid #000;
    padding: 20px;
    max-width: 600px;
    margin: 20px auto;
}

.line-consultation h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}

.bullet-points {
    list-style-type: disc;
    margin-left: 20px;
    color: #666;
}

.bullet-points li {
    margin-bottom: 10px;
    font-size: 16px;
}

.sub-heading {
    font-size: 23px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.sub-heading::after {
    content: "／";
    position: absolute;
    bottom: 50%;
    right: 40px;
    transform: translate(50%, 50%);
}


.sub-heading::before {
    content: "＼";
    position: absolute;
    bottom: 50%;
    left: 20px;
    transform: translate(50%, 50%);
}

.line-banner {
    background-color: #f4f2e6;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.line-banner .main-text {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

.cta-button {
    display: inline-block;
    /* background-color: #ffffff; */
    color: #000;
    padding: 10px 20px;
    font-size: 28px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 10px;
}

.cta-button:hover {
    background-color: #ffbd0a;
    color: #fff;
}

.sub-text {
    font-size: 14px;
    color: #666;
}

.deco-img{
   position: absolute;
   width: 60px;
   right: 10px;
   bottom: 0px;
}


@media screen and (max-width:599px) {
 .line-consultation .sp-block{
   display: block;
 }
 
 .cta-button{
   font-size: 18px;
 }
 
 .deco-img{
   width: 50px;
 }
 
 .line-consultation {
    max-width: 95%;
}
}

.line-consultation.mti-80{
  margin-top: 80px !important;
}

/* 2025/03/04 */
.forbeginner-ttl{
  font-weight: bold;
  font-size: 36px;
  color: #99876a;
  letter-spacing: 2px;
  text-align: center;
  border-top: 2px solid #735a42;
  border-bottom: 2px solid #735a42;
  padding: 0.5em 0;
  background-color: #f1ebe3;
  margin-bottom: 50px;
}

.forbeginner-txt{
  color: #99876a;
  text-align: center;
  margin-top: 30px;
}

.forbeginner-img{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media(max-width:1024px){
.forbeginner-ttl{
  font-size: 29px;
}
}

@media(max-width:599px){
.forbeginner-ttl{
  font-size: 25px;
}

.forbeginner-txt{
  text-align: left;
}
.forbeginner-img {
  width: 100%;
}
}

/**2025/03/10**/
.f-yu-gothic {
  font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* 2025/03/10 */

@media screen and (min-width:1025px) {
.nav-list .pc-none{
  display: none;
}
}

@media screen and (max-width:1024px) {
 .nav-list .pc-none{
  display: block;
}
}

/* 2024/04/21 */

.achieve-box{
    background: #f4f2e6;
    padding: 50px 0px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.achieve-box .head{
  font-size: 24px;
  background: #ff8c00;
  width: 90%;
  margin: auto;
  margin-bottom: 30px;
  padding: 15px 0px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.achieve-box iframe{
    width: 90%;
    height: 100%;
    aspect-ratio: 2 / 1;
    margin: auto;
}

.achieve-box .youtube-outer{
  height: 400px;
  margin-bottom: 30px;
}

.achieve-box .description{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width:599px) {
 .achieve-box{
   width: 100%;
   padding: 25px 0px;
 }
 
 .achieve-box .head{
   font-size: 18px;
   text-align: left;
   padding-left: 15px;
 }
 
 .achieve-box .description{
   width: 90%;
   margin-left: auto;
   margin-right: auto;
 }
}

.result-heading {
  position: relative;
  text-align: center;
  font-weight: bold;
  padding: 20px 0;
}

.result-heading span {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    z-index: 1;
    border-bottom: 5px solid #ff8c00;
}

.result-heading span::before{
   content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('/upload/tenant_1/2100a8370556cca65b537695007782cd.png');
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 10px;
    left: -40px;
}


.result-heading span::after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(/upload/tenant_1/64b8848ea8de20a716942b65fae12d50.png);
    background-position: center;
    background-size: cover;
    transform: rotate(5deg);
    position: absolute;
    bottom: 10px;
    right: -40px;
}

@media screen and (max-width:599px) {
  
.result-heading span{
 border-bottom: 3px solid #ff8c00;    
}

.result-heading span::before{
    width: 30px;
    height: 30px;
    bottom: 10px;
    left: -20px;
}


.result-heading span::after {
    width: 30px;
    height: 30px;
    bottom: 10px;
    right: -20px;
}

.achieve-box .youtube-outer {
    height: 240px;
    margin-bottom: 30px;
}
}

/* 2025/07/08 */
.achieve-box.ver02{
  background: transparent;
}

.achieve-box.ver02 .head {
  background: #735a42;
}