@media all and (max-width: 700px) {
    /* --------------------------------------------------- */
    /* 共通設定 */
    /* --------------------------------------------------- */
    .pc{
        display: none!important;
    }
    .sp{
        display: block!important;
    }
    ul {
        list-style: none!important;
    }
    #content p{
        font-size: 14px;
    }

    .center {
        width: 100%;
    }

    #sidebar {
        display: none;
    }

    #content h1 {
        font-size: 24px;
        background-size: auto 100%;
    }

    #content h2 {
        font-size: 17px;
        margin: 7% auto 7%;
    }

    #content h3 {
        font-size: 14px;
    }

    /* youtube、GoogleMapなどのiframe */
    iframe{
      width: 100%;
      height: 230px;
    }

    /* テーブル 料金一覧 */
    table.table_plan td{
        font-size: 17px;
    }

    /* --------------------------------------------------- */
    /* ヘッダー */
    /* --------------------------------------------------- */
.sp-header-under {
    background: #eaf3ff;
}
    .sp-header-top {
        width: 50%;
        background-color: white;
        float: left;
        padding: 3px 0;
    }

    .sp-header-top a {
        display: block;
        padding: 0 10px;
    }

    .sp-header-top img {
        margin: auto;
        max-width: 100%;
    }

    .sp-menu-icon {
        overflow: hidden;
        width: 100%;
        background-color: #eaf3ff;
    }

    ul.sp-menu-icon {
        width: 50%;
        overflow: hidden;
        display: table;
        table-layout: fixed;
        margin: 0;
        float: right;
        padding: 0;
    }
    ul.sp-menu-icon li {
        display: table-cell;
    }

    ul.sp-menu-icon li a, ul.sp-menu-icon li label {
        display: block;
        padding: 10px;
    }

    ul.sp-menu-icon li a img, ul.sp-menu-icon li label img {
        margin: auto;
        height: 40px;
    }

    input#sp-menu + .sp {
        position: sticky;
        position: -webkit-sticky;position: sticky;
        top: 0;
        z-index: 10;
    }

    .main-img {
        /* padding: 35% 0; */
        padding: 0;
    }
}
@media all and (max-width: 700px) {
    /* --------------------------------------------------- */
    /* グローバルナビ */
    /* --------------------------------------------------- */

    .sp-menu ul {
        width: 100%;
        overflow: hidden;
        background-color: white;
        padding-left: 1px;
        padding-top: 1px;
        transition: 0.2s;
        height: 0;
        opacity: 0;
    }

    .sp-menu ul li {
        width: 50%;
        float: left;
        padding-right: 1px;
        padding-bottom: 1px;
    }

    .sp-menu ul li a {
        display: block;
        position: relative;
        background-color: #eaf3ff;
        color: #3a84df;
        padding: 15px;
        padding-left: 20%;
        text-decoration: none;
    }

    .sp-menu ul li a::after {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 15%;
        z-index: 1;
        background-color: #3a84df;
    }

    .sp-menu ul li a::before {
        content: " ";
        position: absolute;
        left: 5.5%;
        top: 50%;
        width: 5px;
        height: 5px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        transform: translateY(-50%) rotate(45deg);
        z-index: 2;
    }

    input#sp-menu:checked + .sp .sp-menu ul {
        height: auto;
        opacity: 1;
    }

    /* --------------------------------------------------- */
    /* フッター */
    /* --------------------------------------------------- */

    .footer-main-blcok {
        padding: 7% 5%;
    }

    .footer-main-blcok > ul {
        display: block;
    }

    .footer-main-blcok > ul > li {
        display: block;
        padding: 0;
    }

    .footer-main-blcok > ul > li:first-of-type {
        width: 100%;
    }

    .footer-menu ul {
        padding-left: 1px;
        padding-top: 1px;
        margin-bottom: 1em;
        display: block;
    }

    .footer-menu ul li {
        padding-right: 1px;
        padding-bottom: 1px;
        margin: 0;
        width: 50%;
        display: block;
        float: left;
    }

    .footer-menu ul li a {
        display: block;
        background-color: #3a84df;
        color: white;
        text-align: left;
        padding: 15px;
    }

    .footer-menu ul li a::before {
        border-left-color: white;
    }

    p.copyright {
        padding: 1em 5%;
        padding-bottom: 22%;
        font-size: 10px;
    }

    .footer-popup {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 3333333333;
    }

    .footer-popup ul {
        width: 100%;
        overflow: hidden;
        display: table;
        table-layout: fixed;
    }

    .footer-popup ul li {
       display: table-cell;
       vertical-align: middle;
    }

    .footer-popup ul li a {
        display: block;
    }

    .footer-popup ul li:first-child{
        background: linear-gradient(to top left, #a81010, #db4141);
    }

    .footer-popup ul li:nth-child(2) {
        background: linear-gradient(to top left, #0f7299, #62c5ec);
    }

    .footer-popup ul li:nth-child(3) {
        background: linear-gradient(to top left, #41990f, #7fea35);
    }
}
@media all and (max-width: 700px) {
    /* --------------------------------------------------- */
    /* 下層 */
    /* --------------------------------------------------- */
.page-template-default .center {
    width: 100%;
    margin: auto;
}

    /* --------------------------------------------------- */
    /* ホーム */
    /* --------------------------------------------------- */
    .home #wrapper {
        padding: 0;
        width: 100%;
    }

    .home #content h2 {
        font-size: 24px;
        margin-bottom: 3%;
    }

    .top-content {
        padding: 7% 3%;
    }

    .top-contact {
        background-size: auto 100%;
        background-position: 0px;
    }
    .top-contact-botan ul li {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }

    .top-contact-botan ul li:last-of-type {
        margin-bottom: 0;
    }

    /* TOP バナーエリア */
    .top_bnr{
        position: relative;
        background:none;
    }
    .top_bnr:before{
        background:url('images/top-bnr_back.jpg') no-repeat left top;
        background-size: cover;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 108px;
        content: "";
        z-index: -1;
    }

    /* TOP 特徴 */
    .home #content .top-content .float-box h2 {
        margin-bottom: 2%;
        margin-top: 4%;
        font-size: 6vw;
        font-weight: bold;
        border-bottom: dotted 2px #888;
        border-radius: 0;
    }
    .home #content .top-content .float-box p{
        margin-top: 0;
    }

    .float-l, .float-r {
        float: none;
        width: 100%;
    }

    .float-l {
        margin-bottom: 1em;
    }

    .float-box img {
        width: auto;
        max-width: 85%;
    }

    .top-content .text-block{
        padding: 7% 0px 0px;
    }

    /* TOP 対応症例 */
    .syorei-sub {
        width: 100%;
        float: none;
    }

    .top-syorei {
        background: linear-gradient(to top left,  #eaf3ff, white);
    }

    .top-syorei-block img {
        margin: auto;
    }

    .page-company img, ul.page-contact-access {
        width: 100%;
        float: none;
    }

    .page-company img {
        margin-bottom: 1em;
    }
        .syorei-icon{
        width: 100%;
        float: none;
    }
    ul.syorei-icon-list{
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
    }
    ul.syorei-icon-list li{
        text-align: center;
        width: 23%;
        margin: 0 1%;
    }
    ul.syorei-icon-list li img{
        max-width: 90%;
        margin: 0 auto;
    }

    /* 院長挨拶 */
    .inchou{
        padding:7% 2%;
    }
    #content .inchou_in p.img{
        text-align: center;
        margin: 0;
        margin-bottom: 3%;
    }
    #content .inchou_in p.img img{
        margin: 0 auto;
        max-width: 85%;
    }
    #content .inchou_in h3{
        font-size: 6vw;
        text-align: center;
        width: 100%;
    }
    #content .inchou_in h3 span{
        font-size: 6.8vw;
        padding:0 0.5em:;
        text-align: center;
        width: 100%;
    }
    #content .inchou_in p .btn{
        width: 100%;
    }

    /* サイトメニュー */
    #content .t_menu{
        padding: 7% 0px;
    }
    #content .t_menu ul{
        padding: 0 2%;
    }
    #content .t_menu ul li{
        width: 48.5%;
        margin-right: 0;
    }
    #content .t_menu ul li:nth-child(odd){
        margin-right: 3%;
    }

    /* TOP アクセス */
    .top-company{
        background-size: auto;
    }
    .top-company-in ul{
        width: auto;
        float: none;
        margin-bottom: 7%;
        font-size: 14px;
    }
    .top-company-gmap {
        width: auto;
        float: none;
    }
    .top-company-main{

    }
}
@media all and (max-width: 700px) {
    /* --------------------------------------------------- */
    /* 下層 コンテンツ下お問い合わせエリア */
    /* --------------------------------------------------- */
    ul.page-contact-access li{
        font-size: 13px;
        padding-left: 27%;
    }
    ul.page-contact-access li span{
        width: 23%;
    }

    /* --------------------------------------------------- */
    /* 初めての方へ */
    /* --------------------------------------------------- */

    #guide_page .point_wrap .point_box{
        border-bottom: dotted 2px #ccc;
    }
    #guide_page .point_wrap .point_box figure,
    #guide_page .point_wrap .point_box div.point_txt_block{
        padding: 0em 2%;
        width: 100%;
    }
    #guide_page .point_wrap .point_box p.point_tit{
        width: 100%;
    }
    /**/
    #guide_page .flow_wrap .flow_box{
        padding: 0 2% 0 1%;
        width: 50%;
        background: none;
    }
    #guide_page .flow_wrap .flow_box:last-child{
        background-image: none;
    }
    /* --------------------------------------------------- */
    /* お問い合わせフォーム */
    /* --------------------------------------------------- */
    .contact_wrap table th, .contact_wrap table td {
        font-weight: normal;
        width: 100%;
        float: left;
    }
    /* --------------------------------------------------- */
    /* top 変更 */
    /* --------------------------------------------------- */
.menu-main-menu-container {
    padding-top: 0px;
}
.sp #slide:before {
    width: 100%;
    bottom: 20px;
}
/* --------------------------------------------------- */
/* お問い合わせ */
/* --------------------------------------------------- */
.top_h2{
    padding-bottom: 17px;
    font-size: 25px;
    text-align: center;
}
.top_h2:after{
    //margin-bottom: 7%;
}
.contact {
    background-image: url(images/top-contact-back.jpg);
    background-size: cover;
    padding: 50px 10%;
    width: 100%;
}
#contactWrap {
    width: 100%!important;
    border: none;
}
#contact {
    width: auto;
    height: auto;
    display: block;
    border: none;
    padding: 0;
    text-align: center;
}
#contact .title {
    margin: 0 auto;
    width: 80%;
}
#contact .tel {
    margin: 0 auto;
}
#contact .tel>p {
    padding: 0;
}
#contact .mail {
    margin: 0 0 20px;
}
.contact ul {
    max-width: 300px;
    margin: 0 auto;
}

/* コロナ対策 */
#corona {
    width: 100%;
}
.corona_inner {
    width: 100%;
    margin: auto;
    max-width: 1024px;
    padding: 4em 0.5em;
}
.corona_inner_h2 {
    font-size: calc(35px + ((1vw - 7.6px) * 2.5));
}
.corona_inner_list {
    flex-wrap: wrap;
} 
.corona_inner_list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: calc(143px + ((1vw - 3.2px) * 31.25))!important;
    justify-content: center;
    margin: 0.2em;
    text-align: center;
    width: calc(143px + ((1vw - 3.2px) * 31.25))!important;
}
.corona_inner_list li::nth-child(even){
    float: left;
}
.corona_inner_list li figure {
    width: 55%;
    margin: 13px auto 16px;
}

/* 選ばれる理由 */
#reason {
    margin: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.idxCommitment {
        margin-top: 3rem;
    }
    .idxCommitment h2 {
        font-size: 1.6rem;
        text-align: center;
    }
    .idxCommitment_reasonWrap {
        font-size: .85rem;
    }
    .idxCommitment_reasons.__pc {
        display: none;
    }
    .swiper-wrapper::-webkit-scrollbar {
        display:none;
}
    .idxCommitment_reasons ._ribbon {
     left: 10px;
}
    .idxCommitment_reasons > li + li {
        margin-top: 3rem!important;
    }
    .idxCommitment_reasons > li ._txtWrap
    , .idxCommitment_reasons > li ._bgWrap {
        width: 100%;
    }
    .idxCommitment_reasons > li ._txtWrap {
        order: 1;
        padding-top: 3rem !important;
        max-width: 100%;
    }
    .idxCommitment_reasons > li:nth-child(2n) ._txtWrap {
    padding: 0;
    padding: 4rem 1rem 1rem;
}
    .idxCommitment_reasons > li ._bgWrap {
        position: relative;
        padding-top: 60%;
        order: 2;
        clip-path: none;
    }
    .idxCommitment_reasons > li ._bgWrap::before {
        display: none;
    }
    .idxCommitment_reasons > li ._txtWrap > h3 {
        font-size: 1.1rem;
        color: #fd7d5e;
        background: none;
        background-clip: initial;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: #fd7d5e;
    }
    .idxCommitment_reasons > li ._txtWrap > h3 > em {
        font-size: 1.4em;
    }
    .idxCommitment_reasons ._reason02 ._bgWrap {
        background-position: bottom -35px right 0;
}

ul.a-pagination.a-dots {
    height: 10px;
    text-align: center;
    padding-top: 8px;
}
ul.a-pagination:after, ul.a-pagination:before {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
}
ul.a-pagination.a-dots li.a-selected {
    background-color: #949494;
    border: .1rem solid #949494;
}
ul.a-pagination.a-dots li {
    border-radius: 2rem;
    background-color: #f3f3f3;
    border: .1rem solid #949494;
    display: inline-block;
    float: none;
    height: 0.1rem;
    list-style: none;
    margin: 0 .3rem;
    padding: 0;
    width: .9rem;
}
ul.a-pagination li:first-child {
    padding: 0 .5rem 0 0;
}

/* --------------------------------------------------- */
/* 選ばれる理由 */
/* --------------------------------------------------- */
#reasonwrap {
  background-image: url(https://martha-kawanakajima.com/wp-content/themes/amaterasu/images/reason-bgl.jpg);
  background-size: cover;
  padding: 50px 0;
  width: 100%;
}
}
@media all and (max-width: 700px) {
/* --------------------------------------------------- */
/* 症例一覧 */
/* --------------------------------------------------- */
    #menuWrap {width: 100%;padding-top: 0px;margin-top: 0;position: relative;}
    #menuWrap:after{content:url(images/bg_course.png);position:absolute;left:0;bottom:0;z-index:-200}
    #menu{max-width:700px!important;position:relative}
    #menu h2:before,#menu ul li a .bg_course{display:none}
    #menu ul{padding: 100px 3% 0px;background: none;}
    #menu ul li{width: 48%;}
    #menu ul li:nth-last-child(-n+3){margin-bottom:15px;}
    #menu ul li:nth-last-child(-n+2){margin-bottom:0;height: 180px;}
    #menu ul li a{text-align:center;display:block;width:100%;height: auto;padding:32px 0 0}
    #menu ul li a figure{width:100%;padding-right:0}
    #menu ul li a p{width:100%;margin-top:5px}
    #menu ul li a p strong{font-size:17px;text-align: center;}
    #menu ul li a:hover p strong{color:#012e65}
    #menu ul li a p small{line-height:1.4;text-align: center;}
}
@media all and (max-width: 700px) {
/* --------------------------------------------------- */
/* greeting */
/* --------------------------------------------------- */
#greeting {
    padding: 0;
    width: 100%;
}
#greeting .top_h2{
    font-size: 25px;
    margin-bottom: 7%;
}
#greeting .col_img {
min-height: 250px;
background-position: center 30%;
}
.columns {
    display: block;
}
.columns .column {
    max-width: 100%!important;
}
.greeting .columns .column.col_img{
    max-width: 100%!important;
}
.greeting .columns .column.col_txt{
    max-width: 100%!important;
}
#greeting .col_txt{
    padding: 4% 2% 7%;
}
.greeting .btn-style{
        text-align: left;
    }
.btn-style {
    text-align: center!important;
}
.btn-style a {
    font-size: 17px;
    padding: 3% 10%;
}
#greeting h3{
  font-size: 6vw!important;
  margin: 0;
  text-align: center!important;
}
#greeting h4 {
text-align: center!important;
    display: block!important;
}
#greeting h4::before{
    display: none!important;
}
}
@media all and (max-width: 700px) {
/* --------------------------------------------------- */
/* site menu */
/* --------------------------------------------------- */
#greetingwrap {
    padding: 0;
    margin-top: 7%;
    width: 100%;
}
#groupList > .cont .top_h2{
    margin-bottom: 7%;
    text-align: center;
}
#groupList {
    min-width: 100%;
    padding-bottom: 7%;
}
#groupList > .cont {
    margin: 0 auto;
    padding-top: 10%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10%;
    max-width: 100%;
}
#groupList > .cont title1 {
    padding-bottom: 10%;
    max-width: 80%;
    margin: 0 10% 10%;
}
#groupList > .cont .title1::before {
    width: 25%;
    max-width: 50px;
}
#groupList > .cont .title1 img {
    width: 60%;
}
#groupList > .cont .title1::after {
    width: 25%;
    max-width: 50px;
}
#groupList > .cont .list {
    margin: 0 auto;
    width: 90%;
}
#groupList > .cont .list ul.pc {
    display: none!important;
}
#groupList > .cont .list ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
#groupList > .cont .list ul li:nth-child(even) {
  margin-right: 0px;
}
#groupList > .cont .list ul li .box {
    width: 100%;
}
#groupList > .cont .list ul li .box .title {
    padding: 10% 0 10%;
}
#groupList > .cont .list ul li .box .title img {
    height: 22px;
}
#groupList > .cont .list ul li .box .detail {
    width: 100%;
    height: auto;
    padding-bottom: 70%;
    background-size: cover;
}
#groupList > .cont .list ul li .box .detail .text {
    padding-top: 5%;
    padding-bottom: 15%;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: bottom center;
}
#groupList > .cont .list ul li .box .detail .btn {
    bottom: 5%;
    padding: 5% 0px 5%;
}


#access>.center {
    padding: 0 0 60px 0;
    width: 100%;
}
#access .leftWrap, #access .rightWrap {
    float: none;
    width: 100%;
}
#access .leftWrap {
    padding: 30px 30px 60px 30px;
}
#access .rightWrap {
    padding: 0 10px;
}
#open {
    padding: 5px;
    background-color: #3a84df;
}
#open tr {
    display: block;
    width: 35%;
    float: left;
    margin: 0 !important;
}
#open tr:first-child {
    width: 30%;
}
#open th, #open td {
    display: block;
    width: 100%;
    float: left;
    height: 40px;
    line-height: 20px;
    padding: 10px 0;
    font-size: 12px;
    border-bottom: 1px solid;
}
#open th:last-child, #open td:last-child {
    border-bottom: none;
}
#open th.open, #open td.open {
    width: 100%;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mapWrap{
    height: 250px;
}
/**/
}
/*header*/
@media (max-width: 340px){
    .sp-header-top {
    width: 50%;
    background-color: white;
    float: left;
    padding: 7px 0;
}
}


/*2024/03/01|blogの追加css*/
@media all and (max-width: 700px) {
    section.blog {
        padding: 5% 0px 5%;
    }
    section.blog ul.blog_wrap {
        max-width: unset;
        width: 90%;
        margin: 40px auto 0px;
    }
    section.blog ul.blog_wrap li a {
        font-size: 16px;
    }
    section.blog ul.blog_wrap li a div {
        margin-right: 0.5em;
    }
    section.blog ul.blog_wrap li a div span.date {
        margin-right: 0.5em;
    }
}