@charset "utf-8";
/* CSS Document */
html , h1 , h2 ,p {
	margin: 0;
	padding: 0;
}
html { height: 100%; }
body {
  position: relative;
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
	font-family: "游ゴシック", "Yu Gothic","sans-serif","Hiragino Kaku Gothic ProN";
}
header {
	width: 100%;
	height: 100px;
  background: url("../img/people.png") no-repeat bottom right 50px;
  background-size: 600px;
}
header h1 { padding: 10px; }
footer {
  position: absolute;
  bottom: 0;
	width: 100%;
	padding: 50px 0;
	margin-top: 100px;
  background-color: #104abd;
}
footer div {
	display: flex;
	justify-content: center;
}
footer div a {
	text-decoration: none;
	text-align: center;
	padding: 0 30px;
	color: #ffffff;
}
footer .white_line {
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background-color: #ffffff;
}
h2 {
  width: 560px;
	margin: 46px auto;
  padding-bottom: 10px;
  border-bottom: 5px solid #d9d9d9;
  text-align: center;
	font-size: 28px;
  color: #752c7b;
}
/* 利用規約,ヘルプ */
#use_rule #description .line,
#help #description .line { margin-bottom: 30px; }
#use_rule #description p,
#help #description p {
  margin: 0 3%;
  font-size: 100%;
}
#help #description .qa { margin-bottom: 30px; }
#help #description .qa span {
  float: left;
  margin: 0 3% 0 4%;
  font-size: 130%;
  font-weight: bold;
}
#help #description .qa p {
  padding-top: 4px;
  margin: 0 3% 20px 8%;
}
#app_name {
	padding-bottom: 30px;
	background-color: #104abd;
}
#app_name div:nth-child(1) {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	padding: 40px 0;
}
#app_name div h1 {
	padding: 20px 10px 0 0;
	text-align: center;
	color: #ffffff;
	font-size: 40px;
}
#app_name div img {
	width: 100px;
	height: 100px;
  background: #FFFFFF;
	border-radius: 20px;
}
#app_name div:nth-child(2) {
  display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	height: 130px;
	text-align: center;
	background-color: #5a82d1;
}
#app_name div p {
	width: 400px;
	margin: auto 30px;
	font-size: 18px;
	color: #ffffff;
}
#download {
  width: 800px;
	margin: 100px auto;
}
#download h2 { color: #1c3e80; }
#download .qr_code {
	display: flex;
	justify-content: space-between;
	width: 400px;
	margin: 50px auto;
}
#download .qr_code div {
  position: relative;
	width: 130px;
}
#download .qr_code div a { display: block; }
#download .qr_code div a img:first-child {
  height: 40px;
  border: none!important;
}
#download .qr_code div a img {
	width: 100%;
  border: 1px solid #000000;
}
#download .qr_code div p {
	margin: 10px 0 0;
	font-size: 14px;
}
#download p {
	margin: 40px 0;
	text-align: center;
}
#description {
	width: 800px;
	margin: 0 auto;
  padding: 30px 0 400px;
}
#description .point {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 500px;
	margin: 80px auto;
}
#description .point div { padding: 50px 0; }
#description .point h3 {
	display: inline-block;
	padding: 10px 0 0;
	font-size: 23px;
	background: linear-gradient(#ffffff 0% 70% , #ecc2db 70% 90%, #ffffff 90% 10%);
}
#description .point p { width: 90%; }
#description .point img {
	width: 200px;
	border: solid 1px #969696;
}
#description .second div { padding-left: 30px; }
.blue { color: #1c3e80; }
.purple { color: #752c7b; }
.red { color: red; }
.phone {
	padding: 10px 0 20px;
 border: hidden!important;
 background-color: #def4ff;
}