@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;}

#cmn_bnr {margin-top:0;}


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

@media screen and (max-width:900px){
	
#top_bnr {position:absolute; width:100%; margin:0; bottom:0; left:0; padding:0; background:none;}
/*#top_bnr li:nth-child(n+4) {display:none !important;}*/
#top_bnr ul {display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:3em auto 0 auto;}
#top_bnr ul li {width:48.5%; margin:0 0 0.5em 0;}
/*#add_bnr li:nth-child(-n+3) {display:none !important;}*/

.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) {
 
#top_bnr {position:absolute; width:100%; margin:0; bottom:0; left:0; padding:0; background:none;}
/*#top_bnr li:nth-child(n+4) {display:none !important;}*/
#top_bnr ul {display:flex; flex-wrap:wrap; width:91%; max-width:980px; margin:0 auto;}
#top_bnr ul li {width:32%; max-width:310px; margin:0 2% 1.2em 0;}
#top_bnr ul li:nth-child(3n) {margin-right:0;}
/*#add_bnr ul li:nth-child(-n+3) {display:none !important;}*/

.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;}

}