@charset "utf-8";
/* CSS Document */

/* Reset
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0;
padding: 0;
}
br {
font-size: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
height: 0px;
width: 0px;
}
fieldset,img { border: 0 }
address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul { list-style: none }
caption,th { text-align: left }
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0 }
a {
color: rgb(86, 38, 196);
outline: none;
}
.ac {text-align: center}
.mb24 {margin-bottom: 24px}
body {
background-color: #f5f5f5;
color: #222;
font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",-apple-system,BlinkMacSystemFont,"Meiryo",sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 200%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}

/* Media
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
header {
background-color: #fff;
box-sizing: border-box;
padding: 8px 5%;
width: 100%;
}
.container {
background-color: #fff;
margin: 40px auto;
padding: 40px;
}
@media (min-width: 1024px) {
.container {
width: 640px;
}
}

p {margin-bottom: 16px}
h1 {
background-color: #FF8383;
color: #fff;
display: inline;
font-size: 28px;
font-weight: 900;
line-height: 36px;
}
h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 40px;
}
.commonLink {
background-color: #FF8383;
border-radius: 10rem;
display: inline-block;
margin: 35px 0 15px;
}
.commonLink a {
color: #fff;
display: block;
font-size: 16px;
font-weight: 700;
padding: 12px 20px 14px;
}
.commonLink:hover {
opacity: 0.8;
}

/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer {
background-color: #fff;
padding: 40px 0 24px;
text-align: center;
}