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

/*PC*/
@media print, screen and (min-width: 768px) {

.headerR #mainvisual { width: 100%; position: relative; }
.headerR #mainvisual .bx-wrapper img {
width: 100%;
object-fit: cover;
height: 650px;
}

.pop {
position: fixed;
top: 50px; right: 30px;
width: 230px;
z-index: 100;
}
.pop a { display: flex; }
.pop img { width: 100%; margin: auto; }

.pop .Bnr__img,
.pop .Bnr__img02 { position: relative; margin-bottom: 50px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); }
.pop .bl_floatingBanner_close,
.pop .bl_floatingBanner_close02 {
position: absolute;
top: -15px; right: -15px;
width: 30px; height: 30px;
cursor: pointer;
background: #fff;
border: 1px solid #00351A;
border-radius: 50%;
}
.pop .bl_floatingBanner_close span,
.pop .bl_floatingBanner_close02 span {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
background-color: #00351A;
transform: rotate(45deg);
}
.pop .bl_floatingBanner_close span:nth-of-type(1),
.pop .bl_floatingBanner_close02 span:nth-of-type(1) { width: 15px; height: 2px; }
.pop .bl_floatingBanner_close span:nth-of-type(2),
.pop .bl_floatingBanner_close02 span:nth-of-type(2) { width: 2px; height: 15px; }

.txt { margin-top: 50px; }
.txt h1 { font-size: 2.8rem; margin: auto auto 20px;}
.txt h1 span { display: inline-block; }
.txt p { font-size: 1.8rem; line-height: 2; }

.allBox { display: flex; justify-content: space-between; margin: 0 0 50px;}
.newsList { display: flex; margin: auto auto 0; width: 620px;}
.newsList dt { text-align: center; width: 200px; min-height: 365px; background: #00351A; color: #FFF; border: solid 1px #00351A; box-sizing: border-box; padding: 20px;
text-shadow: #00351A 2px 0px, #00351A -2px 0px, #00351A 0px -2px, #00351A 0px 2px, #00351A 2px 2px, #00351A -2px 2px, #00351A 2px -2px, #00351A -2px -2px, #00351A 1px 2px, #00351A -1px 2px, #00351A 1px -2px, #00351A -1px -2px, #00351A 2px 1px, #00351A -2px 1px, #00351A 2px -1px, #00351A -2px -1px;}
.newsList dd { border: solid 1px #00351A; width: 400px; box-sizing: border-box; padding: 20px;}
.allBox .snsInsta { width: 530px; padding: 20px; box-sizing: border-box; min-height: 150px; background: rgba(229,234,232,0.7);}
.allBox .snsInsta h2 { width: 50%; margin: 0 auto 20px;}
.allBox .snsInsta ul { list-style: none; display: flex; flex-wrap: wrap;}
.allBox .snsInsta ul li { width: 115px; margin: 0 10px 10px 0;}
.allBox .snsInsta ul li:nth-child(4n+4) { margin-right: 0;}
.allBox .snsInsta ul li a { display: block;}
.allBox .snsInsta ul li a img { width: 115px; height: 115px; object-fit: cover;}

.warning { margin: auto 30px 50px; padding: 10px 10px 10px 100px; position: relative; color: #B61A1A; border: double 5px #B61A1A;}
.warning::before { content: "\f071"; font-family: FontAwesome; font-size: 6.0rem; color: #B61A1A; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; line-height: normal;}

.bnr2 { list-style: none; display: flex; justify-content: space-between; margin: auto auto 80px;}
.bnr2 li {}

.newsBox { width: 100%; height: 500px; overflow-y: auto; border: none;}

.bg01 { position: relative;}
.bg01:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 600px; background: rgba(229,234,232,0.7); z-index: -1;}

.contentLink { width: 1200px; margin: auto; list-style: none; display: flex; flex-wrap: wrap; justify-content: center;}
.contentLink li { margin: 0 0 50px 30px; background: #FFF; box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.3);}
/*.contentLink li:nth-child(2n+1) { margin-left: -100px;}
.contentLink li:nth-child(2n+3) { margin-left: 100px;}*/
.contentLink li:nth-child(3n+1) { margin-left: 0;}
.contentLink li a { display: block; text-decoration: none !important;}
.contentLink li a img { width: 100%; height: auto;}
.contentLink li a .txt { padding: 15px; position: relative; height: 10rem;}
.contentLink li a .txt h3 { font-size: 2.0rem; font-weight: normal; color: #333;}
.contentLink li a .txt p { position: absolute; bottom: 15px; right: 15px; color: #666;}


.linkList { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkList li { width: 19%; text-align: center;}
.linkList li a { text-decoration: none !important;}
.linkList li a img { width: 100%; height: auto;}
.linkList li a p { color: #333;}


.newslist { width: 100%; height: 500px; overflow-y: auto; border: none; }
.whatsnews { margin-bottom: 30px; font-size: 1.2em; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #7F7F7F; }
.whatsnews dt { float: left; width: 180px; padding: 50px 10px; border-top: 1px solid #7F7F7F; text-align: center; }
.whatsnews dt span {
display: block;
background: #00351A;
color: #FFF;
width: 100px;
padding: 5px 10px;
text-align: center;
font-size: 1.8rem;
text-shadow: #00351A 2px 0px, #00351A -2px 0px, #00351A 0px -2px, #00351A 0px 2px, #00351A 2px 2px, #00351A -2px 2px, #00351A 2px -2px, #00351A -2px -2px, #00351A 1px 2px, #00351A -1px 2px, #00351A 1px -2px, #00351A -1px -2px, #00351A 2px 1px, #00351A -2px 1px, #00351A 2px -1px, #00351A -2px -1px;
}
.whatsnews dd { margin: 0 0 0 200px; border-top: 1px solid #7F7F7F; padding: 50px 10px; font-size: 1.8rem; }


}

/*sp*/
@media only screen and (max-width: 767px) {

.headerR .txt { position: absolute; top: 250px; left: -40px; z-index: 10;}
.headerR .txt h1 { font-size: 2.8rem; margin: auto auto 20px;}
.headerR .txt h1 span { display: inline-block; background: rgba( 255,255,255,1.0); padding: 10px;}
.headerR .txt p { display: inline-block; background: rgba( 255,255,255,0.8); padding: 20px; font-size: 1.8rem; margin: auto auto 10px;}
.headerR #mainvisual { width: 100%; height: 650px; background: #CCC; position: absolute; top: 0; left: 0;}


#totop { bottom: 150px; }


.pop {
position: fixed;
bottom: 10px; right: 0; left: 0;
margin: auto;
width: 90%;
z-index: 10;
}
.pop a { display: flex; }
.pop img { width: 100%; margin: auto; }

.pop .Bnr__img { display: flex; flex-wrap: wrap; justify-content: space-between; }
.pop .Bnr__img .Bnr__img__inner { width: 49%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); }
.pop .bl_floatingBanner_close {
position: absolute;
top: -15px; right: -15px;
width: 30px; height: 30px;
cursor: pointer;
background: #fff;
border: 1px solid #00351A;
border-radius: 50%;
}
.pop .bl_floatingBanner_close span {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
margin: auto;
background-color: #00351A;
transform: rotate(45deg);
}
.pop .bl_floatingBanner_close span:nth-of-type(1) { width: 15px; height: 2px; }
.pop .bl_floatingBanner_close span:nth-of-type(2) { width: 2px; height: 15px; }

.txt { margin-top: 30px; }
.txt h1 { font-size: 2.8rem; margin: auto auto 20px; }
.txt h1 span { display: inline-block; padding: 10px;}
.txt p { display: inline-block; padding: 20px; font-size: 1.8rem; line-height: 2; }

.main #mainvisual { width: 100%; height: 650px; background: #CCC;}
.main .txt { top: 250px; left: -40px; z-index: 10;}
.main .txt h3 { font-size: 2.8rem; margin: auto auto 20px;}
.main .txt h3 span { display: inline-block; background: rgba( 255,255,255,1.0); padding: 10px;}
.main .txt p { display: inline-block; background: rgba( 255,255,255,0.8); padding: 20px; font-size: 1.8rem; margin: auto auto 10px;}


/*.newsList { display: block; margin: auto 2% 5%;}
.newsList dt { align-self: center; text-align: center; width: 100%; background: #00351A; color: #FFF; border: solid 1px #00351A; box-sizing: border-box; padding: 10px;
text-shadow: #00351A 2px 0px, #00351A -2px 0px, #00351A 0px -2px, #00351A 0px 2px, #00351A 2px 2px, #00351A -2px 2px, #00351A 2px -2px, #00351A -2px -2px, #00351A 1px 2px, #00351A -1px 2px, #00351A 1px -2px, #00351A -1px -2px, #00351A 2px 1px, #00351A -2px 1px, #00351A 2px -1px, #00351A -2px -1px;}
.newsList dd { border: solid 1px #00351A; width: 100%; box-sizing: border-box; padding: 10px;}*/

.allBox { display: inherit; margin: auto 2% 5%;}
.newsList { display: inherit; margin: auto auto 5%; width: 100%;}
.newsList dt { align-self: center; text-align: center; width: 100%; background: #00351A; color: #FFF; border: solid 1px #00351A; box-sizing: border-box; padding: 10px;
text-shadow: #00351A 2px 0px, #00351A -2px 0px, #00351A 0px -2px, #00351A 0px 2px, #00351A 2px 2px, #00351A -2px 2px, #00351A 2px -2px, #00351A -2px -2px, #00351A 1px 2px, #00351A -1px 2px, #00351A 1px -2px, #00351A -1px -2px, #00351A 2px 1px, #00351A -2px 1px, #00351A 2px -1px, #00351A -2px -1px;}
.newsList dd { border: solid 1px #00351A; width: 100%; box-sizing: border-box; padding: 10px;}
.snsInsta { width: 100%; padding: 20px; box-sizing: border-box; min-height: 150px; background: rgba(229,234,232,0.7);}
.snsInsta h2 { width: 60%; margin: 0 auto 20px;}
.snsInsta ul { list-style: none; display: flex; flex-wrap: wrap; width: 310px; margin: auto;}
.snsInsta ul li { width: 70px; margin: 0 10px 10px 0;}
.snsInsta ul li:nth-child(4n+4) { margin-right: 0;}
.snsInsta ul li a { display: block;}
.snsInsta ul li a img { width: 70px; height: 70px; object-fit: cover;}


.pdLR5sp { padding: 0 5%;}



.warning { margin: auto 30px 50px; padding: 10px 10px 10px 10px; position: relative; color: #B61A1A; border: double 5px #B61A1A;}
.warning::before { content: ""; font-family: FontAwesome; font-size: 6.0rem; color: #B61A1A; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; line-height: normal;}

.bnr2 { list-style: none; display: block; justify-content: space-between; margin: auto 5% 10%;}
.bnr2 li { margin: 0 0 2%;}
.bnr2 li a { display: block;}
.bnr2 li a img { width: 100%; height: auto;}

.newsBox { width: 100%; height: 500px;}

.bg01 { position: relative;}
.bg01:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 600px; background: rgba(229,234,232,0.7); z-index: -1;}

.contentLink { list-style: none; display: block; flex-wrap: wrap; justify-content: center;}
.contentLink li { margin: 0 5% 5% 5%; background: #FFF; box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.3);}
.contentLink li:nth-child(3n+1) { margin-left: 5%;}
.contentLink li a { display: block; text-decoration: none !important;}
.contentLink li a img { width: 100%; height: auto;}
.contentLink li a .txt { padding: 15px; position: relative; height: 10rem;}
.contentLink li a .txt h3 { font-size: 2.0rem; font-weight: normal; color: #333;}
.contentLink li a .txt p { position: absolute; bottom: 15px; right: 15px; color: #666;}


.linkList { list-style: none; display: block; flex-wrap: wrap; justify-content: space-between;}
.linkList li { text-align: center; margin: 0 5% 5%;}
.linkList li a { text-decoration: none !important;}
.linkList li a img { width: 100%; height: auto;}
.linkList li a p { color: #333;}


.newslist { width: 100%; height: 500px; overflow-y: auto; border: none; }
.whatsnews { margin-bottom: 30px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #7F7F7F; }
.whatsnews dt { float: none; width: auto; padding: 50px 10px 10px; border-top: 1px solid #7F7F7F; text-align: center; }
.whatsnews dt span { display: block; background: #00351A; color: #FFF; width: 100px; padding: 5px 10px; text-align: center; }
.whatsnews dd { margin: 0 0 0 0; border-top: none; padding: 10px 10px 50px; }


}