@charset "UTF-8";
.mt100{
  margin-top:100px;
}

.img-size{
  width:100%;
}

.j-btn{
  background-color: #0E3A58;
  color: #fff;
  font-size: 20px;
  padding: 7px 80px;
}
  
.j-btn:hover{
  background-color: #FFBF27;
}

.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100vh !important;
    text-align: center;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
/*.viewer ul li img {
    position:absolute;
    left:50%;
    margin-left:-800px;
    top:50%;
    margin-top:-620px;
}*/
.viewer ul li #slide01,.viewer ul li #slide02,.viewer ul li #slide03 {
    position:absolute;
    left:50%;
    margin-left:-800px;
    top:50%;
    margin-top:-620px;
}
.t-font{
  font-size:20px;
}
.m-font{
  font-size:28px;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}

.slide_txt{
  width:100vw;
  height:100vh;
  text-align:center;
  padding:0 15px 0 15px;
}

  .business_pc{
    display:block;
  }
.business_sp{
 display:none;
}
@media screen and (max-width: 2000px) {

  .txt_area{
    position:relative;
    font-size:36px;
    font-weight:bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    top:45%;
  }
}

@media screen and (max-width: 1440px) {

  .txt_area{
    position:relative;
    font-size:36px;
    font-weight:bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    top:50%;
  }
  .txt_area2{
    font-size:28px !important;
  }
}

@media screen and (max-width: 1024px) {

  .txt_area{
    position:relative;
    font-size:36px;
    font-weight:bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    top:45%;
  }
  
  .txt_area2{
    font-size:28px !important;
  }
}

@media screen and (max-width: 786px) {

  .txt_area{
    position:relative;
    font-size:36px;
    font-weight:bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    top:40%;
  }
  
  .txt_area2{
    font-size:28px !important;
  }
  
  .mt100 {
    margin-top: 70px;
  }
  
  .t-font{
    font-size:18px;
  }
  
  .title {font-size:28px; !important;}
  
  .viewer ul li #slide01 {
    margin-top:-640px;
  }
  .viewer ul li #slide02 {
    margin-top:-840px;
  }
  .viewer ul li #slide03 {
    margin-top:-620px;
    margin-left:-780px;
  }
}

@media (max-width: 425px) {
  
  .txt_area{
    position:relative;
    font-size:24px;
    font-weight:bold;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
    top:35%;
  }
  
  .txt_area2{
    font-size:18px !important;
  }
  
  .mt100 {
    margin-top: 50px;
  }
  
  .title {
    font-size: 20px !important;
  }
  
  p, li, dt {
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
  }
  
  .slide_txt{
    text-align:left;
  }
  .viewer ul li #slide01 {
    margin-top:-900px;
  }
  .viewer ul li #slide02 {
    margin-top:-840px;
  }
  .viewer ul li #slide03 {
    margin-top:-630px;
    margin-left:-650px;
  }
  .business_pc{
    display:none;
  }
  .business_sp{
    display:block;
  }
}