@charset "UTF-8";

ul.top_ttl {font-size:130%; font-weight:800; font-family:'Noto Serif JP', serif;}
ul.top_ttl li {padding-left:1em; text-indent:-1em;}


/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
	
#cmn_bnr {position:absolute; width:100%; margin:0; bottom:0; left:0; padding:0; background:none;}

.area2 {margin:3em auto 0 auto; background:url(../images/top/bg_msg.jpg) center center no-repeat; background-size:cover;}
.area2 h2 {margin:0; padding:0; color:#fff; font-family:'Noto Serif JP', serif; border:0;}
.area2 h2 span {padding-bottom:0.5em; border-bottom:2px solid #fff;}
.area2 .ptxt {width:90%; margin:0 auto; padding:1.5em 0; color:#fff;}
.area2 .ptxt p {margin:1.8em 0 0 0;}
  
ul.top_ttl {width:90%; margin:2em auto 0 auto;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {
 
#cmn_bnr {position:absolute; width:100%; margin:0; bottom:0; left:0; padding:0; background:none;}

.area2 {margin:3.5em auto 0 auto; background:url(../images/top/bg_msg.jpg) center center no-repeat; background-size:cover;}
.area2 h2 {margin:0; padding:0; color:#fff; font-family:'Noto Serif JP', serif; border:0;}
.area2 h2 span {padding-bottom:0.5em; border-bottom:2px solid #fff;}
.area2 .ptxt {width:91%; max-width:980px; margin:0 auto; padding:2em 0; color:#fff;}
.area2 .ptxt p {margin:1.8em 0 0 0;}
  
ul.top_ttl {width:91%; max-width:980px; margin:4em auto 0 auto; text-align:center;}

}