@media screen and (max-width: 750px) {
    .sp_hidden {
        display: none
    }
    .pc_hidden {
        display: inline
    }
    p {
        padding: 0;
        margin: 0;
    }
    /*font-face*/
    @font-face {
        font-family: 'condenseicon';
        src: url('../font/CONDENSEicon.ttf') format('truetype'), url('../font/CONDENSEicon.otf') format('opentype'), url('../font/CONDENSEicon.woff') format('woff');
    }
    @font-face {
        font-family: 'LigatureSymbols';
        src: url('../font/LigatureSymbols-2.11.eot');
        src: url('../font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('../font/LigatureSymbols-2.11.woff') format('woff'), url('../font/LigatureSymbols-2.11.ttf') format('truetype'), url('../font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    body {
        -webkit-text-size-adjust: none;
        font-family: "BIZ UDGothic", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000 !important;
        font-size: 12pt !important;
        line-height: 180% !important;
        text-align: left;
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    img, iframe {
        vertical-align: bottom;
    }
    #wrap {
        background: #fff;
    }
    img {
        width: auto;
        max-width: 100%;
    }
    .sec main {
        margin: 2% 5% 100px;
        background: #fff;
        position: relative;
        z-index: 999;
    }
    .sec main img {
        width: auto;
        max-width: 100%;
    }
    .content_wrap {
        width: 90%;
        margin: 0 auto;
    }
    ol {
        margin: 0;
        padding: 0;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    ol.un {
        padding-bottom: 20px;
    }
    ol.un li {
        margin-left: 1.5em;
    }
    .table_basic {
        border-collapse: separate;
        border-spacing: 1px;
        background: #ddd;
        border-style: none;
        width: 100%;
        margin: 0 auto;
    }
    .table_basic tr {
        border: none;
    }
    .table_basic th {
        background: #a2cd70;
        padding: 10px 3px;
        font-weight: normal;
        text-align: center;
        color: #fff;
    }
    .table_basic td {
        padding: 10px 5px;
        text-align: center;
        background: #fff;
        color: #7aa83d;
        white-space: nowrap;
    }
    .table_basic th.top, .table_basic td.top {
        width: 50%;
        color: #000;
        white-space: normal;
    }
    /*----------------スクロールテーブル-----------*/
    .scrool_table table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .table_scrool {
        border-collapse: separate;
        border-spacing: 1px;
        background: #ddd;
        border-style: none;
        width: 100%;
    }
    .table_scrool th {
        background-color: #f3f3f3;
        padding: 8px 7px;
        font-weight: normal;
        text-align: center;
    }
    .table_scrool td {
        background-color: #FFF;
        padding: 8px 7px;
        text-align: center;
    }
    .req-mark {
        font-size: 8pt;
        color: #D00003
    }
    .right {
        text-align: right;
    }
    .cen {
        text-align: center;
    }
    .sp_no {
        display: none
    }
    .h img {
        display: none;
    }
    /*----------------------------------------ヘッダ----------------------------------------*/
    .head {
        text-align: center;
        display: flex;
        align-items: center;
        height: 100px;
    }
    .logo {
        width: 300px;
        margin: 0 auto;
    }
    .hnav {
        padding-top: 9px;
        width: 85%;
        margin: 0 auto;
        display: none;
    }
    .menu-btn {}
    /*----------------------------------------Ｇナビ----------------------------------------*/
    #gnav {
        display: none;
    }
    .sp_navbox {}
    .sp_nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        background: #EDFEE8;
        background: linear-gradient(90deg, rgba(237, 254, 232, 1) 0%, rgba(254, 252, 129, 1) 100%);
        z-index: 999999;
    }
    .sp_nav li {
        flex: 1;
        padding: 12px 0;
        text-align: center;
    }
    .sp_nav li + li {
        border-left: 1px solid #666;
    }
    .sp_nav li a {
        color: #44546a;
        display: block;
        font-weight: 700;
    }
    .sp_nav li:nth-child(1) a:before {
        font-family: 'LigatureSymbols';
        content: "\E100";
        line-height: 1;
        font-weight: normal;
        font-size: 20pt;
    }
    .sp_nav li:nth-child(2) a:before {
        font-family: FontAwesome;
        content: "\f0c9";
        font-weight: normal;
        font-size: 16pt;
    }
    .sp_nav li a span {
        font-size: 11pt;
        line-height: 1.4;
        padding-top: 6px;
        display: block;
    }
    /*----------------------------------------フッタ----------------------------------------*/
    /*----------------------------------------メインイメージＩＮＤＥＸ----------------------------------------*/
    #kv {
        width: 100%;
    }
    #kv img.kv_bg {
        display: none;
    }
    #kv img.kv_txt {
        display: none;
    }
    #kv-sp {
        position: absolute;
        top: 100px;
        bottom: 78px;
        left: 0;
        right: 0;
        background: url("../img/kv-sp.png")no-repeat center bottom / cover;
    }
    #kv-sp .t1 {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 90%;
    }
    #kv-sp .t2 {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    /*----------------------------------------index----------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    h2 {
        margin: 0 0 20px 0;
        color: #00af50;
        font-weight: 400;
        font-size: 18pt;
        line-height: 18pt;
        position: relative;
        display: block;
        padding: 0px 0px 12px 0px;
        text-shadow: 1px 1px 0px #ccc;
    }
    h2::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        border-bottom: 2px dotted #cdcdcd;
    }
    h3 {
        font-weight: 400;
        font-size: 16pt;
        line-height: 16pt;
        padding: 0px 0px 20px 0px;
        color: #fff;
        margin: 0;
        text-shadow:
            0 0 1px #cce589, 0 0 2px #cce589, 0 0 3px #cce589, 0 0 4px #cce589, 0 0 5px #cce589, 0 0 6px #cce589, 0 0 7px #cce589, 0 0 8px #cce589, 0 0 9px #cce589, 4px 4px 3px rgba(0, 0, 0, 0.5); /* 黒のドロップシャドウ */
    }
    .mbs {
        margin-bottom: 10px;
    }
    .mbm {
        margin-bottom: 30px;
    }
    .mbl {
        margin-bottom: 30px;
    }
    ol.num {}
    ol.num li {
        padding: 0 0 5px;
        margin-left: 2em;
        list-style-type: decimal;
    }
    ol.disc {}
    ol.disc li {
        padding: 0 0 5px;
        margin-left: 1em;
        list-style-type: disc;
    }
    ol.check {
        padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
    }
    ol.check li {
        position: relative;
        padding: 5px 0 5px 0.4em;
    }
    ol.check li:before {
        font-family: FontAwesome;
        content: "\f058";
        position: absolute;
        left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
        color: #ccc;
    }
    div.sec_btn {
        text-align: center;
    }
    div.sec_btn a {
        border: 1px solid #226392;
        display: inline-block;
        padding: 12px 20px 15px 25px;
        color: #226392;
        width: 250px;
        text-align: left;
        background: url("../img/arrow_blue.png")no-repeat top 24px right 20px;
    }
    div.sec_btn a:hover {
        border: 1px solid #226392;
        background: #226392 url("../img/arrow_white.png")no-repeat top 24px right 20px;
        color: #fff;
    }
    /*-----------------------------------------doctor---------------------------------------*/
    #doctor .box {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    #doctor .pic {
        text-align: left;
    }
    #doctor .pic .inner {
        margin-bottom: 20px;
    }
    #doctor .pic .inner div {
        text-align: center;
        margin-bottom: 25px;
    }
    #doctor .pic .inner div img {
        display: block;
        margin: 0 auto 25px;
    }
    #doctor .pic .inner ol li {}
    #doctor .pic .name {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20pt;
        line-height: 1;
    }
    #doctor .pic .name span {
        display: flex;
        align-items: center;
        font-size: 14pt;
        line-height: 1;
        margin-right: 10px;
        padding-top: 20px;
    }
    #doctor .pic .name rt {
        font-size: 10pt;
        line-height: 1;
        padding-bottom: 5px;
    }
    #doctor .pic .keireki {
        border: 2px solid #e1e1e1;
        padding: 3% 3% 5px;
    }
    #doctor .pic .keireki li {
        margin-bottom: 7px;
        display: flex;
    }
    #doctor .pic .keireki li span {
        display: inline-block;
        width: 80px;
    }
    #doctor .pic .keireki li p {
        width: calc(100% - 80px);
    }
    #doctor .txt {
        padding-top: 15px;
    }
    #doctor .set {}
    #doctor .box2 {}
    #doctor .box2 .pic, #doctor .box2 .txt {
        width: 100%;
    }
    #doctor .box2 .txt {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    /*-----------------------------------------medical---------------------------------------*/
    #medical ol {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    #medical ol li {
        margin-bottom: 20px;
    }
    #medical ol li img {
        box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 30%);
    }
    #medical .box {
        margin-bottom: 30px;
    }
    #medical .box span {
        margin-bottom: 8px;
        display: block;
    }
    #medical .box span img {
        display: block;
        width: 200px;
        box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 30%);
    }
    #medical .box span.long {
        width: 100%;
    }
    #medical .box span.long img {
        display: block;
        width: 100%;
        box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 30%);
    }
    #medical .box p {
        margin-bottom: 20px;
        background: #fcf0e9;
        padding: 10px;
    }
    #medical .box div {
        text-align: center;
    }
    #medical .box div a {
        display: inline-block;
        background: #fae4d5;
        border: 1px solid #7f7f7f;
        padding: 15px 40px;
        border-radius: 6px;
        margin: 0 auto;
        text-align: center;
    }
    /*-----------------------------------------info---------------------------------------*/
    #info .inner {}
    #info .inner ol.side {
        background: #f2ff91;
        margin-bottom: 15px;
    }
    #info .inner ol.side li {
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        margin-bottom: 4px;
        padding: 10px;
    }
    #info .inner ol.side a {
        color: #000;
        display: block;
    }
    #info .inner ol.side a span {
        color: #00af50;
        display: block;
    }
    #info .inner .box {
        height: 500px;
        overflow-y: auto;
        border: 1px solid #ccc;
    }
    #info .inner .box div.tit {
        background: #00af50;
        color: #fff;
        line-height: 1;
        padding: 10px;
    }
    #info .inner .box div.txt {
        padding: 10px;
    }
    /*-----------------------------------------clinic---------------------------------------*/
    #clinic ol {}
    #clinic ol li {}
    #clinic ol li p {
        display: block;
        text-align: center;
        padding: 10px 0 20px;
    }
    /*-----------------------------------------online---------------------------------------*/
    #online ol {
        margin: 10px 0 30px;
    }
    #online ol li img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    #online ol li p {
        padding-top: 10px;
        text-align: center;
    }
    #online ol li.arrow {
        padding: 0px;
        text-align: center;
    }
    #online ol li.arrow span:before {
        font-family: 'LigatureSymbols';
        content: "	\E040";
        line-height: 1;
        font-weight: normal;
        font-size: 100pt;
        color: #e1e1e1;
        display: block;
    }
    #online .btn {
        padding-top: 10px;
    }
    /*-----------------------------------------faq---------------------------------------*/
    #faq ol {
        padding-top: 5px;
    }
    #faq ol li {}
    #faq ol li.q {
        position: relative;
        padding-bottom: 0.3em;
        margin: 0.8em 0;
        z-index: 0; /* 文字はデフォルトで z-index: auto */
    }
    #faq ol li.q::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 13px;
        background-color: #fce9e2;
        transform: translateY(-5px);
        z-index: -1; /* 文字の後ろに送る */
        pointer-events: none; /* 文字操作の妨げにならない */
    }
    #faq ol li.q p {
        position: relative;
        padding-left: 3.5em;
    }
    #faq ol li.q p:before {
        content: "Q.";
        font-family: sans-serif;
        position: absolute;
        left: 0.5em;
        top: 0;
        font-size: 1.8em;
        font-weight: normal;
        color: #00af50;
        line-height: 1;
        transform: translateY(-5px);
    }
    #faq ol li.a {
        margin-bottom: 40px;
    }
    #faq ol li.a p {
        position: relative;
        padding-left: 3.5em;
    }
    #faq ol li.a p:before {
        content: "A.";
        font-family: sans-serif;
        position: absolute;
        left: 0.55em;
        top: 0;
        font-size: 1.8em;
        font-weight: normal;
        color: #ffa3a3;
        line-height: 1;
        transform: translateY(-5px);
    }
    /*-----------------------------------------guideline---------------------------------------*/
    #guideline div.tit {
        background: #e0eecf;
        padding: 12px 20px;
        border-radius: 6px;
        font-size: 14pt;
        margin-bottom: 15px;
    }
    #guideline ul {
        list-style: none;
        margin-top: 5px;
    }
    #guideline ul li {
        position: relative;
        padding-left: 1.5em;
    }
    #guideline ul li::before {
        content: "◇";
        position: absolute;
        left: 0;
        top: 0;
    }
    #guideline div.box {
        padding-top: 20px;
    }
    #guideline div.box div {}
    #guideline .table_basic {
        background: #99c6b0;
    }
    #guideline .table_basic tr {
        border: none;
    }
    #guideline .table_basic th {
        background: #99c6b0;
        padding: 10px 5px;
        color: #000;
    }
    #guideline .table_basic td {
        padding: 10px 5px;
        color: #000;
    }
    #guideline .table_basic td:nth-child(odd) {
        text-align: left;
    }
    #guideline .table_basic td:nth-child(even) {
        text-align: right;
    }
    #guideline div.box div p {
        display: block;
        text-align: right;
        padding-top: 10px;
        margin-bottom: 30px;
    }
    /*-----------------------------------------online---------------------------------------*/
    #access div.gmap {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    #access div.gmap iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
    #al1, #al2, #al3, #al4, #al5, #al6, #al7, #al8, #al9, #al10, #al11, #al12 {}
}