@charset "UTF-8";
/* CSS Document */
#footer_contact{ display: none;}
@media (min-width: 768px) {
#footer_footer{ margin-top: 70px;}
}
@media (max-width: 767.98px) {
#menu_right{ display: none;}
}

@media (min-width: 768px) {
body{ background: url(../common/images/backimg_01.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
}

/* slider */
.owl-theme .owl-nav{ margin:0;}

.owl-carousel.owl-drag .owl-item .item{ display: table; width: 100%; border-color: white; border-style: solid;}
.owl-carousel.owl-drag .owl-item .item div{ display: table-cell; vertical-align: middle; position: relative; background-position: center;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2,
.owl-carousel.owl-drag .owl-item .item.slidetext1 div p{ color: white; text-shadow: black 0px 0px 4px, black 0px 0px 4px, black 0px 0px 1px; font-weight: 100;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2{}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2::after{ height: 1px; width: 100%; content: none; background-color: white; display: block; box-shadow: black 0px 0px 4px, black 0px 0px 4px, black 0px 0px 1px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div p{ line-height: 1.95;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div a{ border-radius: 5px; color: white; background: #df0029 url(../common/images/link_arrow.svg) no-repeat; text-align: center; display: inline-block;}

.owl-carousel.owl-drag .owl-item .item.slidetext1.slidetext2 div h2,
.owl-carousel.owl-drag .owl-item .item.slidetext1.slidetext2 div p{ color: black; text-shadow: white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 1px; font-weight: 100;}
.owl-carousel.owl-drag .owl-item .item.slidetext1.slidetext2 div h2::after{ content: none; background-color: black; display: block; box-shadow: white 0px 0px 4px, white 0px 0px 4px, white 0px 0px 1px;}

.owl-theme .owl-nav [class*='owl-'],
.owl-theme .owl-nav [class*='owl-']:hover{ background-color: transparent;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; display: inline-block; padding: 0; vertical-align: middle; text-decoration: none; font-size: 0;}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before,
.owl-carousel .owl-nav .owl-prev::after,
.owl-carousel .owl-nav .owl-next::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ''; vertical-align: middle;}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before{ top:0; width: 36px; height: 36px; border-top: 2px solid black; border-right: 2px solid black;}
.owl-carousel .owl-nav .owl-prev::before{ left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.owl-carousel .owl-nav .owl-next::before{ right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.owl-carousel.owl-drag .owl-item .item.imgimg{ border: none;}
.owl-carousel.owl-drag .owl-item .item.imgimg a div{ background-color: white; background-repeat: no-repeat;}
@media (min-width: 768px) {
#top_slide_box{ min-width: 1000px;}
#top_slide_box>div{ width: 900px; margin: 50px auto 60px;}

.owl-carousel.owl-loaded{ width: 900px;}
.owl-carousel.owl-drag .owl-item{ border-width: 5px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1{}
.owl-carousel.owl-drag .owl-item .item div{ height: 400px; width: 900px; padding: 0 30px; background-size: 900px 400px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div.right{ text-align: right;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2{ font-size: 36px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2::after{ margin-top: 5px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div p{ font-size: 20px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div a{ width: 334px; font-size: 18px; padding: 10px 0; background-position: 310px center;}

.owl-theme .owl-nav [class*='owl-']{ padding: 40px 20px;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next{ margin: -40px 0 0;}
.owl-carousel .owl-nav .owl-next{ right: -40px;}
.owl-carousel .owl-nav .owl-prev{ left: -40px;}
.owl-carousel .owl-nav .owl-prev::before,
.owl-carousel .owl-nav .owl-next::before{ border-color: white;}
.owl-carousel .owl-nav .owl-prev::before{ left: 10px;}
.owl-carousel .owl-nav .owl-next::before{ right: 10px;}

}
@media (max-width: 767.98px) {
#top_slide_box>div{ margin: 0 0 25px; padding-top: 10px;}

.owl-carousel.owl-loaded{}
.owl-carousel.owl-drag .owl-item{ border: none;}
.owl-carousel.owl-drag .owl-item .item.slidetext1{ border:none;}
.owl-carousel.owl-drag .owl-item .item div{ width:100%; padding: 10px; background-size: auto 100%; height: 64vw; position: relative;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2{ font-size: 18px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div h2::after{ margin-top: 5px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div p{ font-size: 10px;}
.owl-carousel.owl-drag .owl-item .item.slidetext1 div a{ display: block; width: 167px; font-size: 9px; padding: 6px 0; background-size: 6.5px 6.5px; background-position: 150px center; position: absolute; bottom: 10px; left: 50%; margin-left: -83.5px;}

.owl-carousel.owl-drag .owl-item .item.imgimg{}
.owl-carousel.owl-drag .owl-item .item.imgimg a{}
.owl-carousel.owl-drag .owl-item .item.imgimg a div{ display: block; background-size: 96% auto; border: 1px solid #ccc;}
}









@media (min-width: 768px) {
#top_nav{ background: rgba(67,67,67,0.80); width: 100%; min-width: 1000px; position: relative;}
#top_nav::before{ content: ""; display: block; position: absolute; top: -16px; left: 50%; margin-left: -16px; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 16px; border-color: transparent transparent rgba(67,67,67,0.80) transparent;}
#top_nav ul{ width: 1000px; margin: 0 auto; list-style: none; padding: 25px 0 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: left;}
#top_nav ul li{ font-size: 14px; width: 146px; margin: 0 10px; vertical-align: top; line-height: 36px;}
#top_nav ul li.large{ width: 312px; font-size: 13px;}
#top_nav ul li a{ color: white;}
#top_nav ul li a::before{ content:"○";}





}
@media (max-width: 767.98px) {
#top_nav{ display: none;}
#news_list{ margin-bottom: 30px;}
#news_list>li:nth-child(n+4){ display: none;}
}






@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}