@charset "utf-8";
/* CSS Document */
/* ##################################################################### */
/*	モバイルレ : 480 px およびそれ以下
/* ##################################################################### */

/*.sideLinkList {
  display: none;
}*/

.mv_slider{
    margin-bottom: 40px;
}
/* slick
-------------------------------------------------------------------- */
.slick-Box {
  padding: 0 0px 0px;
  /*background-color: chartreuse;*/
  /*overflow: hidden;*/
}
.slick-Box ul {
  margin-left: 0px !important;
  padding: 0 0px 0px;
  margin-bottom: 0px !important;
}
ul.slick-main2 {
  margin-left: 0px;
  margin-right: 0px;
}
.slick-main2 {
  margin-left: 0px;
  margin-right: 0px;
}
.slick-main2 li {
  margin: 0px 0px 0px;
  height: 100%;
}
/*.slick-main1 .slick-next {
    right: 25px;
}
.slick-main1 .slick-prev {
    left:25px;
	z-index: 100;
}*/
/*#carousel2 .slick-prev,
#carousel1 .slick-prev{
    left: 10px;
	z-index: 2;
}
*/
.slick-main2 .slick-prev {
  /*left: 10px;*/
  left: -5px;
  z-index: 2;
  background-color: #fff;
  height: 100%;
}
/*#carousel2 .slick-next,
#carousel1 .slick-next {
    right: 10px;
	z-index: 2;
}*/
.slick-main2 .slick-next {
  /*right: 10px;*/
  right: -5px;
  z-index: 2;
  background-color: #fff;
  height: 100%;
}
.slick-main2 a:hover, .slick-main4 a:hover {
  color: #333;
}
/*.slick-main4 li{
	margin: 20px 10px;
}
.slick-main4 p{
	padding: 10px 20px;
}*/
ul.slick-dots {
/*  display: none !important;*/
    /*bottom: -35px;*/
    bottom: -30px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #323232;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;    
    width: 10px;
    height: 10px;
    font-size:16px;
    line-height: 10px;
    background-color:transparent!important;
    background-size: 5px 5px ;
    padding: 0px;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size:16px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '●';
    /*text-align: center;*/
    /*opacity: .25;*/
    opacity: 1;
    color: #007aff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px;
}


/*
.mv_slider .carousel-control-next, .mv_slider .carousel-control-prev {
  width: 10%;
  background-color: transparent;
}
.mv_slider .carousel-control-next-icon {
  background-image: url("../../function/images/next-icon.svg");
  width: 40px;
  height: 40px;
}
.mv_slider .carousel-control-prev-icon {
  background-image: url("../../function/images/prev-icon.svg");
  width: 40px;
  height: 40px;
}*/
.snsBox{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

/* -------------------------------------------------------------------- */
/*.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid black;
}
.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid black;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.triangle2{
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-right: 30px solid black;
  border-bottom: 30px solid transparent;
}
.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;
}*/

/* -------------------------------------------------------------------- */
/*.bkG {
  background: linear-gradient(to bottom, #f7f7f7 60%, #ffffff);
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/filter.png);
  background-repeat: repeat;
  z-index: 2;
}
.video_inn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: auto;
  color: #fff;
  width: 90%;
  z-index: 20;
}
@media (max-width: 991px) {
  .bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    line-height: 0;
  }
  .video {
    width: 100%;
    height: 100%;
  }

}*/

/* -------------------------------------------------------------------- */
#localNav {
  display: none;
}

.navbar .navbar-nav > li.list01.globalnavi a {
  color: #FFFFFF;
}
/* ===================================================================== */
/*	
/* ===================================================================== */
.pageTitleArea {
  display: none;
}
.breadCrumbArea {
  display: none;
}

@media (max-width: 430px) {
  .br43 {
    display: inline;
  }
  h2.ss {
    font-size: 1rem;
  }
}
@media (min-width: 431px) {
  .br43 {
    display: none;
  }
}
/* ===================================================================== */
/*	モバイル　フレックスボックス
/* ===================================================================== */

/* SPブレ */
.boxSize {
  width: 100%;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
}
/* SPブレ map */
.boxSize2 {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
}
/* SPブレ map */
.boxSize3 {
  width: 100%;
  box-sizing: border-box;
  height: auto;
}
.areaS {
  padding: 0;
  height: auto;
}

/* 
---------------------------------------------*/
.carousel-control-next, .carousel-control-prev {
  width: 5%;
  background-color: #000;
}

.multi-carousel {
  opacity: 0;
  padding: 0 25px;
}
.multi-carousel .carousel-control-next, .multi-carousel .carousel-control-prev {
  width: 25px;
  background-color: #fff;
}

/* ##################################################################### */
/*	タブレット小
/* ##################################################################### */
@media (min-width: 480px) {
  /* ===================================================================== */
  /*	タブレット小　共通基本設定
/* ===================================================================== */
  /* ===================================================================== */
  /*	モバイル横　フレックスボックス
/* ===================================================================== */

  
}
@media (min-width: 576px) {

}
/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 768px) {
  /* ===================================================================== */
  /*	タブレット大　共通基本設定
/* ===================================================================== */
.mv_slider .carousel-control-next-icon {
  background-image: url("../../function/images/next-icon.svg");
  width: 40px;
  height: 40px;
}
.mv_slider .carousel-control-prev-icon {
  background-image: url("../../function/images/prev-icon.svg");
  width: 40px;
  height: 40px;
}
    
  .area_mv {
    height: 820px;
  }

  .carousel-indicators {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
  }
  .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20px;
    height: 5px;
    margin-right: 6px;
    margin-left: 6px;
    text-indent: -999px;
    background-color: rgba(103, 103, 103, 0.9);
  }
  .carousel-indicators .active {
    background-color: rgba(43, 43, 43, 0.9);
  }

}
/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 993px) {
  /* ===================================================================== */
  /*	タブレット大　共通基本設定
/* ===================================================================== */

}
/* ##################################################################### */
/*	PC
/* ##################################################################### */
@media (min-width: 1200px) {
  /* ===================================================================== */
  /*	PC　　共通基本設定
/* ===================================================================== */
.mv_slider{
    margin-bottom: 80px;
}   
ul.slick-dots {
    bottom: -50px;
}    
  .interview .container {
    max-width: 1560px;
    /*max-width: 1200px;*/
  }
}