@charset "utf-8";
/* CSS Document */
body{
background:url(../../img/h37.jpg) no-repeat top center fixed;background-size: 100%;}
@media screen and (max-width: 1300px) {
body{background:url(../../img/h38.jpg) center center / cover no-repeat fixed;}
}
@media screen and (max-width: 640px) {
body{background:url(../../img/h39.jpg)center center / cover no-repeat fixed;}
}
#main{
width:100%;
margin:0 auto;
}
h2{
display:block;
color:#fff;
text-align:center;
font-size:150%;
margin:1em auto;
line-height:1.7;
position:relative;
max-width:720px;
padding:2em 0 4em;
}
@media screen and (max-width: 640px) {
h2{
font-size:100%;
margin:4em auto 0.5em;
line-height:1.7;
width:90%;
text-align:center;
}
h2 span{
font-size:130%;
line-height:1.3;
text-align:center;
padding-left:0;
z-index:5;
position:relative
}
h2 span br{display:none;}
h2 img{
position:relative;
width:100%;
height:auto;
margin:0 auto;
top:0;
right:0;
}
h2+ul{margin-left:0;}
h2+ul li{
font-size:90%;
padding:0.5em 0.7em;
margin:0 0.1em;
}
#maincopy{
width:85%;
margin:0 auto;
text-align:justify;
font-size:90%;
padding:1.5em 0 2em;
}
#maincopy br{display:none;}
}
#contents{
background:#fff;
padding:1em 0 0;
}
h3{
text-align:center;
font-size:140%;
}
h3 br{display:none;}
h3+p{
padding:0;
text-align:center;
}
@media screen and (max-width: 640px) {
h3{
text-align:center;
font-size:110%;
padding:0 0;
}
h3+p img:nth-of-type(2){display:inline;max-width: 640px;}
h3+p img:nth-of-type(1){display:none;}
h3+p span{margin-top:-3em;}
}
@media screen and (max-width: 450px) {
h3 br{display:inline;}
h3+p span{
margin-top:10px;
font-size:120%;
}
h3+p span br:nth-of-type(2){display:none;}
h3+p img:nth-of-type(2){display:none;}
h3+p img:nth-of-type(3){display:inline;}
}
#outline,
#outline2{
max-width:900px;
}
#outline{
padding:0;
margin:2em auto 0;
}
#outline2{
padding:0 0 2em;
margin:1em auto 0;
}

#outline p{
display:inline-block;
vertical-align:top;
padding-right:2%;
}
#outline p img{
max-width:429px;
height:auto;
}
#outline ul{display:inline-block;}
#outline li{
text-indent:-1em;
margin-left:1em;
padding-bottom:1em;
}
#outline li:nth-last-of-type(1) {
text-indent:0;
margin-left:1em;
}
#outline2 table{
width:100%;
display:inline-table;
border-collapse: collapse;
vertical-align:middle;
margin-top:1em;
}
caption{
font-weight:bold;
font-size:120%;
padding-bottom:0.5em;
}
#outline2 table tr{border-bottom:2px solid #fff;}
#outline2 table th,
#outline2 table td{padding:1.5em 1em;}
#outline2 table th{
color:#fff;
background:#46c98d;
width:30%;
vertical-align:middle;
}
#outline2 table th br{display:none;}
#outline2 table td{
background:#d3f2e0;
vertical-align:middle;
}
#outline2 p img{
display:inline-block;
margin:1em 2.75% 1em 0;
width:31.1%;
height:auto;
}
#outline2 p img:nth-last-of-type(1) {margin-right:0;}
#outline2 p span{
text-align:center;
display:inline-block;
margin:0 2.75% 0 0;
width:31.1%;
}
#outline2 p span img{
display:inline-block;
width:100%;
height:auto;
}
#outline2 p span:nth-last-of-type(1),
#outline2 p span:nth-last-of-type(4),
#outline2 p span:nth-last-of-type(7),
#outline2 p span:nth-last-of-type(10)
{margin-right:0;}
@media screen and (max-width: 900px) {
#outline,
#outline2{width:90%;}
#outline2 p img{
margin:1em 2% 1em 0;
width:31.4%;
}
#outline2 p span{
margin:1em 2% 1em 0;
width:31.4%;
}
#outline ul{font-size:90%;}
}
@media screen and (max-width: 640px) {
#outline,
#outline2{margin:0 auto 0;}
#outline{text-align:center;}
#outline p img{
width:100%;
padding-bottom:1em;
}
#outline2 p span{
width:49%;
padding-bottom:0;
margin:0;
font-size:90%;
}
#outline2 p span img{
padding-bottom:0.5em;
}
#outline li{
text-indent:0;
margin-left:0;
}
#outline li:nth-last-of-type(1) {
text-indent:0;
margin-left:0;
}
caption{font-size:100%;}
#outline2 table th,
#outline2 table td{padding:0.5em;}
#outline2 table th{width:5em;}
#outline2 table th br{display:inline;}
#outline2 p img{
margin:1em 0 0;
width:100%;
}
}