@charset "UTF-8";
/* CSS Document */

#global_menu{
 background-image: url(./images/global_manu.gif);
}

#global_menu li a{
 color: #fff;
}

#global_menu li a:hover{
 color:#B8FBFC!important;
}


#global_menu .sub-menu a {
 padding-left: 42px;
 background: #45433f url(images/arrow4.png) no-repeat 30px !important;
}

/*画像マージン*/
.img_btm{
 margin-bottom: 30px;
}

/*///////////////////////////////////
見出し
///////////////////////////////////*/

.bottom {
  position: relative;
  padding-left: 1.2em;
  padding-bottom: .5em;
  border-bottom: 2px solid #000;
}

.bottom::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #fc0303;
}
/*アイコン*/
.car_ico {
 padding-left: 50px;
 line-height: 42px;
 background: url(images/car_ico.png)no-repeat;
}

/*///////////////////////////////////
トップページ
///////////////////////////////////*/
/*ビデオ*/

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 640px) {
.video-box {
  height: 40vh;
}
.video {
top: 39%;
width: 100%;
}
}


/*スライダー*/
.page #header{
 margin-bottom: 0px!important;
}

.slide_cont{
 overflow: hidden;
 width: 100%;
 margin: 0px;
 padding: 0px;
}

.slick-slide img {
 width: 100%;
 height: auto;
}

@media screen and (max-width: 640px) {
.slick-slide img {
 width: 410px;
}
.slick-slide video {
 width: 410px;
}
	
.slick-initialized .slick-slide {
 display: block;
 width: 410px;
}
}

/*メニュー下メインテキスト*/
.car_box{
 max-width: 100%;
 background-image: url(./images/topimg/top_boximg.jpg); 
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right;
 margin-bottom: 30px;
 padding: 30px;
}
.text_gray{
 display: inline-block;
 color: #FFFFFF;
 padding: 10px;
 font-size: 17px;
 background-color: rgba(255,255,255,0.3)
}

/*スマホ用画像メニュー*/
.sp_menu{
display: inline-block;
width: 48%;
vertical-align: top;
text-align:center;
margin-left: 4px;
}
.sp_menu h2{
font-size: 93%;
margin: -3px!important;
}


/*///////////////////////////////////
コンテンツ
///////////////////////////////////*/
.cont_text{
 font-size: 15px;
 color: #333;
 letter-spacing: 1.5px;
 line-height: 1.75;
}

/*///////////////////////////////////
スティッキーフッター
///////////////////////////////////*/
.sfooter{
 position: sticky;
 position: -webkit-sticky;
 bottom: 0;
 background-color: #000;
 padding: 5px;
 text-align: center;
 color: #fff;
}


/*///////////////////////////////////
テーブル
///////////////////////////////////*/
p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
table {
  margin: 20px auto;
}
.tbl-r02 th {
  color: #000;
  width: 25%;
  padding: 10px;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 91%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}


/*///////////////////////////////////
サイドバー
///////////////////////////////////*/

.side_block{
 text-align: center;
}
.side_text{
 text-align: left;
 padding: 0 0 0 10px;
}

.pay_box{
 padding:10px;
}

/*///////////////////////////////////
簡易レスポンシブ
///////////////////////////////////*/
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}