@charset "utf-8";
/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, 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; }
section, article { display: block; }
/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: "A-OTF A1明朝 Std Bold", "A1明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-feature-settings : "palt"; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; line-height: 2.6em; color: #333; font-size: 16px; letter-spacing: 0.2em; background-color: #fff; text-align: justify; }
img { vertical-align: bottom; height: auto; width: 100%; }

/* sp */
.pc { display: block; }
.sp { display: none; }
.pcbr { display: block; }
.spbr { display: inline; }

/* link */
a:link, a:visited, a:active { text-decoration: none; padding-bottom: 0.2em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #09C; color: #09C; }
a:hover { color: #ffcc00; border-bottom-color: #ffcc00; text-decoration: none; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

/* wrapper */
#wrapper { position: relative; }

/* header */
#header { margin-right: auto; margin-left: auto; width: 100%; margin-bottom: 5em; padding-top:13em;}
#header h1 { position: absolute; top: 0; left: 9%; display: block; padding-top: 1em; width: 80%; text-align: left; margin-top: auto; margin-right: auto; margin-bottom: 3em; margin-left: auto; }
#header .cover { overflow: hidden; }
#header .cover img { width:50%; float:left; margin-bottom:0; }
#header .cover img:nth-child(2n) { float:right; }

/* main */
#main { float: none; width: 60%; margin-right: auto; margin-left: auto; }
#main section { text-align: left; padding: 5em; margin-bottom: 4em; overflow: hidden; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; background-color: #fff; border:solid 1em #eee; }
#main h4 { font-size: 1.8em; margin-left: 8%; margin-right: 8%; margin-bottom: 1em; margin-top: 1em; line-height: 1.6em;  }
#main p { margin-bottom: 1em; padding-left: 8%; margin-top: 1em; font-size: 1.3em; padding-right: 8%; line-height: 2.4em; font-weight: normal; text-align: justify; }
#main p small { font-size: 0.8em; line-height: 1.5em !important; }

#main section.data { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;  border: none; padding-top:2em; padding-bottom:2em; background-color: #eee; }

/* footer */
#main footer { text-align: center !important; display: block; padding-bottom: 5em; }
#main footer p { font-size: 0.8em; }

/* sp */
body { }
body { }
body { }
body { }
body { }
body { }
body { }

@media screen and (max-width: 960px) {

html { min-width: 0px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 13px; line-height: 1.8em; }
/* sp */
.pc { display: none; }
.sp { display: block; }
.pcbr { display: inline; }
.spbr { display: block; }

/* back */
body { background-image: none; letter-spacing: 0.02em; }

/* header */
#header { margin-right: auto; margin-left: auto; width: 100%; margin-bottom: 2em; padding-top:0em;}
#header h1 { position: static; top: 0; left: 0; display: block; padding-top: 2em; width: 90%; text-align: left; margin-top: auto; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; }

/* main */
#main { float: none; width: 94%; margin: auto; }
#main section { text-align: left; padding: 0; margin-bottom: 4em; overflow: hidden; border:none; }
#main p { margin-bottom: 1em; padding-left: 8%; margin-top: 1em; font-size: 1.2em; padding-right: 8%; line-height: 2em; font-weight: normal; text-align: justify; }
#main section.data { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;  border: none; padding:1em; background-color: #eee; }

}

@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 471px) and (max-width: 1380px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1381px) and (max-width: 1450px) {
body { font-size: 13px; }
}
@media screen and (min-width: 1451px) and (max-width: 1550px) {
body { font-size: 14px; }
}
@media screen and (min-width: 1551px) and (max-width: 1650px) {
body { font-size: 15px; }
}
