@media (min-width: 100px) {
  html { font-size: 13px }
}
@media (min-width: 768px) {
  html { font-size: 14px }
}
@media (min-width: 1200px) {
  html { font-size: 16px }
}

h5 {
	background: linear-gradient(transparent 60%, #FAE438 60%);
}

.my-gray {color: gray}
.my-blue {color: #003893}
.my-orange {color: #fecb81}

body {
	font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}

.rmp1c {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.navbar-custom {
    background-color: #FFE400;
    border-radius:0;
    border-color: #FFE400;
}

/* 最低限必要なリセット */
ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ウィンドウ幅によるbreak */
@media screen and (min-width: 900px) {
	.break { display:none; }
}

/* ウィンドウ幅によるvideo表示変更 */
video.m-v { display: none; }

/* ▼表示領域が1000px以上の場合 */
@media screen and (min-width: 1000px) {
   video.m-v { display: none; } /* miniを非表示 */
   video.b-v { display: block; } /* bigを表示 */
}
@media screen and (max-width: 999px) {
   video.m-v { display: block; } /* miniを表示 */
   video.b-v { display: none; } /* bigを非表示 */
}

/* ウィンドウ幅によるimg表示変更 */
img.1-i { display: none; }

/* ▼表示領域が1000px以上の場合 */
@media screen and (min-width: 1000px) {
   img.i-1 { display: none; }
   img.i-2 { display: none; }
   img.i-3 { display: none; }
   img.i-4 { display: block; } /* 最大表示 */
}
/* ▼表示領域が700px〜1000pxの場合 */
@media screen and (min-width: 700px) and (max-width: 999px) {
   img.i-1 { display: none; }
   img.i-2 { display: none; }
   img.i-3 { display: block; } /* 中間２表示 */
   img.i-4 { display: none; }
}
/* ▼表示領域が460〜700px未満の場合 */
@media screen and (min-width: 460px) and (max-width: 699px) {
   img.i-1 { display: none; }
   img.i-2 { display: block; } /* 中間１表示 */
   img.i-3 { display: none; }
   img.i-4 { display: none; }
}
/* ▼表示領域が460px未満の場合 */
@media screen and (max-width: 459px) {
   img.i-1 { display: block; } /* 最小表示 */
   img.i-2 { display: none; }
   img.i-3 { display: none; }
   img.i-4 { display: none; }
}

.main-visual {
	background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.main-visual img {
    z-index: 2;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.main-visual video {
    margin: 0 auto;
    z-index: 1;
	width: 100%;
/*	opacity: 0.5; */
}

/*
	パララックス用
*/
.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}
.bg {
	position: relative;
	z-index: 0;
	height: 350px;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: auto;
}
.bg-1 {
	background: url('../img/p1.png') no-repeat top center fixed;
	background-size: cover;
}
.bg-1 img {
    z-index: 2;
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.bg-2 {
	background: url('../img/p2.png') no-repeat top center fixed;
	background-size: cover;
}

.bg1 {
	position: relative;
	z-index: 2;
	height: 500px;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: auto;
}
.bg1-2 {
	background: url('../img/p3.png') no-repeat top center fixed;
	background-size: cover;
}
.bg1-3 {
	background: url('../img/p2.png') no-repeat bottom center fixed;
	background-size: cover;
}

/*
	地図レスポンシブ
*/
.map_wrapper {
  max-width: 600px;
  min-width: 400px;
  margin: auto;
  padding: 4px;
  border: 1px solid #CCC;  
}

.maps {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}