/* メディアクエリ PC */
@media (min-width:415px){

    /* 全体 */
    html, body {
        height: 100%;
        background: #CAEFCE;
    }

    #container {
        background:#fff;
        margin:auto;
        width:1200px;
        font-family:"Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    }

    img {
        display:block;
        width: 100%;
        height: auto;
    }

    a {
        display:block;
    }

    h1 {
        letter-spacing: 0.1em;
    }

    h2 {
        letter-spacing: 0.1em;
    }

    h3 {
        letter-spacing: 0.1em;
    }

    p {
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: 0.1em;
    }

    /* ヘッダー */
    header {
        background:#fff;
        padding-top: 40px;
        height:200px;
    }

    header a {
        text-decoration: none;
        color:#25B13A;
    }

    header h1 {/*接骨院名称*/
        font-size:45px;
        margin-bottom:7px;
        margin-top:10px;
    }

    header h2 {/*接骨院名称（キャッチコピー）*/
        font-size:15px;
        float:left;
        width:620px;
        color:#25B13A;
        margin-top:10px;
    }

    header #name { 
        padding-left:30px;
        padding-top:30px;
        width:800px;
        color:#25B13A;
    }

    header #name img {/*ロゴ*/
        width:140px;
        float:left;
        margin-right:40px;
    }

    header #name p {/*接骨院・英語名称*/
        font-size:16px;
    }

    #headerDetail {
        width:350px;
        float:right;
        color:#25B13A;
        margin-top:-120px;
    }

    #headerDetail address {
        font-size:14px;
        line-height:1.7;
        font-style:normal;
        letter-spacing: 0.1em;
        margin-top:-3px;
    }

    #headerDetail p {/*ヘッダー内・院の概要*/
        font-size:14px;
        line-height:1.7;
        font-style:normal;
        letter-spacing: 0.1em;
        margin-bottom:10px;
    }

    #headerDetail #inquiryButton {
        width: 180px;
        float: left;
        font-size: 12px;
        background: #DA503E;
        height: 30px;
        line-height: 30px;
        text-align:center;
        border-radius: 30px;
        letter-spacing: 0.1em;
    }

    #headerDetail #inquiryButton a {
        text-decoration:none;
        color:#fff;
    }

    #headerDetail #tel {
        width: 100px;
        float: right;
        font-size: 10px;
        color: #fff;
        background: #156BB2;
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 40px;
        border-radius: 30px;
        margin-right: 20px;
        letter-spacing: 0.1em;
    }

    #headerDetail #tel a {
        text-decoration:none;
        color:#fff;
    }

    header #tel img {
        width:30px; /*電話マークの幅*/
        margin-left:7px;
    }

    #headerDetail ul {/*お問い合わせボタン・電話ボタンのul*/
        position: relative;
        line-height: 1;
        margin-bottom:60px;
    }

    #headerDetail ul li {
        margin-bottom: 10px;
    }

    #headerDetail ul li img {/*電話マークの位置調整*/
        position: absolute;
        left:185px;
        top:2px;
    }

    #medicalHours_header {
        line-height:1.7;
        font-size:14px;
        text-align:left;
        letter-spacing: 0.1rem;
    }

    .headerDetail_info {
        margin-top:-40px;
    }

    /* nav */
    nav {
        margin-bottom: 60px;
        text-decoration: none;
    }

    #nav_touchDevice {/* タッチデバイスは非表示 */
        display: none;
    }

    nav ul {
        display: flex;
        background:#25B13A;
    }

    nav ul .navListWrapper {
        width:240px;
        border-right:solid 3px #ffffff;
    }

    nav ul .navListWrapper:first-child {/*navの左端を0*/
        border-left:none;
    }

    nav ul .navListWrapper:last-child {/*navの右端を0*/
        border-right:none;
    }

    nav ul li a {
        text-decoration: none;
        color:#156BB2;
    }

    nav ul .navIcon {
        height:70px;
        width:60px;
        margin:0 auto;
    }

    nav ul .navIcon img {
        padding-top:5px;
        margin-left:-10px;
    }

    nav ul .navText {
        font-size:13px;
        letter-spacing:0.1em;
        height:70px;
        line-height:70px;
        margin:0 auto;
        margin-left:-20px;
        color:#fff;
    }

    /* パンくずリスト */

    .breadcrumb {
        list-style: none;
        background:#CAEFCE;
        margin:40px;
        padding:13px 40px;
        border-radius:30px;
    }
    
    .breadcrumb li {
        display: inline-block;
        list-style: none;
        font-weight: normal;
    }
    
    .breadcrumb li:after {
        content: '>';
        padding: 0 0.2em;
        color: #4D5FA3;
    }
    
    .breadcrumb li:last-child:after {
        content: '';
    }
    
    .breadcrumb li a {
        text-decoration: none;
        color: #4D5FA3;
        font-size:14px;
    }

    /* ページタイトル（PC表示・SP非表示） */

    #topImage_pc {
        margin-bottom:60px;
        position:relative;
    }

    #topImage_pc img {
        width:1000px;
        height:518px;
        border-radius:30px;
        display:block;
        margin:0 auto;
    }

    #topImage_sp {
        display: none !important;
    }

    .topImageSubtitle_forGuest_sp {
        display: none;
    }

    .pc { 
        display: block !important;
     }

    .sp { 
        display: none !important;
    }

    /* ページタイトル（はじめての方へ） */

    #topImage_pc #topImageTitle_forGuest_pc {
        position: absolute;
        top:420px;
        left:550px;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        font-size:60px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#fff;
        z-index:99999;
    }

    #topImage_pc #topImageSubtitle_forGuest_pc {
        position: absolute;
        top:380px;
        left:555px;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        font-size:27px;
        letter-spacing:0.1em;
        color:#fff;
        z-index:99999;
    }

    /* ページタイトル（医療器具と治療法） */

    #topImage_pc #topImageTitle_instrumentAndTreatment_pc {
        position: absolute;
        top:420px;
        left:520px;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        font-size:60px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#fff;
        line-height:1.1;
        z-index:99999;
    }

    #topImage_pc #topImageSubtitle_instrumentAndTreatment_pc {
        position: absolute;
        top:380px;
        left:530px;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        font-size:27px;
        letter-spacing:0.1em;
        color:#fff;
        z-index:99999;
    }

    /* ページタイトル（料金システム、患者さまの声、アクセス・お問い合わせ） */

    #topImage_pc #topImageTitle_priceSystem_pc, #topImage_pc #topImageTitle_voice_pc, #topImage_pc #topImageTitle_accessAndInquiry_pc  {
        position: absolute;
        top:415px;
        left:150px;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        font-size:60px;
        font-weight:bold;
        letter-spacing:0.1em;
        color:#fff;
        line-height:1.1;
        z-index:99999;
    }

    #topImage_pc #topImageSubtitle_priceSystem_pc, #topImage_pc #topImageSubtitle_voice_pc, #topImage_pc #topImageSubtitle_accessAndInquiry_pc {
        position: absolute;
        top:375px;
        left:155px;
        font-size:27px;
        letter-spacing:0.1em;
        color:#fff;
        z-index:99999;
    }

    /* トップページ・広告文（index.html） */

    #topSalesWriting {
        margin:0 150px 70px 150px;
        padding:55px;
        background: #CAEFCE;
        border-radius:30px;
    }

    #topSalesWriting h2 {/* 広告文見出し */
        text-align: center;
        line-height:1.5;
        font-size:20px;
        margin-bottom:50px;
    }

    #topSalesWriting #ad_writing_inner {/* 広告文本文 */
        font-size:14px;
        margin-bottom:50px;
        text-align: left;
    }

    #topSalesWriting #linkToFlowWrap {
        text-align:center;
    }

    #topSalesWriting #linkToFlow {
        margin-bottom:0;
        background: linear-gradient(transparent 65%, #DA503E 65%);
    }

    #topSalesWriting #linkToFlowWrap a {
        text-decoration: none;
        color:#333333;
        font-size:18px;
    }

    /* メインコンテンツ（共通） */

    #mainContents {
        margin-bottom:80px;
    }

    #mainContents h2 {
        font-size:22px;
        padding:20px 45px 15px 50px;
        background:#CAEFCE;
        color:#333333;
        margin: 0px 25px 60px 25px;
        border-radius:30px;
        font-weight:normal;
    }

    #mainContents section {
        margin-bottom:80px;
    }

    /* メインコンテンツ(index.html) */

    #mainContents #scheduleWrap {
        margin-left:50px;
        margin-right:50px;
        margin-bottom:100px;
    }

    #mainContents #scheduleWrap .schedule {
        font-size:14px;
        border-bottom: dotted 1px #333333;
        padding-bottom:12px;
        margin-bottom:50px;
    }

    #mainContents #scheduleWrap .schedule .schedule_month {
        font-weight: bold;
    }

    #mainContents #scheduleWrap .schedule .schedule_contents {
        letter-spacing: 0.1em;
    }

    /* メインコンテンツ(forGuest.html) */

    #mainContents #sectionSubtitle {/* 章のサブタイトル */
        font-size:18px;
    }

    #mainContents .arrow {/* 矢印（accessAndInquiry.htmlと共用） */
        width:64px;
        margin:0px auto 15px;
    }

    #mainContents .flowContents {/* フローのbackgroundcolor（accessAndInquiry.htmlと共用） */
        background:#CAEFCE;
        width:900px;
        margin:0 auto;
        padding:30px;
        border-radius:30px;
        margin-bottom: 15px;
        line-height:1.5;
        letter-spacing: 0.1em;
        text-align:center;
    }

    #mainContents .flowContents:last-child {
        margin-bottom:0;
    }

    #mainContents .flowContents .flowComments {
        width:810px;
        margin-left:30px;
        text-align:left;
    }

    #mainContents .flowContents li {
        display:inline-block;
        vertical-align: middle;
    }

    #mainContents .flowContents .serialNumber {
        height:50px;
        width:50px;
        border-radius:50%;
        line-height:50px;
        text-align:center;
        background:#25B13A;
        font-size:24px;
        color:#fff;
        font-weight:bold;
        margin-bottom:15px;
    }

    #mainContents li .characterImage {
        width:50px;
    }

    #mainContents li .characterImage img {
        border-radius:15px;
    }

    #mainContents #greetingWrapper {
        width:900px;
        margin:0 auto;
        overflow:hidden;
    }

    #mainContents #greetingWrapper .directorImage {
        width:150px;
        float:left;
        margin-right:50px;
    }

    #mainContents #greetingWrapper .directorImage img {
        border-radius:50%;
    }

    #mainContents #greetingWrapper #directorName {
        padding-top:30px;
        font-size:18px;
        font-weight:bold;
        margin-bottom:30px;
    }

    #mainContents #directorCareer {
        width:900px;
        margin:0 auto;
        margin-bottom:0;
    }

    #mainContents #directorCareer li {
        font-size:16px;
        letter-spacing:0.1em;
        margin-bottom:30px;
    }

    #mainContents #directorCareer li .blankSpace {
        margin-right:20px;
    }

    #mainContents #communityWrapper {
        width:900px;
        margin:0 auto;
        overflow:hidden;
        display:table;
    }

    #mainContents #communityWrapper .eventImage {
        width:320px;
        float:left;
        margin-right:70px;
    }

    #mainContents #communityWrapper .eventImage img {
        border-radius:30px;
    }

    #mainContents #communityWrapper #communityText {
        display: table-cell;
        vertical-align: middle;
    }

    /* メインコンテンツ（instrumentAndTreatment.html） */

    #mainContents h3 {
        width:972px;
        margin:60px auto;
        background:#25B13A;
        color:#ffffff;
        text-align:left;
        font-weight:normal;
        padding:30px 0 30px 0;
        font-size:15px;
        line-height:1.7;
        border-radius:30px;
    }

    #mainContents h3.instrumentAndTreatment_intro {/* 器具紹介の前置きの文章 */
        text-align:center;
    }

    #mainContents .medicalEquipment_introWrapper {/* 器具紹介をwrap */
        background:#CAEFCE;
        width:972px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:80px;
        color:#333333;
        letter-spacing:0.1em;
        border-radius:30px;
    }

    #mainContents .medicalEquipment_introWrapper:first-child {
        padding-top:30px;
        padding-bottom:30px;
    }

    #mainContents .medicalEquipment_intro {/* 器具紹介（枠） */
        display:flex;
        align-items: center;
        margin:0;
        padding:0;
    }

    #mainContents .medicalEquipment_imageWrapper {
        padding:40px;
    }

    #mainContents .medicalEquipment_imageWrapper img {
        width:225px;
        border-radius:30px;
    }

    #mainContents .medicalEquipment_text {
        float:right;
        padding-right:30px;
    }

    #mainContents .medicalEquipment_text h4 {/* 器具名称 */
        font-size:19px;
        line-height:2;
    }

    #mainContents .medicalEquipment_text .medicalEquipment_detail {/* 器具紹介文 */
        font-size:14px;
        line-height:1.5;
    }

    #mainContents .medicalEquipment_text ul {
        margin:0;
        padding:0;
    }

    #mainContents .medicalEquipment_text li {
        margin-bottom:20px;
    }

    #mainContents .medicalEquipment_text h5 {/* それぞれの器具のモード */
        font-size:16px;
        line-height:1.7;
    }

    #mainContents .medicalEquipment_text li:last-child {
        margin-bottom:0px;
    }

    #mainContents .medicalEquipment_text li p {
        line-height:1.5;
        font-size:14px;
    }

    /* メインコンテンツ(price.html) */

    #mainContents .priceTable {
        margin: 0 auto;
        border:solid 1px #333333;
        width:600px;
        font-size:16px;
    }

    #mainContents .priceTable th, td {
        border:solid 1px #333333;
    }

    #mainContents .priceTable th {
        background:#25B13A;
        color:#fff;
        font-weight:normal;
        padding-top:20px;
        padding-bottom:20px;
        letter-spacing: 0.1em;
    }

    #mainContents .priceTable td {
        background:#fff;
        color:#333333;
        text-align:center;
        padding-top:20px;
        padding-bottom:20px;
        letter-spacing: 0.1em;
    }

    #mainContents .priceTable_other {/* _otherのみ、材料費 */
        margin: 0 auto;
        border:solid 1px #333333;
        width:600px;
        font-size:16px;
        margin-top:50px;
    }

    #mainContents .priceTable_other th, td {
        border:solid 1px #333333;
    }
    
    #mainContents .priceTable_other th {
        background:#25B13A;
        color:#fff;
        font-weight:normal;
        padding-top:20px;
        padding-bottom:20px;
        letter-spacing: 0.1em;
        vertical-align: middle;
        line-height:1.3;
    }

    #mainContents .priceTable_other td {
        background:#fff;
        color:#333333;
        text-align:center;
        padding-top:20px;
        padding-bottom:20px;
        letter-spacing: 0.1em;
        width:33.3%;
    }

    #mainContents .priceOther {
        background:#fff;
        width:900px;
        margin:0 auto;
        padding:0 50px 0 50px;
        border-radius:30px;
    }

    #mainContents .priceOther li {
        letter-spacing: 0.1em;
        font-size:16px;
        margin-bottom:20px;
        line-height:1.7;
    }

    #mainContents .priceOther li:last-child {
        margin-bottom:0;
    }

    #mainContents .priceOther .blankSpace {
        margin-right:20px;
    }

    /* メインコンテンツ(voice.html) */

    #mainContents #voiceList {
        margin: 0 auto;
        width:950px;
    }

    #mainContents #voiceList li {
        overflow:hidden;
        margin-bottom:60px;
    }

    #mainContents #voiceList .voiceUpper {/* 声（枠）・一人目 */
        position: relative;
        display: inline-block;
        padding: 50px;
        color: #333333;
        background: #CAEFCE;
        border-radius: 30px;
    }

    #mainContents #voiceList .voiceUpper:before {/* 声（吹き出し）・一人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 20%;
        border: 30px solid transparent;
        border-top: 45px solid #CAEFCE;
        margin-left:-30px;
    }

    #mainContents #voiceList .voiceMiddle {/* 声（枠）・二人目 */
        position: relative;
        display: inline-block;
        padding: 50px;
        color: #333333;
        background: #CAEFCE;
        border-radius: 30px;
    }

    #mainContents #voiceList .voiceMiddle:before {/* 声（吹き出し）・二人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 75%;
        border: 30px solid transparent;
        border-top: 45px solid #CAEFCE;
        margin-left:-30px;
    }

    #mainContents #voiceList .voiceLower {/* 声（枠）・三人目 */
        position: relative;
        display: inline-block;
        padding: 50px;
        color: #333333;
        background: #CAEFCE;
        border-radius: 30px;
    }

    #mainContents #voiceList .voiceLower:before {/* 声（吹き出し）・三人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        border: 30px solid transparent;
        border-top: 45px solid #CAEFCE;
        margin-left:-30px;
    }

    #mainContents #voiceList .voiceUpper, .voiceMiddle, .voiceLower .voice_ex {
        letter-spacing:0.1em;
        font-size:16px;
        line-height:1.7;
    }

    #mainContents #voiceList .patientImageUpper {
        width:150px;
        margin: 60px 20px 0 20px;
        float:left;
    }

    #mainContents #voiceList .patientImageMiddle {
        width:150px;
        margin: 50px 20px 0 530px;
        float:left;
    }

    #mainContents #voiceList .patientImageLower {
        width:150px;
        margin: 50px 20px 0 300px;
        float:left;
    }

    #mainContents #voiceList .patientProfile {
        margin-top:140px;
        color:#333333;
        background:#CAEFCE;
        padding:15px;
        display:inline-block;
        border-radius:30px;
        letter-spacing:0.1em;
        line-height: 1.7;
    }

    /* メインコンテンツ(accessAndInquiry.html) */

    #mainContents #accessmap_accessPage {
        position: relative;
        padding-bottom:600px;
        height:0;
        margin-bottom:30px;
    }

    #mainContents #accessmap_accessPage iframe {
        position: absolute;
        top:0;
        left:140px;
        width:920px;
        border:0;
        height:100%;
    }

    #mainContents #locationDetail {
        width:920px;
        margin:0 auto;
        letter-spacing:0.1em;
        font-size:16px;
        line-height:1.7;
    }

    #mainContents .route {
        margin-bottom:0;
    }

    #mainContents #contactUs #formWrapper {
        width:950px;
        margin:0 auto;
    }

    #mainContents #contactUs #formWrapper ul {
        margin:0;
    }

    #mainContents #contactUs #formIntro {/* お問い合わせフォームの前置き */
        font-size:14px;
        margin-bottom:20px;
    }

    #mainContents #contactUs form {
        background:#fff;
    }

    #mainContents #contactUs .item {
        border:solid 1px #cccccc;
        border-bottom:0;
    }

    #mainContents #contactUs .itemTitle {/* お問い合わせフォームの項目名 */
        background:#25B13A;
        color:#fff;
        border-bottom:solid 1px #cccccc;
        padding:10px 30px;
    }

    #mainContents #contactUs .asterisk {/* 入力必須の場合は※ */
        color:#DA503E;
    }

    #mainContents #contactUs input[type="text"]{
        width: 200px;
        border:solid 1px #cccccc;
    }

    #mainContents #contactUs input[type="email"]{
        width: 350px;
        border:solid 1px #cccccc;
    }

    #mainContents #contactUs .itemDetailWrapper {/* inputをwrap */
        padding-left:50px;
        padding-top:30px;
        padding-bottom:30px;
    }

    #mainContents #contactUs .itemDetailWrapper_email {/* inputをwrap */
        padding-left:50px;
        padding-top:30px;
        padding-bottom:30px;
    }

    #mainContents #contactUs .itemDetailWrapper_inquiry {/* inputをwrap */
        padding-left:50px;
        padding-top:30px;
        padding-bottom:30px;
    }

    #mainContents #contactUs .nameDetail {/* 姓・名をulでまとめる */
        overflow: hidden;
        margin-left:0;
        margin-bottom:0;
    }

    #mainContents #contactUs .name_lastName {/* 姓（文字部分） */
        float:left;
        font-size:15px;
        line-height:1.7;
    }

    #mainContents #contactUs .name_inputLastName {/* 姓（入力部分） */
        float:left;
        margin-left:8px;
    }

    #mainContents #contactUs .name_firstName {/* 名（文字部分） */
        float:left;
        margin-left:50px;
        font-size:15px;
        line-height:1.7;
    }

    #mainContents #contactUs .name_inputFirstName {/* 名（入力部分） */
        float:left;
        margin-left:8px;
    }

    #mainContents #contactUs textarea {
        width:840px;
        height:150px;
        border:solid 1px #cccccc;
    }

    #mainContents #contactUs #sendButton {
        text-align: center;
        background:#fff;
        padding-bottom:30px;
        border:solid 1px #cccccc;
        border-top:0;
    }

    /* お問い合わせ・営業時間（共通） */

    #medicalHours {
        background-image:url(../images/contact_us_bg.jpg);
        height:400px;
        width:1200px;
        overflow:hidden;
    }

    #medicalHours_bgWrapper {/* 全体のbackgroundimageを透過させる */
        background-color:rgba(255,255,255,0.6);
        height:100%;
    }

    #medicalHours .inquiry_wrapper {
        width:400px;
        padding:90px 70px;
        float:left;
    }

    #medicalHours .inquiry_wrapper img {/* 接骨院ロゴ */
        width:90px;
        margin-right:30px;
        float:left;
    }

    #medicalHours .inquiry_wrapper h3 {/* 接骨院名称 */
        font-size:38px;
        color:#25B13A;;
    }

    #medicalHours .inquiry_wrapper p {/* 接骨院名称（サブ） */
        font-size:16px;
        color:#25B13A;
    }

    #medicalHours_bgWrapper .name_under a {
        color:#25B13A;
        text-decoration: none;
    }

    #medicalHours .inquiry_wrapper address {
        clear:both;
        margin-top:15px;
        line-height:2;
        margin-left:10px;
        margin-bottom:30px;
        float:left;
        width:315px;
        letter-spacing: 0.1em;
        font-size:15px;
        font-style:normal;
    }

    #medicalHours .inquiry_wrapper #facebook {
        padding-top:15px;
    }

    #medicalHours .inquiry_wrapper #facebook img {
        width:40px;
        height:40px;
    }

    #medicalHours .inquiry_wrapper h4 {
        position:relative;
        clear:both;
    }

    #medicalHours .inquiry_wrapper h4 img {/* メールの画像 */
        position:absolute;
        top:15px;
        left:100px;
        width:30px;
    }

    #medicalHours .inquiry_wrapper h4 .inquiryButton {
        background: #25B13A;
        color:#fff;
        padding:20px 40px 20px 80px;
        border-radius:30px;
        display:inline-block;
        letter-spacing:0.1em;
        margin-left:70px;
    }

    #medicalHours .medicalHours_wrapper {
        padding:90px 0px 0px 0px;
    }

    #medicalHours .medicalHours_wrapper table {
        border:solid 1px #fff;
        background: rgba(37, 177, 58, 0.7);
        color:#fff;
    }

    #medicalHours .medicalHours_wrapper table .medicalHours_itself {/* 「診療時間」文字 */
        border:solid 1px #fff;
        font-weight:normal;
        padding:20px 40px;
        font-size:19px;
        letter-spacing:0.1em;
        width:100px;
        text-align: center;
    }

    #medicalHours .medicalHours_wrapper table .medicalHours_morning, .medicalHours_afternoon {
        border:solid 1px #fff;
        font-weight:normal;
        padding:20px 0px;
        text-align: center;
        line-height:1.5;
        letter-spacing:0.1em;
    }

    #medicalHours .medicalHours_wrapper table td {
        border:solid 1px #fff;
        width:50px;
        text-align: center;
        vertical-align: middle;
    }

    #medicalHours .medicalHours_wrapper table .saturday {
        width:160px;
    }

    /* 地図 */

    #accessmap {
        position: relative;
        padding-bottom:500px;
        clear:both;
        height:0;
    }

    #accessmap iframe {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        border:0;
        height:100%;
    }

    /* フッター */

    footer {
        background:#25B13A;
    }

    footer p {
        color:#fff;
        font-size:12px;
        text-align: center;
        letter-spacing: 0.1em;
        padding:15px 0;
    }

    /* 上に戻るボタン */

    #gototop {
        z-index:20000;
        position:fixed;
        bottom:2%;
        right:8%; 
    }
    
    #gototop a {
        display:block;
        width:3rem;
        height:3rem;
        line-height:3.3rem;
        font-weight:bold;
        color:#fff;
        background:#156BB2;
        font-size:2rem;
        text-decoration: none;
        text-align:center;
        border-radius:50%;
    }
    
    #gototop a:hover {
        background:rgba(151,211,227,0.7);
    }

    #phone {
        display:none;
    }
}

/* メディアクエリ タッチデバイス */
@media(max-width:414px){

    /* 全体 */
    html, body {
        height: 100%;
        font-family: sans-serif;
    }

    #container {
        background:#fff;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
    }

    p {
         font-size:1rem;
         line-height:1.7;
    }

    h1 {
        letter-spacing: 0.1rem;
    }

    h2 {
        letter-spacing: 0.1rem;
    }

    h3 {
        letter-spacing: 0.1rem;
    }

    a {
        color: rgba(0, 0, 0, 0);
    }

    /* SPの各箇所位置調整のため */
    #container {
        position: relative;
    }

    /* ヘッダー */
    header {
        color:#25B13A;
    }
    
    header a {
        text-decoration: none;
        color:#25B13A;
    }

    header #name img {/*ロゴ*/
        width:3.5rem;
        float:left;
        margin:1.5rem 0.7rem;
    }

    header #name h1 {/*接骨院名称*/
        font-size:1.5rem;
        letter-spacing: 0.2rem;
        padding-top:1.5rem;  
    }

    header #name p {/*接骨院サブ名称*/
        font-size:0.7rem;
        letter-spacing: 0.1rem;  
    }

    header #name h2 {/*キャッチコピー*/
        display:none;
    }

    /* SPでは非表示 */
    #nav_PC {
        display:none;
    }

    .topPhoto img {
        border-radius: 1rem;
        width:17rem;
        height:6.9rem;
        margin:0 auto;   
    }

    #headerDetail {
        position: absolute;
        top:21rem;
        width:100%;
    }

    .headerDetail_intro {
        margin: 0 auto;
        width:18rem;
        letter-spacing: 0.1rem;
    }

    .headerDetail_info {
        background: #CAEFCE;
        margin-top:1rem;
        padding:1rem 0;
    }

    #headerDetail ul {
        display: flex;
    }

    /* SPでボタン非表示 */
    #headerDetail li img {
        display:none;
    }

    #headerDetail li {
        float:left;
        margin:0 auto;
    }

    #headerDetail #inquiryButton a, #headerDetail #tel a {
        color:#fff;
    }

    #headerDetail #inquiryButton {
        background: #DA503E;
        padding:1rem;
        border-radius:1.5rem;
    }

    #headerDetail #tel {
        background: #4D5FA3;
        padding:1rem;
        border-radius:1.5rem;
    }

    address {
        margin-bottom:0.5rem;
    }

    #headerDetail #medicalHours_header {
        width:21rem;
        margin:1rem auto 0 auto;
        color:#303030;
        line-height:1.7;
    }

    /* パンくずリスト */
    .breadcrumb {
        list-style: none;
        background:rgba(202,239,206,0.6);
        margin:1.5rem 1rem;
        padding:0.6rem 1.5rem;
        border-radius:1.5rem;
    }
    
    .breadcrumb li {
        display: inline-block;
        list-style: none;
        font-weight: normal;
    }
    
    .breadcrumb li:after {
        content: '>';
        padding: 0 0.2rem;
        color: #4D5FA3;
    }
    
    .breadcrumb li:last-child:after {
        content: '';
    }
    
    .breadcrumb li a {
        text-decoration: none;
        color: #4D5FA3;
        font-size:0.9rem;
    }

    #headerDetail {
        display:none;
    }

    /* ページタイトル（PC非表示・SP表示） */
    #topImage_sp {
        margin:0 1.5rem;
        position: relative;
    }

    #topImage_sp img {
        border-radius: 1.5rem; 
    }

    #topImage_pc {
        display:none;
    }

    .pc { 
        display: none !important;
     }

    .sp { 
        display: block !important;
    }

    /* 各ページのタイトル */
    /* 「はじめての方へ」 */
    #topImage_sp #topImageTitle_forGuest_sp {
        position: absolute;
        top:88%;
        left:23%;
        z-index:999;
        color:#fff;
        font-size:1.7rem;
        font-weight:bold;
        letter-spacing: 0.1rem;;
    }

    #topImage_sp #topImageSubtitle_forGuest_sp {
        position: absolute;
        top:82%;
        left:23%;
        z-index:999;
        color:#fff;
        font-size:0.7rem;
        font-weight:normal;
    }

    /* 「医療器具と治療法」 */
    #topImage_sp #topImageTitle_instrumentAndTreatment_sp {
        position: absolute;
        top:88%;
        left:12%;
        z-index:999;
        color:#fff;
        font-size:1.7rem;
        font-weight:bold;
        letter-spacing: 0.1rem;;
    }

    #topImage_sp #topImageSubtitle_instrumentAndTreatment_sp {
        position: absolute;
        top:82%;
        left:12%;
        z-index:999;
        color:#fff;
        font-size:0.7rem;
        font-weight:normal;
    }

    /* 「料金システム」 */
    #topImage_sp #topImageTitle_priceSystem_sp {
        position: absolute;
        top:88%;
        left:7%;
        z-index:999;
        color:#fff;
        font-size:1.7rem;
        font-weight:bold;
        letter-spacing: 0.1rem;;
    }

    #topImage_sp #topImageSubtitle_priceSystem_sp {
        position: absolute;
        top:82%;
        left:7%;
        z-index:999;
        color:#fff;
        font-size:0.7rem;
        font-weight:normal;
    }

    /* 「患者さまの声」 */
    #topImage_sp #topImageTitle_voice_sp {
        position: absolute;
        top:88%;
        left:7%;
        z-index:999;
        color:#fff;
        font-size:1.7rem;
        font-weight:bold;
        letter-spacing: 0.1rem;;
    }

    #topImage_sp #topImageSubtitle_voice_sp {
        position: absolute;
        top:82%;
        left:7%;
        z-index:999;
        color:#fff;
        font-size:0.7rem;
        font-weight:normal;
    }

    /* 「アクセス・お問い合わせ」 */
    #topImage_sp #topImageTitle_accessAndInquiry_sp {
        position: absolute;
        top:75%;
        left:13%;
        z-index:999;
        color:#fff;
        font-size:1.7rem;
        font-weight:bold;
        letter-spacing: 0.1rem;
        line-height:1.3;
    }

    #topImage_sp #topImageSubtitle_accessAndInquiry_sp {
        position: absolute;
        top:69%;
        left:13%;
        z-index:999;
        color:#fff;
        font-size:0.7rem;
        font-weight:normal;
        letter-spacing: 0.1rem;
    }

    /* コンテンツ */
    #mainContents {
        width:100%;
    }

    /* 見出し */
    #mainContents h2 {
        margin:3rem 2rem 1.5rem 2rem;
        padding-left:1rem;
        padding-bottom:0.5rem;
        padding-top:0.3rem;
        font-size:0.9rem;
        border-left:solid 0.3rem #25B13A;
        border-bottom:solid 0.05rem #25B13A;
        line-height: 1.5;
    }

     /* 施術手順（forGuest.html） */
    #mainContents .flowContents {
        background:#CAEFCE;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        padding:1.2rem;
        border-radius:1.5rem;
        overflow: hidden;
    }

    #mainContents .flowContents .serialNumber {
        height:3rem;
        width:3rem;
        border-radius:50%;
        line-height:1.7;
        text-align:center;
        background:#4D5FA3;
        font-size:1.8rem;
        color:#fff;
        font-weight:bold;
        margin-bottom:1rem;
    }

    #mainContents .flowContents .flowNumber {
        float:left;
        margin-right:1.5rem;
    }

    #mainContents .flowContents .flowComments {
        line-height:1.7;
        width:65%;
        float:right;
    }

    /* 施術手順のイラスト顔画像（forGuest.html） */
    #mainContents li .characterImage {
        width:3.4rem;
    }

    #mainContents li .characterImage img {
        border-radius:1.5rem;
    }

    #mainContents .arrow {/* 矢印 */
        width:4rem;
        margin:2rem auto;
    }

    /* 院長挨拶（forGuest.html） */
    #mainContents #greetingWrapper .directorImage {
        width:8rem;
        margin:1rem auto;
    }

    #mainContents #greetingWrapper .directorImage img {
        border-radius:50%;
    }

    #mainContents #greetingWrapper #directorName {
        font-weight:bold;
        margin-left:2rem;
    }

    #mainContents #greetingWrapper p {
        margin:1rem 2rem 0;
    }

    /* 院長経歴（forGuest.html） */
    #mainContents #directorCareer {
        margin:0 auto;
        width:80%;
    }

    #mainContents #directorCareer li {
        margin-bottom:1rem;
        line-height:1.7;
    }

    /* 地域とのつながり（forGuest.html） */
    #mainContents #communityWrapper .eventImage {
        margin:2.5rem auto 0;
        width:80%;
    }

    #mainContents #communityWrapper .eventImage img {
        border-radius: 1.5rem;
    }

    #mainContents #communityWrapper #communityText {
        margin:2rem auto;
        line-height:1.7;
        width:80%;
    }

    /* 患者さまの声・冒頭の紹介文（voice.html） */
    #mainContents .instrumentAndTreatment_intro {
        font-weight:normal;
        width:80%;
        margin:2rem auto 3rem;
        line-height:1.7;
    }

    /* 患者さまの声（voice.html） */
    #mainContents #voiceList li {
        overflow: hidden;
        margin-bottom:3rem;
    }

    #mainContents #voiceList .voiceUpper {/* 声（枠）・一人目 */
        position: relative;
        background: #CAEFCE;
        margin:1rem 2rem 0;
        padding:1.5rem;
        border-radius: 1.5rem;
    }

    #mainContents #voiceList .voiceUpper:before {/* 声（吹き出し）・一人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 30%;
        border: 2rem solid transparent;
        border-top: 3rem solid #CAEFCE;
        margin-left:-2rem;
    }

    #mainContents #voiceList .patientImageUpper {
        width:10rem;
        margin: 4rem 1rem 0 1rem;
        float:left;
    }

    #mainContents #voiceList .voiceMiddle {/* 声（枠）・二人目 */
        position: relative;
        background: #CAEFCE;
        margin:1rem 2rem 0;
        padding:1.5rem;
        border-radius: 1.5rem;
    }

    #mainContents #voiceList .voiceMiddle:before {/* 声（吹き出し）・二人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 30%;
        border: 2rem solid transparent;
        border-top: 3rem solid #CAEFCE;
        margin-left:-2rem;
    }

    #mainContents #voiceList .patientImageMiddle {
        width:10rem;
        margin: 4rem 1rem 0 1rem;
        float:left;
    }

    #mainContents #voiceList .voiceLower {/* 声（枠）・三人目 */
        position: relative;
        background: #CAEFCE;
        margin:1rem 2rem 0;
        padding:1.5rem;
        border-radius: 1.5rem;
    }

    #mainContents #voiceList .voiceLower:before {/* 声（吹き出し）・三人目 */
        content: "";
        position: absolute;
        top: 100%;
        left: 30%;
        border: 2rem solid transparent;
        border-top: 3rem solid #CAEFCE;
        margin-left:-2rem;
    }

    #mainContents #voiceList .patientImageLower {
        width:10rem;
        margin: 4rem 1rem 0 1rem;
        float:left;
    }

    #mainContents #voiceList .patientProfile {
        display: block;
        margin-top:9rem;
        margin-right:2rem;
        line-height:1.3;
    }

    /* 地図（上部）（accessAndInquiry.html） */
    #mainContents #accessmap_accessPage {
        position: relative;
        padding-bottom:15rem;
        height:0;
        margin-bottom:2rem;
    }

    #mainContents #accessmap_accessPage iframe {
        position: absolute;
        left:10%;
        top:0;
        width:80%;
        border:0;
        height:100%;
    }

    #mainContents .route .flowContents {
        letter-spacing: 0.1rem;
        line-height:1.5;
    }

    #mainContents #locationDetail {
        width:80%;
        letter-spacing:0.1rem;
        margin: 0 auto;
    }

    /* お問い合わせ（accessAndInquiry.html） */
    #mainContents #formWrapper {
        margin:0 auto;
        width:80%;
    }

    #mainContents #formIntro {
        letter-spacing: 0.1rem;
        font-size:0.8rem;
    }

    #mainContents .itemTitle {
        padding:0.2rem 1rem;
        color:#fff;
        font-size:0.8rem;
    }

    #mainContents .itemTitle .asterisk {
        color:#D35C8C;
    }

    #mainContents .nameDetail {
        overflow:hidden;
    }

    #mainContents .name_lastName {
        float:left;
        padding-top:0.3rem;
        margin-left:0.5rem;
        font-size:0.8rem;
    }

    #mainContents .name_firstName {
        float:left;
        padding-top:0.3rem;
        margin-left:0.5rem;
        font-size:0.8rem;
    }

    #mainContents .name_inputLastName {
        float:left;
        margin-right:0.5rem;
        margin-left:0.5rem;
    }

    #mainContents .name_inputFirstName {
        float:left;
        margin-left:0.5rem;
    }

    #mainContents input[type="text"]{
        width: 5rem;
        border:solid 0.05rem #999999;
        border-radius: 0.1rem;
    }

    #mainContents input[type="email"]{
        width: 90%;
        border:solid 0.05rem #999999;
        border-radius: 0.1rem;
    }

    #mainContents .itemDetailWrapper_email {
        text-align: center;
    }

    #mainContents .itemDetailWrapper_inquiry {
        text-align: center;
    }

    #mainContents #contactUs textarea {
        width:90%;
        height:8rem;
        border:solid 0.05rem #999999;
        border-radius: 0.1rem;
    }

    #mainContents #sendButton {
        text-align: center;
        background: #fff;
        margin-top:-0.1rem;
    }

    #mainContents #sendButton input[type="submit"] {
        font-size:0.8rem;
    }

    #mainContents form {
        border:solid 0.01rem #25B13A;
        padding-bottom:1rem;
    }

    #mainContents #formWrapper .itemDetailWrapper {
        background:#fff;
        padding:1rem 0;
    }

    #mainContents #formWrapper .itemDetailWrapper_email {
        background:#fff;
        padding:1rem;
    }

    #mainContents #formWrapper .itemDetailWrapper_inquiry {
        background:#fff;
        padding:1rem;
    }

    #mainContents #formWrapper .item {
        background:#25B13A;
    }

    /* 医療器具の説明（instrumentAndTreatment.html） */
    #mainContents .medicalEquipment_introWrapper {
        font-weight:normal;
        margin:0 auto 5rem;
        width:80%;
        line-height:1.7;
    }

    #mainContents .medicalEquipment_imageWrapper {
        margin:0 auto 2rem;
        width:50%;
    }

    #mainContents .medicalEquipment_text ul {
        margin-top:3rem;
    }

    #mainContents .medicalEquipment_text li {
        margin-bottom:2rem;
    }

    /* 料金表（price.html） */
    #mainContents .priceTable {
        margin: 0 auto;
        border:solid 0.1rem #767676;
        width:80%;
        font-size:0.9rem;
        line-height:1.3;
    }

    #mainContents .priceTable tr {
        border:solid 0.1rem #767676;
    }

    #mainContents .priceTable th {
        background:#25B13A;
        color:#fff;
        font-weight:normal;
        padding-top:1rem;
        padding-bottom:1rem;
        letter-spacing: 0.1rem;
        border:solid 0.1rem #767676;
    }

    #mainContents .priceTable td {
        background:#fff;
        color:#333333;
        text-align:center;
        padding-top:1rem;
        padding-bottom:1rem;
        letter-spacing: 0.1rem;
        border:solid 0.1rem #767676;
    }

    #mainContents .priceTable_other {/* _otherのみ、材料費 */
        margin: 0 auto;
        border:solid 0.1rem #767676;
        width:80%;
        font-size:0.9rem;
        line-height:1.3;
        margin-top:3rem;
    }

    #mainContents .priceTable_other tr {
        border:solid 0.1rem #767676;
    }

    #mainContents .priceTable_other th {
        background:#25B13A;
        color:#fff;
        font-weight:normal;
        padding-top:1rem;
        padding-bottom:1rem;
        letter-spacing: 0.1rem;
        border:solid 0.1rem #767676;
    }

    #mainContents .priceTable_other td {
        background:#fff;
        color:#333333;
        text-align:center;
        padding-top:1rem;
        padding-bottom:1rem;
        letter-spacing: 0.1rem;
        border:solid 0.1rem #767676;
        width:33.3%;
    }
    
    #mainContents .priceOther {
        background:#fff;
        width:80%;
        margin:0 auto;
        padding:0 2rem 0 2rem;
        border-radius:2rem;
    }

    #mainContents .priceOther li {
        letter-spacing: 0.1rem;
        font-size:1rem;
        margin-bottom:1rem;
        line-height:1.7;
    }

    #mainContents .priceOther li:last-child {
        margin-bottom:0;
    }

    #mainContents .priceOther .blankSpace {
        margin-right:1rem;
    }

    /* お問い合わせ（下部）・診療時間 */
    #medicalHours {   
        width:100%;
        margin-top:4rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper {
        background-image:url(../images/contact_us_bg.jpg);
    }

    #medicalHours_bgWrapper .inquiry_wrapper_inner {/* bg画像の透過用 */
        background-color:rgba(255,255,255,0.6);
        overflow:hidden;
        padding:2rem 2rem 4rem 2rem;
    }

    #medicalHours_bgWrapper .name_under {
        text-align: center;
    }

    #medicalHours_bgWrapper .name_under a {
        color:#25B13A;
        text-decoration: none;
    }

    #medicalHours_bgWrapper .inquiry_wrapper img {
        width:18%;
        float:left;
        margin-right:0.5rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper h3 {
        color:#25B13A;
        font-size:1.5rem;
        letter-spacing:0.2rem;
        width:14.5rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper p {
        color:#25B13A;
        font-size:0.7rem;
        letter-spacing:0.08rem;
        width:14.5rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper address {
        margin-top:1rem;
        font-style:normal;
        color:#303030;
        line-height:1.5;
        font-size:1rem;
    }

    #medicalHours_bgWrapper #facebook {
        position:relative; 
    }

    #medicalHours_bgWrapper #facebook img {
        position: absolute;
        top:-2rem;
        left:10rem;
        width:2rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper h4 {/* お問い合わせボタン */
        margin:2rem auto 0 auto;
        color:#fff;
        background:#25B13A;
        width:70%;
        padding:1rem;
        border-radius: 1.5rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper h4 a {
        text-decoration:none;
        color:#fff;
        letter-spacing:0.1rem;
        font-size:0.9rem;
    }

    #medicalHours_bgWrapper .inquiry_wrapper h4 img {/* お問い合わせボタン・メールの記号画像 */
        width:2rem;
        margin-top:-0.3rem;
        margin-right:2rem;
        margin-left:1rem;
    }

    #medicalHours_bgWrapper .medicalHours_wrapper table {
        width:100%;
        background: #25B13A;
        text-align:center;
    }

    #medicalHours_bgWrapper .medicalHours_wrapper tr {
        border-top:solid #ffffff 0.1rem;
    }

    #medicalHours_bgWrapper .medicalHours_wrapper tr th, td {
        padding:1rem 0;
        color:#fff;
        font-weight:normal;
        letter-spacing:0.1rem;
        font-size:0.8rem;
        vertical-align: middle;
        border:none;
    }

    #medicalHours_bgWrapper .medicalHours_wrapper tr:nth-child(1) {
        border-top:none;
    }

    .medicalHours_itself {/* 「診療時間」文字 */
        width:9rem;
    }

    .medicalHours_morning, .medicalHours_afternoon {
        line-height:1.5;
    }

    #medicalHours_bgWrapper .medicalHours_wrapper .saturday {
        border-left:solid #fff 0.1rem;
        width:7rem;
    }

    /* アクセスマップ */
    #accessmap {
        position: relative;
        padding-bottom:80%;
        overflow:hidden;
        z-index:999999;
    }
    
    #accessmap iframe {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        border:0;
        height:100%;
    }

    /* フッター */
    footer {
        margin-top:6rem;
    }

    footer p {
        font-size:0.6rem;
        text-align:center;
        letter-spacing:-0.01rem;
    }

    /* 上に戻るボタン */
    #gototop {
        z-index:1000000;
        position:fixed;
        bottom:8rem;
        right:3%; 
     }
     
     #gototop a {
        display:block;
        width:2rem;
        height:2rem;
        line-height:2.6rem;
        font-weight:bold;
        color:#fff;
        background:#156BB2;
        font-size:1.5rem;
        text-decoration: none;
        text-align:center;
        border-radius:50%;
     }

     /* お問い合わせ */
     #phone {
        z-index:1000000;
        position:fixed;
        bottom:2%;
        right:3%; 
     }

     #phone a {
        width:95%;
     }
}