@charset "UTF-8";
@media screen and (min-width: 768px), print {

#link01{
  padding-top: 60px;
  margin-top: -60px;
  display: inline-block;
}


  .system-list li a:hover {
    text-decoration: none;
  }
  .system-list li:hover .system-ttl-01 {
    text-decoration: underline;
  }

  #slider-box {
    width: 100%; max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
  }
  #slider-box-inner {
  }

  #slider-box-inner li{
    width: 100%; max-width: 1920px; margin: 0 auto;
  }

  #slider-box-inner li img{
    width: 100%;max-width: 1920px; margin: 0 auto;
  }

  .main-link-area {
    background-color: #e6e6e6;
    padding-top: 32px;
    padding-bottom: 24px;
    margin-bottom: -16px;
  }
  .main-link-area .list-box {
    width: 1100px;
    margin: 0 auto;
  }
  .main-link-area .list-box .list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-link-area .list-box .list li {
    width: 340px;
    height: 85px;
    margin-right: 40px;
    overflow: hidden;
    position: relative;
  }
  .main-link-area .list-box .list li:last-child {
    margin-right: 0;
  }
  .main-link-area .list-box .list li:hover img {
    position: absolute;
    top: -85px;
  }
  /* 3枚表示のbxslider
-------------------------------------*/
  .slider-3mai-Box {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .slider-3mai-Box .slider-3mai {
    position: relative;
    left: 50%;
    width: 3020px;
    margin-left: -1510px;
  }
  .slider-3mai-Box .slider-3mai li {
    width: 1000px !important;
  }
  .slider-3mai-Box .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    outline: 0;
    width: 50px;
    height: 100px;
    text-indent: -9999px;
    z-index: 9999;
  }
  .slider-3mai-Box .bx-wrapper .bx-prev {
    left: 950px;
    background-image: url(../images/index/bx-l.jpg);
    background-position: 0 0;
  }
  .slider-3mai-Box .bx-wrapper .bx-next {
    right: 950px;
    background-image: url(../images/index/bx-r.jpg);
    background-position: 0 0;
  }
  .side-fix {
    display: none;
  }

.movie-box{ width:900px; height:507px; margin:110px auto 90px; }
.movie-box iframe{ width:900px; height:507px; }
.se-bnr-box{ width:1200px; margin:0 auto 200px; }

  /* event -------------------------------------*/
  #event .inner-Box {
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/index/event-bg.jpg);
    padding-top: 105px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 24px;
    position: relative;
  }
  #event .event-ttl .ttl-deco {
    position: absolute;
    left: -50px;
    top: -164px;
  }
  #event .event-ttl .img-01 {
    position: absolute;
    width: 412px;
    top: -72px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
  }
  #event .system-list {
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #event .system-list li {
    width: 360px;
    margin-right: 20px;
    position: relative;
  }
  #event .system-list li:nth-child(n + 4) {
  display: none;
  }
  #event .system-list li:nth-child(3n) {
    margin-right: 0px;
  }
  #event {
    margin-bottom: 88px;
  }
  #event .system-pic {
    width: 100%;
    height: 242px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 18px;
    background-color: #fff;
  }
  #event .system-pic img {
    max-width: 100%;
    max-height: 242px;
    width: auto;
    height: auto;
  }
  #event .system-icon02 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 0.12em;
  }
  #event .system-icon02 .icon02-01 {
    width: 90px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    background-color: #d24a4a;
  }
  #event .system-icon02 .icon02-03 {
    width: 90px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    background-color: #d24a4a;
  }
  #event .system-icon02 .icon02-02 {
    width: 90px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    background-color: #164b6d;
  }
  #event .system-ttl-01 {
    font-size: 16px;
    color: #282828;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 24px;
  }
  #event .system-date-box {
    font-size: 12px;
    color: #282828;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 12px;
    padding: 5px;
    padding-bottom: 0;
    margin-bottom: 56px;
  }
  #event .system-date-box .system-date-list .list-01 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0;
  }
  #event .system-date-box .system-date-list .list-01:last-child {
    border-bottom: none;
  }
  #event .system-date-box .system-date-list .list-01 .system-date-ttl {
    width: 6em;
    margin-right: 16px;
    padding-left: 15px;
  }
  #event .system-date-box .system-date-list .list-01 .system-date-dl {
    width: 235px;
    word-wrap: break-word;
  }
  #event .btn {
    width: 800px;
    margin: 0 auto;
  }

.sns-bnr-box{width: 1280px; margin: 0 auto 90px;}
.sns-bnr-box .yt-bnr{margin:110px auto 50px;}

/*============================
#about
============================*/
  #about {
    margin-bottom: 155px;
  }
  #about .inner {
    width: 1200px;
    margin: 0 auto;
  }
  #about .inner .ttl {
    color: #a07d39;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
  }
  #about .inner .txt {
    color: #221815;
    font-size: 18px;
    text-align: center;
    margin-bottom: 32px;
  }
  #about .inner .list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #about .inner .list li:hover .list-txt{
    text-decoration: underline;
  }

  #about .inner .list li:nth-child(3):hover .list-txt{
    text-decoration: none;
    }


  #about .inner .list .pic-box {
    position: relative;
  }
  #about .inner .list .pic-box .txt-box {
    position: absolute;
    bottom: 0;
    width: 315px;
    background-color: #fff;
    padding-top: 16px;
    padding-left: 20px;
    padding-bottom: 16px;
    padding-right: 16px;
  }
  #about .inner .list .pic-box .txt-box .list-ttl {
    margin-bottom: 10px;
  }
  #about .inner .list .pic-box .txt-box .list-ttl .list-num {
    font-family: 'Barlow Condensed', sans-serif;
    margin-right: 16px;
    font-size: 24px;
    color: #a07d39;
  }
  #about .inner .list .pic-box .txt-box .list-ttl .en {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    color: #000000;
  }
  #about .inner .list .pic-box .txt-box .list-txt {
    font-size: 14px;
  }
  /*============================
#welcome
============================*/
  #welcome {
    background-image: url(../images/index/welcome-bg.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 100px;
    margin-bottom: 120px;
  }
  #welcome .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    background-color: #a07d39;
    padding-top: 130px;
    padding-bottom: 30px;
  }
  #welcome .inner .ttl {
    position: absolute;
    top: -110px;
    left: 65px;
  }
  #welcome .inner .txt-img {
    position: absolute;
    top: 40px;
    left: 153px;
  }
  #welcome .inner .deco {
    position: absolute;
    top: -124px;
    right: 50px;
  }
  #welcome .inner .list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative;
    width: 1200px;
    margin-left: -88px;
  }
  #welcome .inner .list li {
    background-color: #fff;
    width: 280px;
    margin-right: 20px;
  }
  #welcome .inner .list li:last-child {
    margin-right: 0;
  }
  #welcome .inner .btn {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 18px;
    background-image: url(../images/index/welcome-btn-bg.png);
    background-repeat: no-repeat;
  }
  #welcome .inner .txt-02 {
    text-align: center;
    color: #221815;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  /*============================
#line-up
============================*/
  #line-up {
    background-image: url(../images/index/line-up-ttl-bg.jpg);
    background-repeat: repeat;
    background-position: center;
    margin-bottom: 160px;
    padding: 90px 0 60px;
  }
  #line-up .inner {
    width: 1335px;
    margin: 0 auto;
  }
  #line-up .inner .ttl {
    text-align: center;
    margin-bottom: 37px;
  }
  #line-up .inner .txt-01 {
    text-align: center;
    color: #221815;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 49px;
  }
  #line-up .inner .list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 72px;
  }
  #line-up .inner .list li {
    margin-right: 15px;
  }
  #line-up .inner .list li:last-child {
    margin-right: 0;
  }
  #line-up .inner .bnr {
    text-align: center;
    margin-bottom: 120px;
  }

  #line-up .se-bnr{ width: 1200px; margin: 0 auto 60px; }
  #line-up .sky-bnr{ width: 1200px; margin: 0 auto 60px; }
  #line-up .hiraya-bnr{ width: 1200px; margin: 0 auto 0px; }
    
    .yumekyoukaseries{width: 1200px;margin: 0 auto 30px;}
    .yumekyoukaseries h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 40px;font-weight: bold;text-align: center;margin-bottom: 25px;color: #5B410F;background-image: url("../images/index/yumekyoukaseries-bg.png");background-repeat: no-repeat;background-position: top 15px center;}
    .yumekyoukaseries h2 span{ background-color: #F1ECD8; padding: 0 20px; }
    .yumekyoukaseries ul{overflow: hidden;margin-bottom: 30px;}
    .yumekyoukaseries ul li{width: 543px;float: left;}
    .yumekyoukaseries ul li:nth-child(2){float: right;}
    .yumekyoukaseries ul li dt{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 20px;}
    .yumekyoukaseries ul li:nth-child(1) dt{color: #946733;}
    .yumekyoukaseries ul li:nth-child(2) dt{color: #363636;}
    .yumekyoukaseries .yumekyoukaseries-btn{width: 500px;margin: 0 auto 100px;}
    .yumekyoukaseries .yumekyoukaseries-btn a{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 20px;font-weight: bold; letter-spacing: 2px; text-align: center;color: #fff;display: block; background-color: #282828;width: 100%;padding: 20px 0;}
    
    
    
    
    
  /*============================
#case
============================*/
  #case {
    margin-bottom: 123px;
  }
  #case .inner-Box {
    padding: 0 64px;
  }
  #case .inner-Box .ttl {
    text-align: center;
    margin-bottom: 40px;
  }
  #case .inner-Box .ttl .en {
    font-family: 'Bree Serif', serif;
    font-size: 20px;
    margin-bottom: 18px;
    display: block;
  }
  #case .inner-Box .ttl .jp {
    color: #282828;
    font-size: 24px;
    letter-spacing: 0.05em;
  }
  #case .inner-Box .system-list {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #case .inner-Box .system-list li {
    width: 33.2%;
    margin-right: 0.2%;
    margin-bottom: 48px;
  }
  #case .inner-Box .system-list li:nth-child(3n) {
    margin-right: 0px;
  }
  #case .inner-Box .system-list .system-date {
    letter-spacing: 0.05em;
    color: #9fa0a0;
    font-size: 12px;
    padding: 0 6px;
    line-height: 1.6;
  }
  #case .inner-Box .system-list .system-ttl-01 {
    color: #282828;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 0 6px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.5;
  }
  #case .inner-Box .btn {
    text-align: center;
  }
  #case .system-pic {
    width: 100%;
    height: 400px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 16px;
  }
  #case .system-pic img {
    width: 100%;
    height: 400px;
  }
  /*============================
#voice
============================*/
  #voice {
    background-image: url(../images/index/voice-bg.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    margin-bottom: 125px;
  }
  #voice a:hover img {
    opacity: 1.0;
  }
  #voice .inner-Box {
    position: relative;
    padding-top: 112px;
    width: 1140px;
    margin: 0 auto;
  }
  #voice .inner-Box .ttl {
    font-size: 24px;
    color: #282828;
    letter-spacing: 0.05em;
    margin-bottom: 35px;
    text-align: center;
    font-weight: 700;
  }
  #voice .inner-Box .deco {
    position: absolute;
    top: -8px;
    right: 10px;
  }
  #voice .inner-Box .system-list {
    margin-bottom: 35px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #voice .inner-Box .system-list li {
    width: 360px;
    margin-right: 30px;
    padding: 0 20px 32px;
    background-color: #fff;
    position: relative;
  }

  #voice .inner-Box .system-list li:nth-child( n + 4){
display: none;
  }


  #voice .inner-Box .system-list li:nth-child(3n) {
    margin-right: 0px;
  }
  #voice .inner-Box .system-list .system-frame-box {
    height: 350px;
    margin-bottom: 24px;
  }
  #voice .inner-Box .system-list .system-frame-box .system-frame {
    position: absolute;
    top: 0;
    left: 0;
  }
  #voice .inner-Box .system-list .system-customer {
    font-size: 12px;
    color: #ed6c00;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin-bottom: 16px;
    font-weight: 500;
  }
  #voice .inner-Box .system-list .system-ttl-01 {
    font-size: 18px;
    color: #282828;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
  #voice .inner-Box .btn {
    text-align: center;
  }
  #voice .inner-Box .btn:hover{
    opacity: 0.8;
  }



  #voice .system-pic {
    width: 320px;
    height: 260px;
    padding-top: 72px;
    margin-bottom: 24px;
  }
  #voice .system-pic img {
    width: 320px;
    height: 260px;
  }
  #voice .system-frame-txt {
    width: 100%;
    position: absolute;
    top: 295px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #voice .system-frame-txt .system-frame-en {
    font-size: 16px;
    padding-top: 15px;
    margin-right: 6px;
  }
  #voice .system-frame-txt .system-frame-num {
    font-size: 36px;
  }
  /*============================
#o-bnr-01
============================*/
  #o-bnr-01 {
    margin-bottom: 40px;
  }
  #o-bnr-01 .inner {
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/index/o-bnr-bg.jpg);
    padding: 50px;
  }
  #o-bnr-01 .inner .bnr-box {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #o-bnr-01 .inner .bnr-box .bnr-box-l {
    width: 530px;
    margin-right: 40px;
  }
  #o-bnr-01 .inner .bnr-box .bnr-box-r {
    width: 530px;
  }
  #o-bnr-01 .inner .bnr-box .bnr-box-r li {
    margin-bottom: 10px;
  }
  #o-bnr-01 .inner .bnr-box .bnr-box-r li:last-child {
    margin-bottom: 0;
  }

  .owners-bnr-box{ width: 1280px; margin: 0 auto 80px; }


.jp_slide_img_wrapper {
    position: relative;
    width: 100%;
    height: 390px;
    background-image: url('../images/index/sanyo-staff-rr.png');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0;
    animation-name: slide_img;
    animation-duration: 200s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes slide_img {
    100% {
        background-position: -10000px 0;
        }
}
.jp_slide_img_overlay{
    position: absolute;
    top: 0%;
    right: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
}
.main_catch {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.main_catch .logo {
    max-width: 250px;
    margin: 0 auto 15px;
}
.main_catch .logo img {
    max-width: 100%;
    height: auto;
}



  #staff {
    background-image: url(../images/index/sanyo-staff-bg.jpg);
    padding-top: 170px;
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 100px;
    overflow: hidden;
  }
  #staff .inner-box {
    position: relative;
  }
  #staff .inner-box .ttl {
    width: 739px;
    margin: 0 auto;
    left: 0;
    right: 16px;
    top: -280px;
    position: absolute;
  }
  #staff .deco {
    position: absolute;
    bottom: 137px;
  }
  #staff .deco-bottom {
    position: absolute;
    bottom: 0;
  }
  #staff .btn {
    position: absolute;
    z-index: 5;
    width: 800px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 25px;
background-image: url(../images/index/sanyo-staff-btn-bg.png);
background-repeat: no-repeat;

  }


#staff #slider img{ }


  #staff #slider li.bx-clone {
    opacity: 0.0;
  }
  .recruit-bnr {
    width: 800px;
    margin: 0 auto;
    margin-bottom: 115px;
  }
  #b-n-box {
    width: 1060px;
    margin: 0 auto 110px;
  }
  #b-n-box .inner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #b-n-box .b-box,#b-n-box .c-box {
    margin-right: 30px;
  }
  #b-n-box .b-box, #b-n-box .n-box, #b-n-box .c-box {
    width: 500px;
    position: relative;
  }
  #b-n-box .b-box .ttl, #b-n-box .n-box .ttl, #b-n-box .c-box .ttl {
    padding-top: 12px;
    margin-bottom: 27px;
  }
  #b-n-box .b-box .system-list li, #b-n-box .n-box .system-list li, #b-n-box .c-box .system-list li {
    padding-left: 20px;
    padding-bottom: 16px;
    background-color: #f7f4ec;
    background-image: url(../images/index/blog-space.jpg);
    background-repeat: repeat-x;
    background-position: 0 top;
  }
  #b-n-box .b-box .system-list .ff-box, #b-n-box .n-box .system-list .ff-box, #b-n-box .c-box .system-list .ff-box {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #b-n-box .b-box .system-list .system-txt, #b-n-box .n-box .system-list .system-txt, #b-n-box .c-box .system-list .system-txt {
    width: 170px;
    padding-top: 34px;
    padding-right: 20px;
  }
  #b-n-box .b-box .system-list .system-txt, #b-n-box .n-box .system-list .system-txt, #b-n-box .c-box .system-list .system-txt {
    color: #282828;
  }
  #b-n-box .b-box .system-list .system-txt .system-ttl, #b-n-box .n-box .system-list .system-txt .system-ttl, #b-n-box .c-box .system-list .system-txt .system-ttl {
    color: #a07d39;
    line-height: 1.6;
    margin-bottom: 32px;
    
  }
  #b-n-box .b-box .system-list li:hover .system-txt .system-ttl, #b-n-box .n-box .system-list li:hover .system-txt .system-ttl, #b-n-box .c-box .system-list li:hover .system-txt .system-ttl {text-decoration: underline;}

  #b-n-box .b-box .btn, #b-n-box .n-box .btn, #b-n-box .c-box .btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  #b-n-box .b-box .system-pic, #b-n-box .n-box .system-pic, #b-n-box .c-box .system-pic {
    width: 170px;
    height: 122px;
    overflow: hidden;
    text-align: center;
    margin-right: 18px;
  }
  #b-n-box .b-box .system-pic img, #b-n-box .n-box .system-pic img, #b-n-box .c-box .system-pic img {
    width: 177px;
    height: 122px;
    object-fit: cover;
  }

  .kako-blog{
    width: 633px;
    margin: 0 auto;
    }

}

@media screen and (min-width: 1889px) {
  #case .inner-Box {
    width: 1900px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1888px) {
  #case .system-pic {
    height: 362px;
  }
  #case .system-pic img {
    height: 362px;
  }
}

@media screen and (max-width: 1800px) {
  #case .system-pic {
    height: 337px;
  }
  #case .system-pic img {
    height: 337px;
  }
}

@media screen and (max-width: 1700px) {
  #case .system-pic {
    height: 317px;
  }
  #case .system-pic img {
    height: 317px;
  }
}

@media screen and (max-width: 1600px) {
  #case .system-pic {
    height: 297px;
  }
  #case .system-pic img {
    height: 297px;
  }
}

@media screen and (max-width: 1500px) {
  #case .system-pic {
    height: 277px;
  }
  #case .system-pic img {
    height: 277px;
  }
}

@media screen and (max-width: 1400px) {
  #case .system-pic {
    height: 257px;
  }
  #case .system-pic img {
    height: 257px;
  }
}

@media screen and (max-width: 1300px) {
  #case .system-pic {
    height: 237px;
  }
  #case .system-pic img {
    height: 237px;
  }
}

@media screen and (max-width: 1281px) {
  #case .inner-Box {
    width: 1280px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1290px) {
#slider-box {
  width: 100%;
}

#line-up .inner{
  width: 100%;
  margin-bottom: 5%;
}
#line-up .inner .list{
  width: 96%;
  margin: 0 auto 5%;
}

#line-up .inner .list li{
  width: 32%;
  margin-right: 2%;
}

#line-up .inner .list li img{
  width: 100%;
}

#line-up .inner .bnr {
    text-align: center;
    margin: -4% 0% 0% 0%;
}





}

@media screen and (max-width: 767px) {
  .main-link-area {
    padding: 5%;
    background-color: #e6e6e6;
    margin-bottom: 9%;
  }
  .main-link-area .list li {
    margin-bottom: 4%;
  }
  .main-link-area .list li:last-child {
    margin-bottom: 0;
  }

.movie-box{ width:90vw; height:50vw; margin:0 auto 12vw; }
.movie-box iframe{ width:100%; height:100%; }
.se-bnr-box{ width:90vw; margin:0 auto 18vw; }

  /* event -------------------------------------*/

  #event {
    margin-bottom: 11%;
  }

  #event .inner-Box {
    width: 95%;
    margin: 0 auto 5%;
    background-image: url(../images/index/event-bg.jpg);
    background-position: 0 50px;
    background-repeat: no-repeat;
    position: relative;
    padding: 0 2.5% 8%;
  }
  #event .system-list {
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #event .system-list li {
    width: 47.5%;
    margin-right: 5%;
    position: relative;
  }
  #event .system-list li:nth-child(2n) {
    margin-right: 0px;
  }

  #event .system-pic {
    width: 100%;
    height: 140px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 4%;
    background-color: #fff;
  }
  #event .system-pic img {
    max-width: 100%;
    max-height: 140px;
    width: auto;
    height: auto;
  }
  #event .system-icon02 {
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 0.12em;
  }
  #event .system-icon02 .icon02-01 {
    width: 5em;
    padding-top: 11%;
    padding-bottom: 8%;
    display: block;
    background-color: #d24a4a;
  }
  #event .system-icon02 .icon02-03 {
    width: 5em;
    padding-top: 11%;
    padding-bottom: 8%;
    display: block;
    background-color: #d24a4a;
  }
  #event .system-icon02 .icon02-02 {
    width: 5em;
    padding-top: 11%;
    padding-bottom: 8%;
    display: block;
    background-color: #164b6d;
  }
  #event .system-ttl-01 {
    font-size: 1.6rem;
    color: #282828;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 4%;
  }
  #event .system-date-box {
    font-size: 1.2rem;
    color: #282828;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 12px;
    padding: 3% 5% 4%;
    margin-bottom: 7%;
  }
  #event .system-date-box .system-date-list .list-01 {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dotted #ccc;
    padding: 3% 0 4%;
  }
  #event .system-date-box .system-date-list .list-01:last-child {
    border-bottom: none;
  }
  #event .system-date-box .system-date-list .list-01 .system-date-ttl {
    width: 100%;
    margin-bottom: 3%;
  }
  #event .system-date-box .system-date-list .list-01 .system-date-dl {
    width: 100%;
    word-wrap: break-word;
  }
  #event .btn {
text-align: center;
 }

 #event .btn img{
width: 80%;
   }

.sns-bnr-box{width: 90vw; margin: 14vw auto 13vw;}
.sns-bnr-box .yt-bnr{margin: 0vw auto 7vw;}


/*============================
#about
============================*/
#about {
  margin-bottom: 12%;
}
#about .inner {
  width: 94%;
  margin: 0 auto;
}
#about .inner .ttl {
  color: #a07d39;
  font-size: 3.0rem;
  font-weight: 700;
  margin-bottom: 3%;
  text-align: center;
}
#about .inner .txt {
  color: #221815;
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 5%;
  font-weight: 700;
  line-height: 1.6;
}
#about .inner .list {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#about .inner .list li{
width: 47.5%;
margin-right: 5%;
margin-bottom: 5%;
}

#about .inner .list li:nth-child(2n){
  margin-right: 0%;
  }


#about .inner .list .pic-box {
  position: relative;
}
#about .inner .list .pic-box .txt-box {


}
#about .inner .list .pic-box .txt-box .list-ttl {
  margin-bottom: 4%;
}
#about .inner .list .pic-box .txt-box .list-ttl .list-num {
  font-family: 'Barlow Condensed', sans-serif;
  margin-right: 16px;
  font-size: 1.8rem;
  color: #a07d39;
}
#about .inner .list .pic-box .txt-box .list-ttl .en {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.8rem;
  color: #000000;
}
#about .inner .list .pic-box .txt-box .list-txt {
  font-size: 1.2rem;
  color: #898989;
  line-height: 1.6;
}
/*============================
#welcome
============================*/
#welcome {
  background-image: url(../images/index/sp-welcome-bg.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  margin-bottom: 12%;
  background-size: contain;
}
#welcome .inner {
  width: 94.5%;
  margin: 0 auto;
  position: relative;
  background-color: #a07d39;
  padding-bottom: 8%;
}


#welcome .inner .list {
  position: relative;
  width: 94%;
  margin: 0 auto 6%;
}
#welcome .inner .list li {
  background-color: #fff;
  width: 100%;
}
#welcome .inner .list li:last-child {
  margin-right: 0;
}
#welcome .inner .btn {
width: 84.5%;
margin: 0 auto 4%;
}
#welcome .inner .txt-02 {
  text-align: center;
  color: #221815;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
/*============================
#line-up
============================*/
#line-up {
  background-image: url(../images/index/line-up-ttl-bg.jpg);
  background-repeat: no-repeat;
  background-position: center 15vw;
  padding-bottom: 6%;
  margin-bottom: 8vw;
  background-size: 670%;
}
#line-up .inner {
  width: 94%;
  margin: 0 auto;
  }
#line-up .inner .ttl {
  text-align: center;
}
#line-up .inner .txt-01 {
  text-align: center;
  color: #221815;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 4%;
  line-height: 1.6;
}
#line-up .inner .list {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

}
#line-up .inner .list li {
  width: 47.5%;
  margin-right: 5%;
  margin-bottom: 5%;
}
#line-up .inner .list li:nth-child(2n) {
  margin-right: 0%;
}


#line-up .inner .list li:last-child {
  margin-right: 0;
}
#line-up .inner .bnr {
  text-align: center;
}

#line-up .se-bnr {
  padding: 0 5vw; margin-bottom: 5vw;
}  

#line-up .sky-bnr {
  padding: 0 5vw; margin-bottom: 5vw;
}  

#line-up .hiraya-bnr {
  padding: 0 5vw; margin-bottom: 10vw;
}  
    
    .yumekyoukaseries{width: 90%;margin: 10% auto 12%;}
    .yumekyoukaseries h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 8.0vw;font-weight: bold;text-align: center;margin-bottom: 8%;color: #5B410F;background-image: url("../images/index/yumekyoukaseries-bg.png");background-repeat: no-repeat;background-position: top 10vw center;}
    .yumekyoukaseries h2 span{ background-color: #F1ECD8; padding: 0 1vw; }
    .yumekyoukaseries ul{margin-bottom: 5%;}
    .yumekyoukaseries ul li{width: 90%;margin: 0 auto 5%;}
    .yumekyoukaseries ul li dt{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 5.0vw;font-weight: bold;text-align: center;margin-bottom: 3%;}
    .yumekyoukaseries ul li:nth-child(1) dt{color: #946733;}
    .yumekyoukaseries ul li:nth-child(2) dt{color: #363636;}
    .yumekyoukaseries .yumekyoukaseries-btn{width: 80%;margin: 0 auto 16vw;}
    .yumekyoukaseries .yumekyoukaseries-btn a{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 4.0vw;font-weight: bold; letter-spacing: 2px; text-align: center;color: #fff;display: block; background-color: #282828;width: 100%;padding: 4% 0 3%;}
    
    
    
    
/*============================
#case
============================*/
#case {
  margin-bottom: 12%;
}
#case .inner-Box {
  width: 94%;
  margin: 0 auto;
}
#case .inner-Box .ttl {
  text-align: center;
  margin-bottom: 6%;
  line-height: 1.6;
  font-size: 1.4rem;
}
#case .inner-Box .ttl .en {
  font-family: 'Bree Serif', serif;
  font-size: 1.8rem;
  margin-bottom: 2%;
  display: block;
}
#case .inner-Box .ttl .jp {
  color: #282828;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
#case .inner-Box .system-list {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#case .inner-Box .system-list li {
  width: 47.5%;
  margin-right: 5%;
  margin-bottom: 8%;
}

#case .inner-Box .system-list li:nth-child( n + 9) {
display: none;
}

#case .inner-Box .system-list li:nth-child(2n) {
  margin-right: 0px;
}
#case .inner-Box .system-list .system-date {
  letter-spacing: 0.05em;
  color: #9fa0a0;
  font-size: 12px;
  padding: 0 6px;
  line-height: 1.6;
}
#case .inner-Box .system-list .system-ttl-01 {
  color: #282828;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  padding: 0 6px;
  font-weight: 700;
  margin-bottom: 6%;
  line-height: 1.45;
}
#case .inner-Box .btn {
width: 84.5%;
margin: 0 auto;
}
#case .system-pic {
  width: 100%;
  height: 125px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 4%;
}
#case .system-pic img {
  width: 100%;
  height: 125px;
}
/*============================
#voice
============================*/
#voice {
  background-image: url(../images/index/sp-voice-bg.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  margin-bottom: 12%;
  background-size: 100%;
}
#voice a:hover img {
  opacity: 1.0;
}
#voice .inner-Box {
  position: relative;
  padding-top: 16%;
  width: 94%;
  margin: 0 auto;
}
#voice .inner-Box .ttl {
  font-size: 1.6rem;
  color: #282828;
  letter-spacing: 0.05em;
  margin-bottom: 5%;
  text-align: center;
  font-weight: 700;
  line-height: 1.6;
}
#voice .inner-Box .deco {
  position: absolute;
  top: -8px;
  right: 10px;
}
#voice .inner-Box .system-list {
  margin-bottom: 5%;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#voice .inner-Box .system-list li {
  width: 47.5%;
  margin-right: 5%;
  padding: 0 4% 5%;
  background-color: #fff;
  position: relative;
}

#voice .inner-Box .system-list li:nth-child(2n) {
  margin-right: 0px;
}

#voice .inner-Box .system-list .system-frame-box {
  height: 190px;
  margin-bottom: 4%;
}
#voice .inner-Box .system-list .system-frame-box .system-frame {
  position: absolute;
  top: 0;
  left: 0;
}
#voice .inner-Box .system-list .system-customer {
  font-size: 12px;
  color: #ed6c00;
  letter-spacing: 0.05em;
  line-height: 1.6;
  margin-bottom: 4%;
  font-weight: 500;
}
#voice .inner-Box .system-list .system-ttl-01 {
  font-size: 1.6rem;
  color: #282828;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
#voice .inner-Box .btn {
  width: 84.5%;
  margin: 0 auto;
  text-align: center;
}
#voice .system-pic {
  width: 100%;
  height: 140px;
  padding-top: 25%;
  margin-bottom: 4%;
}
#voice .system-pic img {
  width: 100%;
  height: 140px;
}
#voice .system-frame-txt {
  width: 85%;
  position: absolute;
  top: 36vw;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#voice .system-frame-txt .system-frame-en {
  font-size: 1.0rem;
  padding-top: 2%;
  margin-right: 6px;
}
#voice .system-frame-txt .system-frame-num {
  font-size: 1.8rem;
}
/*============================
#o-bnr-01
============================*/
#o-bnr-01 {
  margin-bottom: 6%;
}
#o-bnr-01 .inner {
  width: 94%;
  margin: 0 auto;
  background-image: url(../images/index/o-bnr-bg.jpg);
  padding: 5%;

}
#o-bnr-01 .inner .bnr-box {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#o-bnr-01 .inner .bnr-box .bnr-box-l {
  width: 100%;
  margin-bottom: 5%;
}
#o-bnr-01 .inner .bnr-box .bnr-box-r {
  width: 100%;
}
#o-bnr-01 .inner .bnr-box .bnr-box-r li {
  margin-bottom: 4%;
}
#o-bnr-01 .inner .bnr-box .bnr-box-r li:last-child {
  margin-bottom: 0;
}

.owners-bnr-box{ margin: 0 5vw 9vw; }

#staff {
  background-image: url(../images/index/sp-sanyo-staff-bg.jpg);
  padding-top: 46%;
  padding-bottom: 7%;
  background-position: center 0;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 10%;
  background-size: cover;
}

#staff .sp-btn{
width: 84.5%;
margin: 0 auto;
}


#staff .inner-box {
  position: relative;
}
#staff .inner-box .ttl {
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 16px;
  top: -85px;
  position: absolute;
}
#staff .deco {
  position: absolute;
  bottom: 137px;
}
#staff .deco-bottom {
  position: absolute;
  bottom: 0;
}
#staff .btn {
  position: absolute;
  z-index: 5;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 25px;
}
#staff #slider li.bx-clone {
  opacity: 0.0;
}
.recruit-bnr {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12%;
}
#b-n-box {
  width: 94%;
  margin: 0 auto 10%;
}
#b-n-box .inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#b-n-box .b-box, #b-n-box .c-box {
  margin-bottom: 8%;
}
#b-n-box .b-box, #b-n-box .n-box, #b-n-box .c-box {
  width: 100%;
  position: relative;
}

#b-n-box .b-box .system-list, #b-n-box .n-box .system-list, #b-n-box .c-box .system-list{
margin-bottom: 8%;
}

#b-n-box .b-box .btn, #b-n-box .n-box .btn, #b-n-box .c-box .btn{
  width: 84.5%;
  margin: 0 auto;
  }


#b-n-box .b-box .ttl, #b-n-box .n-box .ttl, #b-n-box .c-box .ttl {
  padding-top: 12px;
  margin-bottom: 4%;
  text-align: center;
}
#b-n-box .b-box .system-list li, #b-n-box .n-box .system-list li, #b-n-box .c-box .system-list li {
  padding-left: 4%;
  padding-bottom: 4%;
  background-color: #f7f4ec;
  background-image: url(../images/index/blog-space.jpg);
  background-repeat: repeat-x;
  background-position: 0 top;
}
#b-n-box .b-box .system-list .ff-box, #b-n-box .n-box .system-list .ff-box, #b-n-box .c-box .system-list .ff-box {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#b-n-box .b-box .system-list .system-txt, #b-n-box .n-box .system-list .system-txt, #b-n-box .c-box .system-list .system-txt {
  width: 60%;
  padding-top: 8%;
  padding-right: 4%;
}
#b-n-box .b-box .system-list .system-txt, #b-n-box .n-box .system-list .system-txt, #b-n-box .c-box .system-list .system-txt {
  color: #282828;
}
#b-n-box .b-box .system-list .system-txt .system-ttl, #b-n-box .n-box .system-list .system-txt .system-ttl, #b-n-box .c-box .system-list .system-txt .system-ttl {
  color: #a07d39;
  line-height: 1.6;
  margin-bottom: 5%;
}

#b-n-box .b-box .btn, #b-n-box .n-box .btn, #b-n-box .c-box .btn {

}
#b-n-box .b-box .system-pic, #b-n-box .n-box .system-pic, #b-n-box .c-box .system-pic {
  width: 35%;
  height: 100px;
  overflow: hidden;
  text-align: center;
  margin-right: 5%;
}
#b-n-box .b-box .system-pic img, #b-n-box .n-box .system-pic img, #b-n-box .c-box .system-pic img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.kako-blog{
  width: 94%;
  margin: 0 auto -5%;
  }


}

@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;
  }
  #voice .inner-Box .system-list .system-frame-box {
    height: 175px;
  } 
  #voice .system-frame-txt {
  }


}

@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;
  }
}
/*# sourceMappingURL=page-top.css.map */