@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
body{ border-top: 36px solid #151515; color: #151515; }
#top header{ display: none; }
  .side-fix { display: none;}
  #main-img{ background: url('../images/index/main-back.jpg')no-repeat center top; height: 1220px; width: 100%; min-width: 1280px; max-width: 2000px; margin: 0 auto -250px auto; text-align: center; border: solid 36px #cb000e; border-top: none; border-bottom: none;  }
  #main-img h1{ padding-top: 60px; position: relative; right: 41px;}
/*.holiday-bnr{ margin: 220px auto 20px;  width: 700px;}
-------------*/

/*　長期休暇時のcss #contents01{ width: 1280px; margin:0 auto 180px auto; position: relative; } */
#contents01{ width: 1280px; margin:78px auto 180px auto; position: relative; }
#contents01 h2{ height: 1042px; width: 1px; margin: 0 auto; margin-bottom: 24px; }
#contents01 h2 img{ margin-left: -1010px; }
#contents01 figure{ margin-right: 80px; float: left; }
#contents01 .text-box{ width: 520px; float: left; padding-top: 35px; }
#contents01 .text-box p{ margin-bottom: 47px; font-size: 16px; font-weight: 600; line-height: 38px; letter-spacing: 0.8px; }

#contents02{width: 1280px; margin: 0 auto 200px auto; position: relative;}
#contents02 h2{margin: -1px 10px;}
#contents02 ul{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
#contents02 ul::before{ top: -170px; right: -378px; content: url('../images/index/contents01-right.png'); position: absolute; }
#contents02 h2::after{ bottom: -137px; left: -370px; content: url('../images/index/contents01-left.png'); position: absolute; }
#contents02 ul li{  }
    
#contents03{ text-align: center; width: 100%; min-width: 1280px; margin: 0 auto 160px auto; padding-top: 34px;}
#contents03 h2{ position: relative; left: 120px; margin-bottom: 40px; }

#contents03 .douga{ width: 1200px; height: 600px; margin: 50px auto 50px;}
#contents03 .douga iframe{ width: 1200px; height: 600px; margin: 0 auto 50px;}

/* #contents03 figure{ height: 600px; width: 1px; margin: 0 auto; margin-bottom: 49px;}
#contents03 figure img{ margin-left: -1000px; } */

#contents03 .text{ margin-bottom: 100px;}
#contents03 .iiyatu-ttl{ margin-bottom: 20px;}




  #blog-news{  width: 1000px; margin: 0 auto 100px auto; background-color: #f3f4f4; padding: 35px;}
  #blog-news2{  width: 1000px; margin: 0 auto 100px auto; background-color: #f3f4f4; padding: 35px;}
  /* topics -------------------------------------*/
  #topics{  }
  #topics h2{ margin-bottom: 25px;}
  #topics .inner-Box{  }
  #topics .system-list{ width: 645px; float: left;padding: 25px 64px; overflow-y:scroll; height: 175px;}
  #topics .system-list li{ width: 100%; overflow: hidden; position: relative; margin-bottom: 30px; }
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-date{ width: 25%; font-size: 14px; float: left; font-weight: bold; display: block; }
  #topics .system-ttl{ width: 75%; font-size: 16px; font-weight: bold; line-height: 1.4; float: left; text-align: left; display: block;}
  #topics .left-box{     padding: 20px 38px 42px 38px; width: 278px; float: left; border-right: 1px solid #151515; }

  /* blog -------------------------------------*/
  #blog{  }
  #blog h2{ margin-bottom: 25px; padding-left: 20px;}
  #blog .inner-Box{  }
  #blog .system-list{ width: 645px; float: left;padding: 25px 64px; overflow-y:scroll; height: 175px;}
  #blog .system-list li{ width: 100%; overflow: hidden; position: relative; margin-bottom: 30px; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-date{ width: 25%; font-size: 14px; float: left; font-weight: bold; display: block; }
  #blog .system-ttl{ width: 75%; font-size: 16px; font-weight: bold; line-height: 1.4; float: left; text-align: left; display: block;}
  #blog .left-box{     padding: 20px 38px 42px 38px; width: 278px; float: left; border-right: 1px solid #151515; }

#bottom-banner{ width: 1000px; margin: 0 auto 20px auto; }
#bottom-banner li{ float: left; margin-right: 50px; margin-bottom: 50px;}
#bottom-banner li:nth-child(3){ margin-right: 0}
#bottom-banner li:nth-child(5){    margin-left: 22px; margin-right: 40px; position: relative;margin-top: 10px;}
#bottom-banner li:nth-child(4){ margin-right: 10px;margin-left: 15px;}
#bottom-banner li:nth-child(6){ margin-right: 40px;}
#bottom-banner li:nth-child(7){ margin-right: 0}

#bottom-photo{    text-align: center; margin-bottom: 170px; background: url(../images/index/bottom-back.jpg)repeat-x top 240px center; padding-top: 70px; }
#bottom-photo img{ margin: 0 auto; }

#iconill{text-align: right; max-width: 2000px; margin: 0 auto; width: 100%; min-width: 1280px;
position: relative;
height: 145px;
}

@-webkit-keyframes hidari {
  0% {left: calc(100% - 163px);}
  100% {left: -163px}
}

@keyframes hidari {
  0% {left: calc(100% - 163px);}
  100% {left: -163px}
}

#iconill.anime img{
  -webkit-animation: hidari 2.6s ease-in .3s forwards;
  animation: hidari 2.6s ease-in .3s forwards;
}

#iconill img{
  position: absolute;
  left: calc(100% - 163px);
}


  }

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

#bx-sra {}
.sp-header .h-logo{display: none;}
header{    height: 0;}

#sp-main-img{ margin-bottom: 8.605vw; }

/* .holiday-bnr{ margin: 3vw auto 5vw;  width: 90vw;} */

#contents01 .text-box p{ padding: 0 6.519vw 6.519vw 6.519vw;     font-size: 3.6vw; }
#contents01 .text-box img{ margin-bottom: 6.519vw; }

#contents01 .text-box p.btn{ padding: 0vw 9.648vw 9.126vw 9.648vw; }

#contents02{ margin-bottom: 11.213vw; }
#contents02 li{ float: left; }
#contents02 h2 { margin-bottom: -0.5vw;}

#contents03 .text{ padding: 0 10.561vw 13.038vw 10.561vw; }

#contents03 .douga{ width: 90%; height: 50vw; margin: 0 auto 5vw;}
#contents03 .douga iframe{ width: 100%; height: 50vw; margin: 0 auto 5vw;}

/* #contents03 figure{ margin-bottom:  6.519vw; } */
#contents03 p.btn{ padding: 0vw 9.648vw 15.126vw 9.648vw; }
#contents03 .text{ margin-bottom: 3vw;}
#contents03 .iiyatu-bx{ margin-bottom: 60px;width: 95vw;margin: 0 auto;}
#contents03 .iiyatu-ttl{ margin-bottom: 20px;}





#blog-news{ width: 100%; margin: 0 auto; }
#blog-news2{ width: 100%; margin: 0 auto; }


/* topics -------------------------------------*/
#topics{ width: 100%; padding: 15% 3% 1vw 3%; background-color: #f3f4f4; margin-bottom: 10.43vw;}
#topics h2{ width: 41.33vw; margin: 0 auto  9.126vw auto; }
#topics .btn{ padding: 0vw 9.648vw 9.126vw 9.648vw; }

#topics .inner-Box{ width: 100%; margin: 0 auto; }
#topics .system-list{ margin-bottom: 10%; }
#topics .system-list li{font-weight: 700; width: 100%;overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 2%; padding-bottom: 2%; }
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{ font-size: 1.2rem; margin-bottom: 3%; }

#topics .system-ttl{ width: 80%; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }

  /* blog -------------------------------------*/
#blog{ width: 100%; padding: 15% 3% 1vw 3%; background-color: #f3f4f4; margin-bottom: 10.43vw;}
#blog h2{ width: 41.33vw; margin: 0 auto  9.126vw auto; }
#blog .btn{ padding: 0vw 9.648vw 9.126vw 9.648vw; }

#blog .inner-Box{ width: 100%; margin: 0 auto; }
#blog .system-list{ margin-bottom: 10%; }
#blog .system-list li{font-weight: 700; width: 100%;overflow: hidden; position: relative; border-bottom: 1px dotted #ccc; margin-bottom: 2%; padding-bottom: 2%; }
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-date{ font-size: 1.2rem; margin-bottom: 3%; }

#blog .system-ttl{ width: 80%; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }

#bottom-banner{ padding: 0 6.519vw 6.519vw 6.519vw;   }
#bottom-banner li{ margin-bottom: 5.215vw; }
#bottom-banner li:nth-child(5){ width: 65%; padding-top: 7vw; float: right;}
#bottom-banner li:nth-child(4){ width: 29%; float: left;padding-top: 4vw;}
#bottom-banner li:nth-child(7){ width: 63%; padding-top: 2vw; float: right; }
#bottom-banner li:nth-child(6){ width: 30%; float: left;margin-top: 5vw;}

#bottom-photo{padding: 0 6.519vw 6.519vw 6.519vw;}
#iconill{text-align: right; margin-bottom: 8vw;}
#iconill img{margin-left: auto; width: 34.681vw; height: auto; margin-right: 6.519vw;}
}
@media screen and (max-width: 380px) {
  #case .system-list .system-pic { height: 120px; }
  #case .system-list .system-pic img { height: 120px; }
  #casetax-catego .system-list .system-pic { height: 120px; }
  #casetax-catego .system-list .system-pic img { height: 120px; }
  #casetax-reform .system-list .system-pic { height: 120px; }
  #casetax-reform .system-list .system-pic img { height: 120px; }
  #voice .system-list .system-pic { height: 120px; }
  #voice .system-list .system-pic img { height: 120px; }
}
@media screen and (max-width: 321px) {
  #case .system-list .system-pic { height: 100px; }
  #case .system-list .system-pic img { height: 100px; }
  #casetax-catego .system-list .system-pic { height: 100px; }
  #casetax-catego .system-list .system-pic img { height: 100px; }
  #casetax-reform .system-list .system-pic { height: 100px; }
  #casetax-reform .system-list .system-pic img { height: 100px; }
  #voice .system-list .system-pic { height: 100px; }
  #voice .system-list .system-pic img { height: 100px; }
}