@charset "utf-8";

/* 全体の設定 */

body {
    /* font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: 300;
    font-style: normal; */
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    border: 0px;
    /* color: #533A10; */
    color: #0E0E0E;
    letter-spacing: 1px;
    background-color: #F5F0F3;
    font-size: 20px;
}
body.white {
    background-color: white;
}
html {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
a {
    text-decoration: none;
}
h1 {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
h2 {
    font-family: mizoletbokutoh, sans-serif;
    font-weight: 400;
    font-style: normal;
}
/*太いフォント*/
.font_bold {
    font-weight: 600;
}
/* pc,sp 切り替え */
.pc { display: block !important; }
.sp { display: none !important; }
/*フォント黒*/
.font_black {
    color: #0E0E0E;
}
.font_brown {
    color: #533A10;
}
.font_pink {
    color: #8E354A;
}
/*下線下線*/
.font_line {
    text-decoration: underline;
}
.font_green {
    color: #71C296;
}
/* -------------------- */
/* スペース */
.space-20 { height: 20px; }
.space-50 { height: 50px; }
.space-100 { height: 100px; }


/* -------------------- */
/* ボタン */

.button01 {
    background-color: #71C296;
    color: white;
    padding: 12px 40px;
    font-size: 20px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.button01:hover {
    background-color: #406E55;
}

.button02 {
    background-color: #71C296;
    color: white;
    padding: 12px 24px;
    font-size: 20px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s;
    display: inline-block;
    padding-right: 40px;
}
.button02:hover {
    background-color: #406E55;
}
.button02::after {
    content: '>';
    font-size: 18px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s;
}
.button02:hover::after {
    transform: translateY(-50%) translateX(4px); /* ホバー時に右に移動 */
}

.button03 {
    background-color: gray;
    color: white;
    padding: 12px 24px;
    font-size: 20px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.button03:hover {
    background-color: dimgray;
}

/* -------------------- */

/* ヘッダ */

.header_menu {
    display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    /*background-color: #F2DFE5;*/
    background-color: rgba(242, 223, 229, 0.2); /* 透明ピンク：70%不透明 */
    z-index: 10;
}
/*
.header_menu.transparent {
    /*background-color: rgba(255, 192, 203, 0);
    background-color: rgba(242, 223, 229, 0.2);
}
*/
.header_menu.white {
    background-color: white;
}
.header_menu.beige {
    background-color: #FAF9F7;
}
.header_menu .left {
    flex-basis: 300px;
}
.header_menu .right {
    flex-basis: 100%;
}
.header-logo img{
    width: 110px;
    margin-left: 15px;
}
.tel img {
    width: 260px;
}
.header-logo-sp {
    display: none;
}

/* -------------------- */

/* 右下のお問い合わせ */

.fixed_div {
    position: fixed; /* 固定配置 */
    bottom: 20px;    /* ウィンドウの下から20px */
    right: 20px;     /* ウィンドウの右から20px */
    z-index: 9;
}
.fixed_div img {
    width: 180px;
}
/* -------------------- */

/* トップイメージ */

.top_image {
    display: flex;
    background-color: #F2DFE5;
    padding: 150px 0px 50px 0px;
    justify-content: center;
}
.top_image div {
    display: flex;
    flex-basis: 800px;
    align-items: center;
}
.top_image img {
    width: 50%;
}
.top_image h1 {
    line-height: 3em;
    font-family: mizoletbokutoh, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #533A10;
}
.top_image .up {
    margin-left: 0em;
}
.top_image .down {
    margin-left: 3em;
}

/* -------------------- */

/* 当院の特徴 */

.top_features {
    text-align: center;
    padding: 100px 15%;
}
.top_features h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
    margin-bottom: 60px;
}
.top_features h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}
.top_features .main_text {
    line-height: 2em;
}
.top_features .table {
    margin: 100px 0px;
}
.top_features .table .tr {
    display: flex;
    margin: 20px 0px;
}
.top_features .table .tr .img {
    flex-basis: 30%;
    padding: 0px 20px;
}
.top_features .table .tr .text {
    flex-basis: 70%;
    text-align: left;
}
.top_features .table h3 {
    position: relative;
    padding-left: 28px;
}
.top_features .table h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: #71C296;
    border-radius: 4px;
}
.top_features .table .tr .text .explain {
    margin-left: 20px;
    margin-top: 20px;
    line-height: 1.8em;
}
.top_features .table .tr .text .button {
    text-align: right;
    margin: 20px 0px;
}
.top_features img{
    width: 220px;
}
.top_features_interview {
    margin-top: 50px;
}
.top_features_interview img{
    width: 300px;
    box-shadow: 3px 3px 10px #b2b2b2;
    border-radius: 5px;
}
/* -------------------- */

/* 施術メニュー */

.top_menu {
    text-align: center;
    background-color: white;
    padding: 100px 15%;
}

.top_menu h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}
.top_menu h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}


/* .top_menu h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
}
.top_menu h2 span {
    text-decoration: underline;
    text-decoration-color: #71C296;
    text-decoration-thickness: 14px;
    text-underline-offset: -4px;
} */
.top_menu .table {
    margin: 80px 0px;
}
.top_menu .table .tr {
    display: flex;
    align-items: flex-start;
    margin: 40px 0px;
}
.top_menu .table .tr .img {
    flex-basis: 30%;
    padding: 0px 20px;
}
.top_menu .table .tr .text {
    flex-basis: 70%;
    text-align: left;
}
.top_menu .table h3 {
    font-size: 24px;
    margin: 0px 0px 20px 0px;
    letter-spacing: 0.2em;
}

/* -------------------- */

/* 施術費用 */

.top_cost {
    text-align: center;
    padding: 100px 15%;
}
.top_cost h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}
.top_cost h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}
.top_cost_red {
    font-size: 30px;
    color: #F00000;
}
.top_cost_section {
    background-color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    box-shadow: 3px 3px 10px #b2b2b2;
    margin-bottom: 100px;
    padding-bottom: 50px;
}
.top_cost_title {
    background-color: #71C296;
    color: #ffffff;
    padding: 20px;
    border-radius: 20px 20px 0px 0px;
}
.top_cost h4 {
    background: linear-gradient(to right, #71C296 12px, white 12px);
    padding: 0px 10px 0px 25px;
}
.top_cost .text {
    padding: 30px 0px 10px 0px;
}
.top_cost .list {
    display: flex;
    justify-content: center;
    text-align: left;
    background-color: white;
    padding: 20px 0px 30px 0px;
}
.top_cost .list div {
    flex-basis: 600px;
}
.top_cost .list h4 {
    margin: 10px 10px 10px 0px;
}
.top_cost .list ul, 
.top_cost .list ol {
    margin: 0px;
    padding-left: 1.5em;
}
.top_cost .list .no_marker_list {
    list-style: none;
    padding: 0px;
}
.top_cost .list li {
    line-height: 1.8; /* 数字を大きくすると行間が広がる。例: 1.6〜2.0 */
}

/* -------------------- */

/* 症状別鍼灸治療 */

.top_symptoms {
    text-align: center;
    background-color: white;
    padding: 100px 15%;
}
.top_symptoms h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}
.top_symptoms h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}
.top_symptoms .sub_title {
    font-size: 16px;
}
.top_symptoms .table {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.top_symptoms .table .item {
    flex-basis: 30%;
    margin: 20px 0px;
    padding: 10px;
}
.top_symptoms .table .item .img {
    height: 200px;
}
.top_symptoms .table .item .button02 {
    width: 100%;
    max-width: 250px;
}

/* ポップアップ */
.modaal-content-container {
    padding: 80px !important;
}
.top_symptoms_popup .close {
    color: gray;
    text-align: right;
    cursor: pointer;
}
.top_symptoms_popup .img {
    text-align: center;
    margin: 20px 0px 10px 0px;
}
.top_symptoms_popup .title {
    text-align: center;
    font-size: 28px;
    margin: 20px 0px 40px 0px;
    text-decoration: underline;
    text-decoration-color: #71C296;
    text-decoration-thickness: 14px;
    text-underline-offset: -4px;
}
.top_symptoms_popup .item {
    margin: 20px 0px;
}
.top_symptoms_popup .subtitle {
    font-size: 25px;
    font-weight: bold;
    color: #533A10;
    margin: 50px 0px 0px 0px;
    border-bottom: 2px solid #533A10;
}

.symptoms_policy {
    margin-top: 50px;
}
.symptoms_policy_tubo {
    line-height: 1.2em;
    margin: 30px 0px 60px 0px;
}
.symptoms_policy_tubo p{
    margin: 15px 0px;
}
.subtitle_2 {
    font-size: 20px;
    text-decoration: underline;
    margin-top: 30px;
}
/* 茶色のドット */
.point-dot {
  position: relative;
}
.point-dot::before {
  content: "●";
  color: #533A10;
  font-size: 0.5em;
  position: relative;
  top: -0.1em;
  margin-right: 0.5em;
}

/* -------------------- */

/* 院長のあいさつ */

.top_director {
    text-align: center;
    padding: 100px 15%;
}
.top_director h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}
.top_director h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}
.top_director .table {
    display: flex;
    margin: 20px 0px;
}
.top_director .table .img {
    flex-basis: 30%;
    padding: 0px 20px;
}
.top_director .table .text {
    flex-basis: 70%;
    text-align: left;
}
.top_director .table .text .green {
    margin: 20px 0px;
}
.top_director .table .text .green span {
    color: white;
    background-color: #71C296;
    padding: 7px 40px;
    border-radius: 20px;
    font-size: 20px;
}
.top_director .table .text ul {
    list-style: none;
    padding-left: 0;
}
.top_director .table .text li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 3px;
    font-size: 18px;
}
.top_director .table .text li::before {
    content: '●';
    position: absolute;
    left: 0;
    font-size: 11px;
    color: #71C296;
    padding-top: 1px;
}
.top_director .table .text h3 {
    font-size: 28px;
}
/*
.top_director .table .text .greeting {
    line-height: 2em;
}
*/
.top_director .table .text .sp {
    text-align: center;
}
.top_director .table .text .sp div {
    text-align: left;
    display: inline-block;
}
.top_director .table .text .sp span {
    color: #71C296;
    margin-right: 5px;
}
.top_director img {
    width: 300px;
}
/* -------------------- */

/* フッタ */

#footer {
    display: flex;
    background-color: #F2DFE5;
    padding: 80px 40px;
    justify-content: center;
}
#footer .img {
    order: 2;
    padding: 0px 50px;
}
#footer .img img{
    width: 300px;
}
#footer .img div{
    font-size: 28px;
    text-align: center;
}
#footer .info {
    order: 1;
}
#footer .info table {
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
}
#footer .info table thead tr,
#footer .info table tbody tr {
    height: 60px;
}
#footer .info table th {
    color: white;
    background-color: #71C296;
    text-align: center;
    width: 20px;
    border: 1px solid #71C296;
}
#footer .info table th.saturday {
    color: darkblue;
}
#footer .info table th.sunday {
    color: red;
}
#footer .info table td {
    text-align: center;
    border: 1px solid lightgray;
    background-color: white;
}
#footer .info table td.circle {
    color: #71C296;
}
#footer .info table td.saturday {
    color: darkblue;
}
#footer .info table td.sunday {
    color: #A7A7A7;
    background-color: #EFEFEF;
}
#footer .info .table_bottom {
    text-align: right;
    font-size: 18px;
}
#footer .info .area_up {
    display: flex;
    align-items: flex-end;
    margin: 20px 0px;
}
#footer .info .area_up .title {
    padding: 5px 20px;
    background-color: #533A10;
    color: white;
    font-size: 20px;
}
#footer .info .area_down {
    font-size: 24px;
}
#footer .info .area_down .text {
    font-size: 18px;
    margin-left: 20px;
}
#footer .info .area_down p {
    margin: 5px 0px;
}
.fa-phone {
    margin-right: 5px;
    font-size: 25px;
}

/* -------------------- */

/* コンテンツ共通 */

/* トップイメージ */
.contents_common_top_image {
    padding: 105px 0px 50px 0px;
}
.contents_common_top_image img {
    width: 100%;
}

/* トップテキスト */
.contents_common_top_text {
    text-align: center;
    line-height: 2em;
    margin: 50px 20%;
}

/* アイテム */
.contents_common_item {
    margin: 150px 20%;
    line-height: 1.8em;
}
.contents_common_title {
    text-align: center;
    font-size: 30px; 
    text-decoration: underline;
    text-decoration-color: #FFF8D2;
    text-decoration-thickness: 14px;
    text-underline-offset: -4px;
    font-family: mizoletbokutoh, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.contents_common_item h3.mentalhealth {
    font-size: 20px;
    background: linear-gradient(to right, #71C296 15px, transparent 15px);
    padding: 0px 10px 0px 30px;
    margin-top: 80px;
}
.contents_common_item h4 {
    margin: 0px;
    color: #533A10;
    /*font-size: 23px;*/
}
.contents_common_item .box {
    background-color: #FAF9F7;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 3px 3px 10px #b2b2b2;
    margin: 50px 0px;
}
.contents_common_item .box h3 span {
    color: white;
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #71C296;
}
.contents_common_item .box h4 {
    /*font-size: 23px;*/
}

/*メンタルヘルスにおける鍼灸施術*/
.mentalhealth_contents {
    margin: 50px 0px;
}
.mentalhealth_contents div{
    margin: 50px 0px;
}
.mentalhealth_contents p,h3 {
    margin: 0px 0px 20px 0px;
}
.mentalhealth_text_line {
    text-align: center;
    text-decoration: underline;
}
/*症例*/
.mentalhealth_case div{
    margin-top: 30px;
}

/* -------------------- */

/* 高齢者向け */
/*
.senior_main_title {
    text-decoration: underline;
}
*/
/* -------------------- */

/* 鍼灸治療とは */ 
.top_effect {
    padding: 50px 0px;
    background-color: #ffffff;
}
.top_effect h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    position: relative;
    display: inline-block;
    line-height: 2.5em;
}
.top_effect h2::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    background: linear-gradient(to right, #71C296 40%, #E0E0E0 40%);
}


/* 鍼灸療法の効果 */
.acupuncture_effect .tr {
    display: flex;
    margin-top: 50px;
    align-items: center;
}
.acupuncture_effect .text {
    margin-left: 40px;
}
.acupuncture_effect .text h3 {
    font-size: 23px;
}
.acupuncture_effect .text h3 span {
    font-size: 16px;
}
.acupuncture_effect .text h3.red {
    color: #AE2A2A;
}
.acupuncture_effect .text h3.orange {
    color: #C1851F;
}
.acupuncture_effect .text h3.blue {
    color: #2C727D;
}
.acupuncture_effect .text h3.green {
    color: #2C8B57;
}
.acupuncture_effect_subtext {
    margin: 100px 0px;
    text-align: center;
    font-size: 16px;
}
.acupuncture_effect img {
    width: 220px;
}
/* -------------------- */

/* お問い合わせ */

#contact_form {
    background-color: white;
    padding: 40px;
}
#contact_form .item {
    margin: 20px 0px;
}
#contact_form .item .label {
    margin: 5px 0px;
}
#contact_form .item .input {
    margin: 5px 0px;
}
#contact_form .item .required {
    color: red;
}
#contact_form .item input[type="text"] {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid lightgray;
}
#contact_form .item input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
}
#contact_form .item textarea {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid lightgray;
    line-height: 1.5em;
}
#contact_form .item.note {
    font-size: 16px;
    line-height: 1.2em;
}
#contact_form .item a {
    color: #533A10;
    text-decoration: underline;
}
#contact_form .item.button {
    text-align: center;
    margin: 80px 0px;
}
#contact_form .item.button button {
    margin: 0px 20px;
}
#contact_form table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
#contact_form td,
#contact_form th {
  border: 1px solid #cccccc;
  padding: 10px;
}
#contact_form th {
  width: 30%;
  font-weight: normal;
  background: #efefef;
  text-align: left;
}
#contact_form td {
  text-align: left;
  background: white;
}

.contact_errors {
    color: red;
}

/* -------------------- */

/* レスポンシヴ */

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

    /* 全体の設定 */
    body {
        font-size: 16px;
    }

    /* pc,sp 切り替え */
    .pc { display: none !important; }
    .sp { display: block !important; }

    .button01 {
        font-size: 16px;
    }
    .button02 {
        font-size: 16px;
    }
    .button03 {
        font-size: 16px;
    }

    /* -------------------- */
    /*アイテム*/
    .contents_common_item .box h4 {
        font-size: 20px;
    }
    .contents_common_item h4 {
        font-size: 16px;
    }
    .contents_common_item h3.mentalhealth {
        font-size: 20px;
    }

    /* -------------------- */

    /*ヘッダ*/
    .header-logo img{
        display: none;
    }
    .header-logo-sp {
        display: block;
    }
    .header-logo-sp img {
        width: 190px;
    }

    /* -------------------- */

    /* トップイメージ */
    .contents_common_top_image {
        padding: 0px 0px 20px 0px;
    }
    .top_image h1 {
        line-height: 2em;
    }
    .top_image img {
        margin-top: -100px;
        width: 100%;
    }
    .top_image .up {
        margin-top: -140px;
    }
    .top_image div {
        display: block;
        text-align: center;
    }
    .top_image .down {
        margin-left: 0em;
    }
    
    /* -------------------- */

    /* 右下のお問い合わせ */
    .fixed_div img {
        width: 110px;
    }
/* -------------------- */

    /* 当院の特徴 */

    .top_features {
        padding: 100px 20px;
    }
    .top_features .main_text {
        text-align: left;
    }
    .top_features .table .tr {
        display: block;
    }
    .top_features .table .tr .text .button {
        text-align: center;
    }
    .top_features .table .tr {
        margin: 100px 0px;
    }
    .top_features .table .tr .text {
        margin-top: 30px;
    }
    .top_features_interview img{
        width: 100%;
    }
    .top_features .main_text {
        line-height: 2em;
    }
    .top_features img{
        width: 90%;
    }
    .top_features .img img{
        width: 220px;
    }
    /* -------------------- */

    /* 施術メニュー */

    .top_menu {
        padding: 100px 20px;
    }
    .top_menu h2 {
        text-align: left;
    }
    .top_menu .table .tr {
        display: block;
    }
    .top_menu .table .tr .img img {
        width: 100%;
    }
    
    /* -------------------- */

    /* 施術費用 */

    .top_cost {
        padding: 100px 20px;
    }
    .top_cost h3 {
        text-align: left;
    }
    .top_cost .text {
        text-align: left;
    }
    .top_cost .list {
        padding: 20px 20px 30px 20px;
    }
    .top_cost .text {
        padding: 30px 20px 10px 20px;
    }
    /* -------------------- */

    /* 症状別鍼灸治療 */

    .top_symptoms {
        padding: 100px 20px;
    }
    .top_symptoms .table {
        justify-content: center;
    }
    .top_symptoms .img img{
        width: 160px;
    }
    .top_symptoms .table .item {
        flex-basis: 40%;
    }
        
    /* ポップアップ */
    .modaal-content-container {
        padding: 20px !important;
    }

    /* -------------------- */

    /* 院長のあいさつ */

    .top_director {
        padding: 100px 20px;
    }
    .top_director .table {
        display: block;
    }
    .top_director .table .text {
        text-align: center;
    }
    .top_director .table .text .greeting {
        text-align: left;
    }
    .top_director img {
        width: 100%;
    }
    .top_director h3{
        margin: 20px 0px;
    }
    /* -------------------- */

    /* フッタ */

    #footer {
        flex-wrap: wrap;
        padding: 0px 40px 100px 40px;
    }
    #footer .img {
        text-align: center;
        order: 1;
        flex-basis: 100%;
        padding: 0px;
        margin: 40px 0px;
    }
    #footer .info {
        order: 2;
        flex-basis: 100%;
    }
    #footer .info table {
        width: 100%;
    }
    #footer .info table th {
        padding: 10px;
    }
    #footer .info table td {
        padding: 10px;
    }
    #footer .info .table_bottom {
        text-align: right;
        font-size: 13px;
    }
    #footer .info .area_up .title {
        padding: 5px 10px;
        font-size: 13px;
    }
    #footer .info .area_up .text {
        font-size: 13px;
    }
    #footer .info .area_down {
        font-size: 14px;
    }
    #footer .info .area_down .text {
        font-size: 14px;
        margin-left: 0px;
    }
    /* -------------------- */

    /* コンテンツ共通 */

    /* トップテキスト */
    .contents_common_top_text {
        text-align: left;
        margin: 50px 20px;
    }
    /* アイテム */
    .contents_common_item {
        margin: 50px 20px;
    }
    .contents_common_item h2 {
        margin: 59px 0px 15px 0px;
        line-height: 1.5em;
    }

    /* -------------------- */

    /* 鍼灸治療とは */ 

    /* 鍼灸療法の効果 */
    .acupuncture_effect .tr {
        display: block;
    }
    .acupuncture_effect .tr .img {
        text-align: center;
        padding: 0px 20px;
    }
    .acupuncture_effect .text {
        margin-top: 30px;
    }
    .acupuncture_effect_subtext {
        padding: 0px;
        font-size: 13px;
    }
    .acupuncture_effect .text {
        margin-left: 0px;
    }
    /* -------------------- */

    /* お問い合わせ */

    #contact_form {
        background-color: white;
        padding: 20px;
    }
    #contact_form .item .input {
        margin: 5px 20px 5px 0px;
    }
}

@media screen and (max-width: 450px) {
    .top_symptoms .img img {
        width: 100%;
    }
}