@media all and (max-width: 780px) {
    /* --------------------------------------------------- */
    /* 共通設定 */
    /* --------------------------------------------------- */
    #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-top {
        width: 100%;
        background-color: white;
    }

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

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

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

    ul.sp-menu-icon {
        width: 100%;
        overflow: hidden;
        display: table;
        table-layout: fixed;
    }

    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;
    }

    /* --------------------------------------------------- */
    /* グローバルナビ */
    /* --------------------------------------------------- */

    .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: #f6fff1;
        color: #66b739;
        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: #66b739;
    }

    .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: #66b739;
        color: white;
        text-align: left;
        padding: 15px;
    }

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

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

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

    .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(3) {
        background: linear-gradient(to top left, #0f7299, #62c5ec);
    }

    .footer-popup ul li:nth-child(2) {
        background: linear-gradient(to top left, #41990f, #7fea35);
        animation: buruburu 1.0s infinite;
    }

    @keyframes buruburu {
         0% {transform: rotate(0deg)}
        25% {transform: rotate(-2deg)}
        50% {transform: rotate(0deg)}
        75% {transform: rotate(2deg)}
        100% {transform: rotate(0deg)}
    }

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

    .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,  #edfbe6, 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 .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{

    }

    /* --------------------------------------------------- */
    /* 下層 コンテンツ下お問い合わせエリア */
    /* --------------------------------------------------- */
    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;
    }

/*おすすめメニューエリア*/
  #reccomend_area ul.wrap.rec_cnt01{
    flex-wrap:wrap;
    padding:0 3%;
  }

  #reccomend_area ul.wrap.rec_cnt01 li{
    width:48%;
    height:35vw;
    text-align:center;
    display:flex;
    margin:0 0 4%;
    justify-content:center;
    border-radius:4vw;
  }

  #reccomend_area ul.wrap.rec_cnt01 li span{
    width:auto;
    right:auto;
    margin:0 auto;
    height:3em;
    font-size:3.15vw;
    letter-spacing:1px;
    font-weight:600;
    padding:4% 15%;
    bottom:8%;
    right:5%;
    line-height:1.15em;
  }
	
	#reccomend_area ul.wrap.rec_cnt01 li span::before{
    right: 10%;
    border-width: 2px;
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
	}

  #reccomend_area ul.wrap.rec_cnt01 li span::after{
    right:8%;
    border-width:2px;
    width:5px;
    height:5px;
  }

  #reccomend_area .wrap.rec_cnt02{
    background-size:100% auto;
    background-position:top center;
    width:94%;
    margin:0 3% 0;
    background-size:cover;
  }

#reccomend_area .wrap.rec_cnt02 a{
    padding:210px 0 0;
}

	
  #reccomend_area .wrap.rec_cnt02 div{
    background:#66b739bb;
    padding:0%;
    max-width:100%;
  }

  #reccomend_area .wrap.rec_cnt02 div p{
    display:none;
  }

  #reccomend_area .wrap.rec_cnt02 div h3{
    margin:0;
    padding:0;
    height:55px;
    font-size:4.75vw;
  }

  #reccomend_area .wrap.rec_cnt02 h3::before{
    right:8%;
    border-width:2px;
    width:5px;
    height:5px;
  }
	
    /*2022/06/02｜当院のコロナ対策について*/
    div#corona_page h2 {
        font-size: 20px;
    }
    /*2022/06/03｜当院のコロナ対策について*/
    div#main_corona p {
        padding: 18px;
    }
    div#main_corona p a {
        font-size: 18px;
    }
}
/**/