@charset "Shift_JIS";



.seo_small{
font-size: 90%;
}
.seo_century{
font-family: century;
}
.right_1{
margin-left: 40px;
}
.right_2{
margin-left: 34px;
}

.seo_1{
font-size: 12pt;
line-height : 30px;
color: #fff;
z-index: 1;
text-align: center;
text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.75);
}
@media screen and (max-width: 1024px) {
.seo_1{
    margin-top: 10px;
    font-size: 11pt;
    line-height : 26px;
}
}
@media screen and (max-width: 780px) {
.seo_1{
    margin-top: 6px;
    font-size: 13px;
    line-height : 22px;
}
}
@media screen and (max-width: 736px) {
.seo_1{
   display:none;
}
}

.seo_2{
font-size: 12pt;
color: #fff;
text-align: center;
 position : relative;
 top : -16px;
bottom: 0px;
  z-index: 1;
text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
}
.seo_3{
font-size: 12pt;
color: #fff;
text-align: center;
 position : relative;
 top : 56px;
  z-index: 1;
text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
}

.swiper-container{
   margin:0 auto;
   position:relative;
   top : 130px;
   bottom: 0px;
   overflow:hidden;
   list-style:none;
   padding:0;
   z-index:-5;
}
@media screen and (max-width: 880px) {
.swiper-container{
   position:relative;
   top : 0px;
   bottom: 0px;
}
}
@media screen and (max-width: 780px) {
   .swiper-container{
   margin-top: 0px;
border-top: 0px solid #fff;
 z-index:0;
}
}

.swiper-wrapper{
   position:relative;
   width:100%;
   height:100%;
   z-index:0;
   display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-transition-property:-webkit-transform;
   transition-property:-webkit-transform;
   -o-transition-property:transform;
   transition-property:transform;
   transition-property:transform,-webkit-transform;
   -webkit-box-sizing:content-box;
   box-sizing:content-box;
   padding : 0px;
   margin : 0px;
    
}
.swiper-container .swiper-slide .swiper-slide-content{
   position: absolute;
   top: 50%;
   left: 50%;
    width: 80%;
 transform: translate(-50%, -100%);
   opacity: 0;
   transition: all 2.4s ease 2.4s;
   color : white;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.75);
}
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
   top: 50%;
  left: 50%;
   font-size : 2.0vw;
   line-height : 1;
    transition: all 2.4s ease 2.4s;
    text-align: center;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
   position: absolute;
   top: 50%;
   left: 50%;
   font-size : 2.0vw;
     line-height : 1;
    transition: all 2.4s ease 2.4s;
       text-align: center;
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
   top: 55%;
   left: 50%;
  font-size : 2.0vw;
   line-height : 1.5;
    transition: all 2.4s ease 2.4s;
       text-align: center;
}
.swiper-container .swiper-slide .swiper-slide-content-4{
   position: absolute;
   top: 50%;
   left: 50%;
  font-size : 2.0vw;
   line-height : 1;
    transition: all 2.4s ease 2.4s;
       text-align: center;
}
.swiper-container .swiper-slide .swiper-slide-content-5{
   position: absolute;
   top: 50%;
   left: 50%;
 font-size : 2.0vw;
   line-height : 1;
     transition: all 2.4s ease 2.4s;
       text-align: center;
}
.swiper-container .swiper-slide .swiper-slide-content-6{
   position: absolute;
   top: 50%;
   left: 50%;
  font-size : 2.0vw;
   line-height : 1;
    transition: all 2.4s ease 2.4s;
       text-align: center;
}

@media screen and (max-width: 1024px) {
.swiper-container .swiper-slide .swiper-slide-content{
    width: 96%;
} 
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
   top: 50%;
   left: 50%;
   font-size : 24px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
    position: absolute;
   top: 50%;
   left: 50%;
   font-size : 24px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
   top: 55%;
   left: 50%;
   font-size : 24px;
   line-height : 1.5;
}
.swiper-container .swiper-slide .swiper-slide-content-4{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 24px;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-5{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 24px;
   line-height : 1.5;
}
    .swiper-container .swiper-slide .swiper-slide-content-6{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 24px;
   line-height : 1;
}
}

@media screen and (max-width: 880px) {
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
    position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
   top: 55%;
   left: 50%;
   font-size : 20px;
   line-height : 1.5;
}
.swiper-container .swiper-slide .swiper-slide-content-4{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-5{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-6{
  position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
}
@media screen and (max-width: 780px) {
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
   top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;

}
.swiper-container .swiper-slide .swiper-slide-content-2{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
   
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
   top: 55%;
   left: 50%;
   font-size : 20px;
   line-height : 1.5;
 }
.swiper-container .swiper-slide .swiper-slide-content-4{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-5{
  position: absolute;
    top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
  .swiper-container .swiper-slide .swiper-slide-content-6{
  position: absolute;
    top: 50%;
   left: 50%;
   font-size : 20px;
   line-height : 1;
}
}

@media screen and (max-width: 736px) {
.swiper-container .swiper-slide .swiper-slide-content{
width: 98%;
}
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
   
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
  top: 55%;
   left: 50%;
   font-size : 18px;
   line-height : 1.5;
 }
.swiper-container .swiper-slide .swiper-slide-content-4{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-5{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-6{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
}
@media screen and (max-width: 680px) {
.swiper-container .swiper-slide .swiper-slide-content{
width: 100%;
}
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 17px;
   line-height : 1;
   
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
  top: 55%;
   left: 50%;
   font-size : 18px;
   line-height : 1.5;
 }
.swiper-container .swiper-slide .swiper-slide-content-4{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-5{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-6{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 18px;
   line-height : 1;
}
}
@media screen and (max-width: 480px) {
 .swiper-container .swiper-slide .swiper-slide-content{
width: 98%;
}
.swiper-container .swiper-slide .swiper-slide-content-1{
   position: absolute;
  top: 50%;
   left: 50%;
   font-size : 14px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-2{
   position: absolute;
   top: 58%;
   left: 50%;
   font-size : 14px;
     line-height : 1.5;
}
.swiper-container .swiper-slide .swiper-slide-content-3{
   position: absolute;
  top: 58%;
   left: 50%;
    font-size : 14px;
   line-height : 1.5;
}
.swiper-container .swiper-slide .swiper-slide-content-4{
   position: absolute;
   top: 50%;
   left: 50%;
    font-size : 14px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-5{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 12pt;
   line-height : 1;
}
    .swiper-container .swiper-slide .swiper-slide-content-5{
   position: absolute;
 top: 50%;
   left: 50%;
    font-size : 14px;
   line-height : 1;
}
.swiper-container .swiper-slide .swiper-slide-content-6{
   position: absolute;
 top: 50%;
   left: 50%;
   font-size : 14px;
   line-height : 1;
}
}



.swiper-container{
   width: 100%;
}
.swiper-container .swiper-slide{
   position: relative;
}
#slide-bottom{
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   height: 45px;
   background : url(../img/slide-bottom.png) center bottom / cover no-repeat scroll padding-box border-box transparent;
   z-index: 1;
}
#slide-bottom #bottom-img{
   width: 100%;
   padding-top: 3.5%;
   z-index: 1;
}
@media screen and (max-width: 480px) {
   #slide-bottom{
   height: 20px;
}
#slide-bottom #bottom-img{
   padding-top: 1.5%;
}
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
   -webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.swiper-slide{
   -webkit-flex-shrink:0;
   flex-shrink:0;
   width:100%;
   height:100%;
   position:relative;
   -webkit-transition-property:-webkit-transform;
   transition-property:-webkit-transform;
   -o-transition-property:transform;
   transition-property:transform;
transition-property:transform,-webkit-transform
}
.swiper-button-prev{
   position:absolute;
   top:35%;
   width:260px;
   height:104px;
   z-index:1;
}
.swiper-button-prev{
   background: url(../img/mark.png) no-repeat center center / contain;
   z-index:1;
   position:absolute;
   left: 12%;
}
@media screen and (max-width: 1300px) {
.swiper-button-prev{
   background: url(../img/mark.png) no-repeat center center / contain;
   z-index:1;
   position:absolute;
   left: 2%;
}
}
.swiper-button-next{
   position:absolute;
   top:8%;
   width:100%;
   height:60px;
   z-index:1;
}
.swiper-button-next{
  background: none;
    margin: 0 auto; 
     z-index:1;
}
@media screen and (max-width: 1300px) {
    .swiper-button-prev{
   position:absolute;
   top:28%;
   width:240px;
   height:96px;
   z-index:1;
}
}
@media screen and (max-width: 1024px) {
    .swiper-button-prev{
   position:absolute;
   top:30%;
   width:240px;
   height:96px;
   z-index:1;
}
.seo_2{
font-size: 11pt;
 position : relative;
 top : -16px;
bottom: 0px;
}
.seo_3{
font-size: 11pt;
 position : relative;
 top : 50px;
}
 .swiper-button-prev{
    position:absolute;
   left: 3%;
}
.swiper-button-next{
   position:absolute;
   top:4%;
   width:100%;
   height:50px;
   z-index:1;
}  
}
@media screen and (max-width: 960px) {
.seo_2{
font-size: 11pt;
 position : relative;
 top : -12px;
bottom: 0px;
}    
.seo_3{
font-size: 11pt;
 position : relative;
 top : 60px;
}
}
@media screen and (max-width: 880px) {
    .swiper-button-prev{
   position:absolute;
   top:25%;
   width:200px;
   height:80px;
   z-index:1;
}
.seo_2{
font-size: 13px;
 position : relative;
 top : -12px;
bottom: 0px;
}
.seo_3{
font-size: 13px;
 position : relative;
 top : 44px;
}
 .swiper-button-prev{
    position:absolute;
   left: 3%;
}
.swiper-button-next{
   position:absolute;
   top:4%;
   width:100%;
   height:50px;
   z-index:1;
} 
    .right_1{
margin-left: 34px;
}
.right_2{
margin-left: 28px;
}
}
@media screen and (max-width: 480px) {
  .swiper-button-prev{
   position:absolute;
   left: -2%;
}  
.swiper-button-prev{
   position:absolute;
   top:38%;
   width:140px;
   height:40px;
   z-index:1;
}
.seo_2{
font-size: 8px;
 position : relative;
 top : -12px;
bottom: 0px;
}
.seo_3{
font-size: 9px;
 position : relative;
 top : 14px;
}
.right_1{
margin-left: 10px;
}
.right_2{
margin-left: 6px;
}
}

.swiper-pagination{
   position:absolute;
   text-align:center;
   -webkit-transition:.3s opacity;
   -o-transition:.3s opacity;
   transition:.3s opacity;
   -webkit-transform:translate3d(0,0,0);
   transform:translate3d(0,0,0);
   z-index:1;
}
.swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
   bottom:46px;
   right: 3px;
   width:100%;
}
.swiper-pagination-bullet{
   width:13px;
   height:13px;
   display:inline-block;
   border-radius:100%;
   background:rgba(220, 220, 220,0.75);
}


@media screen and (max-width: 1024px) {
.swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
   bottom:46px;
   right: 0px;
   width:100%;
}
.swiper-pagination-bullet{
   width:13px;
   height:13px;
   display:inline-block;
   border-radius:100%;
   background:rgba(220, 220, 220,0.75);
}
}

@media screen and (max-width: 960px) {
.swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
   bottom:46px;
   right: 4px;
   width:100%;
}
.swiper-pagination-bullet{
   width:13px;
   height:13px;
   display:inline-block;
   border-radius:100%;
   background:rgba(220, 220, 220,0.75);
}
}
@media screen and (max-width: 780px) {
   .swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
   bottom:40px;
   left:0px;
}
.swiper-pagination-bullet{
   width:12px;
   height:12px;
}
}
@media screen and (max-width: 480px) {
   .swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
   bottom:30px;
   left:0px;
}
.swiper-pagination-bullet{
   width:12px;
   height:12px;
}
}

.swiper-pagination-clickable .swiper-pagination-bullet{
   cursor:pointer;
}
.swiper-pagination-bullet-active{
   opacity:1;
   background:rgb(0, 125, 255);
}
.swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet{
   margin:0 12px;
}
@media screen and (max-width: 780px) {
   .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet{
   margin:0 8px;
}
@media screen and (max-width: 480px) {
   .swiper-container-horizontal >.swiper-pagination-bullets .swiper-pagination-bullet{
   margin:0 8px;
}
}
.swiper-container .swiper-notification{
   position:absolute;
   left:0;
   top:0;
   pointer-events:none;
   opacity:0;
   z-index:1;
}
.img_slide{
   margin:0px;
   border: 0px;
}