/*=====================================================
* 01.全体
* 02.header
* 03.nav
* 04.title
* 05.レイアウト
* 06.サービス内容
* 07.流れ
* 08.価格
* 09.プロフィール
* 10.form
* 11.ボタン
* 12.icon/リスト

* 30.facebook
* 80.error
* 90.footer
* 100.共通
========================================================*/


/*----------------------
 * 01.全体
----------------------*/

html, h1, h2, h3, h4, h5{
	font-size: 62.5%;
}

body {
	font-size: 1.4rem!important;
	line-height: 1.6;
	padding-bottom: 40px; /* ←フッターの高さを指定 */
	margin-bottom:-40px;
	position:relative;
}

a {
  color:#343434;
	text-decoration: none;
}

/*----------------------
 * 05.レイアウト
----------------------*/

.wrapper{}
.logo{ display: flex;justify-content:center;align-items: center;  width: 100%;text-align: center;padding: 50px 0;}
.logo img{ width: 50%;}
.logo a{ display: block;}

.h1_ttl{ font-size: 2em;text-align: center;}
.h2_catch{font-size: 1.4em;text-align: center;}

/*----------------------
* 100.共通
----------------------*/

.dsp-no-sp {
	display: none!important;
	visibility: hidden;
}

.mt-s {
	margin-top: 5px;
}

.mt-m {
	margin-top: 10px;
}

.mt-m-sp {
	margin-top: 15px;
}

.mt-l {
	margin-top: 30px;
}

.mt-xl {
	margin-top: 40px;
}

.mb-m {
	margin-bottom: 10px;
}

.mb-s{
	margin-bottom: 5px;
}

.mb-l {
	margin-bottom: 30px;
}

.mb-xl {
	margin-bottom: 40px;
}

.mb-xxl {
	margin-bottom: 60px;
}

.mr-m {
  margin-right: 10px;
}
.mr-l {
  margin-left: 10px;
}

.pt-l {
	padding-top: 30px;
}

.size-xs {
	font-size: 0.6em;
}

.size-m {
  font-size: 1em;
}

.br-sp {
	display: block!important;
}

.br-pc {
	display: none;
}