/*

*/
@charset "utf-8";
body{background-color: #fff; font-size: 18px; color: #000; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; min-width: 320px;}
a{color: #373737;}
a:hover{color: #373737;}
.btn:hover{text-decoration: none; color: #010101; opacity: 0.7; background-color: #e3eff6;}
a.hov_fff:hover{color: #fff;}
.header-btn_1:hover{background-color: #808080; color: #fff; opacity: 0.7;}
.header-btn_2:hover{background-color: #808080; color: #fff; opacity: 0.7;}
.line_btn:hover{text-decoration: none; color: #010101; opacity: 0.7; background-color: #e3eff6;}
h1{margin-bottom: 0;}
ul{padding-left: 0;}


.container{position: relative; max-width:1130px;}
/* .container{position: relative; max-width:1330px;} */
.container.v-lg{max-width:1690px;}


/*------PARTS------*/
/*bg-color*/
.bg-1{background-color: #010101;}
.bg-2{background-color: #808080;}
.bg-3{background-color: #dcdcdc;}


/*------------------CMS------------------*/
/*------追随------*/
/*fixbox*/
.wrp-fixbox{position: fixed; right: 0; bottom: 15%; z-index: 99;}
.fixbox{display: block;color: #fff;font-size: 18px;position: relative;height: 215px; border-radius: 15px 0 0 15px; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; text-decoration: none;}
.fixbox-1{background-color: #010101;padding: 30px 12px 15px; border: 1.5px solid #fff;}
.fixbox-2{background-color: #808080; padding: 30px 12px 15px; margin-top: 15px; border: 1.5px solid #fff;}
.fixbox span{display:block; writing-mode: vertical-rl; padding-bottom: 8px; letter-spacing: 0.1em;}
.fixbox i{margin-left: 9px;}
.fixbox-1:hover { background-color: #fff; color: #010101; border: 1.5px solid #010101; text-decoration: none;}
.fixbox-2:hover { background-color: #fff; color: #808080; border: 1.5px solid #808080; text-decoration: none;}


/*text-color*/
.c-1{color: #010101;}
.c-2{color: #fff;}
.link-1{color: #010101; font-weight: normal;}
.link-1::after{content: "\f054"; position: relative; margin-left: 20px;}

/*fa*/
.link-1::after,
.ul-hnav > li > a::after,
.btn-1::after
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*btn*/
.btn-1{background-color: #fff; border-radius: 0; padding: 15px 0; color: #010101; font-size: 16px; border: 1px solid #010101; width: 100%; max-width: 230px; position: relative;}
.btn-1::after{content: "\f054"; position: absolute; right: 20px; top: 20px;}
.btn-2{color: #fff; border-radius: 0;}
.btn-1_2{max-width: none;}
.btn-1_2::after{content: none;}
.btn-1_2 img{margin-right: 10px;}
#qrcodeTable {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}

/*------HEADER------*/
#header{background-color: #fff; padding: 15px 0 15px;   position: sticky; top: 0; z-index:2;}
.head-h1{line-height: 0; min-width: 100px; max-width: 250px;}
.header-upr{margin-bottom: 20px;}
.header-upr .btn{font-size: 16px; max-width: 200px; width: 100%; padding: 10px 0;}
.header-btn_1{margin-right: 15px;}
.header-upr .btn img{margin-right: 10px; width: 23px;}
.logo-a img{max-width: 110px;}

/*nav*/
.ul-hnav{display: flex; flex-direction: row;}
.ul-hnav > li{position: relative;}
.ul-hnav > li::before{content: ""; transform: rotate(20deg); border-left: 1px solid #010101; position: absolute; right: 0; height: 100%; top: 0;}
.ul-hnav > li:last-child::before{content: none;}
.ul-hnav > li > a.nav-link{font-size: 12px; text-align: center; padding:0 45px; position: relative; color: #373737;}
.ul-fnav.ul-hnav > li > a.nav-link{color: #fff;}
.ul-hnav > li > a > .eng{color: #010101; display: block; font-size: 14px; margin-bottom: 3px;}
.eng{text-transform: uppercase;}

/*------MAIN------*/
.sec{padding: 80px 0; position: relative;}
.sec-head{margin-bottom: 80px;}
.sec-title{font-weight: normal; font-size: 24px; text-align: center; color: #010101;}
.sec-title::after{content: ""; display: block; border-bottom: 2px solid #010101; width: 30px; margin: 5px auto 0;}

.sec-title01{font-weight: normal; font-size: 24px; text-align: center; color: #000;}
.sec-title01::after{content: ""; display: block; border-bottom: 2px solid #000; width: 30px; margin: 5px auto 0;}

.sec-btn{text-align: center; margin-top: 120px; padding: 0 15px;}
.sec-text{margin-top: 60px;}
.item-btn{text-align: center; margin-top: 25px;}
.box-style .item-sub_title{font-size: 20px; font-weight: bold; margin-bottom: 40px;}
.item-title{font-weight: bold; font-size: 20px;}

.item-text{font-size: 16px; line-height: 1.6em;}


/*category*/
.cat{background-color: #fff; padding: 10px; color: #010101; font-size: 14px; border: 1px solid #010101; width: 100%; max-width: 180px; text-align: center; display: inline-block;}

/*---INDEX---*/
/*mv*/
.mv{position: relative;}
.mvtext{writing-mode: vertical-rl; position: absolute; top:140px; left: 180px; font-size: 30px; line-height: 2.1;}

/*----Slider----*/
.slider-style{display: none;}
.slider-style.slick-initialized{display: block; /*slick-initializedが付与されたら表示*/}
.slider-style.slick-dotted.slick-slider{margin-bottom: 0;}
.slider-style .slick-dots{bottom: 0; position: static;}
.slider-style .slick-dots li{width: auto; height: auto; margin: 0 5px;}
.slider-style .slick-slide{position: relative;}
.slider-style .slick-slide img{width: 100%;}
.slider-style .slider-arrow{position: absolute; color: #d5d5d5; font-size: 64px; top: 44%; z-index: 1; cursor: pointer;}
.slider-style .slider-prev{left: 30px;}
.slider-style .slider-next{right: 30px;}

/*colbox*/
.item-colbox .item-main{padding:50px 0 0 40px;}
.item-colbox .item-label{margin-bottom: 40px; color: #010101; font-size: 16px;}
.item-colbox .item-label::before{content: ""; border-bottom:1px solid #010101; margin-right: 20px; width: 50px;}

#about_list .item-colbox{flex-direction: row-reverse;}
#about_list .item-colbox:first-child{flex-direction: row; margin-bottom: 80px;}

#about_flow .item-colbox{margin-bottom: 80px;}

/*menu*/
.item-menu .item-img{min-width: 230px; margin-right: 20px;}
.item-menu .item-main{padding-top: 15px; margin-bottom: 30px;}
.item-menu .item-title{text-align: center; margin-bottom: 35px;}

/*intro*/
#intro{background: url("assets/images/bg_01.png") no-repeat scroll center center / cover;}
#intro .item-inner{max-width: 555px;}
#intro .item-title{margin-bottom: 40px;}

/*news*/
.item-news{background-color: #fff; display: block; text-decoration: none; transition: .3s; margin-bottom: 30px;}
.item-news:hover{opacity: .7;}
.item-news .item-cat{text-align: center; position: relative; bottom: -20px;}
.item-news .item-date{margin: 15px 0 10px; font-size: 14px; color: #9a9a9a;}
.item-news .item-n_title{font-size: 16px;}
.item-news .item-img img{width: 100%;}

/*access*/
.wrp-access .item-head img{width: 50%;}
.wrp-access .item-inner{padding-left: 45px;}
.wrp-access .item-zipcode{margin: 20px 0; font-size: 16px;}
.wrp-access .item-tel_open{font-size: 14px; text-align: right;}
.wrp-access .item-bottom{margin-top: 25px;}
.wrp-access .google-map{padding-bottom: 92%;}
.wrp-tel{margin-right: 30px;}
.wrp-tel .item-tel span{color: #010101; font-size: 23px; margin-left: 10px;}
.wrp-tel .item-tel_text{font-size: 16px;}

/*calender*/
.tb-cale{width: 100%; font-size: 16px;}
.tb-cale th{padding: 10px; color: #fff; border: 1px solid #fff; background-color: #010101; text-align: center; font-size: 14px;}
.tb-cale th.th-1{width: 275px;}
.tb-cale td{text-align: center; color: #010101; border: 1px solid #010101; font-size: 14px;}
.wrp-cale p{font-size:12px; margin: 10px 0 0;}

/* お問い合わせ */
.wrp-c-box{padding: 70px 0 100px;}
.contact-box{padding-top: 60px;}
.c-red,.c-name span:nth-child(2){color: red;}
.wrp-c-item{padding: 35px 0; border-bottom: dashed 1px gray;}
.bornone{border: none;}
.wrp-c-item .flex:nth-child(2){margin-top: 20px;}
.c-name{width: 25%; font-weight: bold;}
.c-box{width: 75%;}
.c-box .form-control{background-color: #f8f8f8;}
.doui{text-align: center; margin-bottom: 50px; margin-top: 40px;}
.container.vcon{max-width: 900px;}
.c-day{width: 170px;}
.c-chu{font-size: 12px; color: red;}
.c-btn-box{text-align: center;}
.c-btn-box input{padding: 5px 60px; color: white; background-color: #010101; border: solid 1px #010101;}
.k-tit span:nth-child(2){color: red;}
.k-day{margin-bottom: 40px; font-weight: bold;}

/*------川﨑編集------*/
.wrp-c-item .flex:nth-child(2) {margin-top: 20px;align-items: center;}
.c-time {margin-left: 30px;}
.wpcf7 .ajax-loader{display: none;}

/*------FOOTER------*/
.totop{position: fixed; bottom: 50px; z-index: 9; right: 20px; opacity: 0; width: 86px;}
.totop.open{opacity: 0.9;}

#footer{padding: 80px 0 10px; color: #fff;}
.foot-btn{margin-top: 45px; text-align: center; width: 100%;}
.foot-btn .btn{max-width: 315px;}
.foot-btn .btn img{height: 20px;}
.foot-btn .btn.v-contact{margin-right: 20px;}
.cp{font-size: 14px; padding: 80px 0 15px; text-align: center;}
.foot-left{max-width: 350px;}
.foot-left img {width: 55%; margin-bottom: 10px;}

/*footer nav*/
.ul-fnav{margin-bottom: 45px;}
.ul-fnav > li::before {border-color: #fff;}
.ul-fnav > li >a{color: #fff; font-size: 20px;}
.ul-fnav > li > a > .eng{color: #fff;}


/* 下層ページ共通TOP */
.mvpage-inner{position: absolute; top: 42%; width: 100%;}
.page_title{font-size: 60px; text-align: center; color: #010101;}


/* about */
.abouttoppage{margin-bottom: 80px;}
.abouttoppage02{margin-bottom: 20px;}
.abouttop_text01{writing-mode: vertical-rl; }
.abouttop_text01 .item-sub_title {line-height: 2.2em; margin-left: 60px;}
.abouttop_text01 .item-text{line-height: 2.2em; font-size: 16px;}
.abouttop_text02{writing-mode: vertical-rl; margin-left: 40px;}
.abouttop_text02 .item-text{line-height: 2.2em; font-size: 16px;}

.point_list{position: relative;}
.point_list .point_text{position: absolute; top: 65%; width: 100%; text-align: center;}
.point_list .point_text .item-title{margin: 10px 0; color: #010101;}

.faqsec{padding: 10px 0 100px }
.faq_list{background-color: #fff;}
.faq_text{padding: 45px 60px 60px 60px;}
.faq_text .item-title{text-align: left; color: #010101;}
.faq_text .item-title_q{text-align: left; color: #010101; font-size: 30px; font-weight: bold; padding-right: 5px;}
.faq_text .item-text{font-size: 16px;}
.faq_text .item-text_a{text-align: left; color: #010101; font-size: 30px; font-weight: bold; padding-right: 5px;}
.faq_text .item-title::after{content: ""; display: block; border-bottom: 2px solid #dcdcdc; width: 100%; margin: 10px auto 0;}

.step_list {margin-bottom: 90px;}
.step_list .item-sub_title{ margin: 25px 0 20px;}
.step_list01 {margin-bottom: 90px; margin-right: 120px;}
.step_list01 .item-sub_title{ margin: 25px 0 20px;}
.step_list .col-md-9 img{width: 15%;}
.step_list01 .col-md-9 img{width: 15%;}

#contact_us{background: url("") no-repeat scroll center center / cover;}
#contact_us .item-inner{max-width: 555px;}
#contact_us .item-title{margin-bottom: 40px;}
.contact_area {text-align: center;}
.contact_area .item-text{text-align: center; font-size: 18px; padding: 50px 0 50px; line-height: 1.8em;}
.contact_area .header-upr{margin-bottom: 0px;}

.header-upr01 .btn {font-size: 20px;max-width: 320px;width: 100%;padding: 15px 0;}
.header-upr01 .btn img {margin-right: 10px;width: 23px;}

/* greetings */
.greetings_text{margin-right: 70px;}
.greetings_text .item-sub_title01{font-weight: bold; font-size: 16px; text-align: right; padding-top: 70px;}
.greetings_text .item-text01{font-weight: bold; font-size: 20px; text-align: right;}

.prof{border: 4px solid #e3eff6; position: relative;}
.prof .item-title{color: #010101; font-family:Book Antiqua; background-color: #fff; text-align: center; width: 170px; position: absolute; top: -20px; left: 40px;}
.prof .prof_text{padding: 80px 270px;}
.prof .item-text{margin-bottom: 20px;}
.prof .item-text .text01{width: 100px; margin-right: 160px;}
.prof_main{padding-top: 70px;}

/* menu */
.menu_item-main .item-sub_title{margin-bottom: 20px;}
.menu_item-main .menu_item{color: #010101; text-align: center; font-weight: bold; border-radius: 50%; background-color: #dcdcdc; width: 100px; height: 100px; padding-top: 38px; margin: 0 10px 20px 0; font-size: 16px;}
.menu_item_list {padding: 40px 0 130px 0;}
.menu_item_list .item-text {border-bottom: 2px solid #dcdcdc;}
.menu_item_list .text01 {padding: 10px 100px 10px 10px; font-weight: bold; color: #010101;}
.menu_item_list .text02{padding: 10px 0px 10px 20px;}
.item-img_01 {text-align: right;}

/* reserve */
.res_title{ margin-bottom: 30px;}
.res_text{text-align: center; margin-bottom: 70px; line-height: 1.8em; font-size: 16px;}
.prof {border: 4px solid #dcdcdc;position: relative; margin-bottom: 100px;}
.res .item-title{left: 462px;}
.tel_item{text-align: center; padding: 100px;}
.tel_item .tel_title{font-weight: bold; font-size: 20px; padding-bottom: 30px;}
.tel_item .item-tel{font-weight: bold; font-size: 40px; padding-bottom: 30px; color: #010101;}
.tel_item .tel_text{font-size: 16px;}
.line_area .item-title{color: #808080;}
.line_area {border: 4px solid #ceeecc;}
.tel_item .line_btn{background-color: #808080; padding: 15px 50px; font-size: 18px; width: 100%; max-width: 230px; color: #fff;}
.linebtn{padding-top: 30px;}
.prof_main02{padding-top: 20px;}


.clinicimg_text{text-align: center; margin: 40px 0 70px; line-height: 1.8em; font-size: 14px;}
.clinictext_area {padding: 40px 100px 0px;}
.clinictext_area .text01{margin-right: 80px; width: 230px;}
.clinictext_area .item-text {padding-bottom: 20px;}

.cat_nav{display: flex; flex-wrap: wrap;}
.cat_nav li{width: 24%; margin: 0 0.5% 15px;}
.cat_nav li a{display: block; position: relative; text-decoration: none; transition: .3s; border: 2px solid #808080; color: #808080; border-radius: 30px; text-align: center; padding: 8px 0; font-size: 14px;}
.cat_nav li a::after{position: absolute; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; top: 0; bottom: 0; right: 10px; margin: auto; width: 20px; height: 25px;}
.cat_nav li a:hover{background-color: #808080; color: #fff;}
.cat_nav li a.active{background-color: #808080; color: #fff;}

/*--- pagenation ---*/
.wrp_pagination{margin-top: 30px;}
.wrp_pagination ul{display: flex; justify-content: center;}
.wrp_pagination ul li{margin: 0 3px;}
.wrp_pagination ul .page-numbers{padding: 15px 17px; font-weight: bold; font-size: 12px; display: block; border: 1px solid #CCCCCC; color: #808080; text-decoration: none;}
.wrp_pagination ul a.page-numbers:hover{border: 1px solid #808080; background-color: #808080; color: #fff;}
.wrp_pagination ul .page-numbers.current{background-color: #808080; color: #fff;}
.wrp_pagination ul .page-numbers i{margin-right: 0;}
.wrp_pagination ul .page-numbers.dots{border: 0px solid #000 !important;}
.wrp_pagination .nav-links{width: 100%;}
.wrp_pagination ul li .next{margin-left: 30px;}
.wrp_pagination ul li .prev{margin-right: 30px;}
.wrp_pagination a:hover{text-decoration: none; opacity: 1;}


/*---PC small---*/
@media only screen and (max-width: 1280px) {
    body{font-size: 22px;}

    /*------HEADER------*/
    .ul-hnav > li > a.nav-link{padding:0 40px;}
    .ul-hnav > li > a.nav-link{padding:0 30px;}

    /*---INDEX---*/
    .wrp-access .item-inner{padding-left: 0;}

    /* reserve */
    .res .item-title {left: 462px;}
    .mvtext{writing-mode: vertical-rl; position: absolute; top: 140px; left: 180px; font-size: 24px; line-height: 2.1;}

}

/*---PAD pro---*/
@media only screen and (max-width: 1024px) {
    /*------HEADER------*/
    .head-h1{width: 180px;}
    .ul-hnav > li > a.nav-link{padding:0 20px;}

    /*---INDEX---*/
    .item-colbox .item-main{padding-left: 0;}
    .mvtext{writing-mode: vertical-rl; position: absolute; top: 100px; left: 100px; font-size: 20px; line-height: 2.1;}
    .item-menu .item-title{font-size: 17px;}
    .item-text{font-size: 14px;}

    /* about */
    .abouttoppage{margin-bottom: 120px;}
    .abouttop_text01 .item-sub_title {line-height: 1.7em; margin-left: 20px;}
    .abouttop_text01 .item-text{line-height: 2em; font-size: 18px;}
    .abouttop_text02{writing-mode: vertical-rl; margin-left: 40px;}
    .abouttop_text02 .item-text{line-height: 2em; font-size: 18px;}

    /* greetings */
    .greetings_text{margin-right: 15px;}
    .prof .prof_text{padding: 75px 95px;}

    /* menu */
    .menu_item-main .menu_item{width: 90px; height: 90px; padding-top: 35px; margin: 0 10px 20px 0; font-size: 16px;}

    /* reserve */
    .res .item-title {left: 409px;}

    .container.vcon{max-width: 670px;}
    .wrp-c-box{padding: 50px 0 70px;}

}

/*---PAD---*/
@media only screen and (max-width: 880px) {
    body{font-size: 16px;}

    /*------HEADER------*/
    #header{padding: 15px 0;}
    .foot-left,
    .head-h1{width: 120px;}
    .header-upr{margin-bottom: 20px;}
    .foot-btn .btn,
    .header-upr .btn{max-width: 250px; font-size: 14px; padding: 10px 0;}
    .ul-hnav > li > a.nav-link{font-size: 12px;}
    .ul-hnav > li > a > .eng{font-size: 12px; margin-bottom: 5px;}


    /*------MAIN------*/
    .sec{padding: 40px 0;}
    .sec-head{margin-bottom: 40px;}
    .sec-btn,
    .item-btn{margin-top: 30px;}
    .mvtext{writing-mode: vertical-rl; position: absolute; top: 57px; left: 85px; font-size: 17px; line-height: 2.0;}

    /*---INDEX---*/
    .item-colbox .item-main{padding-top: 0;}
    .box-style .item-sub_title,
    .item-colbox .item-label{margin-bottom: 20px;}
    .item-menu{margin-bottom: 30px;}
    #intro .item-inner{max-width: none;}
    #contact_us .item-inner{max-width: none;}
    .box-style .item-sub_title{font-size: 16px;}
    .item-news{margin-bottom: 20px;}
    .wrp-access .item-main{margin-top: 30px;}
    .item-text{font-size: 14px;}
    .btn-1{font-size: 14px;}
    .wrp-access .item-head img{width: 35%;}

    /*------FOOTER------*/
    .totop{bottom: 50px; right: 10px;}
    .totop img{width: 50px;}
    #footer{padding-top: 50px;}
    .foot-left img{width: auto;}

    /* 下層ページ共通TOP */
    .mvpage-inner{position: absolute; top: 40%; width: 100%;}
    .page_title{font-size: 43px;}

    /* about */
    .abouttoppage{margin-bottom: 55px;}
    .abouttop_text01 .item-sub_title {line-height: 1.7em; margin-left: 20px;}
    .abouttop_text01 .item-text{line-height: 1.8em; font-size: 16px;}
    .abouttop_text02{writing-mode: vertical-rl; margin-left: 40px;}
    .abouttop_text02 .item-text{line-height: 1.8em; font-size: 16px;}
    .step_list .col-md-8 img{width: 20%;}
    .step_list01 .col-md-7 img{width: 20%;}
    .contact_area .header-upr01{padding-left: 48px;}
    .step_list{margin-bottom: 50px;}
    .step_list01{margin-bottom: 50px;}
    .step_list .item-sub_title{margin: 15px 0 10px;}
    .step_list01 .item-sub_title{margin: 15px 0 10px;}
    .item-menu .item-main{ margin-bottom: 0px;}

    /* menu */
    .menu_item-main .menu_item{width: 60px; height: 60px; padding-top: 23px; margin: 0 10px 5px 0; font-size: 12px;}

    /* reserve */
    .res .item-title {left: 280px;}

    .clinictext_area {padding: 30px 70px 0px;}
    .clinictext_area .text01{margin-right: 20px; width: 200px;}



}

/*---Sm---*/
@media only screen and (max-width: 767px) {
    body{font-size: 14px;}
    .btn-1{font-size: 16px; padding: 10px 0;}
    .btn-1::after{top: 13px;}
    .cat{padding: 5px 0; font-size: 12px; width: 90%;}

    /*------HEADER------*/
    #header{padding: 0;}
    .header-upr{display: none;}
    .head-inner{align-items: center; padding: 10px 0;}
    .pc-hidden .logo-a img{width: 60%;}


    .sm-header-link-logo{text-align: center; margin: 0 0 15px 0;}
    .sm-header-link-btn {margin-left: 15px;}
    .sm-header-link-btn .header-btn_1 {width: 270px; margin: 20px 0 10px 0; padding: 10px 12px;}
    .sm-header-link-btn .header-btn_2 {width: 270px; padding: 10px 12px;}
    .sm-header-link-btn .header-btn_1 img{width: 27px; padding-right: 9px;}
    .sm-header-link-btn .header-btn_2 img{width: 25px; padding-right: 5px;}
    .sm-header-link-btn a{color: #fff;}

    .slick-list{height: 300px;}
    .slick-track{height: 300px;}
    .slider-style .slick-slide img{width: 100%; max-width: 100%; height: auto;}


    .slider-style .slider-arrow{font-size: 20px;}
    .slider-style .slider-next{right: 15px;}
    .slider-style .slider-prev{left: 15px;}


    /*------------------CMS------------------*/
    /*------追随------*/
    /*fixbox*/
    .fixbox span{writing-mode: horizontal-tb; display: inline; padding-bottom: 0px; letter-spacing: normal;}
    .wrp-fixbox{bottom: 0;width: 100%;}
    .fixbox{height: auto; width: 50%; text-align: center; border-radius: 0;}
    .wrp-fixbox div:nth-child(1){width: 100%; display: flex;}
    .fixbox-1{padding: 20px 10px; border: none;}
    .fixbox-2{padding: 20px 10px; margin-top: 0px; border: none;}
    .fixbox i{margin-left: 15px;}

    /*nav*/
    .ul-hnav{display: block;}
    .ul-hnav > li{margin: 0; padding: 0;}
    .ul-hnav > li > a.nav-link{color: #fff; padding: 8px 15px 8px 15px; border-bottom: 1px solid #010101; text-align: left;}
    .ul-hnav > li > a.current-menu-item{background-color: #010101; color: #fff;}
    .ul-hnav > li > a.nav-link::before{content: none;}
    .ul-hnav > li > a.current-menu-item::after{background: none; left: auto; bottom: auto; display: inline-block; width: auto;}
    .ul-hnav > li > a::after{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 20px;}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #010101;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

    /*---INDEX---*/
    .item-colbox .item-img{margin-bottom: 20px;}
    .box-style .item-sub_title{font-size: 16px;}
    .item-menu{display: block;}
    .item-menu .item-img{text-align: center; margin: 0;}
    .item-menu .item-title{font-size: 16px; margin-bottom: 15px;}
    #intro .item-title{margin-bottom: 20px;}
    #contact_us .item-title{margin-bottom: 20px;}
    #greeting .item-colbox{flex-direction: column-reverse;}




    .wrp-access .item-zipcode{margin: 20px 0;}
    .tb-cale{font-size: 12px;}
    .wrp-cale p{font-size: 12px;}
    .wrp-access .item-bottom{display: block;}
    .sec-title{font-size: 20px;}
    .mvtext{writing-mode: vertical-rl; position: absolute; top: 22px; left: 20px; font-size: 12px; line-height: 1.5;}

    /*------FOOTER------*/
    #footer{padding-top: 30px;}
    .foot-inner{display: block;}
    .foot-btn{margin-top: 20px;}
    .foot-btn .btn{max-width: 315px;}
    .foot-btn .btn img{height: 20px;}
    .foot-btn .btn.v-contact{margin-right: 10px;}
    .cp{font-size: 12px; padding: 20px 0 0;}
    .totop{bottom: 80px;}
    .foot-left{width: 100%; text-align: center;}
    .foot-left img{max-width: 150px;}
    .foot-left a{display: block;}

    /*footer nav*/
    .ul-fnav{margin:20px 0 0;}
    .ul-fnav > li::before {border-color: #fff;}
    .ul-hnav > li::before{content: none;}
    .ul-fnav > li > a.nav-link{padding:10px 0; border-top: 1px solid #fff;}
    .ul-fnav > li > a::after{top: 15px;}
    .ul-fnav > li > a > .eng{margin: 0; font-size: 14px;}
    .ul-fnav > li > a > .ja{display: none;}

    /* 下層ページ共通TOP */
    .page_title{font-size: 23px;}

    /* about */
    .abouttop_text01{writing-mode: horizontal-tb; }
    .abouttoppage{margin-bottom: 36px;}
    .abouttop_text01 .item-sub_title {line-height: 1.7em; margin-left: 0px;}
    .abouttop_text01 .item-text{line-height: 1.8em; font-size: 16px;}
    .abouttop_text02{writing-mode: horizontal-tb; margin-left: 0px;}
    .abouttop_text02 .item-text{line-height: 1.8em; font-size: 16px; margin-bottom: 40px;}
    .abouttoppage .col-md-7{margin-bottom: 20px;}
    .tb-cale th{font-size: 13px;}

    .faq_text{padding: 10px 20px 30px 20px;}
    .faq_text .item-title_q{text-align: left; color: #010101; font-size: 30px; font-weight: bold; padding-right: 5px;}
    .faq_text .item-text{font-size: 14px;}
    .faq_text .item-text_a{text-align: left; color: #e3eff6; font-size: 30px; font-weight: bold; padding-right: 5px;}

    .step_list {margin-bottom: 40px;}
    .step_list01 {margin-bottom: 40px;}
    .step_list01 .item-img{padding-left: 15px;}
    .step_list .col-md-9 img{width: 25%;}
    .step_list01 .col-md-9 img{width: 25%;}

    .contact_area .header-upr01{padding-left: 0px;}
    .contact_area .item-text{font-size: 16px; line-height: 1.8em;}
    .contact_area span {font-size: 16px;}

    /* greetings */
    .greetings_text .item-sub_title01{padding-top: 30px;}
    .greetings_text .item-text01{padding-bottom: 30px;}
    .prof .prof_text{padding: 40px 15px 20px 15px;}
    .prof .item-text .text01{width: 60px; margin-right: 20px;}
    .prof .item-text{font-size: 16px;}

    /* menu */
    .menu_item_list{padding-bottom: 70px;}
    .menu_item_list .text01{padding: 0px; width: 80px;}
    .menu_item-main .item-text{padding: 10px;}

    /* reserve */
    .res .item-title {left: 88px;}
    .tel_item{padding: 40px 20px;}
    .tel_item .tel_title{font-size: 18px;}
    .tel_item .item-tel{font-size: 30px;}
    .prof_main02{padding: 0 15px;}


    .clinicimg{text-align: center;}
    .clinicimg_text {margin: 30px 0 30px; font-size: 14px;}
    .clinictext_area{padding: 20px 15px 0px;}
    .clinictext_area .text01{ width: 90px; font-size: 13px;}
    .clinictext_area .text02{ width: 220px; font-size: 13px;}

    /* お問い合わせ */
    .wrp-c-box{padding: 50px 0 50px;}
    .c-name{width: 100%; margin-bottom: 20px;}
    .c-box{width: 100%;}
    .wrp-c-item{padding: 25px 0;}
    .f12{font-size: 12px;}
    .doui{margin-top: 20px; margin-bottom: 30px;}
    .contact-box{padding-bottom: 50px; padding-top: 0px;}
    .k-day{margin-bottom: 30px;}

    .wrp-single{padding-top: 40px;}
    .cat_nav li{width: 32%; margin: 0 0.5% 10px;}
    .cat_nav li a{font-size: 10px;}
    .cat_nav li a::after{right: 0px; height: 15px;}

  /* pagenation */
  .wrp_pagination ul .page-numbers{padding: 10px 12px;}
  .wrp_pagination ul li .prev{margin-right: 15px;}
  .wrp_pagination ul li .next{margin-left: 15px;}

}

/*------Sm small------*/
@media only screen and (max-width: 350px) {
    body{font-size: 14px;}

}