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


* 20.ボタン
* 21.icon/リスト
* 90.footer
* 100.common

========================================================*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP&family=M+PLUS+1+Code:wght@700&family=Mochiy+Pop+One&display=swap');

/*----------------------
 * 00.リセット
----------------------*/

html, body, div, span,iframe, h1, h2, h3, h4, h5,p, a, address, em, img, sub, sup, tt, i, center, dl, dt, dd, ol, ul, li,form, label,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
	font-weight:normal;

}
img {
  max-width: 100%;
  vertical-align: bottom;
}

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

body {
	color: #795c48;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fffcf3;
	min-height: 100vh; 
  position: relative;
  box-sizing: border-box;

}

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


.color_red{color: #bc002d;}
.btn_go{
  text-align: center;
  margin-top: 30px;
}

.btn_go a {
  margin: 0 auto;
  padding: 1em 2em;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #bc002d;
  border-radius: 50vh;
  text-decoration: none;
  display: inline-block;
}


.btn_go a:hover {
  text-decoration: none;
  color: #fffcf3;
  background: #795c48;
}

.center{ text-align: center;}

/* アニメーション
-----------------------------------------*/
.animation-fade
{
  opacity: 0;
}
.animation-fade.active {
  animation: fadein 1s ease-in-out forwards;
}
@keyframes fadein{
	0%{
		opacity: 0;
		transform: translateY(20px);
	}
	50% {
		opacity: 0;
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}