@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  outline: 0;
  vertical-align: baseline;
  list-style: none; }

* {
  box-sizing: border-box; }
#header{
	background-color: #555;
	width: 100%;
}
#logo{
	padding: .5em;
	vertical-align: bottom;
	width: 200px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

html {
  font-size: 62.5%; }

body {
  background-color: #fff;
	font-size: 1.4em;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro”,”Hiragino Kaku Gothic Pro", sans-serif; }

header {
  margin-bottom: 0; }

a { 
  color: inherit;
  text-decoration: none; }
  a:hover {
    color: inherit;
    text-decoration: none; }

img {
  max-width: 100%; }




#main{
	max-width: 840px;
	margin: 0 auto;
	padding: 1em;
}


h1{
	text-align: center;
	margin: 1em 0;
}
h2{
	text-align: center;
	margin: 2em 0;
	
}
h3{
	margin: 2em 0;
}
p{
	margin-bottom: 1.5em;
	font-size: .9em;
}


li{
	margin-bottom: 1em;
	padding-left: 3rem;
}
li > i{
	display: inline-block;
	font-style: normal;
	margin-left: -3rem;
	width: 3rem;
}

/*
.ul-10 > li{
	text-indent: -1em;
	padding-left: 1em;
}
.ul-15 > li{
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.ul-20 > li{
	text-indent: -2em;
	padding-left: 2em;
}
*/
li > ul{
	margin-top: .5em;
}

section + section{
	padding-top: 3em;
	margin-top: 10em;
}

.terms-text a{
	text-decoration: underline;
	color: #00f;
}
.bt-box {
	text-align: center;
}
.bt-box > a{
	display: inline-block;
	width: 18em;
	padding: 1em;
	color: #fff;
	background-color: #44B2EB;
}
.bt-box > a + a{
	margin-right: 2em;
}


#footer {
    background-color: #555;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webki-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-align: right;
    width: 100%;
}

.area-footer__link {
    color: #fff;
    margin-left: 1em;
}
@media (max-width: 581px){
#footer {
    flex-wrap: wrap;
}
	.area-footer__copyright {
    font-size: .8em;
    order: 3;
    text-align: center;
    width: 100%;
}
	.left-box {
    order: 1;
}
	.privacymark {
    order: 2;
    width: 56px;
    margin: 2px;
}
}