@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:3em 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;
padding:3em 0 3.5em;
}
}
#contents{background:#fff;}
h3{
text-align:center;
font-size:120%;
padding-top:1em;
}
@media screen and (max-width: 640px) {
h3{
text-align:justify;
font-size:100%;
padding:0;
}
h3 br{display:none;}
}
#link{
max-width:900px;
padding:1em 0 2em;
margin:1em auto 0;
text-align:center;
}
#link li{padding-bottom:140px;}
#link dl{
text-align:left;
position:relative;
}
#link dt{
color:#fff;
font-weight:bold;
background:#46c98d;
padding:2em 2em 2em 20em;
font-size:110%;
margin:2em 0 0 105px;
}
#link dt span:nth-of-type(1) {font-size:150%;}
#link dd span{
display:inline-block;
position:relative;
margin:1.5em 0 0 455px;
}
#link dd img{
position:absolute;
top:2em;
left:0;
border:1px solid #bbb;
}
#link dd a:hover img{opacity:0.7;}
@media screen and (max-width: 900px) {
#link{
width:100%;
padding:1em 0 2em;
margin:1em auto 0;
}
#link ul{padding-top:1em;}
#link dt{
text-align:center;
padding:2em 2em 4em;
font-size:110%;
margin:0;
}
#link dd {text-align:center;}
#link dd span{
display:inline-block;
position:relative;
margin:0;
}
#link dd img{
position:relative;
display:inline-block;
top:0;
left:0;
margin:-3em auto 1em;
width:80%;
max-width:425px;
height:auto;
}
#link li{padding-bottom:2em;}
}
@media screen and (max-width: 640px) {
#link{
width:90%;
margin:0 auto;
padding:1em 00 ;
}
#link dt{font-size:90%;}
#link dd span{text-align:justify;}
#link dd span br{display:none;}
#link dt span:nth-of-type(2) {display:none;}
}