@charset "UTF-8";

body{
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #212529;

}

a{
	color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
}

.brsp{
	display: none;
}

.brtb{
	display: none;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.video-area{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.video-area2{
    background-color: #FFF;
}

.video-txt-area{
    text-align: center;
    margin-bottom: 15px;
    font-size: .875em;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
    0px 1px 0 #FFF,  0 -1px 0 #FFF,
    -1px 0 0 #FFF, 1px 0 0 #FFF;
    letter-spacing: 0.05em;
}

.video-txt-area span{
    color:#dc3545;
    padding-right: 5px;
}

.info-area{
    margin: 20px;
    border: solid 4px #52bedb;
    background-color: #FFF;
    padding: 20px;

}

.info-area-img{
    width: 100%;
    margin-bottom: 10px;
}

.info-area-txt{
    font-weight: 500;
    margin-bottom: 10px;
}

.info-area ul {
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
    color: #6c757d;
    font-size: .75em;
    padding-left: 16px;
}

.info-area ul li {
    position:  relative;        /* 位置調整 */
}

.info-area ul li::before {
    content: "※";
    display:  inline-block;
    position:  absolute;        /* 位置調整 */
    left: -14px;
}