.bg-g{
   /*background: #EAFAFF;*/
    background: linear-gradient(-45deg, #f573e0, #56c7d9);
}
.contents-box01{
	width:100%;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}
.contents-box01 img{
	width:100%;
}

.contents02{
	width:100%;
	padding:120px 0 0 0;
	margin: -120px 0 0 0;
	/*padding:0;*/
}




.top-anime{
  /*position: relative;
  overflow: hidden;*/
  width: 100%;
  /*height: 100vh;*/
    margin: 0;
    padding: 0;
    line-height: 0;
}

#video {
  width: 100%;
    margin: 0;
    padding: 0;
  /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  background: url('../images/bg.png') no-repeat;
  background-size: cover;
  z-index: -1;*/
}


/*====== 9-1-1 縦線が動いてスクロールを促す =======*/

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	bottom:2%;
    /*全体の高さ*/
	height:50px;
    z-index: 15;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	top: -15px;
    /*テキストの形状*/
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 3px;
	height: 30px;
	background: #fff;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

@media screen and (max-width: 860px) {
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	bottom:3%;
    /*全体の高さ*/
	height:20px;
    z-index: 15;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
	position: absolute;
	left:-13px;
	top: -5px;
    /*テキストの形状*/
	color: #fff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 10px;
	background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove-m 1.4s ease-in-out infinite;
	opacity:0;
}
}



/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove-m{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:15px;
		opacity: 1;
	}
	100%{
		height:0;
		top:30px;
		opacity: 0;
	}
}




.top-title02{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
    margin: 0  30px;
    padding: 10px 0;
	font-size:28px;
	color: #006fae;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #006fae;
    border-bottom: 1px solid #006fae;
}
.tc{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
    padding: 10px 30px;
    text-align: center;
}

.widget-bg{
    padding: 0 0 50px 0;
}

.widget{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
    max-width: 600px;
    margin: 0 auto;
    border: 3px solid #171c61;
    line-height: 0;
}

@media screen and (max-width: 860px) {
    .widget{
    width : 80%;
}
}

.top-box{
    width : -webkit-calc( 100% - 60px );
    width : calc( 100% - 60px );
	margin:0 0 0 0;
	padding: 0 30px;
	display:table;
}

.top-box li{
	float:left;
}

.top-box li.top-title{
    width : 180px;
	padding:0 30px 0 40px;
	margin:0 0 0 0;
	text-align:left;
	font-size:28px;
	color: #006fae;
    font-weight: bold;
}


.top-box li.top-text{
    width : -webkit-calc( 100% - 250px );
    width : calc( 100% - 250px );
	padding:0 0 0 0;
	margin:0;
	text-align:left;
}


.top-text-border{
    width : -webkit-calc( 100% - 50px );
    width : calc( 100% - 50px );
    border-left: 20px solid #333;
    padding: 0 0 0 30px;
}
.title01{
	font-size:20px;
	color: #006fae;
    font-weight: bold;
}
.text-i15{
    text-indent: -15px;
    margin: 0 0 0 15px;
}


@media screen and (max-width: 860px) {
.top-box li.top-title{
    width : -webkit-calc( 100% - 50px );
    width : calc( 100% - 50px );
	padding:0 0 20px 50px;
}
    
.top-box li.top-text{
    width : 100%;
}
}








.top-img{
    width : 100%;
	margin:0 0 50px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    padding: 20px 0;
}

.top-img li{
    width : -webkit-calc( 50% - 15px );
    width : calc( 50% - 15px );
	float:left;
	display:table-cell;
	/*display: flex;*/
    /*align-items: flex-end;*/
	/*align-items: center;*/
}

.top-img li:nth-child(odd){
	margin:10px 30px 10px 0;
    padding: 10px 0;
}


.top-img li:nth-child(even){
	margin:10px 0 10px 0;
    padding:10px 0;
}




.top-img-w{
    width : 100%;
	margin:0 0 50px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    padding: 20px 0;
}

.top-img-w li{
    width : -webkit-calc( 50% - 15px );
    width : calc( 50% - 15px );
	float:left;
	display:table-cell;
	/*display: flex;*/
    /*align-items: flex-end;*/
	/*align-items: center;*/
}

.top-img-w li:nth-child(odd){
	margin:10px 30px 10px 0;
    padding: 10px 0;
}


.top-img-w li:nth-child(even){
	margin:10px 0 10px 0;
    padding:10px 0;
}

@media only screen and (max-width: 860px) {
.top-img-w{
    display:block;
}

.top-img-w li{
    width : 100%;
	float:left;
}

.top-img-w li:nth-child(odd){
	margin:10px 0 10px 0;
    padding: 10px 0;
}


.top-img-w li:nth-child(even){
	margin:10px 0 10px 0;
    padding:10px 0;
}
    
}




.top-img li img,.top-img-w li img{
    width:100%;
}

.top-img li video,.top-img-w li video{
    width:100%;
    border: 1px solid #171c61;
}
    

.m-title{
    width:100%;
    text-align: center;
    font-weight: bold;
}

    
    
.fs18{
    font-size: 18px;
}

.blue{
    color: #171c61;
}


.regulation-img{
    width: 45%;
    padding: 0 0 30px 3%;
    float: right;
}

.regulation-img img{
    width: 100%;
}

@media only screen and (max-width: 860px) {
    .regulation-img{
    width: 100%;
    padding: 0 0 30px 0;
}
}




.btn-co{
	width:100%;
	max-width: 890px;
	margin: 0 auto 70px auto;
	text-align: center;
}

.btn-co a{
    width : -webkit-calc( 80% - 2px );
    width : calc( 80% - 2px );
  display: inline-block;
  padding: 15px 0;
  border-radius: 25px;
    font-size: 24px;
    font-weight: bold;
  text-decoration: none;
  color: #C10000;
  transition: .4s;
	border: solid 1px  #C10000;
}

.btn-co a:hover {
  background: #C10000;
  color: #FFF;
}


@media only screen and (max-width: 860px) {

.btn-co a{
    width : -webkit-calc( 80% - 2px );
    width : calc( 80% - 2px );
  display: inline-block;
	margin: 0 10% 30px 10%;
  padding: 7px 0;
  text-decoration: none;
}

.btn-co a:hover {
}
}






/* お問い合わせ　*/


.contact-head{
	width:100%;
	margin: 0 auto;
	padding:0 0 0 0;
	position:relative;
}
.contact-head img{
	width:100%;
	padding:0 0 0 0;
}


.contents-contact{
	width:100%;
    max-width: 1500px;
	margin: 0 auto;
	position:relative;
}

.contact-text01{
    text-align: center;
    padding-bottom: 40px;
	margin: 0 auto;
}


.checkbox01{
    width: 80%;
    background: #F8ADAF;
    margin: 20px 10%;
    padding: 10px 0;
    text-align: center;
}


.form01{
    width : 90%;
	margin:0 5% 50px 5%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
    padding: 20px 0;
}

.form01 li{
	float:left;
	display:table-cell;
	/*display: flex;*/
    /*align-items: flex-end;*/
	/*align-items: center;*/
}

.form01 li:nth-child(odd){
	width:199px;
	margin:10px 0 10px 20px;
	border-right: 1px solid #333;
    padding: 10px 0;
}


.form01 li:nth-child(even){
    width : -webkit-calc( 100% - 260px );
    width : calc( 100% - 260px );
	margin:0 20px;
    padding:10px 0;
}




.form01 li:nth-child(even) p{
    width:50%;
	float:left;
}

.form01 li input,
.form01 li textarea{
    font-size: 15px;
}


.form-text01{
    width : 100%;
}
.form-text02{
    width : 40%;
}
.form-text03{
    width : 40px;
}
.form-text04{
    width : 60px;
}



@media screen and (max-width: 860px) {
    

.form01 li:nth-child(odd){
    width:90%;
	margin:20px 5% 10px 5%;
	border-bottom: 1px dotted #333;
	border-right: 0px none;
    padding:0;
}


.form01 li:nth-child(even){
    width:90%;
	margin:0 5% 10px 5%;
	border-bottom: 1px solid #333;
    padding:0 0 30px 0;
}


.form-text01{
    width : 95%;
}
.form-text02{
    width : 40%;
}
.form-text03{
    width : 40px;
}
.form-text04{
    width : 60px;
}
    
.form01 li:nth-child(even) p{
    width:100%;
	float:left;
}
}

.form-btn{
	text-align: center;
	padding-bottom: 30px;
    margin: 0 0 100px 0;
}


.form-btn01,.form-btn01-e {
  display       : inline-block;
  border-radius : 20px;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 41px;   /* 余白       */
  background    : linear-gradient(180deg,#D0D1D1 0%,#9E9E9F 60%,#DBDCDC 100%);     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #333;    /* 枠の指定 */
}

.form-btn01:hover {
  background       : linear-gradient(180deg,#5784B7 0%,#0061A0 60%,#004A8E 100%);      /* 背景色     */
  color         : #ffffff;     /* 文字色     */
}


.form-btn01-e {
	pointer-events: none;	
}





.form-btn02,.form-btn03 {
  display       : inline-block;
  border-radius : 20px;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 41px;   /* 余白       */
  background    : linear-gradient(180deg,#D0D1D1 0%,#9E9E9F 60%,#DBDCDC 100%);     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #333;    /* 枠の指定 */
}

.form-btn02:hover,.form-btn03:hover {
  background       : linear-gradient(180deg,#E17A74 0%,#D6364A 60%,#CB1237 100%);      /* 背景色     */
  color         : #ffffff;     /* 文字色     */
}

.form-btn03 {
	margin: 0 0 0 100px;
}




.form-box01{
	width:80%;
	margin:0 10% 30px 10%;
	padding: 50px 0 0 0;
	border-top: 2px solid #006BB4;
    text-align: left;
}

.form-box01-sc{
    width : -webkit-calc( 100% - 42px );
    width : calc( 100% - 42px );
    height: 200px;
    overflow-y: scroll;
    margin: 10px 0;
    padding: 20px;
	border: 1px solid #333;
    
}



.form-img01{
	width:100%;
	margin:0 0 30px 0;
}
.form-img01 img{
	width:80%;
	margin:0 10% 0 10%;
}

.form-img02{
	width:100%;
	margin:0 0 30px 0;
}
.form-img02 img{
	width:100%;
}







.form-thanks{
    width: 80%;
    margin: 0 auto;
}
.form-thanks .top-btn02{
    text-align: center;
}




.hissu{
    font-size: 11px;
    margin: -3px 0 0 5px;
    padding: 3px 10px;
    color: #fff;
    background: #D80003;
    border-radius: 5px;
}







.btn01{
	width:100%;
	max-width: 890px;
	margin: 0 auto 100px auto;
	text-align: center;
}

.btn01 a{
	width: 250px;
  display: inline-block;
  padding: 7px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #1d50a2;
  transition: .4s;
	border: solid 1px  #1d50a2;
}

.btn01 a:hover {
  background: #1d50a2;
  color: #FFF;
}


@media only screen and (max-width: 860px) {

.btn01 a{
	width: 80%;
  display: inline-block;
	margin: 0 10% 30px 10%;
  padding: 7px 0;
  border-radius: 25px;
  text-decoration: none;
  color: #1d50a2;
  transition: .4s;
	border: solid 1px  #1d50a2;
}

.btn01 a:hover {
  background: #1d50a2;
  color: #FFF;
}
}




.mt20{
    margin-top: 20px;
}
.mb100{
    margin-bottom: 100px;
}


.hishi{
    color: #b0d36c;
}