@charset "utf-8";
/*font*/
html{font-family: 'Noto Sans JP', sans-serif;}

p{line-height:1.7;}

html{height:100%;}
body{width:100%;height:100%;}
img{width:100%;height:auto;-webkit-backface-visibility: hidden;}


#contentsbg{z-index:1;width:100%;
height:auto;
margin:-3em auto;padding:3em 0;overflow:hidden;

background:
url(../images/contentsbg_top.svg) top no-repeat,
url(../images/contentsbg_bottom.svg) bottom no-repeat;
position:relative;


}

#contents{z-index:1;width:auto;overflow: hidden;height:100%;
background: #FFF;
margin:0 auto;padding:30px 40px 20px 40px;

}



h2#mtitle{z-index:-1;font-family: 'Besley', serif;font-style:italic;width: 100%;
position: relative;font-size:xx-large;text-align:center;
margin:0 auto;padding:7em 0 2em 0;color:#FFF;
background-size:cover;background-position:center; background-repeat:no-repeat;line-height: 1.3;}


h2#mtitle storng{display: block;font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;font-size:medium;}
h2.title{font-size:197%;color:#0889a5;line-height:1.3;margin:0.2em auto 0.7em auto;padding: 0 0 0.5em 0; border-bottom:1px solid;



}




/*パンくず*/
#brcr{position:absolute;font-size: x-small;width:100%;background:url(../images/brcrbg.png);}
#brcr ul {position:relative;width:960px;margin: 0 auto;padding:1em;line-height:1.3;}
#brcr ul li {display: inline-block;color: #aaf0ff;letter-spacing:normal;}
#brcr ul li a:link,
#brcr ul li a:visited,
#brcr ul li a:active {padding: 0 20px 0 0;margin: 0 5px 0 0;background: url(../images/link.png) center right no-repeat;color: #FFF;text-decoration:none;}
#brcr ul li a:hover {color:#CCC;text-decoration:none;}


.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:189%; }
.font26 { font-size:197%; }

.fonts7 {font-size: xx-small; }
.fonts8 {font-size: x-small; }
.fonts9 {font-size: small; }
.fonts10 {font-size: medium;}
.fonts11 {font-size: large; }
.fonts12 {font-size: x-large; }
.fonts13 {font-size: xx-large; }


@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 736px) {
}

@media only screen and (max-width: 667px) {
}

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