@charset "UTF-8";
/*==============================================================
	変数
===============================================================*/
/*==============================================================
	@extend
===============================================================*/
@media screen and (max-width: 1500px) {
  #home .video_box.small {
    height: 400px;
  }
  #home .video_box.large {
    height: 450px;
  }
}

@media screen and (max-width: 1080px) {
  .inner_wrap {
    width: 100%;
    padding: 0 5%;
  }
  footer {
    padding: 50px 0;
  }
  footer .ft_wrap {
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .ft_nav_wrap {
    width: 100%;
  }
  footer .ft_nav_box {
    margin-bottom: 20px;
  }
  footer .ft_nav_box .nav {
    padding: 0 10px 0;
  }
  footer .ft_info {
    width: 100%;
    margin-bottom: 30px;
  }
  footer .calendar_box {
    width: 100%;
  }
  footer .calendar_box .calendar {
    max-width: 600px;
    margin: auto;
  }
  footer .calendar_box .txt {
    text-align: center;
  }
  footer .copyright {
    text-align: center;
  }
  .pan_area {
    margin-bottom: 40px;
  }
  .main_title_bg {
    height: 326px;
  }
  .main_contents {
    padding-right: 30px;
  }
  #closed .main_contents {
    width: 100%;
    padding: 0 3%;
  }
  .popular_area {
    margin: 50px 0;
  }
  .popular_area .popular_header {
    margin-right: 0;
  }
  .popular_area .list li a {
    padding: 10px;
  }
  .popular_area .list li span {
    font-size: clamp(10px, 2vw, 16px);
  }
  .contact_form_area .flow_list li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 103%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-left: 10px solid #c7b192;
  }
}

/*==============================================================
　タブレット〜スマホ
===============================================================*/
@media screen and (max-width: 1024px) {

  .inner_wrap_s {
    width: 100%;
    padding: 0 5%;
  }
  header .nav_box .nav_ul li {
    padding-right: 15px;
    margin-right: 0;
  }
  .top_article_box {
    margin-bottom: 30px;
  }
  .article_list li {
    width: 48%;
  }
  .recommend_article_box .article_list li:last-child {
    display: none;
  }
  #home .about_area {
    height: auto;
    padding: 100px 0;
  }
  #home .about_area .main_tl_box .main_tl span {
    margin-left: 0;
  }
  #home .regenerative-medicine_area .main_tl_box {
    width: 240px;
    margin: 0;
  }
  #home .regenerative-medicine_area .txt_box {
    width: calc(100% - 240px);
    padding-left: 40px;
  }
  #home .regenerative-medicine_area .txt_box p {
    /* margin-bottom: 30px; */
  }
  #home .regenerative-medicine_area .photo {
    position: absolute;
    left: 20px;
    bottom: 0;
    max-width: 200px;
  }
  #home .colum_area {
    padding: 100px 0;
  }
  #home .colum_area .base_wrap {
    padding: 30px;
  }
  #subject .subject_menu_area .pc_el {
    display: none;
  }
  #contact .contact_tel_area .tel_list li {
    padding: 15px;
  }
}

@media screen and (max-width: 768px) {
  .movie_pc{
    display:none;
  }
  .movie_sp{
    display:block;
  }
  .pc_el {
    display: none;
  }
  .sp_el {
    display: block;
  }
  .inner_wrap {
    padding: 0 4%;
  }
  .inner_wrap_s {
    padding: 0 14%;
  }
  .base_tl {
    font-size: clamp(22px, 2vw, 24px);
    line-height: 1;
    margin-bottom: 30px;
  }
  .base_tl .sub_tl {
    font-size: clamp(16px, 2vw, 18px);
    padding: 8px 15px;
  }
  .base_tl_h2 {
    font-size: clamp(22px, 2vw, 24px);
    padding-bottom: 10px;
    line-height: 1;
    margin-bottom: 30px;
  }
  .base_tl_h3 {
    padding: 8px 10px;
    line-height: 1.2;
    font-size: clamp(18px, 2vw, 20px);
  }
  .main_title_bg {
    height: 150px;
    overflow: inherit;
    position: relative;
    margin-bottom: 10px;
  }
  .main_title {
    margin-bottom: 30px;
  }
  .main_title .tl {
    font-size: clamp(18px, 1vw, 24px);
    line-height: 1.5;
    margin: 0;
    padding: 0 2%;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  .video_title_bg {
    height: 150px;
    position: relative;
    margin-bottom: 10px;
  }
  .video_title {
    margin-bottom: 30px;
  }
  .video_title .tl {
    font-size: clamp(18px, 1vw, 24px);
    line-height: 1.5;
    margin: 0;
    padding: 0 2%;
    color: #333;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
  /*ベースコンテンツ*/
  .base_contents {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .base_contents .photo {
    width: 100%;
    margin-bottom: 20px;
  }
  .base_contents .photo .base_tl_h3 {
    display: block;
  }
  .base_contents .txt_box {
    width: 100%;
  }
  .base_contents .txt_box .pc {
    display: none;
  }
  .base_contents .txt_box .txt {
    font-size: clamp(14px, 1vw, 16px);
    margin-bottom: 30px;
  }
  .base_contents .txt_box .base_btn {
    margin: auto;
  }
  /*ベースメニュー*/
  .base_menu .ico img {
    position: relative;
    top: -8px;
  }
  .base_menu .txt_box {
    padding: 30px 10px 60px;
  }
  /*当院オンライン診療科目*/
  .online_subject_menu li {
    width: 48%;
    margin-bottom: 10px;
  }
  .online_subject_menu li .txt {
    font-size: clamp(12px, 2vw, 16px);
  }
  /*h1ページタイトル*/
  #headline {
    padding: 50px 1%;
    margin-bottom: 20px;
    height: 250px;
  }
  #headline .ja {
    font-size: clamp(16px, 5vw, 27px);
  }
  #headline .page_tl {
    position: relative;
    margin: 20px;
    left: 0px;
  }
  #headline .page_tl::before {
    width: 90%;
    height: 80px;
  }
  #headline .page_tl::after {
    width: 90%;
    height: 80px;
    left: 51%;
  }
  /*ぱんくず*/
  .pan_area {
    margin-bottom: 30px;
    overflow: scroll;
  }
  .pan_area .pan_list {
    width: 500px;
  }
  .pan_area li {
    font-size: clamp(12px, 2vw, 12px);
  }
  /*よくアクセスあるページ*/
  .popular_area .popular_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .popular_area .popular_header {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    font-size: clamp(14px, 1vw, 18px);
  }
  .popular_area .list {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .popular_area .list li {
    width: 100%;
    margin-bottom: 10px;
  }
  .popular_area .list li a {
    padding: 20px 10px;
    font-size: clamp(14px, 2vw, 14px);
  }
  .popular_area .popular_box_brown .list li {
    width: 100%;
  }
  .popular_area .popular_box_brown .list li a {
    padding: 20px 10px;
  }
  .popular_area .list li span {
    font-size: clamp(14px, 1vw, 18px);
  }
  /*--------記事ベース--------*/
  .contents_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .side_contents {
    width: 100%;
    margin: 0;
    top: 0 !important;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .side_nav_block:last-child {
    margin-bottom: 0;
  }
  .main_contents {
    width: 100%;
    padding: 0 3%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .top_article_box {
    margin-bottom: 50px;
  }
  .article_list li {
    width: 100%;
    margin: 0 0 30px;
  }
  article .article_photo {
    height: 60vw;
  }
  article .article_header_tl {
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.5;
  }
  article .article_header_inner {
    padding: 30px 5%;
  }
  article .article_body {
    padding: 0 5% 30px;
  }
  article .ft_banner .btn {
    width: 80%;
    max-width: none;
    position: inherit;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    margin: 20px auto 0;
  }
  .voice_wrap .voice_box {
    margin-bottom: 10px;
  }
  .voice_wrap .voice_box .ico {
    width: 40px;
  }
  .voice_wrap .voice_box .txt_box {
    width: calc(100% - 75px);
  }
  .voice_wrap .voice_box .txt_box .txt {
    padding: 10px;
    border-radius: 10px;
    font-size: clamp(16px, 2vw, 16px);
    line-height: 1.5;
  }
  .pagination {
    margin-top: 0;
  }
  /*おすすめ記事*/
  .recommend_article_box .article_list li .photo {
    height: 180px;
  }
  .recommend_article_box .article_list li:last-child {
    display: block;
  }
  #toTop {
    right: 10px;
    bottom: 10px;
  }
  #toTop img {
    width: 30px;
    height: 30px;
  }
  /*■■■■header ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  header {
    height: 60px;
  }
  header .head_logo {
    padding: 0 10px;
  }
  header .head_logo img {
    width: 40px;
  }
  header .nav_box nav {
    display: none;
  }
  header .hamburger.active {
    top: 30px;
    right: -20px;
  }
  header .header_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 50px 20px 20px;
    height: auto;
  }
  header .header_nav_wrap {
    width: 100%;
  }
  header .header_nav_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  header .header_nav_box .nav {
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #c7b192;
    margin-bottom: 15px;
  }
  header .header_nav_box .nav:last-child {
    border-bottom: 1px solid #c7b192;
  }
  header .header_nav_box .nav_tl {
    margin-bottom: 15px;
  }
  header .header_nav_box .ja {
    font-size: clamp(16px, 2vw, 18px);
  }
  header .header_nav_box .sub_nav li {
    font-size: clamp(14px, 2vw, 14px);
  }
  header .header_nav_box .sub_nav_child li::before {
    font-size: clamp(20px, 2vw, 20px);
  }
  header .header_nav_box:last-child {
    margin-bottom: 0;
  }
  header .header_btn_wrap {
    width: 100%;
  }
  /*■■■■footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  footer {
    padding: 30px 0;
  }
  footer .ft_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0px;
  }
  footer .ft_nav_wrap {
    width: 100%;
  }
  footer .ft_logo_box {
    margin-bottom: 20px;
  }
  footer .ft_nav_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  footer .ft_nav_box .nav {
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #a09e87;
    margin-bottom: 15px;
  }
  footer .ft_nav_box .nav:last-child {
    border-bottom: 1px solid #a09e87;
    width: 100%;
  }
  footer .ft_nav_box .nav_tl {
    margin-bottom: 15px;
  }
  footer .ft_nav_box .ja {
    font-size: clamp(16px, 2vw, 18px);
  }
  footer .ft_nav_box .sub_nav li {
    font-size: clamp(14px, 2vw, 14px);
  }
  footer .ft_nav_box .sub_nav_child li::before {
    font-size: clamp(20px, 2vw, 20px);
  }
  footer .ft_nav_box:last-child {
    margin-bottom: 0;
  }
  footer .ft_btn_wrap {
    width: 100%;
  }
  footer .ft_info {
    width: 100%;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .ft_info .ft_logo {
    margin: 0 auto 20px;
    text-align: center;
  }
  footer .ft_info .ft_logo_box {
    width: 100%;
  }
  footer .ft_info .ft_address {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  footer .ft_info .ft_address .tl {
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  footer .ft_info .ft_address .txt_box {
    padding: 0;
  }
  footer .ft_info .ft_address .txt_box dt {
    min-width: 100px;
  }
  footer .calendar_box {
    width: 100%;
  }
  footer .calendar_box .time {
    text-align: center;
  }
  footer .calendar_box .txt {
    text-align: left;
  }
  /*■■■■home ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #home .about_area {
    padding: 50px 0;
  }
  #home .about_area .con_box {
    width: 100%;
    height: auto;
  }
  #home .about_area .main_tl_box {
    margin: 0 0 0 10px;
  }
  #home .about_area .main_tl_box .sub_tl {
    margin: 0 0 0 10px;
    font-size: clamp(14px, 2vw, 18px);
  }
  #home .about_area .main_tl_box .main_tl .tl_box {
    padding-left: 0;
    margin-left: 0;
  }
  #home .about_area .main_tl_box .main_tl span {
    font-size: clamp(20px, 6vw, 40px);
    letter-spacing: 3px;
    font-weight: bold;
    border-bottom: 1px solid;
    text-shadow: 0 0 6px #f7f9f9;
  }
  #home .about_area .txt_box {
    letter-spacing: 3px;
  }
  #home .about_area .txt_box p {
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.8;
    white-space: initial;
  }
  #home .about_area .arrow_btn {
    bottom: 10%;
  }
  #home .regenerative-medicine_area {
    padding: 0;
  }
  #home .regenerative-medicine_area .con_box {
    width: 100%;
  }
  #home .regenerative-medicine_area .main_tl_box {
    width: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  #home .regenerative-medicine_area .main_tl_box .sub_tl {
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: clamp(14px, 2vw, 18px);
    white-space: nowrap;
  }
  #home .regenerative-medicine_area .main_tl_box .main_tl .tl_box {
    padding-left: 0;
    margin-left: 0;
  }
  #home .regenerative-medicine_area .main_tl_box .main_tl span {
    font-size: clamp(20px, 6vw, 40px);
    font-weight: bold;
    letter-spacing: 3px;
    border-bottom: 1px solid;
  }
  #home .regenerative-medicine_area .txt_box {
    width: 100%;
    padding: 0;
  }
  #home .regenerative-medicine_area .txt_box .tl {
    font-size: clamp(20px, 2vw, 30px);
    margin-bottom: 20px;
  }
  #home .regenerative-medicine_area .txt_box p {
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.8;
  }
  #home .regenerative-medicine_area .photo {
    margin-top: 20px;
    bottom: 0%;
  }
  #home .sevice_area .mask {
    height: 50px;
  }
  #home .sevice_area .con_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home .sevice_area .con_box .txt_box {
    width: 100%;
    margin-bottom: 20px;
  }
  #home .sevice_area .con_box .photo {
    width: 80vw;
    height: 45vh;
    margin-left: auto;
  }
  #home .sevice_area .con_box .main_tl_box .sub_tl {
    margin-bottom: 20px;
  }
  #home .sevice_area .con_box .main_tl_box .sub_tl strong {
    display: block;
  }
  #home .sevice_area .con_box .main_tl_box .main_tl {
    white-space: inherit;
    font-size: clamp(28px, 2vw, 42px);
    margin-bottom: 20px;
  }
  #home .sevice_area .con_box .txt {
    line-height: 2;
    font-size: clamp(16px, 1vw, 18px);
  }
  #home .sevice_area .sevice_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home .sevice_area .sevice_box .txt_box {
    width: 100%;
  }
  #home .sevice_area .sevice_box .photo {
    margin-bottom: 35px;
    width: 80vw;
    height: 45vh;
  }
  #home .sevice_area .sevice_box .main_tl_box {
    margin-bottom: 30px;
  }
  #home .sevice_area .sevice_box .main_tl_box .main_tl {
    margin-left: 20px;
  }
  #home .sevice_area .sevice_box .main_tl_box .main_tl span {
    font-size: clamp(24px, 2vw, 33px);
  }
  #home .sevice_area .sevice_box .txt {
    width: 100%;
    line-height: 2;
    font-size: clamp(16px, 1vw, 18px);
  }
  #home .sevice_area .sevice_box .sub_photo {
    margin: 0;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #home .sevice_area .sevice_box .more_btn {
    font-size: clamp(16px, 1vw, 18px);
  }
  #home .sevice_area .aging_con_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home .sevice_area .aging_con_box .txt_box {
    width: 100%;
    margin-bottom: 20px;
  }
  #home .sevice_area .aging_con_box .photo {
    width: 80vw;
    height: 45vh;
  }
  #home .sevice_area .aging_con_box .photo .video {
    width: auto;
    height: 85vw;
  }
  #home .sevice_area .aging_con_box .main_tl_box .con_tl {
    font-size: clamp(20px, 2vw, 40px);
    letter-spacing: 10px;
    white-space: inherit;
  }
  #home .sevice_area .aging_con_box .main_tl_box .sub_tl {
    margin-bottom: 20px;
  }
  #home .sevice_area .aging_con_box .main_tl_box .main_tl {
    font-size: clamp(28px, 1vw, 42px);
    margin-bottom: 20px;
  }
  #home .sevice_area .aging_con_box .txt {
    margin-bottom: 30px;
    line-height: 2;
    font-size: clamp(16px, 1vw, 18px);
  }
  #home .sevice_area .aging_con_box .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
  }
  #home .sevice_area .aging_con_box .list li {
    width: 100%;
    margin: 0 0 10px;
  }
  #home .sevice_area .aging_con_box .list li a {
    padding: 20px 5px;
    font-size: clamp(14px, 1vw, 16px);
  }
  #home .sevice_area .aging_con_box .more_btn {
    margin-right: 0;
    font-size: clamp(16px, 1vw, 18px);
  }
  #home .sevice_area .vertical-area:nth-child(odd) .sevice_box .more_btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #home .sevice_area .vertical-area:nth-child(odd) .sevice_box .sub_photo {
    margin-left: auto;
  }
  #home .sevice_area .vertical-area:nth-child(even) .sevice_box .photo {
    margin-left: auto;
  }
  #home .sevice_area .msc .sevice_box .sub_photo,
  #home .sevice_area .cellbank .sevice_box .sub_photo {
    width: 40vw;
  }
  #home .sevice_area .nkm .sevice_box .sub_photo,
  #home .sevice_area .nkmplus .sevice_box .sub_photo {
    width: 30vw;
  }
  #home .colum_area {
    padding: 50px 0 30px;
  }
  #home .colum_area .base_wrap {
    margin-bottom: 50px;
  }
  #home .colum_area .base_wrap .tl_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home .colum_area .base_wrap .tl_box .tl {
    width: 100%;
    font-size: clamp(28px, 2vw, 40px);
    margin-bottom: 10px;
  }
  #home .colum_area .base_wrap .tl_box .tl_txt {
    width: 100%;
    font-size: clamp(14px, 2vw, 16px);
  }
  #home .colum_area .base_wrap .tl_box .arrow_btn {
    right: 30px;
    top: 10px;
  }
  #home .colum_area .base_wrap .tl_box .arrow_btn span::before {
    background-size: 30px;
    width: 30px;
    height: 8px;
  }
  #home .colum_area .base_wrap .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home .colum_area .base_wrap .list li {
    width: 100%;
    margin-bottom: 20px;
  }
  #home .colum_area .base_wrap .list li:last-child {
    margin-bottom: 0;
  }
  #home .colum_area .base_wrap .list li .photo {
    margin-bottom: 0;
  }
  #home .colum_area .base_wrap .list li .photo_size {
    min-height: 45vw;
  }
  #home .colum_area .base_wrap .list li .txt_box .tl {
    font-size: clamp(17px, 2vw, 18px);
  }
  /*■■■■TOKYOひまわりクリニックについて ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #about .tokyohimawari_area {
    margin-bottom: 50px;
  }
  #about .tokyohimawari_area .num_list .num_tl {
    margin-top: 0;
    width: calc(100% - 60px);
  }
  #about .feature_area .num_list .num_tl {
    margin-top: 0;
  }
  #about .feature_area .num_list .num_tl .tl {
    width: calc(100% - 60px);
  }
  #about .feature_area .num_list .num_txt {
    margin-left: 0;
    font-size: clamp(16px, 2vw, 18px);
  }
  #about .himawarikai_area {
    margin-bottom: 50px;
  }
  #about .himawarikai_area .lead_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 50px;
  }
  #about .himawarikai_area .lead_box .photo {
    width: 100%;
    margin-bottom: 30px;
  }
  #about .himawarikai_area .lead_box .txt_box {
    width: 100%;
    font-size: clamp(18px, 2vw, 20px);
  }
  #about .himawarikai_area .base_contents {
    margin-bottom: 0;
  }
  #about .himawarikai_area .base_contents.custom {
    margin: 0;
  }
  #about .himawarikai_area .base_contents.custom .txt_box {
    width: 100%;
  }
  #about .chairman_area {
    margin-bottom: 50px;
  }
  #about .chairman_area .base_contents .txt_box .txt {
    margin-bottom: 0;
  }
  #about .chairman_area .photo .name {
    margin-top: 10px;
  }
  #about .chairman_area .profile {
    padding: 20px;
  }
  #about .related_area {
    padding: 50px 0;
    margin-bottom: 50px;
  }
  #about .related_area .con_box {
    padding: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about .related_area .con_box .photo {
    width: 100%;
  }
  #about .related_area .con_box .txt_box {
    width: 100%;
  }
  #about .related_area .con_box .txt_box .clinic {
    margin-bottom: 20px;
  }
  #about .related_area .con_box .txt_box address {
    margin-bottom: 20px;
  }
  #about .related_area .con_box .txt_box .txt {
    margin-bottom: 20px;
  }
  #about .related_area .con_box .txt_box .base_btn {
    margin: auto;
    background-color: #fef9e8;
  }
  #about .access_area .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about .access_area .list li {
    margin-bottom: 30px;
  }
  #about .access_area address {
    height: auto;
    padding: 20px 10px;
  }
  /*■■■■再生医療とは？ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #regenerative-medicine .regenerative-medicine_about_area {
    margin-bottom: 50px;
    padding: 50px 0 0;
  }
  #regenerative-medicine .regenerative-medicine_info_area {
    margin-bottom: 50px;
  }
  #regenerative-medicine .regenerative-medicine_subject_area {
    padding: 50px 0;
  }
  /*==============================================================
	#NKM免疫細胞療法
===============================================================*/
  #nkm .nkm_about_area {
    margin-bottom: 50px;
  }
  #nkm .nkm_feature_area {
    margin-bottom: 20px;
  }
  #nkm .nkm_feature_area .base_contents {
    margin-bottom: 50px;
  }
  #nkm .nkm_feature_area .base_contents .txt {
    margin-bottom: 0;
  }
  #nkm .nkm_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #nkm .nkm_feature_area .feature_list {
    width: 100%;
  }
  #nkm .nkm_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #nkm .nkm_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #nkm .nkm_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #nkm .nkm_flow_area {
    margin-bottom: 50px;
  }
  #nkm .nkm_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #nkm .nkm_merit_area {
    margin-bottom: 20px;
  }
  #nkm .nkm_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #nkm .nkm_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #nkm .base_contents {
    margin: 0;
  }
  #nkm .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #nkm .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  /*==============================================================
	#MSC幹細胞療法
===============================================================*/
  #msc .msc_about_area {
    margin-bottom: 50px;
  }
  #msc .msc_about_area .photo {
    width: 100%;
    margin: 30px auto;
  }
  #msc .msc_feature_area {
    margin-bottom: 20px;
  }
  #msc .msc_feature_area .base_contents {
    margin-bottom: 50px;
  }
  #msc .msc_feature_area .base_contents .txt {
    margin-bottom: 0;
  }
  #msc .msc_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #msc .msc_feature_area .feature_list {
    width: 100%;
  }
  #msc .msc_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #msc .msc_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #msc .msc_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #msc .msc_flow_area {
    margin-bottom: 50px;
  }
  #msc .msc_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #msc .msc_merit_area {
    margin-bottom: 20px;
  }
  #msc .msc_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #msc .msc_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #msc .base_contents {
    margin: 0;
  }
  #msc .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #msc .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  /*==============================================================
	#オーダーメイド高濃度エクソソーム
===============================================================*/
  #exosomes #headline .ja {
    font-size: clamp(16px, 3vw, 27px);
    position: relative;
    top: 6px;
    margin: auto;
  }
  #exosomes .main_photo_area .lead_tl {
    margin-bottom: 20px;
  }
  #exosomes .main_photo_area .lead_tl .sub {
    padding: 10px;
    width: 100%;
    max-width: 300px;
  }
  #exosomes .main_photo_area .lead_tl .tl {
    font-size: clamp(22px, 2vw, 24px);
  }
  #exosomes .exosomes_about_area {
    margin-bottom: 50px;
  }
  #exosomes .exosomes_feature_area {
    margin-bottom: 50px;
  }
  #exosomes .exosomes_feature_area .base_contents {
    margin-bottom: 0px;
  }
  #exosomes .exosomes_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #exosomes .exosomes_feature_area .feature_list {
    width: 100%;
  }
  #exosomes .exosomes_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #exosomes .exosomes_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #exosomes .exosomes_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #exosomes .exosomes_flow_area {
    margin-bottom: 50px;
  }
  #exosomes .exosomes_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #exosomes .exosomes_merit_area {
    margin-bottom: 20px;
  }
  #exosomes .exosomes_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #exosomes .exosomes_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #exosomes .base_contents {
    margin: 0;
  }
  #exosomes .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #exosomes .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  #exosomes .exosome_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #exosomes .exosome_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #exosomes .exosome_report_area .base_contents.custom .list_box .list + .list {
    margin-top: 16px;
  }
  /*==============================================================
	#細胞バンク
===============================================================*/
  #cellbank .cellbank_about_area {
    margin-bottom: 50px;
  }
  #cellbank .cellbank_about_area .photo {
    margin: 30px 0;
  }
  #cellbank .cellbank_feature_area {
    margin-bottom: 50px;
  }
  #cellbank .cellbank_feature_area .base_contents {
    margin-bottom: 30px;
  }
  #cellbank .cellbank_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #cellbank .cellbank_feature_area .feature_list {
    width: 100%;
  }
  #cellbank .cellbank_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #cellbank .cellbank_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #cellbank .cellbank_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #cellbank .cellbank_flow_area {
    margin-bottom: 50px;
  }
  #cellbank .cellbank_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #cellbank .cellbank_merit_area {
    margin-bottom: 20px;
  }
  #cellbank .cellbank_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #cellbank .cellbank_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #cellbank .base_contents {
    margin: 0;
  }
  #cellbank .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #cellbank .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  /*==============================================================
	#幹細胞上清液
===============================================================*/
  #stemcell .stemcell_about_area {
    margin-bottom: 50px;
  }
  #stemcell .stemcell_about_area .photo {
    width: 100%;
    margin: 30px auto;
  }
  #stemcell .stemcell_feature_area {
    margin-bottom: 50px;
  }
  #stemcell .stemcell_feature_area .base_contents {
    margin-bottom: 30px;
  }
  #stemcell .stemcell_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #stemcell .stemcell_feature_area .feature_list {
    width: 100%;
  }
  #stemcell .stemcell_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #stemcell .stemcell_feature_area .fig {
    width: 100%;
    margin: 30px auto 0;
  }
  #stemcell .stemcell_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #stemcell .stemcell_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #stemcell .stemcell_flow_area {
    margin-bottom: 50px;
  }
  #stemcell .stemcell_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #stemcell .stemcell_merit_area {
    margin-bottom: 20px;
  }
  #stemcell .stemcell_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #stemcell .stemcell_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #stemcell .base_contents {
    margin: 0;
  }
  #stemcell .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #stemcell .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  /*==============================================================
	#ピュア・エクソソーム®
===============================================================*/
  #pure-exosome .pure-exosome_about_area {
    margin-bottom: 50px;
  }
  #pure-exosome .pure-exosome_about_area .photo {
    width: 100%;
    margin: 30px auto;
  }
  #pure-exosome .pure-exosome_feature_area {
    margin-bottom: 50px;
  }
  #pure-exosome .pure-exosome_feature_area .base_contents {
    margin-bottom: 30px;
  }
  #pure-exosome .pure-exosome_feature_area .lead_box {
    margin: 0 0 30px;
  }
  #pure-exosome .pure-exosome_feature_area .feature_list {
    width: 100%;
  }
  #pure-exosome .pure-exosome_feature_area .feature_list li {
    width: 100%;
    margin: auto;
    margin-top: 15px;
  }
  #pure-exosome .pure-exosome_report_area .base_contents.custom .list_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 50px;
  }
  #pure-exosome .pure-exosome_report_area .base_contents.custom .list_box .list {
    width: 100%;
  }
  #pure-exosome .pure-exosome_flow_area {
    margin-bottom: 50px;
  }
  #pure-exosome .pure-exosome_flow_area .base_contents {
    margin-bottom: 0px;
  }
  #pure-exosome .pure-exosome_merit_area {
    margin-bottom: 20px;
  }
  #pure-exosome .pure-exosome_merit_area .num_list .num_tl {
    margin-top: 0;
  }
  #pure-exosome .pure-exosome_merit_area .num_list .num_tl .tl {
    font-size: clamp(18px, 2vw, 20px);
  }
  #pure-exosome .base_contents {
    margin: 0;
  }
  #pure-exosome .base_contents.custom .txt_box .txt {
    margin: 0;
  }
  #pure-exosome .base_contents.custom .txt_box .list {
    margin: 30px 0 0;
  }
  #flow .flow_flow_area {
    margin-bottom: 20px;
  }
  #flow .flow_flow_area .base_contents {
    margin-bottom: 0px;
  }
  /*■■■■診療科目  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #subject .closed_area {
    margin-bottom: 50px;
  }
  #subject .closed_area .closed_contents {
    padding: 20px;
  }
  #subject .closed_area .closed_contents .tl {
    font-size: clamp(22px, 2vw, 26px);
    padding-left: 50px;
    margin-bottom: 20px;
  }
  #subject .closed_area .closed_contents .tl::before {
    width: 36px;
    height: 36px;
    background-size: 36px;
  }
  #subject .closed_area .closed_contents .list li {
    margin-bottom: 10px;
  }
  #subject .closed_area .closed_contents .list a {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #subject .closed_area .closed_contents .list .date {
    margin: 0 0 5px;
  }
  #subject .subject_menu_area .base_menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #subject .subject_menu_area .base_menu li {
    width: 100%;
    margin-bottom: 20px;
  }
  #subject .subject_menu_area .base_menu li:last-child {
    margin-bottom: 0;
  }
  /*■■■■オンライン診療について   ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #online .merit_area {
    padding: 50px 0;
  }
  #online .merit_area .base_menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #online .merit_area .base_menu li {
    width: 100%;
    margin-bottom: 20px;
  }
  #online .merit_area .base_menu li:last-child {
    margin-bottom: 0;
  }
  #online .flow_area {
    padding: 50px 0;
  }
  #online .flow_area .base_menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #online .flow_area .base_menu .num {
    position: relative;
    top: -10px;
  }
  #online .flow_area .base_menu li {
    width: 100%;
    margin-bottom: 20px;
  }
  #online .flow_area .base_menu li:last-child {
    margin-bottom: 0;
  }
  /*■■■■美容クリニックについて  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #beautyclinic .main_title_bg {
    background-position: right;
  }
  #beautyclinic .beautyclinic_about_area {
    margin-bottom: 50px;
  }
  /*■■■■ニュース  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  .recommend_article_box .article_list li {
    margin: 0;
  }
  /*■■■■お問い合わせ  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #contact .contact_form_area {
    margin-bottom: 50px;
  }
  #contact .contact_form_area .list {
    margin-bottom: 20px;
  }
  #contact .contact_form_area .first_box {
    margin-bottom: 30px;
    border-bottom: none;
  }
  #contact .contact_form_area .form_box {
    padding: 15px;
  }
  #contact .contact_form_area .form_box .tl {
    margin-bottom: 0;
  }
  #contact .contact_form_area .base_tbl {
    margin-bottom: 0;
  }
  #contact .contact_form_area .base_tbl th {
    width: 100%;
    display: block;
    padding: 20px 0 5px;
  }
  #contact .contact_form_area .base_tbl td {
    width: 100%;
    display: block;
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
  }
  #contact .contact_form_area .btn_box {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #contact .contact_form_area .btn_box p {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #contact .contact_form_area .checkbox-label {
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #contact .contact_form_area #submit-btn {
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #contact .contact_form_area #submit-btn-back {
    padding: 5px;
    margin: auto;
    display: block;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #contact .contact_tel_area {
    margin-bottom: 50px;
  }
  #contact .contact_tel_area .tel_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #contact .contact_tel_area .tel_list li {
    width: 100%;
    margin-bottom: 20px;
  }
  /*■■■■WEB予約  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #reservation .flow_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #reservation .flow_list li {
    width: 100%;
    padding: 5px;
    margin-bottom: 25px;
  }
  #reservation .flow_list li::before {
    top: 120%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    border: 10px solid transparent;
    border-top: 15px solid #c7b192;
  }
  #reservation .contact_form_area .reservation_tbl th,
  #reservation .contact_form_area .reservation_tbl td {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
  #reservation .contact_form_area .reservation_tbl th {
    border-right: none;
    padding: 20px 0 10px;
    text-align: left;
  }
  #reservation .contact_form_area .reservation_tbl .wpcf7-list-item-label {
    min-width: auto;
    width: 100%;
  }
  #reservation .contact_form_area .reservation_tbl .wpcf7-list-item {
    display: block;
  }
  #reservation .contact_form_area .reservation_tbl label {
    display: block;
  }
  #reservation .contact_form_area .btn_box {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #reservation .contact_form_area .btn_box p {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #reservation .contact_form_area .checkbox-label {
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #reservation .contact_form_area #submit-btn {
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #reservation .contact_form_area #submit-btn-back {
    padding: 5px;
    margin: auto;
    display: block;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #thanks .contact_form_area .flow_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  #thanks .contact_form_area .flow_list li {
    width: 100%;
    padding: 5px;
    margin-bottom: 25px;
  }
  #thanks .contact_form_area .flow_list li::before {
    top: 120%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    border: 10px solid transparent;
    border-top: 15px solid #c7b192;
  }
  #thanks .contact_form_area .txt {
    font-size: 18px;
  }
  #thanks .thanks_area .lead_tl {
    font-size: 20px;
  }
  /*■■■■個人情報  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  #policy .policy_area .con_box {
    margin-bottom: 30px;
  }
  #policy .policy_area .txt {
    font-size: clamp(14px, 2vw, 16px);
  }
}

@media screen and (max-width: 1000px) {
  #about .access_area .list li {
    width: 100%;
  }
}
