@charset "UTF-8";

/*===============================

	レスポンシブデザイン
	640px 以下

================================*/
@media screen and (max-width: 641px){
/***********************************/

/*
	全体的
================================*/
#main {
    width: 100%;
    padding-top: 0px;
}

.main-lower-page{
	padding-top: 25% !important;
}

#content{
	margin-top: 7%;
	padding: 0px 2%;
}

.pc { display: none !important; }
.sp { display: block !important; }

p, li, table{
	font-size: 15px;
}

/* youtube、GoogleMapなどのiframe */
iframe{
  width: 100%;
  height: 230px;
}

/*
	見出し
================================*/
h2.h2{
	font-size: 17px;
	padding: 5% 3%;
	margin-bottom: 7%;
}

/*
	テーブル
================================*/
table th, table td{
	padding: 2%;
}

/*
	ヘッダー
================================*/
header {
}
div.head_box{
	position: fixed;
	top: 0px;
}
div.head_box .inner{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
}
div.head_box .inner .left{
	width: 45%;
}
div.head_box .inner .right{
	margin-top: 0px;
	width: 50%;
}
div.head_box .inner .right img{
	width: auto;
	max-width: auto;
}
div.head_box .inner .right ul li{
	margin-right: 3%;
	width: 31%;
}
div.head_box .inner .right ul li.tel{
	margin-top: 0px;
}
div.head_box .inner .right ul li:last-child{
	margin-right: 0px;
}

/*
	フッター
================================*/
footer {
    margin-top: 7%;
    padding-bottom: 30%;
}


/*
	TOP コンテンツ
================================*/
/********************
	メインイメージ
*********************/
.main_img{
	padding-top: 10%;
	width: auto;
}
.main_img .sp{
	position: relative;
}
.main_img .sp p.main_btn{
	position: absolute;
	left: 5%;
	width: 90%;
	bottom: -2%;
}

/********************
	ダウンタイムなし
*********************/
.downtime_box{

}
.downtime_box p.img{
	bottom: 0px;
	left: 5%;
	max-width: 90%;
}

/********************
	脱毛部位
*********************/
.datumoubui_box .datumoubui_btn{
	left: 5%;
	bottom: 7%;
	width: 90%;
}

/********************
	プラン
*********************/
.access_in p.ttl{
	font-size: 4.7vw;
	padding-left: 8%;
}
.access_in p.ttl:before{
	top: 12%;
}
.plan .plan_btn{
	left: 5%;
	width: 90%;
}

/********************
	質問
*********************/
.qa-label{
	padding: 3%;
}

/********************
	アクセス
*********************/
.access_in p{
	font-size: 4.5vw;
}

/********************
	ご予約お問い合わせ
*********************/
form {
    background-position: right bottom 30%;
    background-size: 77%;
}
.p-top-contact_form_dl dt{
	width: 100%;
	font-size: 15px;
}
.p-top-contact_form_dl dd{
	width: 100%;
	margin-top: 3%;
}
.p-top-contact_form_item-state{
	font-size: 15px;
}
dd.form-in2 select,{
	min-width: 44%;
}
input.name {
    max-width: 40%;
}
input.tel {
    width: 27%;
}
dd.form-in2 select {
    min-width: 37%;
}
.submit_btn input{
	font-size: 18px;
}

/********************
	サンクスページ
*********************/
.white_box{
	margin: 0px 5%;
}
.white_box p.ttl{
	font-size: 20px;
}

/********************
	下層ページ
*********************/
.white_box2{
	margin: 0px;
}
.white_box2 p.ttl{
	font-size: 20px;
}

/* 640px 終了 */
}
/* /640px 終了 */