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

body {
    font-family: "Zen Old Mincho", serif;
    overflow-x: hidden;
}

.offset-1{
    margin-left: 0;
}

.wrapper {
    display: block;
    background-color: #fff;
}

.center {
    width: 100%;
    box-shadow: none;
}

/* ヘッダー */
.logo{
    padding-top: 10px;
}

/* メインビジュアル */
.main {
    position: relative;
    width: 100%;
    margin-top: -100px;
}

/* Aboutセクション */
.about {
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 0 20px;
}

.about h3 {
    font-size: 18px;
    line-height: 1.5em;
}

/* 悩みセクション */
.nayami-content {
    display: block; /* 縦並びに変更 */
    padding: 0 20px;
}

.nayami-list {
    width: 100%; /* 横幅いっぱい */
    margin-bottom: 20px;
    box-sizing: border-box;
}

.nayami-list h4 {
    font-size: 18px;
}

.nayami-list p{
    margin-bottom: 0;
}

/* 結果・流れセクション */
.result, .flow {
    padding: 60px 20px;
}

.result h2,.flow h2{
    font-size: 20px;
}

.result-content img{
    width: 100%;
}

.result-content h4 {
    width: 60%; /* ボタン風ラベルの幅を広げる */
}

.result-content h3 {
    font-size: 20px;
}

/* 施術の流れ */
.flow-list {
    display: block; /* 縦並び */
    text-align: center;
}

.flow-left {
    width: 30%;
    margin: 0 auto 15px;
}

.flow-right {
    width: 100%;
}

.flow-right h3{
    font-size: 20px;
}

/* メニュー表 */
.menu h2 {
    font-size: 30px;
}

.menu-content {
    padding: 20px 10px;
    margin: 0 10px;
}

.menu-content th {
    font-size: 16px;
    text-align: left;
}

.menu-content td {
    font-size: 22px;
}

/* フッター */
footer {
    padding: 40px 20px 0;
}

.foot-logo {
    display: block;
    text-align: center;
}

.foot-logo figure {
    width: 60%;
    margin: 0 auto 20px;
}

.foot-logo-text {
    width: 100%;
}

/* SNSボタン */
.foot-sns {
    display: block;
}

.foot-sns a {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

/* 店舗情報 */
.foot-info h4 {
    font-size: 24px;
}

.foot-info p {
    font-size: 14px;
}
}