@charset "utf-8";


.header {
    position: relative;
}
.header h1, .header-logo {
    /* position: absolute; */
}
header h1 {
    margin: 62px 0 0 45px;
    width: 400px;
}
.header-logo {
    margin: 28px -24px 0 0px;
}
.skip-link {
    position: absolute;
    top: -100px;
    font-size: 10px;
    width: 10em;
}

.skip-link:focus {
    top: 0px;
}

.footer {
    padding-top: 40px;
    margin-top: 40px;
    /* background-color: #fff; */
    border-top: #000 1px solid;
    text-align: center;
}
.footer h3 {
    margin: 0;
    font-size: var(--fs-20);
    text-align: center;
}

.footer-container {
    width: var(--container);
    max-width: 100%;
    margin: auto;
}
.footer .footer-logo {
    margin: 0 auto;
}
.footer .footer-logo img {
    margin-top: 0;
}
.footer ul {
    width: 65%;
    margin-top: 2rem;
    margin-bottom: .2rem;
    font-size: .8rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}
.footer li {
    list-style: none;
    border-left: solid 1px #000;
    padding: 0 .5rem; 
}
.footer li:first-child {
    border-left: none;
}
.footer li a {
    color: #000;
}
a[target="_blank"]::after {
    display: none;
}

/* ハンバーガーボタン */
.hamburger {
    width: var(--burg-btn-size);
    height: var(--burg-btn-size);
    position: absolute;
    right: 10px;
    top: 1px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

.burg-line-tc {
    display: block;
}

.burg-line-tc::before {
    content: "";
    display: block;
    background-color: #000;
    width: var(--burg-size);
    height: var(--burg-line-thick);
    border-radius: var(--burg-border-radius);
    position: absolute;
    top: 5px;
    left: 1px;
}

.burg-line-tc::after {
    content: "";
    display: block;
    background-color: #000;
    width: var(--burg-size);
    height: var(--burg-line-thick);
    border-radius: var(--burg-border-radius);
    position: absolute;
    top: 15px;
    left: 1px;
}

.burg-line-b {
    display: block;
    background-color: #000;
    width: var(--burg-size);
    height: var(--burg-line-thick);
    border-radius: var(--burg-border-radius);
    position: absolute;
    top: 25px;
    left: 1px;
}

.burg-text {
    display: block;
}

.burg-text::before {
    content: "menu";
    position: absolute;
    top: 27px;
    left: 4px;
    font-size: 12px;
}

/* ハンバーガーボタン クリック後 */
.js-open .burg-line-tc::before {
    transform: rotate(45deg);
    transform-origin: 50%;
    width: 32px;
    top: 15px;
}

.js-open .burg-line-tc::after {
    transform: rotate(-45deg);
    transform-origin: 50%;
    width: 32px;
    top: 15px;
}

.js-open .burg-line-b {
    width: 0px;
}

.js-open .burg-text::before {
    content: "close";
}

/* グローバルナビゲーション */

.header-container {
    position: relative;
    z-index: 100;
    height: var(--burg-btn-size);
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-y: visible;
}

.toggle-menu {
    position: relative;
    top: auto;
    right: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-y: visible;
}

.toggle-menu a {
    display: block;
    padding: 5px;
    color: var(--color-text);
}

.toggle-menu a:hover {
    background-color: var(--color-lightgray);
}

.hamburger {
    display: none;
}

.header-logo {
    /* position: static;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0); */
}

.toggle-menu {
    display: flex;
    position: relative;
}

.toggle-menu .sub-menu {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #FFF;
}

.toggle-menu :where(.menu-item:hover)>.sub-menu {
    height: auto;
}


.page_item {
    display: inline-block;
}

.page_item a {
    display: block;
    width: 100%;
    padding: 0.5em;
    color: var(--color-text);
}

.page_item_has_children {}

.gnav {}

/* breadcrumb パンくずリスト */
.breadcrumb {
    padding: 10px 0;
    width: 100%;
    max-width: var(--container);
    margin: auto;
}

:where(.breadcrumb) ul {
    list-style: none;
    padding: 0;
}

:where(.breadcrumb) li {
    display: inline-block;
    margin-right: 1em;
}

:where(.breadcrumb) li:not(:last-child)::after {
    content: ">";
    margin-left: 0.5em;
}

:where(.breadcrumb) a:link,
:where(.breadcrumb) a:visited {
    color: var(--color-text);
}

:where(.breadcrumb) a:hover,
:where(.breadcrumb) a:active {
    color: var(--color-link-text);
}



/* ボタン */
.button {}

.button-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em 1em;
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    color: var(--color-text);
}

.button-link-accent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em 1em;
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    background-color: var(--color-accent);
    color: var(--color-text-reverse);
}

/* ページ送り　pagenation ページネーション */

.pagenation {
    width: 100%;
    text-align: center;
}

.page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1em;
    min-height: 40px;
    min-width: 40px;
    line-height: 1;
    border-radius: 2em;
    background: linear-gradient(-45deg, #EEE 0%, #F5F5F5 100%);
    box-shadow: 2px 2px 10px #CCC;
    margin: 0 4px;
    border-top: #FFF 1px solid;
    border-left: #FFF 1px solid;
}

.page-numbers:hover {
    border-bottom: none;
}

.current {
    background-color: #EEE;
    box-shadow: none;
}

/* カードレイアウト */
.card {
    position: relative;
    padding: 0 0 60px 0;
    box-shadow: var(--box-shadow);
}

.card-post-title {
    font-size: 1rem;
    margin: 10px;
}

.card-post-excerpt {
    font-size: var(--fs-14);
    margin: 10px;
}

.no-img {
    display: flex;
    width: 100%;
    aspect-ratio: 4 / 3;
    justify-content: center;
    align-items: center;
    background-color: #DDD;
}

.small-img {
    display: flex;
    width: 100%;
    aspect-ratio: 4 / 3;
    text-align: center;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.small-img img {
    width: 100%;
    height: auto;
}

.card-more {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: center;
}

.card-more-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    padding: 0.5em 0.75em;
    min-width: 8em;
    border-radius: 2px;
    background-color: var(--color-theme);
    color: var(--color-theme-text);
    box-shadow: var(--box-shadow);

}

/* セクションレイアウト */
article {
    margin: 0 auto 40px;
}

/* --2カラム構成の設定 ここまで-- */

/* トップページ */
.top-main {
    margin-top: -44px;
}
.top-kv {
    width: 100%;
    position: relative;
    background: url(../images/kv-pc.webp)top center no-repeat;
    background-size: cover;
    /* height: 670px; */
}
.top-kv h1 {
    width: 38%;
    margin: -6px 0 0 17.55%;
}
.top-kv h2 {
    width: 35%;
    margin: 0 0 0 17.5%;
    padding-top: 7%;
}
.top-kv h3 {
    width: 25%;
    margin: 0 0 0 25%;
}
.top-kv a {
    width: 43.5%;
    margin: -15px 0 0 15%;
    display: block;
    /* position: absolute;
    top: 67%;
    left: 15%; */
}
.top-kv img {
    width: 100%;
}

/* お知らせ　コーナー */
.post-list {}

.post-list-item {
    display: flex;
    margin-bottom: 20px;
    gap: 10px;
    align-items: flex-start;
}

.post-list-img {
    max-height: 150px;
    max-width: 150px;
    overflow: hidden;
}

.post-list-info {}

.post-list-title {}

.post-list-heading {
    font-size: var(--fs-16);
    margin: 0;
}

.post-date {
    font-weight: normal;
}

.post-list-excerpt {
    padding-left: 1em;
}

/* サイドバーメニュー */
.side-nav ul {
    padding-left: 0.5em;
}

/* 固定ページ */
.page-kv {
    width: 100%;
    max-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.page-kv img {
    width: 100%;
    height: auto;
}

/* archiveページ */

/* 投稿ページ */
.post-nav {
    width: 100%;
    max-width: var(--container);
    margin: 40px auto;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--color-bg-gray);
}

.post-nav a {
    padding: 10px 0;
    display: inline-block;
}

/* パララックス設定 */
.imgcontainer {
    min-height: 100vh;
}

.paracontent {
    min-height: 100vh;
}

/*メインコンテンツ*/
.color--fff209 {
    color:#fff209;
}
.content1 {
    margin-top: 3.5rem;
}
.content1 h2 {
    text-align: center;
    margin-left: 1.9%;
    margin-bottom: 0;
}
.content1 p {
    margin-left: 8.2%;
    margin-top: 0px;
}
.content2 {
    color: #fff;
    background-color: #0fba6e;
    border-top-right-radius: 100px;
    padding-top: 33px;
    padding-bottom: 180px;
}
.content2 .titlephoto, .content2 .sub-tittle {
    text-align: center;
}
.content2 h2 {
    text-align: center;
    margin: 16px auto 10px;
    font-size: 2em;
}
.content2 .flex {
    margin: 3em 1em 0;
}
.content2 .flex p {
    margin-bottom: 2rem;
    line-height: 1.8;
}
.service_img2 img {
    border-radius: 30px;
}
.content3 {
    background-color: #ffffff;
    border-top-left-radius: 100px;
    margin-top: -120px;
    padding-top: 120px;
    padding-bottom: 0px;
    margin-bottom: 0;
}
.content3 .subtitle {
margin-top: -47px;
text-align: center;
}
.content3 .title {
    width: 80%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:14.7%;
    padding-top: 30px;
    background:url(../images/women.png)right 5% bottom no-repeat;
    background-size: 40%;
}
.content3 .title span {
    display: grid;
    justify-items: center;
    width: 63%;
    padding-bottom: 1rem;
}
.content3 .title img {
   margin-bottom: .5rem;
}
.content3 h3 {
    margin-bottom: 1.1em;
}
.content3 .col-pc-9 p {
    margin-left: 5%;
    margin-bottom: 2.5rem;
    font-size: 19px;
    line-height: 1.5;
}
.color-f5913b {
    color: #f5913b;
}
.bg-color--f4efeb {
    background-color: #f4efeb;
}
.content3 .bg-color--f4efeb {
    padding-top: 15px;
    padding-bottom: 180px;
}
.radius-30 {
    /* border-radius: 50px 50px 0 50px; */
    margin-bottom: 40px;
}

.catchphrase {
    margin: 3.9% 3.9% 0;
}
.content4 {
    background: url(../images/inu5.webp)top -6% right 71% no-repeat;
    background-size: auto;
    border-top-right-radius: 100px;
    margin-top: -100px;
    margin-bottom: 0;
}

.content4 h2 {
    margin-top: 0%;
    margin-left: 6%;
    padding-top: 7%;
}
.content4 h3, .content4 h4, .content4 p {
    text-align: center;
    margin-bottom: 0;
}
.content4 h3 img {
    margin-top: -50px;
}
.content4 h3 {
    margin-top: 0px;
}
.content4 h4 {
    margin-top: 0;
}
.content4 ul {
    padding-left: 0;
}
.content4 ul li {
    text-align: center;
    list-style: none;
    background: url(../images/naiyou-hr-pc.webp)center bottom -5px no-repeat;
    padding-top: 5px;
}
.content4 .bg-color-fff {
    width: 85%;
    margin: -10% auto 5%;
    padding-bottom: 50px;
}
.bg-color-fff {
    background-color: #fff;
}
.bg-color-f5913b {
    background-color: #f5913b;
}
.content4 .bg-color-f5913b {
    padding-top: 1%;
    margin-top: 14%;
    padding-bottom: 2rem;
}
.border-radius {
    border-radius: 30px;
}
.pricearea {
    text-align: center;
}
.naiyou-price-text-1 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.5rem;
}
.naiyou-price-text-2 {
    text-align: center;
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0px;
    margin: 0;
}
.naiyou-price-text-2 .middle {
    font-size: 3rem;
}
.naiyou-price-text-2 .small {
    font-size: 2rem;
}
.content5 {
    background: url(../images/photo-1.webp)center top no-repeat;
    background-size: 100%;
    padding-top: 36%;
    margin-bottom: 0;
}
.content5 h3 {
    background: url(../images/erareru-titlepic-pc.webp)center left 10% no-repeat;
    text-align: center;
    padding-top: 30px;
}
.bg-color-f9d973 {
    padding-top: 30px;
    padding-bottom: 170px;
    background-color: #f9d973;
    border-top-left-radius: 100px;
}
.content5 li {
    list-style: none;
    padding-left: 8rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #FFF;
    border-radius: 30px;
    margin-bottom: 1.5rem;
}
.content5 li:last-child {
    margin-bottom: 4rem;
}
.erareru-1 {
    background: url(../images/erareru-1-pc.webp)center left 1rem no-repeat;
}
.erareru-2 {
    background: url(../images/erareru-2-pc.webp)center left 1rem no-repeat;
}
.erareru-3 {
    background: url(../images/erareru-3-pc.webp)center left 1rem no-repeat;
}
.erareru-4 {
    background: url(../images/erareru-4-pc.webp)center left 1rem no-repeat;
}
.erareru-photo {
    position: relative;
    height: 328px;
}
.erareru-photo img {
    position: absolute;
}
.erareru-photo-1 {
    left: 16%;
}
.erareru-photo-2 {
    right: 22%;
    width: 210px;
    bottom: 0;
}
.erareru-photo-3 {
    right: 14.3%;
    width: 177px;
}
.content6 {
    background-color: #f4efeb;
    border-top-right-radius: 100px;
    padding-top: 60px;
    padding-bottom: 8rem;
    margin-top: -100px;
    position: relative;
}
.content6 h2 {
    text-align: center;
}
.content6 h4 {
    color: #0fba6e;
    font-size: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.content6 .setsumeibun {
    width: 95%;
    margin: 0 auto 93px;
    line-height: 1.7;
}
.content6 .flex {
    width: 98%;
    margin: auto 46px;
}
.content6 .sliderarea-sp {
    display: flex;
    gap: 50px;
    margin-bottom: 60px;
}
.content6 .voice1 {
    background-color: #FFF;
    border-radius: 30px;
    width: 45%;
}
.content6 .voice2 {
    background-color: #FFF;
    border-radius: 30px;
    width: 45%;
}
.inudeco {
    position: absolute;
    bottom: 7%;
    right: 13%;
}
.content6 .voice1 p, .content6 .voice2 p {
    padding: 0 2rem 2rem;
    line-height: 1.7; 
}
.content7 {
    background-color: #fff;
    border-top-left-radius: 100px;
    position: relative;
    margin-bottom: 27px;
}
.profoledeco {
    position: absolute;
    top: -6%;
    left: 19.5%;
}
.content7 h2 {
    padding: 50px;
    text-align: center;
}
.pro-photo01 {
    float: left;
    margin-left: -3.3%;
    margin-top: -2%;
    margin-bottom: 1.5%;
    height: 190px;
}
.pro-photo02 {
    float: right;
    margin-top: 2.4%;
    margin-right: 5.7%;
}
.pro-photo02 img {
    border-radius: 45px;
}
.pro-text01 {
    float: left;
    width: 48%;
    margin-left: 3%;
    margin-top: -10%;
}
.pro-text01 p {
    margin-bottom: 1.5rem;
    margin-top: 0;
    line-height: 1.7;
    font-size: 1.08rem;
}
.pro-text01 p.large-color-473308 {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5;
    color: #473308;
}

.pro-text02 {
    float: right;
    width: 40%;
    font-size: .9rem;
    margin-top: 1rem;
    margin-left: 2.7rem;
}
.pro-text02 p {
    margin-bottom: .1rem;
    margin-top: 0;
    font-size: .8rem;
}
.pro-text02 p.liststyle:before {
    display:inline-block; 
    vertical-align: middle;
    content:'';
    width:1em;
    height: 1em;
    background: #000;
    border-radius: 50%;
    margin-right: 8px;
}
.pro-text02 p.font-07 {
    font-size: 0.7rem;
}
.pro-text02 p.margintop15 {
    margin-top: 1.5rem;
}

.content8 {
    background: url(../images/photo-2.webp)top center no-repeat;
    border-top-right-radius: 100px;
    background-size: contain;
}
.content8 .osusume {
    margin-top: 4.5%;
    margin-left: 50%;
}
.content8 .container {
    margin: 12.3% auto 6%;
    line-height: 1.8;
}
.content8 .bold {
    font-weight: bold;
}
.content8 .col-pc-9 {
    margin-top: 4%;
}
.content8 .col-pc-3 img {
    border-radius: 50%;
}
.content9 {
    background-color: #f5913b;
    border-top-left-radius: 100px;
    padding-top: 30px;
    margin-bottom: 0;
}
.content10 {
    background-color: #0fba6e;
    position: relative;
    padding-top: 50px;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.content10 h2 {
    padding-top: 1%;
    padding-bottom: 0.1%;
    margin-top: 0%;
    margin-bottom: 2%;
}
.content10 h2 img {
    margin: 0px auto;
    padding-top: 0%;
    padding-left: 3.5%;
}
.content10 .goyoyakuha-pic {
    position: absolute;
    left: 20.5%;
}
.content10 .bg-color-f5913b {
    padding-top: 4px;
    padding-bottom: 3px;
}
.content10 .bg-color-f5913b .container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.form-tokuten-bunner {
    font-size: 4.5rem;
    font-weight: bold;
    color: #fff;
    width: 60%;
    padding-left: 3rem;
    margin: 0 auto;
}
.form-tokuten-bunner .middle {
    font-size: 2.5rem;
}
.form-tokuten-bunner .small {
    font-size: 2.5rem;
}
.content10 ul {
    color: #fff;
    max-width: 90%;
    margin: 1.5rem auto;
}
.content10 ul li {
    margin-bottom: .3rem;
}
.form-area {
    background-color: #fff;
    border-radius: 30px;
    padding: 3rem 6.4rem;
}
.form-area h2 {
    color: #0fba6e;
    text-align: center;
    font-size: 2.1rem;
}
.form-area .inputarea {
    margin-top: 5%;
}
.form-area p {
    color: #2d8666;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1.4rem;
    padding-left: .5rem;
}
.form-area .hissu {
    color: #FFF;
    background-color: #ff6124;
    border-radius: 5px;
    padding: 3px 10px;
    margin-left: 20px;
}
.form-area input {
    border: solid 2px #0fba6e;
    border-radius: 50px;
    height: 68px;
    font-size: 1.2rem;
    margin-top: 1.4%;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    width: 100%;
}
.consent .wpcf7-list-item {
    display: flex;
    margin: 0 0 0 0em;
    justify-content: center;
    align-items: center;
}
.form-area input[type=checkbox] {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: 0;
    margin-right: 0.5rem;
}
.form-area textarea {
    border: solid 2px #0fba6e;
    border-radius: 20px;
    height: 165px;
    font-size: 1.2rem;
    margin-top: 1.4%;
    padding: 1rem 2rem;
    font-size: 1.2rem;
}
.form-area .privacy-policy {
    height: 267px;
    border-top: solid 2px #0fba6e;
    border-left: solid 2px #0fba6e;
    border-bottom: solid 2px #0fba6e;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.form-area .privacy-policy-scrole {
    height: 263px;
    padding: 0 1rem;
    overflow-y: scroll;
    scrollbar-color: #fff #0fba6e;
    scrollbar-width: thin;
    border-radius: 0 20px 20px 0;
}
.privacy-policy h2 {
    color: #000;
    font-size: 1.1rem;
    font-weight: bold;
}
.privacy-policy p {
    color: #000;
    font-size: 1rem;
    margin-bottom: 0;
}
.consent {
    color: #2d8666;
    text-align: center;
    display: block;
    font-size: .9rem;
    margin-top: -12px;
}
.submit {
    width: 465px;
    margin: -22px auto 0;
    height: 80px;
}
.submit:hover {
    opacity: .8;
}
.submit input {
    color: #fff;
    background-color: #ff6124;
    border: #ff6124;
    display: inline;
    width: 100%;
    height: 100%;
}
.submit p {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
.content11 {
    margin-top: 6.7rem;
    margin-bottom: 4.3rem;
    text-align: center;
}
/* プライバシーポリシー */
body.privacy-policy {
    background-color: #0fba6e;
}
body.privacy-policy .header {
    min-height: 80px;
}
body.privacy-policy .header h1 {
    opacity: 0;
}

body.privacy-policy .main .container {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 45px;
}
body.privacy-policy .post-title {
    text-align: center;
    margin-top: 0;
}
body.privacy-policy footer {
    background-color: #fff;
}
/* お問い合わせ */
body.contact {
    background-color: #0fba6e;
}
body.contact .header {
    min-height: 80px;
}
body.contact .header h1 {
    opacity: 0;
}

body.contact .main .container {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 45px;
}
body.contact .post-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: #2d8666;
}
body.contact footer {
    background-color: #fff;
}
body.contact .form-area {
    padding: 0 6.4rem 3rem;
}
body.contact .footer p {
    margin-bottom: 0;
}