@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { 
        display: none !important;
    }
    .sp { 
        display: block !important;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Klee+One&family=Lora:ital,wght@0,400;1,400;1,500&family=M+PLUS+1:wght@300;400&family=M+PLUS+1p:wght@300&family=Merriweather:ital,wght@0,400;1,900&family=Mochiy+Pop+P+One&family=Open+Sans:wght@300&family=Roboto+Condensed:wght@300&family=Slackside+One&family=Tsukimi+Rounded&family=Ubuntu:ital,wght@1,300&family=Yusei+Magic&family=Zen+Maru+Gothic&display=swap');
body{
    background: #FCFCFC;
    color: #5C5C5C;
    font-family: "Lora", "Noto Serif JP", sans-serif;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
}
.about-us, .service, .instagram, .ctegory, .voice, .order,.question {
    margin-top: 80px;
    margin-bottom: 80px;
}
.inner {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1000px;
}
div.section-top {
    margin: 30px;
    text-align: center;
}
div.section-top .section-title {
    font-size: 32px;
}
div.section-top .section-title__jp {
    font-size: 16px;
}
section.about-us div.inner div.about-us__main-txt,section.category div.category__main-txt{
    margin-top: 50px;
    text-align: center;
}
section.about-us div.inner div.about-us__sub-txt{
    position: relative;
    text-align: center;
}
img {
    -o-object-fit: cover;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 520px) {
    .bg-logo {
        position: absolute;
        right: 0;
        opacity: 0.2;
        width: 100px ;
        height: auto;
    }
}
section.about-us div.inner div.about-us__sub-txt .bg-logo {
    position: absolute;
    right: 0;
    bottom: -30%;
    opacity: 0.2;
    width: 250px ;
    height: auto;
}
div.service__txt {
    margin-top: 8px;
    color: #B24B4B;
}
.image{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
section.category {
    background: rgba(174, 135, 160, 0.1);
    padding: 30px 0;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.subtitle{
    font-size: 1.2rem;
    color:#34251F;
    text-align: center;
}
.pt-cv-wrapper .btn-success {
    background-color: #404640;
    border-color: #404640;
}
.pt-cv-scrollable .pt-cv-cap-w-img {
    background: rgba(125, 126, 124, 0.247);
}
.c-pageTitle{
    display: none;
}
/* 料金 */
.menu{
    max-width: 700px;
    margin: 0 auto;
    font-size: 1,125rem;
    padding: 40px 0;
}
.menu dl {
    display: table;
    width: 100%;
    border: solid #e4e4e4;
    border-width: 1px 0;
}
.menu dt{
    display: table-cell;
    padding:0.4rem;
}
.menu dd{
    text-align: right;
    display: table-cell;
    padding:0.4rem;
}
.notes{
    font-size: 0.7rem;
    font-family:"Yu Mincho", "YuMincho";
}
@media screen and (max-width: 959px) {
    body {
        padding-bottom: 60px; /* 固定メニューの高さに合わせて余白を設定 */
    }
    .p-fixBtnWrap {
        bottom: 5.5em; /* 上に戻るボタンの位置を上に */
    }
    #fixed-bottom-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 99;
        background-color: #000;
        padding: .3em .3em;
    }
    #fixed-bottom-menu .swell-block-column {
        padding: .5em;
    }
    #fixed-bottom-menu .swell-block-button__link[data-has-icon] {
        padding: 1em 1em;
    }    
}
@media screen and (min-width: 960px) {
    #fixed-bottom-menu, #fixed-sidebar-menu {
        display: none; /* PCでは非表示にする */
    }
}