@charset "utf-8";
/**
 * style.css
 */

/* index
--------------------------------------------------*/
/* layout */


/* loading
--------------------------------------------------*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 20000;
/*  display: none;*/
}
#loading > div {
  display: table;
  width: 100%;
  height: 100%;
}
#loading p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* panels
--------------------------------------------------*/
/*
#panelArea {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
#panelArea.stop {
  position: relative;
}
*/

/*#topCurtain,*/
.panels {
 /* overflow: hidden;*/
/*  position: absolute;*/
  position: relative;
  top: 0;
  left: 0;
/*  width: 0;*/
/*  height: 100%;*/
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.inTable {
  display: table;
  width: 100%;
  height: 100%;
}
.inCell {
/*  display: table-cell;*/
  width: 100%;
  vertical-align: middle;
  background-color: #eee;
}
 .inTtl {
/*  position: relative;*/
/*  left: -100%;*/
  max-width: 450px;
  width: 60%;
}
 .textGroup {
  max-width: 405px;
  margin: 40px 0 0 80px;
}
.textGroup > * {
/*  position: relative;*/
  top: 60px;
/*  opacity: 0;*/
}
.textGroup .inText {
  font-size: 16px;
  color: #000;
  line-height: 2.25;
}
.textGroup .inBtn {
  margin-top: 40px;
}
.textGroup .inBtn a {
  display: inline-block;
  padding: 17px 60px;
  line-height: 1;
  font-size: 14px;
  color: #436067;
  border: #436067 solid 1px;
  text-decoration: none;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.textGroup .inBtn a:hover {
  color: #fff;
  background-color: #436067;
}
#part02 .textGroup .inBtn a:hover {
    background-color: #30838a;
}
#part03 .textGroup .inBtn a:hover {
    background-color: #555e43;
}
#part04 .textGroup .inBtn a:hover {
    background-color: #6f5846;
}
#part05 .textGroup .inBtn a:hover {
    background-color: #604645;
}
#part06 .textGroup .inBtn a:hover {
    background-color: #5e5838;
}
.textGroup .inBtn .soon {
  display: inline-block;
  padding: 17px 60px;
  line-height: 1;
  font-size: 14px;
  color: #436067;
  border: #436067 solid 1px;
  background: rgba(67, 96, 104, .6);
}
#part01 .textGroup .inBtn .soon {
  color: #30838a;
    border: #30838a solid 1px;
    background: rgba(48, 131, 138, .6);
}
#part02 .textGroup .inBtn .soon {
  color: #555e43;
    border: #555e43 solid 1px;
    background: rgba(85, 94, 67, .6);
}
#part03 .textGroup .inBtn .soon {
  color: #6f5846;
  border: #6f5846 solid 1px;
  background: rgba(111, 88, 70, .6);
}
#part04 .textGroup .inBtn .soon {
  color: #604645;
  border: #604645 solid 1px;
  background: rgba(96, 70, 69, .6);
}
#part05 .textGroup .inBtn .soon {
  color: #5e5838;
  border: #5e5838 solid 1px;
  background: rgba(94, 88, 56, .6);
}
.panels.now {
  z-index: 2;
}

#part01 {background: rgba(217, 235, 238, 0.8);/* background-color: #d9ebee; */}
#part02 {background: rgba(223, 235, 235, 0.8);/* background-color: #dfebeb; */}
#part03 {background: rgba(233, 235, 221, 0.8);/* background-color: #e9ebdd; */}
#part04 {background: rgba(254, 242, 235, 0.8);/* background-color: #fef2eb; */}
#part05 {background: rgba(250, 241, 242, 0.8);/* background-color: #faf1f2; */}
#part06 {background: rgba(243, 242, 233, 0.8);/* background-color: #f3f2e9; */}
#sec02 .inCell,
#sec09 .inCell { background-color: #F3F2EA; }
#sec02.now,
#sec09.now {
    width: 100% !important;
    left: 0 !important;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


/* add '18.08.21 */
.hd-fix { /*padding-top: 135px;*/ padding-top: 79px;}
.topsliderWrap{}
.topsliderWrap li img{ width: 100%;}
.topsliderWrap li img.sp-bl{ display: none;}
.topsliderWrap .bx-wrapper { margin: 0 auto;}

.bx-wrapper{z-index: 1!important;}
@media screen and (max-width: 768px){
  .hd-fix { padding-top: 63px;}
.topsliderWrap li img.sp-bl{ display: block;}
}


/* sec01
--------------------------------------------------*/
#sec01.panels {
  width: 100%;
  right: 0;
}

/* topHeader
--------------------------------------------------*/
#topHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#topHeader.none {
  display: none;
}
#topSiteTitle {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}
#topHeadBtns {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
#topHeadBtns li {
  float: left;
}
#topHeadBtns li + li {
  margin-left: 10px;
}
#topHeadBtns li a {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 120px;
  padding: 16px 0;
  color: #473c30;
  font-size: 13px;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  /*border: #177f85 solid 1px;*/
  /*background-color: rgba(242,242,238,0.6);*/
  font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝B', 'ＭＳ 明朝', serif;
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(196,184,136,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(196,184,136,1) 100%);

}
#topHeadBtns li a:hover {
  opacity: 0.7;
}
#topHeadBtns li.req a {
  width: 200px;
  padding: 13px 0 14px;
  color: #fff;
  font-size: 18px;
  border: none;
  background: url(../imgs/btn_bg.jpg) repeat-x left top;
  background-size: auto 100%;
}
#topHeadBtns li.req a:hover {
  opacity: 0.7;
  background-color: #ab2198;
}
#secLogo {
  position: absolute;
  top: 140px;
  left: 80px;
}
#topCurtain {
  background-color: #f2f2ee;
  z-index: 3;
}
@media only screen and (max-width:768px) {
    html {
        overflow: inherit;
    }

  #topSiteTitle {
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 10px 15px;
    text-align: center;
  }
  #topHeadBtns {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
  }
  #topHeadBtns li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  #topHeadBtns li a,
  #topHeadBtns li.req a {
    display: block;
    width: 90px;
    padding: 15px 0;
    font-size: 13px;
    text-decoration: none;
    line-height: 1;
    text-align: center;
  }
  #topHeadBtns li.req a {
    color: #fff;
    border: none;
    background-color: #ab2198;
  }
}

#mainTextWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#mainText {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px;
}
#mainText > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#mainText > div p {
  opacity: 0;
}
#mainText > div p + p {
  margin-top: 20px;
}
#mainText > div p img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width:768px) {
}

#mainLogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#mainLogo > div {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  width: 100%;
  height: 100%;
  padding: 30px;
}
#mainLogo > div > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#mainLogo > div > div > div {
  position: relative;
  display: inline-block;
      max-width: 400px;
}
#mainLogo > div > div > div span {
  display: block;
  transform: scale(2.5);
  opacity: 0;
}
#mainLogo > div > div > div span.num02,
#mainLogo > div > div > div span.num03 {
  position: absolute;
  top: 0;
  left: 0;
}
#mainLogo > div img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width:768px) {
  #mainLogo > div {
    padding-top: 60px;
  }
}

.skip {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5000;
    height: 37px;
}
.replay {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5000;
    display: none;
    height: 37px;
}
/*
.icoScroll {
    position: absolute;
    right: 0;
    left: 0;
    top: 47% !important;
    margin: 0 auto;
    z-index: 15000;
    text-align: center;
    width: 50px;
}

.icoScroll a {
    position: relative;
    z-index: 2;
    display: block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    color: #FFF;
    cursor: default;
}

.icoScroll a {
  padding-top: 60px;
}
.icoScroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.icoScroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
*/

.icoScroll {display: none!important;}



@media only screen and (max-width:768px) {
  .skip {
      position: absolute;
      top: 150px;
      right: 0;
      bottom: inherit;
  }
  .replay {
      position: absolute;
      top: 150px;
      right: 0;
      bottom: inherit;
  }
}


@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}




/* panelBgs
--------------------------------------------------*/
#panelBgs {
  position: absolute;
  top: 136px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
    overflow: hidden;
}
#panelBgs > div {
  position: absolute;
  top: -136px;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*text-indent: -9999px;*/
}
#panelBgs > div.now {
  z-index: 2;
}
#panelBgs > div video {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}


#panelBgs .bg03 { background-image: url(../img/home/pc/mid_poster.jpg); }
#panelBgs .bg04 { background-image: url(../img/home/pc/ideal_poster.jpg); }
#panelBgs .bg05 { background-image: url(../img/home/pc/train_poster.jpg); }
#panelBgs .bg06 { background-image: url(../img/home/pc/always_poster.jpg); }
#panelBgs .bg07 { background-image: url(../img/home/pc/kind_poster.jpg); }
#panelBgs .bg02 { background: #FFF; }
#panelBgs .bg08 {
    background: url(../img/home/pc/adorable_bg.jpg) no-repeat center;
    background-size: cover;
}

#panelBgs .bg01 span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2ee;
  z-index: 2;
}
#panelBgs .bg01:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/home/pc/dot.png);
}
#panelBgs .bg01 .lastImg,
#panelBgs .bg01 .lastImg02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/pc/sec01_bg02.png) no-repeat center center;
  background-size: contain;
  opacity: 0;
  z-index: 1;
}
#panelBgs .bg01 .lastImg02 {
  top: 100%;
  background: url(../img/home/pc/sec01_bg03.png) no-repeat center center;
  background-size: cover;
  opacity: 1;
}
@media only screen and (max-width:768px) {
  #panelBgs {
    position: absolute;
  }
  #panelBgs .bg01 .lastImg {
    background: url(../img/home/pc/sp_bg.png) no-repeat center 40px;
    background-size: cover;
  }
  #panelBgs .bg01 .lastImg02 {
    display: none;
  }
}


#panelBgs .bg08:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/home/pc/dot.png);
}
#panelBgs .bg08 .lastImg,
#panelBgs .bg08 .lastImg02 {
  position: absolute;
  top: 0;
  /* left: 0; */
  width: 100%;
  height: 100%;
  background: url(../img/home/pc/sec01_bg02.png) no-repeat center center;
  background-size: cover;
  opacity: 0;
  z-index: 1;
}
#panelBgs .bg08 .lastImg02 {
  top: 0;
  background: url(../img/home/pc/sec01_bg03.png) no-repeat center center;
  background-size: cover;
  opacity: 1;
}




.footerFixBtn {
    float: right;
    max-width: 278px;
    width: 27.8%;
}

.footerFixBtn .headerUl {
    float: left;
    max-width: 88px;
    width: 31.6547%;
}

.footerFixBtn .headerUl li + li {
  border-top: solid 1px #998978;
}

.footerFixBtn .headerRequest {
    float: right;
    max-width: 175px;
    width: 62.9497%;
}

.footerFixTxt {
    float: left;
    max-width: 310px;
    width: 31%;
    padding-top: 0;
    padding-right: 10px;
    box-sizing: border-box;
}
.footerFixTxt p {
    line-height: 1.4;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 34px;
    color: #0B7F84;
}
.footerFixTxt .business {
    font-size: 10px;
    line-height: 1.4;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    color: #656565;
}

.footerFixContact.footerContact {
    float: left;
    max-width: 340px;
    width: 34%;
}

.footerFix {
    position: relative;
/*    margin-top: -150px;*/
    background-color: #f3f2ea;
    padding: 50px 0 30px;
    z-index: 1000;
}
.foot-title-area {
    width: 100%;
    margin-bottom: 30px;
    background: #0b7f84;
    font-size: 0;
    text-align: center;
}
.foot-title {
  width: 1080px;
  margin: 0 auto;
}

.foot-bnr-nav {
    width: 1000px;
    margin: 0 auto 30px;
    overflow: hidden;
}
.foot-bnr-nav__item {
    float: left;
    width: 480px;
    font-size: 0;
}
.foot-bnr-nav__item:last-child {
    float: right;
}

.top-foot {
    display: table;
    /*width: 1100px;*/
    width: 680px;
    margin: 0 auto 30px;
    padding: 30px 15px 25px;
    border-top: 1px solid #c6c5c3;
    border-bottom: 1px solid #c6c5c3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.top-foot-data {
    display: table-cell;
    width: 280px;
    vertical-align: middle;
}
.top-foot-bnr {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.top-foot-bnr__item {
    width: 110px;
    margin-bottom: 10px;
}
.top-foot-bnr__item:last-child {
    margin-bottom: 0;
}

.top-foot-data__head {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
    text-align: left;
    line-height: 1.6;
}
.top-foot-data__body {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 38px;
    color: #0B7F84;
    line-height: 1.4;
    text-align: left;
}

.foot-bnr-title {
    width: 600px;
    margin: 40px auto 45px;
    border-bottom: 1px solid #c6c5c3;
    font-size: 24px;
    text-align: center;
}

.top-foot-tell {
    float: right;
    width: 500px;
}
.top-foot-tell__lead {
    margin-bottom: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
    text-align: left;
    line-height: 1.6;
}
.top-foot-tell__lead em {
    font-size: 14px;
    font-style: normal;
    display: block;
}

.top-foot-tell-list {
    overflow: hidden;
}
.top-foot-tell-list__item {
    float: left;
    width: 320px;
}
.top-foot-tell-list__item.m--time {
    float: right;
    width: 165px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 10px;
    line-height: 1.6;
}

.top-foot-bottom {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}


#navi.fixedNavi {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10001;
}

.footerFixLogoList {
    float: right;
    max-width: 340px;
    width: 34%;
    padding-top: 45px;
}

.footerFixLogoList li {
    float: right;
    max-width: 170px;
    width: 37.7778%;
}

.footerFixLogoList li:first-child {
    float: left;
    max-width: 262px;
    width: 58.2223%;
}

.footerFix .footerNotes {
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.footerFixContact.footerContact .txt {
    line-height: 1.4;
}

.secCap {
    padding-top: 10px;
    font-size: 10px;
    line-height: 1.6;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    color: #656565;
}

.fixNaviTxt ul li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin-bottom: 5px;
}

.fixNaviTxt ul li a,.fixNaviTxt ul li span {
    font-size: 10px;
}

.fixNaviTxt ul {
    line-height: 1;
    font-size: 11px;
}

.fixNaviTxt ul li + li {
    border-left: solid 1px #CCC;
    padding-left: 8px;
    margin-left: 8px;
}

.fixNaviTxt {
    padding: 5px 0;
    border-bottom: solid 1px #CCC;
    margin-bottom: 10px;
}

.mvCap {
    display: block;
/*    position: fixed;*/
    left: 0;
    bottom: 0!important;
    padding: 5px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 10px;
    display: none;
    line-height: 1.4;
    position: absolute;
}

.topConceptCap {
    font-size: 10px;
    line-height: 1.6;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    color: #656565;
    padding-top: 50px;
}

.footerFixContact .business {
    letter-spacing: -0.01em;
}

body.start #sec01.panels.now #navi.fixedNavi {
    opacity: 0;
    z-index: 0;
}


/* add 2017.11.15 */
#sec03,#sec04,#sec05,#sec06,#sec07,#sec08{ display: none;}


@media screen and (max-width: 768px) {
  .icoScroll {
      bottom: 20px;
      display: none !important;
  }



    .footerFix {
        position: relative;
        margin-top: 0;
        padding: 0 0 80px;
        z-index: 1;
    }
    .foot-title-area {
        width: 100%;
        margin-bottom: 20px;
        background: #0b7f84;
        font-size: 0;
        text-align: center;
    }
    .foot-title {
        width: 100%;
        margin: 0;
    }

    .foot-bnr-nav {
        width: 100%;
        margin: 0 auto 15px;
        padding: 0 10px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .foot-bnr-nav__item {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        font-size: 0;
    }
    .foot-bnr-nav__item:last-child {
        margin-bottom: 0;
    }

    .top-foot {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 10px 5px;
        border-top: 1px solid #c6c5c3;
        border-bottom: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
    }
    .top-foot-data {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .top-foot-data__body {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 30px;
        color: #0B7F84;
        line-height: 1.4;
        text-align: center;
    }

    .top-foot-bnr {
        display: block;
        padding: 0;
        /*width: 250px;*/
        width: 110px;
        margin: 0 auto 25px;
        overflow: hidden;
    }
    .top-foot-bnr__item {
        float: left;
        width: 110px;
        margin-bottom: 0;
    }
    .top-foot-bnr__item:last-child {
        float: right;
    }

    .foot-bnr-title {
        width: auto;
        margin: 20px 10px 20px;
        padding: 0;
        text-align: center;
        font-size: 24px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .top-foot-tell {
        float: none;
        width: 100%;
    }
    .top-foot-tell__lead {
        font-size: 12px;
        text-align: center;
    }

    .top-foot-tell-list__item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 0 20px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-foot-tell-list__item.m--time {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }

    .top-foot-bottom {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

}

/*
#panelBgs .bg03:after,
#panelBgs .bg04:after,
#panelBgs .bg05:after,
#panelBgs .bg06:after,
#panelBgs .bg07:after,
#panelBgs .bg08:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url(../img/home/pc/dot.png);
}
*/




/*
#sec02 .icoScroll,
#sec03 .icoScroll,
#sec04 .icoScroll,
#sec05 .icoScroll,
#sec06 .icoScroll,
#sec07 .icoScroll,
#sec08 .icoScroll {
    display: block;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transition-delay:2s;
}
*/

.panels.now .icoScroll {
    opacity: 1 !important;
}


/* add 2017.11.20 */
.cont_part { /*background-color: #eeece1;*/ clear: both; width: 100%;}
.cont_part .seane{ width: 100%; display: block; clear: both; position: relative; z-index: 1;}
.seane .txt_alfa{ position: absolute; left: 40%; top: 30%; bottom: 30%; right: 40%; text-align: center; z-index: 10;}
.seane .inTable{ max-width: 1400px; margin-left: auto; margin-right: auto;}
.seane .inCell{ padding: 3%; background-color: transparent;}
.seane .inTtl,
.seane .textGroup{ width: 50%; z-index: 20; position: relative; max-width: 480px;}
.seane .inVsl{ position: absolute; overflow: hidden; left: 50%; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; max-width: 700px;}
.seane .inVsl video{ height: 105%;}
#part_concept{ background: #fff; position: relative; z-index: 1;}

.foot-title-area { z-index: 1; position: relative; margin-bottom: 0;}

/*#part01 .inVsl{ background: url(../img/home/pc/mid_bg.jpg) no-repeat 0 0;}*/

/* add 17-11-29 */
.bnr_price{ background: #99483a; text-align: center; padding: 10px 0; position: relative; z-index: 10;}
.bnr_price img{ margin: 5px 15px;}

/* add 18-01-30 */
.imgover:hover{opacity: 0.7}
.bnr_interview, .bnr_01{text-align: center; padding: 30px 0 0;}
.bnr_interview,{width: 100%; max-width: 1090px; margin: 0 auto;}
.bnr_interview a{display: block;}
/*.bnr_interview a:first-of-type{width: 66.9%; display: inline-block;}
.bnr_interview a:last-of-type{width: 32.3%; display: inline-block;}*/
.bnr_outline{width: 100%; max-width: 1070px; margin: 0 auto; position: relative;}
/*.bnr_outline a{position: absolute; font-size: 15px; color: #cfc900; right: 2.52%; top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  
}*/
.bnr_galaClub,
.bnr_summer{padding: 10px 10px 0 10px; text-align: center;}
.bnr_interview a:hover, .bnr_galaClub a:hover, .bnr_01 a:hover, .bnr_gallery a:hover, .bnr_outline a:hover{opacity: 0.7;}
.bnr_gallery {padding: 1% 0 0;}

.caption{
  font-size: 10px;
  text-align: left;
  max-width: 1100px;
  width: 98%;
  margin: 5px auto 0;
  line-height: 1.6;
}

/* add 18-03-01 */
#main{position: relative;}
#floating {position: absolute; top: 150px; right: 5px; z-index: 3000;}
#floating a:hover {opacity: 0.7;}
#floating a{display: block;}

.float .fBnrClose {position: absolute; top: 5px; right: 5px; width: 23px; height: 23px; cursor: pointer; z-index: 3000;}
.float2{position: relative;}
.float2 .fBnrClose2 {position: absolute; bottom: 78px; right: 5px; width: 23px; height: 23px; cursor: pointer; z-index: 3000;}
#floating figure{position: relative;}
/* #floating figure a{font-size: 13px; color: #ccc800; position: absolute; right: 10px; bottom: 5px;} */

/* add 18-09-11 */
.foot-title-bnr{}
.foot-title-bnr li{ float: left; width: 49%;}
.foot-title-bnr li:nth-child(even){ float: right;}
.foot-title-bnr li img{ max-width: 100%;}

.foot-txt{padding:30px 0 20px; text-align:center; color:#000; font-size:18px; font-weight:bold; line-height:1.5;}
.foot-txt span{display:inline-block;}

/* add 19-04-23 */
.notify{font-size: 16px; padding: 0 10px; text-align: center; margin: 1% 0 0;}
.notify .tit{font-size: 18px; font-weight: bold; color: #e60012; display: inline-block; margin: 0 15px 0 0;}

/* @media screen and (max-width: 1070px){
.bnr_outline a{font-size: 1.5vw;}
} */

@media screen and (max-width: 768px){
  .cont_part { display: none;}
/*  .foot-title-area {margin-top: -72px;}*/
  /*#topConcept .contentTips { padding-top: 130px!important;}*/
/* add 17-11-29 */
.bnr_price img{ margin: 5px 15px; max-width: 356px; width: 70%;}

/* add 18-01-30 */
/*.bnr_interview{padding: 30px 10px 30px;}*/
.bnr_interview{padding: 0;}
.bnr_interview a:last-of-type{width: 100%;}
.bnr_interview a:hover{opacity: 1;}
.bnr_info {text-align: center; padding: 0 10px;}
.caption{padding-top: 60px;}

#floating{display: none;}
.float .fBnrClose{top: 0; right: 0; width: 6%; height: 35px;}
.float2 .fBnrClose2{top: 0; right: 0; width: 6%; height: 35px;}
.footerFix {padding: 0 0 260px;}

/* add 19-04-23 */
.notify{font-size: 14px; margin: 15px 0 0;}
.notify .tit{font-size: 16px; margin: 0;}
.notify p{line-height: 1.7;}
}

/* add 18-01-30 */
@media screen and (max-width: 480px){
/*.bnr_interview{padding: 20px 10px;}*/
#topConcept .contentTips{padding-top: 30px!important;}

.footerFix {padding: 0 0 190px;}

.foot-txt{font-size:14px;}
}

@media screen and (max-width: 375px){
.footerFix {padding: 0 0 160px;}
}

/* add 2018-11-30 */
#layer_board{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:30000;}
#layer_board_bg{position:fixed; top:0; left:0; width:100%; height:100%; cursor:pointer;}
#layer_board_cont{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; z-index:30001;}
#layer_board_cont a{cursor:pointer;}

@media screen and (max-width: 480px){
#layer_board_cont{width:90%;}	
}