body {
    background-color:#fff;
	font-family: "Helvetica Neue","Arial",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Meiryo",
    "sans-serif";
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
}

header {
    max-width: 1150px;
    margin: 0 auto;
	padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: #FFF;
}

header::after {
		clear: both;
}

.logo {
	float: left;
}

nav {
	display: flex-end;
}

nav ul{
    list-style-type: none;
	padding: 0;
	margin: 0;
    vertical-align:middle;
}

nav li {
	display: inline;
	padding-left:25px; 
}

section {
	padding: 0;
	margin: 0;
}

#topimg {
	background-image: url("../img/background.png");
	background-position: center;
	background-repeat: no-repeat;
}

.top {
	width: 1150px;
	height: 411px;
	margin: 0 auto;
}

h1 {
	font-size: 250%;
	line-height: 150%;
	color:#fff;
	padding-top: 140px;
	margin-left: 25px;
}

h2 {
	color: #004CA6;
	font-size: 250%;
	line-height: 150%;
	text-align: center;
	padding-top: 100px;
}

h3 {
	color: #fff;
	font-size: 250%;
	line-height: 150%;
	text-align: center;
	padding-top: 150px;
}

#system_point {
	width: 1150px;
	height: auto;
	margin: 0 auto;
	padding-top: 60px;
	display: flex;
	justify-content:center;
}

.point-item {
	width: 225px;
	text-align: center;
}

.point-item p {
	font-size: 180%;
	font-weight: bold;
	color: #004CA6;
	margin-top: 30px;
}

.spoint-item {
	width: 330px;
	text-align: center;
}

.spoint-item p {
	font-size: 180%;
	line-height: 130%;
	font-weight: bold;
	color: #fff;
	margin-top: 30px;
}

#triangle {
  position: relative;
  background: #fff;
  padding-bottom: 100px;
  height: 50vh;
}

#triangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 97px 97px 0 97px;
  border-color: #fff transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

#system {
  background: #3FA9F5;
  padding-bottom: 100px;
}

#qa {
  background: #fff;
  padding-bottom: 100px;
}

#qa_point {
	width: 1150px;
	height: auto;
	margin: 0 auto;
	padding-top: 60px;
	display: flex;
	justify-content:center;
}

.qa-item {
	width: 400px;
	padding: 20px;
	margin-bottom: 30px;
}

#qa-title {
	font-size: 150%;
	font-weight: bold;
	color: #004CA6;
	margin: 0;
}

.qa-item p {
	font-size: 100%;
	margin-top: 30px;
	line-height: 120%;
}

#ask {
  background: #EDF2FF;
  padding-bottom: 100px;
}

#mail {
	width: 1150px;
	height: auto;
	margin: 0 auto;
	padding-top: 60px;
	text-align: center;
}