@media screen and (max-width: 999px) {
body, #wrapper{
	width: 1000px;
	min-width: 1000px;	
}
} /* End Media 999px */


@media screen and (max-width:768px) {
html, body{
	font-size: 12px;
}
/* css common 
---------------------------------------------------------- */
.sp{ display: block; }
.pc{ display:none; }

body, #wrapper, #main_img{
	width: 100%;
	min-width: 100%;
}

#h_box, #topicPath, #main, .box, .footer_box{
	width: 96%;
	min-width: 96%;
}

#h_box{
	
}
#content{
	padding-top: 6%;
}
#content, .pd_box #content{
	width: 100%;
	float: none;
}
#snav, .pd_box #snav{
	width: 100%;
	float: none;
}

/* header 
---------------------------------------------------------- */
#header .top_menu{
	width:35px;
	float: right;
	margin: 3px 0 0 5px;
}
#header .menu_sp.active{
	background: url(common/images/common/btn_menu_on.jpg) no-repeat center;
	background-size: cover;
}
#header .menu_sp.active img{ opacity: 0;}

#h_left {
	width: 120px;
}
#h_right {
	width: auto;
}

.menu_list li{
	position: relative;
	overflow: hidden;
	background: #0096ae;
	border-bottom: 1px solid #afb9ca;
}
.menu_list a{
	display: block;
	padding: 13px 0 13px 10px;
	box-sizing: border-box;
	width: 87%;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menu_list a:hover{
	color: #FFF;
}
.menu_list .acordion_tree{ display: none;}
.menu_list .non_sub,
.menu_list li li a{
	background:url(./common/images/common/arrow01.png) no-repeat right center;
	background-size: auto 20px;
	width: 100%;
}
.menu_list ul a{ 
	font-size: 100%; 
}
.menu_list li li a{ padding-left: 20px; }
.menu_list .trigger{
	width: 10%;
	height: 46px;
	background: url(./common/images/common/bg_plus.png) no-repeat right center;
	background-size: auto 20px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
}
.menu_list .trigger.active{
	background-image: url(./common/images/common/bg_min.png);
}
.menu_list li ul{ border-top: 1px solid #999999; }
.menu_list li li{ background: #666666; }
.menu_list li li:last-child{	border: none; }

.menusp_wrap{ position: relative; }
.menusp_wrap .acordion_tree_top{
	width: 100%; 
	position: absolute !important;
	display: none;
	/*height: 1000px;
	padding-bottom: 200px;
	left: 0;
	top: 0;
	background: #333;*/
}

#snav {
	position: static !important;
}
/*.snav_fixed li{
	width: 48%;
	float: left;
	position: static;
}*/
.snav_fixed li a{
	padding: 8%;
}

/* tab_con 
---------------------------------------------------------- */
.tab_con .msg {
	width: 100%;
}
.tab_con .img {
	width: 100%;
	text-align: center;
	margin-bottom: 4%;
}
.tab_con.pic_l .img, .tab_con.pic_r .msg,
.tab_con.pic_l .msg, .tab_con.pic_r .img,
.tab_con.flow_picl .img,
.tab_con.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right: 0;
}

/* tb_cell 
---------------------------------------------------------- */
.tb_cell th,
.tb_cell td{
	width: 100% !important;
	display:block;
}
.tb_sm{
	width: 100% !important;
}

/* title 
---------------------------------------------------------- */
.title_main{
	font-size: 200%;
	margin-bottom: 10%;
}
.title_sub_bg{
	padding-left: 65px;
	background-position: 10px center;
}

/* margin style 
---------------------------------------------------------- */
.section {
	margin-bottom:10%;
}
.container {
	margin-bottom:8%;
}
.case {
	margin-bottom:6%;
}
.pack {
	margin-bottom:4%;
}
.item {
	margin-bottom:2%;
}



/* footer 
---------------------------------------------------------- */
#scrollUp {
	width: 30px;
	height: 30px;
}
#contact{
	padding: 20px 0;
	text-align: center;
}
#contact li{
	padding: 10px 20px;
	float: none;
	display: inline-block;
}
#contact li.pc{ display: none; }
#contact li img{
	height: 20px;
}
#contact li:last-child{
	
}

.btn_reservations a{
	padding: 15px 25px;
}
#footer {
	margin-top: 12%;
	padding-top: 12%;
}
#footer .txt_add{
	padding-right: 25%;
}
#copy_right{
	text-align: center;
}
/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */
#main_slide_wrap {
	padding: 40% 0 30% 0;
	background-image: url(common/images/index/main02_sp.jpg);
	background-size: cover;
}
#main_slide_wrap h2{
	padding-right: 10%;
	padding-left: 10%;
	box-sizing: border-box;
}


/* page_index 
---------------------------------------------------------- */
#menu_box .autoplay .title_top span{
	font-size: 130%;
}
.pd_box{
	padding: 0 4%;
}

.title_top span {
    font-size: 140%;
}
.txt_spc{
	font-size: 170%;
}

#box_3d{
	background-size: cover;
}
#box_3d .msg,
#box_areki .msg,
#box_areki .img{
	width: 100%;
}
#box_areki .img{
	margin-bottom: 4%;
}
#box_areki .img img{
	padding: 0 30%;
	box-sizing: border-box;
}
#box_3d, #box_areki{
	padding: 10% 0;
}
#box_areki .msg{
	padding-top: 0;
}
#box_areki .txt_r.sp_txt_l {
	text-align: left!important;
}

.page_index .hightlight{
	padding: 10% 0;
}

.page_index .hightlight .col{
	padding-bottom: 4%;
}
.page_index .hightlight .col ul{
	margin: 0 4% 4% 4%;
}
.pick_up li{
	display: inline-block;
	width: 48%;
}
.news li span.news_date,
.news li span.news_txt{
	float: none;
	width: 100%;
}

#blog .col em{
	top: 30%;
	
}
.page_index .btn_full{
	padding: 10% 0;
}
.page_index .bg_conselor,
.page_index .bg_column{
	background-size: cover;
}
.page_index .link_sty span{
	font-size: 150%;
	background-position: right 8px;
}

.slick-prev, .slick-next  {
	display: none !important;
}



/* page_f_blog, page_s_blog */
.blog_sty .detail{
	padding: 6%;
}
.title_blog{
	padding: 6%;
}
.title_blog span{
	font-size: 140%;
}
.pnav_sty{
	width: 152px;
}
.pnav_sty li a{
	font-size: 100%;
}

input.btn_sty{
	padding: 15px;
	width: 48%;
	box-sizing: border-box;
}
/* contact form7 */
.wpcf7-back,
.wpcf7-submit {
	margin: 0 1%;
}


/* page_flow */
.page_flow .container.pd_box{
	background-size: cover;
	background-position: center top;
	padding: 6%;
}
.page_flow .detail{
	padding: 6%;
}
.page_flow .case{
	background-size: 10px auto;
	padding-left: 40px
}


/* page_academic */
.page_academic ul{
	padding: 6%;
}


/* page_doctor */
.page_doctor .img,
.page_doctor .msg{
	width: 100%;
	float: none;
}
.page_doctor .img{
	text-align: center;
	padding: 0 10%;
	box-sizing: border-box;
}

/* page_securitypolicy */
.page_securitypolicy .container .title_sub_bg{
	padding-left: 30px;
	background-position: 10px center;
}
.page_securitypolicy .container .title_sub_bg span{
	font-size: 140%;
	bottom: -2px;
}

/* form_recruit */
.form_recruit{
	padding: 6% 0;
}
.form_recruit .title_sub{
	padding: 20px;
}
.form_recruit .detail{
	padding: 0 6% 6% 6%;
}

/* page_column_category_under */
.page_column_category_under .link_menu li a{
	padding: 4%;
}

/* page_access */
.page_access .access_box .img{
	margin-bottom: 4%;
}
.page_access .access_box .img,
.page_access .access_box .msg{
	width: 100%;
	float: none;
}

.page_access .col2{
	padding: 0 4%;
}
.page_access .col2:first-child{
	border-left: none;
}


/* page_diet */
.page_diet .blog_sty{
	padding: 4%;
}
.page_diet #step .img .title_page{
	font-size: 160%;
}

/* page_menu */
/*.page_menu .container img{
	margin: 0 auto;
}*/

.page_menu .title_page {
	font-size: 115%;
}

/* page_reason */
.page_reason .reason_box{
	background-size: contain;
	padding-top: 43%;
}
.page_reason .reason_box .col2{
	float: none;
	width: 100%;
	padding: 10% 4%;
	background-size: 30%;
	box-sizing: border-box;
}


/* page_wakiga */
.page_wakiga #step table th,
.page_wakiga #step table td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.page_wakiga #step table li{
	width: 35%;
	text-align: right;
}
.page_wakiga #step table li:first-child{
	width: 65%;
}
.page_wakiga #step table th,
.page_wakiga #step table td{
	padding: 5px;
}


/* col_box */
.col_box .col.arr_bg{
	padding-right: 15px;
    margin-right: 10px;
	background-size: 8px;
	background-position: right 20px;
}
.col_box .col {
    width: 27%;
}
.col_box .col.img_b{
	width: 40%;
}

/* page_nose */
.page_nose .col_box .col{
	width: 100%;
}
.page_nose .col_box .col.arr_bg{
	padding-right: 0;
    margin-right: 0;
	background-size: 8px;
	padding-bottom: 25px;
	margin-bottom: 15px;
	background-position: center bottom;
	background-image: url(common/images/common/arrow_b.jpg) !important;
}

.page_nose .costosteroid .msg{
	background-size: 20px auto;
	padding: 10px;
}

/* page_eyes */
.page_eyes .eye_col01 .col{
    width: 25%;
}
.page_eyes .eye_col01 .col.img_mt{
	width: 32%;
}
.page_eyes .img_mt img{
	margin-top: -15px;
}











} /* End Media 768px */


@media screen and (max-width:420px) {
#loader {
	width: 240px;
	height: 240px;
	margin-top: -120px;
	margin-left: -120px;
}

/* container 
---------------------------------------------------------- */
.container .msg {
	width: 100%;
}
.container .img {
	width: 100%;
	text-align: center;
	margin-bottom: 4%;
}
.pic_l .img, .pic_r .msg,
.pic_l .msg, .pic_r .img,
.flow_picl .img,
.flow_picr .img {
	float: none;
	margin-left: 0;
	margin-right:0;
}
.con_s .msg {
	width: 100%;
}
.con_s .img {
	width: 100%;
}

/* tb_style 
---------------------------------------------------------- */
.tb_style td,
.tb_style th{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* menu_list 
---------------------------------------------------------- */
.menu_list ul a{
	width: 82%;	
}
.menu_list .trigger{
	width: 15%;	
}


/* footer 
---------------------------------------------------------- */
#contact{
	padding: 0
}
#contact li{
	margin: 0;
	padding: 20px 0;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
}
#contact li a{ display: block; }
#contact li:last-child{
	border: none;
}
#contact li img{
	height: 30px;
}
#contact li:last-child{
	
}

#footer {
	text-align: center;
}

#footer .logo_f{
	width: 100px;
	margin: auto;
}
#footer .txt_add{
	margin: 6% 0;
	padding-right: 0%;
}
#footer .footer_box .btn_map{
	margin-bottom: 12%;
	position: static;
}

/*-------------------------------------------------
---- media screen for content
------------------------------------------------- */
#menu_box .detail{
	height: 110px;
}
.pick_up li{
	display: block;
	width: 100%;
}
a.btn_sty,
input.btn_sty{
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
}


/* page_telemedicine */
.page_telemedicine .box4 span{
	font-size: 110%;
}

/* page_laser */
.page_laser #qa .msg{
	width: 85%;
}

/* page_access */
.page_access .col2{
	padding: 0;
	border-left: none;
	float: none;
	width: 100%;
	margin-top: 4%;
}


/* page_diet */
#step .img{
	text-align: center;
	width: 100%;
}
 #step .msg{
	width: 100%;
}
.page_diet #step .line_box{
	background-size: contain;
}

/* page_menu */
.page_menu .container .msg {
    width: 62%;
    word-break: break-all;
}
.page_menu .container .img {
    width: 35%;
}
.page_menu .pic_l .img, .page_menu .pic_r .msg {
    float: left;
}
.page_menu .pic_l .msg, .page_menu .pic_r .img {
    float: right;
}

/* page_tarumi_shiwa */
.page_tarumi_shiwa .list_check span,
.page_tarumi_shiwa .list_check span:first-child{
	float: none;
	width: 100%;
}

/* page_eyes */
.page_eyes .img_mt img{
	margin-top: -10px;
}
.page_eyes .img_mt p{
	padding-left: 0;
}


/* contact form7 */
.wpcf7-back,
.wpcf7-submit {
	margin: 0%;
}
.wpcf7-back {
	margin-bottom: 2%;
}





} /* End Media 420px */