html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
b, i,input,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video ,strong {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background-color:transparent;
    font-weight:normal;
}

*{
    box-sizing: border-box;
}

html{
    -webkit-text-size-adjust: 100%;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
   color:#282835;
   font-size: 10px;
}



body {
    line-height:1;
   -webkit-text-size-adjust:none;
}

img{
vertical-align:bottom;
max-width:100%;
-webkit-backface-visibility: hidden !important;
}

#wrap {
overflow: hidden;
display:block;
max-width: 480px;
margin:0 auto;
position: relative;
}

.header{
    padding: 15px;
}
.header img.logo{
    width: 168px;
}
h1{
    padding: 15px ;
    text-align: center;
    font-size: 2.0rem;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: 0.2em;
}

h1 span{
    font-size: 11px;
    display: block;
    color: #3194c2;
    margin-bottom: 5px;
    font-weight: 500;
}

.infoBox{
    width: calc(100% - 60px);
    margin: 0 auto 60px;
    background-color: #E1F1FA;
    border-radius: 10px;
    padding: 15px 20px;
}

.infoBox .box{
    padding: 10px 0;
    border-bottom: solid 1px #009eca;
}

.infoBox .box:nth-last-of-type(1){
    border-bottom: none;
}

.infoBox .box h2{
    font-size: 1.5rem;
    color: #009eca;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 0.2em;
}

.infoBox .box p{
    font-size: 1.1rem;
    color: #000000;
    font-weight: 500;
    line-height: 1.8;
}

.infoBox .box p a{
    color: #000000;
    text-decoration: underline;
}