* {
    margin:0;
    padding:0;
    word-wrap:break-word;
    overflow-wrap:break-word;
    box-sizing:border-box;
}
body {
	line-height:1.4em;
	letter-spacing:0.2px;
	font-size:16px;
	font-family:"CI",Meiryo,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	background:#E7D263 url("img/bg.png") top repeat-y;
    color:#333;
}
h1 {
    margin:0 0 32px;
    line-height:1.3em;
    text-align:center;
    font-size:26px;
    color:#C39720;
}
h1:before {
    content:" ";
}
h1:after {
    content:" ";
}
h2 {
    clear:both;
    margin:0 0 12px;
    line-height:1.25em;
    font-size:20px;
    color:#D00;
}
h2 .normal {
    display:block;
    margin:4px 0 0 1em;
    font-size:18px;
}
h2:before {
    content:" ";
}
h3 {
    clear:both;
    margin:0 0 20px;
    font-size:18px;
    color:#D00;
}
h3:before {
    content:" ";
}
h3 .normal {
    display:block;
    margin:4px 0 0 1em;
    font-size:18px;
}
h4 {
    margin:0 0 4px;
    text-align:left;
    font-size:18px;
    color:#C39720;
}
ul {
    margin:0 auto;
    width:1080px;
    list-style:none;
}
ul li {
    float:left;
}
p {
    margin:0 0 12px;
}
img {
    border:none;
    max-width:100%;
}
a {
    text-decoration:none;
    color:#333;
}
a:hover {
    color:#888;
}
a:hover img {
    opacity:0.8;
}
.normal {
    font-size:16px;
    font-weight:normal;
    color:#333;
}

#container {
    margin:0 auto;
    width:1200px;
    background:#FFF;
}

#top {
    margin:0 0 16px;
    height:290px;
    background:url("img/topbanner-pc.png") left no-repeat;
    background-size:100%;
}

#jta {
    margin:0 auto 48px;
    width:1200px;
    font-size:18px;
}
#jtatxt {
    background:url("img/jta-logo.png") left no-repeat;
    background-size:contain;
}
#jtatxt p {
    margin:0 0 24px 240px;
    padding:40px 0;
}
#jta li {
    float:none;
    margin:0 0 4px;
    list-style-position:inside;
    font-weight:bolder;
}
#jta ol {
    margin:0 auto;
    padding:0 0 0 1.5em;
    width:1080px;
    border-left:#C39720 5px double;
}
#jta ol li {
    color:#C39720;
}
#jta ol li:last-child {
    margin:0 0 6px;
}
#jta ul {
    margin:0 auto;
    padding:0 0 0 1.5em;
    width:1080px;
    list-style:inherit;
    list-style-type:square;
    border-left:#818181 5px double;
}
#jta ul li {
    color:#818181;
}
#jta ul li:last-child {
    margin:0 0 28px;
}

.award1 {
    margin:12px auto 0;
    width:1080px;
}
.award1 li {
    margin:0 80px 36px 0;
    width:500px;
    height:840px;
    text-align:center;
}
.award1 li:nth-child(2n) {
    margin:0;
}
.award1 li:last-child {
    margin:0 0 72px;
}
.award1 li p {
    margin:0 auto;
    width:84%;
    height:13em;
    text-align:left;
}
.award1 li:nth-child(n+3) p {
    height:19em;
}

.award2 {
    margin:12px auto 0;
    width:1080px;
}
.award2 li {
    margin:0 80px 36px 0;
    width:500px;
    height:800px;
    text-align:center;
}
.award2 li:nth-child(2n) {
    margin:0;
}
.award2 li:last-child {
    margin:0 0 24px;
}
.award2 li p {
    margin:0 auto;
    width:84%;
    height:13em;
    text-align:left;
}

.prize {
    display:flex;
    justify-content:flex-start;
}
.prize img {
    padding:0 1em 0 0;
    width:auto;
    height:5.5em;
}
.prize h4 {
    flex-basis:auto;
    height:5.5em;
    text-align:left;
}
.prize .normal {
    display:block;
}
.prize + img {
    margin:0 auto;
    width:84%;
}
.review {
    display:block;
    margin:0.8em 0 0;
    line-height:1.4em;
    font-size:14px;
    color:#EE1E00;
}

.linkbanner {
    clear:both;
    margin:0 auto;
    color:#818181;
}
.linkbanner li {
    margin:0 80px 60px 0;
    width:500px;
    text-align:left;
}
.linkbanner li:last-child {
    margin:0 0 60px;
}
.linkbanner p:before {
    content:" ";
}

#foot {
    clear:both;
    margin:0 auto 36px;
    text-align:center;
}

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

body {
	background:#FFF;
}
h1 {
    margin:0 0 6%;
    text-align:left;
    font-size:20px;
}
h2 {
    margin:0 0 4%;
    text-align:left;
    font-size:18px;
}
h2 .normal {
    margin:0.2em 0 0;
    font-size:16px;
}
h3 {
    margin:0 0 1.5%;
    font-size:16px;
}
h3 .normal {
    margin:0.2em 0 1em 1em;
    font-size:16px;
}
h4 {
    margin:0 0 0.5%;
    font-size:16px;
}
ul {
    width:100%;
}
ul li {
    float:none;
}
p {
    margin:0 0 2%;
}
img {
    max-width:100%;
}

#container {
    margin:0 auto;
    width:94%;
}

#top {
    padding:0 0 94%;
    height:auto;
    background:url("img/topbanner-sp.png") top no-repeat;
    background-size:100%;
}

#jta {
    margin:0 auto 8%;
    width:100%;
    font-size:16px;
}
#jtatxt {
    background:url("img/jta-logo.png") top no-repeat;
    background-size:60%;
}
#jtatxt p {
    margin:0 0 6%;
    padding:64% 0 0;
}
#jta li {
    float:none;
    margin:0 0 2%;
}
#jta ol {
    padding:0 0 0 1em;
    width:100%;
    border-left:#C39720 3px double;
}
#jta ol li:last-child {
    margin:0 0 2%;
}
#jta ul {
    padding:0 0 0 1em;
    width:100%;
    border-left:#818181 3px double;
}
#jta ul li:last-child {
    margin:0 0 6%;
}
#jta .normal {
    display:block;
    padding:0 0 0 1em;
}

.award1 {
    margin:1.5% auto 0;
    width:100%;
}
.award1 li {
    margin:0 0 20%;
    width:100%;
    height:auto;
}
.award1 li:nth-child(2n) {
    margin:0 0 20%;
}
.award1 li:last-child {
    margin:0 0 12%;
}
.award1 li p {
    margin:0 auto;
    width:100%;
    height:auto;
}
.award1 li:nth-child(n+3) p {
    height:auto;
}

.award2 {
    margin:1.5% auto 0;
    width:100%;
}
.award2 li {
    margin:0 0 20%;
    width:100%;
    height:auto;
}
.award2 li:nth-child(2n) {
    margin:0 0 20%;
}
.award2 li:last-child {
    margin:0 0 12%;
}
.award2 li p {
    margin:0 auto;
    width:100%;
    height:auto;
}

.prize img {
    padding:0 0.8em 0 0;
    height:4.5em;
}
.prize h4 {
    flex-basis:auto;
    height:auto;
}
.prize + img {
    margin:0 auto;
    width:100%;
}
.review {
    margin:0.5em 0 1.5em;
}

.linkbanner {
    clear:both;
    font-size:14px;
}
.linkbanner li {
    margin:0 0 4%;
    width:100%;
}
.linkbanner li:last-child {
    margin:0 0 16%;
}

#foot {
    margin:0 auto 6%;
}
}
