@charset "utf-8";
/* CSS Document */

#main-visual .txt{position:absolute; left:0; right:0; max-width:1000px; width:calc(100% - 30px); margin:0 auto; display: none;}
#main-visual .txt p{color:#fff; font-size:33px; line-height:1.4; letter-spacing:0.1em; text-shadow: 0 0 1px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3), 0 0 3px rgba(0,0,0,.3), 0 0 4px rgba(0,0,0,.3), 0 0 5px rgba(0,0,0,.3), 0 0 6px rgba(0,0,0,.3), 0 0 7px rgba(0,0,0,.3), 0 0 8px rgba(0,0,0,.3), 0 0 9px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.3), 0 0 11px rgba(0,0,0,.3), 0 0 12px rgba(0,0,0,.3);}
#main-visual .txt span{font-size:45px; letter-spacing:0.2em; display: block;}

#main-visual .slide1 .txt,#main-visual .slide4 .txt,#main-visual .slide5 .txt{top:7%;}
#main-visual .slide1 .txt p,#main-visual .slide4 .txt p,#main-visual .slide5 .txt p{text-align: right;}
#main-visual .slide2 .txt{bottom:6%;}
#main-visual .slide3 .txt{top:7%;}

.toppage #news{max-width:600px; width:65%; float:left;}
.toppage #news .tit{border-bottom:1px solid #006f0b; margin:0 0 7px; padding:0 0 10px;}
.toppage #news .tit p{font-size:17px; line-height:1; color:#006f0b; position:relative; padding:0 0 0 18px; float:left;}
.toppage #news .tit p:before,
.toppage #news .tit p:after{position:absolute; content:''; display:block; background:#006f0b; top:0; bottom:0;}
.toppage #news .tit p:before{left:0; width:4px;}
.toppage #news .tit p:after{left:6px; width:2px;}
.toppage #news .tit a{font-size:10px; line-height:1.2; background:#000; color:#fff; float:right; /*width:110px;*/ text-align:center; padding: 3px 5px; display: inline-block;}
.toppage #news .tit a i{width:0; height:0; display:inline-block; margin:0 1em 0 0; transform:translateY(-1px); -webkit-transform:translateY(-1px);
border-top:3px solid transparent; border-left:4px solid #fff; border-bottom:3px solid transparent;}
.toppage #news .tit a:hover{background:#006f0b;}
.toppage #news dl{height:240px; overflow:auto; -webkit-overflow-scrolling: touch;}
.toppage #news dt,
.toppage #news dd{padding:8px 0;}
.toppage #news dt{width:90px; float:left; clear:both;}
.toppage #news dd{width:calc(100% - 90px); float:right;}
.toppage #news dd a{ color: #006f0b; text-decoration: underline;}

.toppage #bnr{max-width:234px; width:30%; float:right;}
.toppage #bnr a{margin:0 0 15px; display:block;}
.toppage #bnr a:last-of-type{margin:0;}
.toppage #bnr a:hover{opacity:.8;}
.toppage #bnr a.un:hover{opacity:1;}


/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0) and (min-width:1000px){  /* IE */
.toppage #news .tit a{padding:4px 0 2px;}
.toppage #news .tit p::before, .toppage #news .tit p::after{top:-2px; bottom:2px;}
}

@media only screen and (max-width:1000px){
#main-visual .txt p{font-size:3.4vw;}
#main-visual .txt span{font-size:5vw;}
}

@media only screen and (max-width:767px){
#main-visual .txt p{font-size:5.5vw;}
#main-visual .txt span{font-size:8vw; display: block;}
        
.toppage #news{max-width:767px; width:100%; float:none; margin:0 0 40px;}
.toppage #bnr{width:100%; float:none; margin:0 auto;}
}

@media only screen and (max-width:480px){
.toppage #news .tit p{font-size:15px;}
.toppage #news .tit a{width:100px;}
}