@charset "UTF-8";
/* CSS Document */
@media (max-width: 1024px){
	.pc_onry{
		display: none !important;
	}
	.site-header{
		height: 70px;
	}
	.greeting{
		flex-direction: column;
		padding: 0 10px;
	}
	.f_revers{
		flex-direction: column-reverse;
	}

	.greeting_in{
		width: 100%;
		height: auto;
		min-height: 350px;
	}
	.txt_wrap_left,.txt_wrap_right{
		width: 100%;
		margin:0 ;
		height: inherit;
	}
	.greeting_btn{
		width: 90%;
		max-width: 400px;
	}
	.bg_img01 .bg_img02{
		height: 350px;
	}
}

/* Tablet */
@media (max-width: 959px){
	.pc{
		display: none !important;
	}
	.bg_img01 .bg_img02{
		height: 300px;
	}

	.news{
		padding: 20px;
		width: calc(100% - 20px);
		margin: 50px 10px;
	}

	.subtitle{
		height: 300px;
	}
	.subtitle h2{
		display: block;
		font-size: 2em;
		white-space: nowrap;
	}
	.breadcrumb-box{
		font-size: 80%;
	}
	.photo_flex .in_v{
		height: 150px;
	}

	.right_box{
		width: 100%;
	}
	.right_box img{
		display: block;
		padding: 30px 10px;
		width: 100%;
	}
	.sub_recruit{
		background-size: 120%;
		padding: 50px 10px;
	}
	.sub_recruit p{
		width: 100%;
	}
	.contents_mail{
		padding: 10px;
	}
	.tel_button{
		width: 95%;
	}
	input[type='text'] ,input[type='date'] , textarea{
		width: 100% !important;
	}
	#mailform table th,
	#mailform table td{
		display: block;
		width: 100%;
	}
	.pict li img{
		width: 160px;
		height: 160px;
	}
	.card002{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.c_revers{
		flex-direction: column-reverse;
	}
	.pict {
		flex-wrap: wrap;
		justify-content:space-around;
		align-items: center;
	}
	.pict li{
		width: calc(100% / 2);
		text-align: center;
		margin-bottom: 30px;
	}

}


/* sp */
@media (max-width: 750px){
	.pctb{
		display: none !important;
	}
	.site-header h1 img{
		width: 200px;
	}
	.site-header.transform h1 img{
		width: 150px;
		padding: 10px;
		background: rgba(255,255,255,0.00);
	}
	.slide_frame{
		background-size: 90% auto,auto 100%;
	}
	.bg_img01 .bg_img02{
		height: 250px;
	}

	.news{
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}
	.news h3{
		border-right:none;
		padding: 10px;
	}
	.news_in{
		width: 100%;
		padding: 10px;
	}
	.contents_half_l,.contents_half_r{
		width: 100%;
		margin: auto;
	}
	.footer_in{
		padding: 0 15px 30px;
	}
	.footer_in .sns ul li{
		margin-right: 15px;
		margin-left: 15px;
	}
	
	
	.greeting{
		background-position: center;
	}
	.contents_link{
		flex-direction: column;
		align-items: center;
		justify-content:center;
		height: auto;
	}
	.bg_img03{
		background: none;
		padding-bottom: 10px;
	}
	figure.effect-chico{
		width: 90%;
		margin-bottom: 30px;
	}
	figure.effect-chico h4 {
		font-size: 1.5em;
	}
	.contents_miryoku{
		padding: 0 10px;
	}
	.contents_wrap{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.flex_contents{
		width:100%;
		max-width: 450px;
		margin: auto;
		align-self: stretch;
		background:#f5f5f5;
		padding: 10px;
		margin-bottom: 30px;
	}
	.flex_contents .txt {
		text-align: center;
	}

	.flex_contents .txt{
		width: 100%;
	}

	.breadcrumb-box{
		width: calc(100% - 40px);
		left: 30px;
	}
	.txt_box h2{
		font-size: 1.8em;
	}
	.photo_flex{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.photo_flex .in_v{
		width: 180px;
		height: auto;
		padding: 10px;
	}
	.photo_flex .in_v img{
		width: 100%;
		height: auto;
	}
	.pict li img{
		width: 130px;
		height: 130px;
	}
	.line02{
		padding: 20px 10px;
	}
	.line02 table td{
		display: block;
		width: 100%;
		padding: 0.5em;
	}
	.line02 table th{
		display: block;
		text-align: left;
		border-bottom: none;
		color: #2f9c2f;
		padding: 0.5em;
	}
	
	/* スタッフ紹介  */
	.staff_wrap{
		flex-direction: column;
		align-items: center;
		margin-bottom: 50px;
	}
	.staff_txt{
		width: 100%;
	}
	/* 脱毛器======================================== */
	.bg_img06{
		background:url("../img/bg_img05.jpg") no-repeat local;
		background-position: top;
		background-size: auto 100vh;
	}
	.card003{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	dl.epi_chigai{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	dl.epi_chigai dd{
		width: 100%;
		padding: 10px;
	}
	
	/* メールフォーム======================================== */
	.mailform{
		padding: 10px;
	}
	input[type='text'] ,input[type='date'] , textarea{
		width: 100% !important;
	}
	.tel_button{
		width: 100%;
		max-width: 600px;
	}
	.tel_button a{
		width: 100%;
	}
}
@media (max-width: 450px){

	.pict {
		flex-wrap: wrap;
		justify-content:space-around;
		align-items: center;
	}
	.pict li{
		width: calc(100% / 2);
		text-align: center;
		margin-bottom: 30px;
	}

}