@charset "UTF-8";

/* ************************************** _

概要：全ページ共通となるベースCSSファイル

_ ************************************** */


/* kill 'Browser standard style
---------------------------------------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}

/* Re style
---------------------------------------------------------------------------- */
a { color: #3688BA; }/*適宜変更*/
a:hover { text-decoration: none;}
a:visited { color: #003C79;}/*適宜変更*/

strong { font-weight: bold; }
em     { font-style: normal; }

img {
	border: 0;
	background-color: transparent;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}

hr { display:none; }

p {
	margin-top: 0;
	padding-bottom: 0;
}

li { margin-left: 0; list-style: none; }

ul ul, ol ul, ul ol, ol ol,dl ul, dl ol, dl dl, td td, dt label { font-size: 100%; }

table { border-collapse: collapse; }


/* body
---------------------------------------------------------------------------- */
html {
	user-select: auto !important;
	height: 100%;
}

body{
	padding: 0;
	color: #333;
	font-size: 0.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans Japanese', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	position: relative;
}

/*セクション
------------------------------------------------------------------------*/
.section{
	width: 100%;
	margin: 0 auto;
}
.section-inner{
	width: 980px;
	margin: 0 auto;
}

/*トップへ戻る隠しボタン*/
.btn_hide{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.btn_bottomLeft{/*車椅子スタッフ用*/
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}


/*クルマ：右スクロール*/
.slide-wrap-right{
	width: 100%;
	animation: car-vibration-bottom 0.1s linear 0s infinite normal;
}
.slide-wrap-right img{
	transform: scale(-1, 1);
}
/*クルマ：左スクロール*/
.slide-wrap-left{
	width: 100%;
	animation: car-vibration 0.1s linear 0s infinite normal;
}

/*クルマの上下アニメーション*/
@keyframes  car-vibration{
	0% { padding-top: 2px; }
	100% { padding-top: 0px; }
}
@keyframes  car-vibration-bottom{
	0% { padding-bottom: 2px; }
	100% { padding-bottom: 0px; }
}
.bx-wrapper{
	max-width: 100% !important;
	border: none !important;
	box-shadow: none;	
}


/*Youtube動画*/
.youtube-contents{
	width: 100%;
	height: 600px !important;
	background: #000000;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#youtube-wrap {
    width: 100%;
    height: auto !important;
	margin: -21px 0 50px 0;
	padding: 0;
	background: #000000;
	position: relative;
	overflow: hidden;
}
#wrapper_youtube{
	position: static !important;
}
#youtube{}
#youtube-wrap #iframe_youtube{
	width: 100% !important;
	/*height: 100%;*/
	margin: 0 !important;
	position: static !important;
	z-index: 0 !important;
}
.youtube-cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;/*650px*/
	background: rgba(0,0,0,0.3) url(../images/cmn_img/youtube-cover.png) repeat top left;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	z-index: 1 !important;
}
.YTPOverlay{
	/*全体に覆われてクリックできないのでYoutubeと同じ高さ指定している*/
	height: 100% !important;
}


/*各コンテンツトップ*/
ul.index-banner{}
ul.index-banner li{
	margin: 0 0 50px 0;
}

/*タッチスクリーン案内*/
.screen{
	position: relative;
}
.screen_wrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	cursor: pointer;
}

/*閉じるボタン*/
.btn_close{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 999999;
}