@media screen and (max-width:960px) {
body { min-width:320px; }
.all { margin-bottom:-270px; }
.contents { width:100%; }
.pc_no { display:block; }
.sp_no, br.sp_no { display:none; }
br.pc_no { display:inline-block; }

/*--HEADER/--*/
.head { padding:0; height:70px; }
.head .contents { /*padding:12px 0;*/ flex-flow: column wrap; padding:0.75rem 1rem; }
.h_logo, .temp .h_logo { position:relative; left:auto; width:300px; margin:0 auto 0.25rem auto; text-align:center; -moz-transition:ease-out 0.5s; -o-transition:ease-out 0.5s; -webkit-transition:ease-out 0.5s; transition:ease-out 0.5s; }
.head .h_tel, .head .h_side { display:none; }
.h_address { display:block; order: 2; }

.main_box { width:100%; /*height:100%;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

.h_main { /*padding:110px 0 0 0;*/ height:auto; padding: 0; }
.h_main .inner { margin:0 auto; width:100vw; height:50vw; overflow:visible; position:relative; }

.h_main .bg_video { left:0; top:0; width:100%; }
.bg_video_on { display:none; }


.flag { top:110px; display:none !important;}
.t_copy { left:20px; left:15%; bottom:10px; width:70%; height:auto; margin:0; display:none; }
.b_play, .b_play02 { width:40px; height:auto; bottom:50%; margin:0 0 -40px -20px; z-index:300; display:none; }
.caption { bottom:-10px; left:10px; font-size:0.6em; display:none; }



/*--HEADER MENU/--*/
.hm_sp { /*display:block;  position:absolute; top:70px;*/ position: relative; height: auto; width:100%; display: flex; justify-content: space-between; float: none; /*background:url(../img/bg01.jpg);*/ background:rgba(255,255,255,1); z-index:600; box-sizing:border-box; box-shadow: 0 2px 3px rgba(0,0,0,0.2); }
.hm_sp .h_tel { float: left; height: auto; width: auto ; line-height: 1.5; color:#ed8e19; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap; padding:1rem 0.5rem;  text-align: left; max-width:22rem; }
.hm_sp .h_tel .tel {  font-size: 1rem !important; color: #ed8e19 !important; text-align: right; font-family: 'M PLUS Rounded 1c', sans-serif; display: flex; align-items: flex-end; }
.hm_sp .h_tel .tel:first-child { margin-bottom:0.5rem; }
.hm_sp .h_tel .tel span { display: block; width:7.5rem; font-size:1rem !important; padding-right:0.5rem; text-align: right; box-sizing: border-box;}
.hm_sp .h_tel .tel strong { font-size: 1.4rem !important; font-weight: 500; line-height: 1.2; }
.hm_sp .h_tel .tel strong a { color:#ed8e19 !important; }
.sp_menu { float:right; position:relative; display:block; width:40px; height:40px; cursor:pointer; z-index:1000; transition:ease-out 0.5s; }
.menu1 { width:20px; height:3px; background-color:#fc6459; position:absolute; top:11px; left:10px; } 
.menu2 { width:20px; height:3px; background-color:#fc6459; position:absolute; top:18px; left:10px; } 
.menu3 { width:20px; height:3px; background-color:#fc6459; position:absolute; top:25px; left:10px; } 
.menu1,.menu2,.menu3 { transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; }
.menuclick1 { top:18px; left:11px; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.menuclick2 { opacity:0; }
.menuclick3 { top:18px; left:11px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }

.h_sns { display: flex; padding:0.5rem; }
.h_sns a { margin: 0; }


/*--HEADER MENU/--*/
.hm, .temp .hm { position:absolute; top:110px; bottom:auto; width:100%; background:#fc6459; background:rgba(252,100,89,0.9); /*display:none;*/ }
.hm ul, .temp .hm ul { height:auto; margin:0; padding:0; position: relative; z-index:10000; }
.hm ul li { display:inline-block; width:100%; list-style:none; padding:0; margin:0; overflow:hidden; text-align:left; }
.hm ul li a { border:none; width:auto; margin:0; padding:0 25px 0 40px; background:url(../img/i_menu02.png) no-repeat 10px center; color:#fff; line-height:50px; }
.hm ul li:hover { background:#ec5449; }
.hm ul .m06, .temp .hm ul .m06 { display:block; }
.hm ul .m06 a, .temp .hm ul .m06 a { position:absolute; top:10px; right:10px; padding:2px; background:none; width:130px; height:130px; }
.hm ul .m06 a:hover { padding:0; }
.hm ul .m06 a img { width:100%; }



/*CSS反映 20220202*/
.hm ul li a {  padding:0 1rem 0 2.5rem; }
.hm ul .m06 a { position:absolute; top:130px; right:10px;  padding:2px;  }
.hm ul .m07 a { position:absolute; top:0; right:10px; padding:2px;  }

.sp_menu { display: none; }
.hm, .temp .hm, .hm.fixed { display: block; position: fixed; bottom:0; left:0; right:0; top:auto;}
.hm ul, .temp .hm ul { display:flex; flex-flow:row wrap;  align-items: center;  }
.hm ul li { width:20%; }
.hm ul li a, .temp .hm ul li a { font-size:0.65rem; padding:0.75rem 0; position: relative; background-image:none; line-height: 1.5; display:flex; text-align: center; flex-flow:row wrap;  align-items: center; justify-content: center; height: 3.5rem;  }
.hm ul li a::after { content: ""; position: absolute; left:0; top:0.75rem; bottom:0.75rem; width:1px; border-right: 1px solid rgba(255,255,255,0.6);  }
.hm ul .m01 { order:3; }
.hm ul .m02 { order:4; }
.hm ul .m03 { order:5; }
.hm ul .m04 { order:6; }
.hm ul .m05 { order:7; }
.hm ul .m06, .temp .hm ul .m06 { width:50%; order:1; background:#ed8e19; }
.hm ul .m07, .temp .hm ul .m07 { display: none; width:50%; order:2; background:#f9a; }
.hm ul .m08, .temp .hm ul .m08 { display: inline-block; width:50%; order:2; background:#f9a; }
.hm ul .m06 a, .hm ul .m07 a, .hm ul .m08 a, .temp .hm ul .m06 a, .temp .hm ul .m07 a, .temp .hm ul .m08 a { position:relative; width: 100%; height: auto; top:100%; right:0; padding:1rem 0; font-size: 0.8rem; border-top:1px solid rgba(255,255,255,0.9); border-bottom:1px solid rgba(255,255,255,0.9); border-right: none;  background-image: url('../img/bg_line.png'), url('../img/bg_line.png'); background-repeat: repeat-x, repeat-x; background-position: top 0.25rem center, bottom 0.25rem center; background-size: 183px, 183px; }
.hm ul .m07 a, .hm ul .m08 a { border-left:1px solid rgba(255,255,255,0.9); }
.hm ul .m06 a:hover, .hm ul .m07 a:hover, .hm ul .m08 a:hover { padding:1rem 0; background-image: url('../img/bg_line.png'), url('../img/bg_line.png'); background-repeat: repeat-x, repeat-x; background-position: top 0.25rem center, bottom 0.25rem center; background-size: 183px, 183px;  }
.hm ul .m06 a img { display: none; }
.hm ul .m07 a img { display: none; }
.hm ul .m06 a::after { width: 100%; top:0; bottom:auto; position: relative; content:"診療予約はこちら"; border: none; }
.hm ul .m07 a::after { width: 100%; top:0; bottom:auto; position: relative; content:"医療脱毛はこちら"; border: none;  }
.hm ul .m08 a::after { width: 100%; top:0; bottom:auto; position: relative; content:"美容ページはこちら"; border: none;  }

.box { text-align:center; padding:40px 0 60px 0; }
/*
.box h2 { font-size:1.8em; }
.box h2::before { content:url(../img/bg_title01m.gif); position:absolute; margin:-20px 0 0 -60px; }
.box h2::after { content:url(../img/bg_title02m.gif); position:absolute; margin:-20px 0 0 10px; }
*/
.box h2 { font-size: 1.5rem; line-height: 1.25;  }
.box h2::before { width:3.6rem; height: 4.2rem;  bottom:-0.5rem; margin: 0 0.75rem 0 0; }
.box h2::after { width:3.6rem; height: 4.2rem;   bottom:-0.5rem; margin: 0 0 0 0.75rem; }

.box .comment { letter-spacing:normal; padding:10px; }

.box.b_box { padding:3.5rem 1rem 2rem 1rem; }


.bg_box .bg_box_in { left:auto; width:100%; margin:0; }
.bg_box .bg_box_in div { position:absolute; z-index:0; }


/*お知らせ*/
.info .bg_ani01 { top:190px; left:25px; }
.info .bg_ani02 { top:300px; left:50%; margin:0 0 0 -560px; display:none; }
.info .bg_ani03 { bottom:150px; right:25px; }
.info .bg_ani04 { top:70px; right:-20px; }
.info .bg_ani05 { bottom:10px; left:10px; }
.info .bg_ani05 img { width:70px; }
.info .list_box { width:300px; /*height:480px;*/ position:relative; margin:auto; }
.info a.list { display:block; position:relative; width:280px; height:130px; padding:12px 25px; margin:auto; background:url(../img/bg_info02.png) no-repeat center center; }
.info a.list h3 { width:145px; max-height:4.2em; letter-spacing:normal; }
.info a.list .photo { position:absolute; bottom:auto; top:20px; right:20px; width:70px; height:70px; background:#ddd; background-size:90px; }
.info a.list:nth-child(1) .photo, .info a.list:nth-child(2) .photo, .info a.list:nth-child(3) .photo,
.info a.list:nth-child(4) .photo, .info a.list:nth-child(5) .photo { background-size:70px;}
.info a.list01 { margin-bottom:15px; }
.info a.list02 { margin-bottom:15px; }
.info a.list03 { margin-bottom:15px; }
.info a.list04 { margin-bottom:15px; }
.info a.list05 { margin-bottom:30px; }
.info a.list01, .info a.list02, .info a.list03, .info a.list04, .info a.list05 { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}


.info .b_appo  { display:block; position:absolute; width:100px; height:100px; top:-110px; right:10px; }
.info .b_epi  { display:block; position:absolute; width:100px; height:100px; top:-110px; right:110px; }


/*診療について*/
.about { height:auto; z-index:100; }
.about .bg_ani01 { top:100px; left:60px; display:none; }
.about .bg_ani02 { top:100px; right:60px; display:none; }
.about .bg_ani03 { top:150px; left:50%; margin:0 0 0 -545px; display:none; }
.about .bg_ani04 { bottom:10px; left:15px; }
.about .bg_ani04 img { width:60px; }
.about .bg_ani05 { bottom:10px; right:10px; }
.about .bg_ani05 img { width:80px; }
.about .bg_ani06 { bottom:0; right:-50px; display:none; }
.about .bg_ani06 img { width:160px; }
.about table { width:90% !important; }
.about table th { padding:10px 3px; font-size:0.8em }
.about table td { padding:10px 3px; font-size:1em; }
.about .open { font-size:1.6em; }
.about .close { font-size:1.4em; }
.about .comment { width:90%; margin:auto; line-height:1.5; }
.about .comment .ka { float:right; width:100px; margin:0; }


/*診療予約*/
.appo .bg_ani01 { top:auto; bottom:10px; left:10px; }
.appo .bg_ani01 img { width:80px; }
.appo .bg_ani02 { top:100px; right:60px; display:none }
.appo .bg_ani03 { bottom:30px; left:-30px; display:none; }
.appo .bg_ani04 { bottom:20px; right:15px; }
.appo ul { width:100%; }
.appo ul li { width:33%; margin:0; padding:0; }
.appo ul li a { display:block; width:150px; width:100%; padding-top:100%;  height:0;  margin:auto; outline-style:none; overflow:hidden; box-sizing:border-box; }
.appo ul .m04, .appo ul .m05, .appo ul .m06 { /*margin-top:-3%; */ }


/*クリニック案内*/
.guide {}
.guide h2 { font-size:1.6em; /*letter-spacing:-1px;*/ }
.guide .bg_box { }
.guide .bg_ani01 { top:42%; left:50%; margin:0 0 0 -65px; }
.guide .bg_ani02 { top:87%; left:50%; right:auto; margin:0 0 0 -55px; }
.guide .sp_photo { /*display:block;*/ margin:-50px 0 -40px 0; display:none; }
.guide .menu { background:none; }
.guide ul { display:block; width:99%; height:auto; }
.guide ul li {display:inline-block; width:48%; height:auto; margin:0 1%; padding:0; position:relative; }
.guide ul li a { width:100%; }
.guide ul .m01 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m02 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m03 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m04 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m05 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m06 { top:auto; left:auto; right:auto; bottom:auto; }
.guide ul .m07 { top:auto; left:auto; right:auto; bottom:auto; }
.guide .more { position:absolute; bottom:80px; left:50%; margin:0 0 0 -145px; display:none; }

.guide .oga { top:-1rem;  }
.guide a:hover .oga {  top:calc(-1rem - 3px); }
.guide .naka { bottom:2rem; right:auto; left:0; }







/*コーナー*/
.corner { padding:40px 0 150px 0;}
.corner .bg_ani01 { top:40px; left:20px; }
.corner .bg_ani02 { top:-20px; right:-180px; }
.corner .bg_ani03 { top:280px; left:-50px; display:none; }
.corner .bg_ani09 { top:348px; left:-50px; display:none; }
.corner .bg_ani04 { bottom:90px; right:70px; }
.corner .bg_ani05 { bottom:200px; right:-30px; }
.corner .bg_ani06 { bottom:-20px; left:0; }
.corner .bg_ani06 img { width:140px; }
.corner .bg_ani07 { bottom:0; right:3px; }
.corner .bg_ani07 img { width:200px; }
.corner .bg_ani08 { top:340px; right:50%; margin-right:-45px; }
.corner ul { display:block; width:99%; }
.corner ul li { width:48%; margin:0 1%; padding:0; }
.corner ul li a { width:100%;}
.corner ul .m04 { margin:0; }
.corner ul .m05 { margin:0; }
.corner ul .m06 {  }

body.test .corner .bg_ani06 { left:0; }



/*アクセス*/
.access { padding:40px 0 0 0;}
.access .bg_ani01 { top:0; left:-180px; }
.access .bg_ani02 { top:70px; right:-20px; }
.access .bg_ani02 img { width:60px; }
.access #map { width:90%; height:320px; color:#333; margin:0 auto 50px auto ; }
.access .b_access { top:120px; right:5px; width:90px; }


/*
.footer { padding:0; margin:0; height:auto; }
.footer .f_logo { display:block; float:none; margin:0 auto 20px auto ; border:none; width:240px; }
.footer .contents { padding:50px 20px; height:auto;}
.footer .f_address { font-size:1.0em; margin:0; text-align:center; }
.footer .b_link { position:relative; right:auto; top:0; margin:0 auto; }
*/
#gotop a { right:10px; width:80px; height:80px; }
#gotop a.fixed_bottom { bottom:7rem; }

.copyright { background:#731f23; color:#fff; padding:0 0 7rem 0; text-align:center; }
.copyright .contents { padding:10px 0; text-align:center; overflow:hidden; position:relative; }
.copyright .contents span { float:left; display:block; width:100%; }
.copyright .contents ul { float:left; width:auto; margin:0; padding:0; text-align:center; position:relative; left:50%; }
.copyright .contents ul li { float:left; position:relative; left:-50%; }


/*CONTACT FORM*/
form.form { margin:0; }
form p { margin:0.5em 0; padding:0; }
input.long { width:100%;  }
textarea.long { width:100%; }
input[type="submit"] { width:100%; -webkit-appearance:none; -moz-appearance:none; /*appearance:none;*/ }
input[type="submit"]:hover { opacity:0.8; cursor:pointer; }
.required { color:#f74b47; }
.error { color:#f74b47; }
select { font-size:1.2em; }


/*--TEMPLATE--*/

.mceContentBody img { width:100% !important; height:auto; float:none; }
.mceContentBody .no ,.mceContentBody .imgL, .mceContentBody .imgR { width:auto !important; height:auto !important; }
.mceContentBody .imgR.map { width:100% !important; height:auto !important; }
img[align=right], img[align=left] { float:none !important; }

.navibar ul { width:100%; }
hr { margin:1em -10px;}
.temp .main_box { /*padding-top:110px;*/ }

.h_photo, .temp .h_photo { height:0; background-size:cover !important;}
.temp .h_photo.t_about,
.temp .h_photo.t_disease,
.temp .h_photo.t_sos { height:41vw; background-size:cover; }

.temp .h_photo.t_info, 
.temp .h_photo.t_appo, 
.temp .h_photo.t_guide { height:50vw; background-size:cover; }


.temp .h_photo.t_info, .temp .h_photo.t_guide { z-index: 700;height:33.3vw; margin:-0.5rem auto; }
.h_photo .yubi { bottom:-1vw; }
.h_photo .hika { bottom:-0.2vw; left:4vw; }
.h_photo .miya { top:-1rem; animation: tori 15s linear 0.1s infinite; }
.h_photo .miya img { animation: tori2 2s ease 0.1s infinite; }
.h_photo .ushi { left:8vw; }



.t_head { /*position:absolute; bottom:10px; z-index:30; text-align:center; height:80px;*/ background-size:300px !important; }
/*.t_head img { width:300px; }*/

.text_box { padding:0; }
.text_box .bg_ani05 { bottom:-40px; left:-100px; }
.text_box .bg_ani06 { left:200px; }
.text_box .bg_ani01, .text_box .bg_ani02, .text_box .bg_ani03, .text_box .bg_ani04, .text_box .bg_ani07 { display:none; }
.text_box .contents { padding:0 15px 60px 15px; z-index:0;}

.title_box { margin-bottom:10px; text-align:left; }
.title_box::before { content:""; width:20px; position:absolute; top:-5px; left:0; z-index:10; }
.title_box::after { content:url(../img/bg_pattern07s.gif); position:absolute; top:0; right:-10px; }
.title_box h1 { padding:5px 70px 5px 0; font-size:1.8em; letter-spacing:normal; }
.title_box .comment { margin:0; padding:0; text-align:left; width: 100%;  }


/*---- INDEX ----*/
.index_box { float:none; width:100%; margin:0 0 20px 0; }
.index_box .icon { width:110px; height:110px; margin:0 10px 0 0; background-size:130px !important; }
.index_box .index_text { padding:0 10px 10px 0; height:auto; }
.index_box .title { font-size:1.25em !important; }

h1 { padding:5px 70px 5px 0; font-size:1.8em; letter-spacing:normal; }
h2 { font-size:1.8em; }
h3 { margin:0 0 10px 0; font-size:1.4em; line-height:1.5; }
h4 { margin:0 0 10px 0; font-size:1.2em; line-height:1.5; }
h5 { font-size:1.0em; }


table { width:100% !important; min-width:200px; }
tr { }
tbody th { white-space:normal !important; }
.tbl01 th, .tbl02 th, .mceContentBody .tbl01 th, .mceContentBody .tbl02 th { font-weight:bold !important; text-align:center !important; background:#fff; display:inline-block; width:100%; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:5px 2% !important; line-height:1.5 !important; margin-bottom:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.tbl01 td, .tbl02 td, .mceContentBody .tbl01 td, .mceContentBody .tbl02 td { display:inline-block; width:100%; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:2% !important; line-height:1.5 !important; margin-bottom:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.tbl03 th, .tbl03 td, .mceContentBody .tbl03 th, .mceContentBody .tbl03 td,
.tbl04 th, .tbl04 td, .mceContentBody .tbl04 th, .mceContentBody .tbl04 td,
.tbl02 td .tbl03 th, .tbl02 td .tbl03 td { width:auto; float:none; display:table-cell !important; font-weight:normal !important; padding:5px 8px; }
.tbl02 td .tbl03 thead th, .tbl02 td .tbl03 thead td { background:none; }

th[nowrap] { word-break:break-all !important; word-wrap:break-word !important; }
td[nowrap="true"] {/* white-space:normal; */}
img[align="absmiddle"] { vertical-align:middle; }
th img, td img { width:100%; height:auto; }
th img.no, td img.no, #map img { width:auto !important; height:auto; }

.tbl02 { border:none; }

/*-- mceContentBody --*/
/*.mceContentBody .imgL { display:block; float:none !important; width:100%; margin:0 0 10px 0 !important;}
.mceContentBody .imgR { display:block; float:none !important; width:100%; margin:0 0 10px 0 !important;}
*/

/*---- 画像回り込みセット ----*/
.box_l { width:100%; margin:0 0 40px 0; }
.box_l .photo { float:none; width:100%; max-width:100% !important; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.box_l .photo img { width:96%; margin:0 2% 10px 2%; padding:0; height:auto;  }
.box_l .photo img.no { display:block; margin:0 auto 10px auto; }
.box_l .txt { float:none; width:100%; padding:0; overflow:hidden; }

.box_r { width:100%; margin:0 0 40px 0; }
.box_r .photo { float:none; width:100%; max-width:100% !important; margin:0; }
.box_r .photo img { width:96%; margin:0 2% 10px 2%; padding:0; height:auto; }
.box_r .photo img.no { display:block; margin:0 auto 10px auto; }
.box_r .txt { float:none; width:100%; padding:0; overflow:hidden; }

/*---- YOUTUBE ----*/
.mceContentBody .youtube { /*width:100%; margin:0 0 20px 0; text-align:center;*/ display:block; position:relative; width:80%; padding:45% 0 0 0; margin:0 auto 1rem auto; text-align:center }

.youtube.test { display:block; position:relative; width:80%; padding:45% 0 0 0; margin:0 auto 1rem auto; text-align:center }
.youtube.big { display:block; position:relative; width:80%; padding:45% 0 0 0; margin:auto; text-align:center }


/*2列ボックス*/
.LR_box { float:none !important; width:98% !important; margin:0 !important; padding:0 1% 1.2em 1% !important; }

/*ページ内リンク*/
ul.page_link li { float:none !important; width:100% !important; margin:1% 0 !important; }



.scroll{ overflow:auto; white-space:nowrap;/*tableのセル内にある文字の折り返しを禁止*/}
.scroll::-webkit-scrollbar{ height:10px; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-track{ background:#e1d7be; /*tableにスクロールバーを追加*/}
.scroll::-webkit-scrollbar-thumb { background:#c5ac8c;/*tableにスクロールバーを追加*/}
.scroll table { margin-bottom:5px !important; }



/*クリニック紹介*/
.clinic_photo .clinic02:before { content:url(../img/p_sodan_sp.png); position:absolute; top:-10px; right:45%; z-index:10; }

.clinic01, .clinic02, .clinic03, .clinic04, .clinic05, .clinic06 { display:block; margin-bottom:10px !important; }
.clinic01::before { content:url(../img/p_yubiko.png); top:-25px; left:-60px; z-index:10; }
.clinic01::after { content:url(../img/p_poron.png); bottom:-20px; right:10px; }
.clinic02::before { content:url(../img/p_sodan.png); top:-30px; right:45%; z-index:10; }
.clinic02::after { content:url(../img/p_dryubi.png); bottom:-20px; right:0; }
.clinic03::before { content:url(../img/p_chikkun.png); top:-25px; left:-50px; z-index:10; }
.clinic03::after { content:url(../img/p_echo.png); bottom:-20px; right:0; }
.clinic04::before { content:url(../img/p_koyubi.png); top:-25px; left:-30px; z-index:10; }
.clinic04::after { content:url(../img/p_kaifukuro.png); bottom:-20px; right:0; }
.clinic05::before { content:url(../img/p_koyubi.png); top:-25px; left:-20px; z-index:10; }
.clinic05::after { content:url(../img/p_gaze.png); bottom:-20px; right:0; }
.clinic06::before {content:url(../img/p_poron.png); top:-15px; left:-20px; z-index:10; }
.clinic06::after { content:url(../img/p_gaze.png); bottom:-40px; right:-20px; }


.i_new { position:absolute; left:-20px; top:-10px;}

.col2 { column-count:1; column-gap:0; }

.guide .miya { width:16vw; bottom:-1.5rem; left:-0.5rem; }
.guide .hika { bottom:-1rem; right:0; }

.guide a:hover .miya { animation: miya480 2s linear 0.1s infinite; }

}

@keyframes miya480 { 
0% { transform: rotate(0);} 
20% { transform: rotate(-5deg); left:-1rem;} 
30% { transform: rotate(-5deg); left:-1rem; } 
60% {transform: rotate(5deg); left:0;} 
70% {transform: rotate(5deg); left:0; } 
100% { transform: rotate(0); }

}




@media screen and (max-width:540px) {

.guide .yubi { left:2rem; top:-20vw; }
.guide a:hover .yubi { animation: yubi480 1s ease 0.1s infinite; }
.guide .oga { top:-2rem;  }
.guide a:hover .oga { top:calc(-2rem - 3px); }
.guide .naka { bottom:-2rem; right:auto; left:0; }
.guide .taka { right:0; }

/*クリニック紹介*/
.clinic01::before { content:url(../img/i_yubiko01.png); top:-25px; left:20px; z-index:10; }
.clinic01::after { content:url(../img/i_poron01.png); bottom:-20px; right:20px; }
.clinic02::before { content:url(../img/p_sodan_sp.png); top:-30px; right:40%; z-index:10; }
.clinic02::after { content:url(../img/i_dryubi01.png); bottom:-20px; right:10px; }
.clinic03::before { content:url(../img/i_chikkun01.png); top:-25px; left:5px; z-index:10; }
.clinic03::after { content:url(../img/i_echo01.png);  bottom:-20px; right:20px; }
.clinic04::before { content:url(../img/i_koyubi01.png); top:-25px; left:20px; z-index:10; }
.clinic04::after { content:url(../img/i_kaifukuro01.png); bottom:-20px; right:20px; }
.clinic05::before { content:url(../img/i_koyubi01.png); top:-25px; left:20px; z-index:10; }
.clinic05::after { content:url(../img/i_gaze01.png); bottom:-20px; right:20px; }
.clinic06::before {content:url(../img/i_poron01.png); top:-15px; left:10px; z-index:10; }
.clinic06::after { content:url(../img/i_gaze01.png); bottom:-20px; right:20px; }


.hm_sp .h_tel { max-width: 12rem; padding:0.5rem 0.75rem; }
.hm_sp .h_tel .tel { line-height: 1.1; flex-flow: column; align-items: flex-start; }

.hm_sp .h_tel .tel span { display: block; width:100%; text-align: left; font-size: 0.75rem !important; }
.hm_sp .h_tel .tel strong { display: block; width:100%; text-align: left; font-size:1.2rem !important; }

.b_consulting { padding: 0.6rem 0.7rem 0.6rem 1.4rem; }

}


@keyframes yubi480 {
0% { left:2rem; } 
25% { left:1.5rem; transform: rotate(3deg); } 
75% { left:2.5rem; transform: rotate(-3deg); } 
100% { left:2rem; }
}


@media screen and (max-width:360px) {
.radio, .checkbox { font-size:1em; }
.flyer_box, .flyer_box img { width:100%; }
.apply_box a { width:100%; }
.apply_box img { width:100%; }

.box.datsumo h2 { font-size:1.6em; }

}