﻿@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; 		color:#666666 ;}
a:visited{ 	text-decoration:none ; 		color:#666666 ;}
a:hover{ 	text-decoration:underline ; color:#666666 ;}
a:active { 	text-decoration:none ;		color:#666666 ;}



/*------------------------------------------*/
/*  ボデー				　　*/
/*------------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#000 ;
}

	/*  全体  */
	#body_section{
		min-width:1000px ;
 		width:100% ;
		position:relative ;
		margin:0 auto ;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
			margin:0 auto ;
		}
		
@media screen and (max-width: 641px){
	body{}
	
		/*  全体  */
		#body_section{
			min-width:100% ;
		}
	
			/*  全体インナー  */
			#bodyInner_section{}				

}

/*------------------------------------------*/
/*  ボタン						　　　		　　*/
/*------------------------------------------*/

.btn,
a.btn {
  font-size: 1.5em;
  font-weight: normal;
  font-family: 'Sawarabi Mincho', '游明朝体', 'MS 明朝' , Helvetica, Arial, sans-serif;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.4em 1.75em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0rem;
}


/*------------------------------------------*/
/*  ヘッダー				　　*/
/*------------------------------------------*/
header{
	width:100% ;
	display: flex;
	padding:20px 0;
	background: #6B859A;
	/* position: fixed;　ヘッダー固定 */
	justify-content: space-between;
	z-index: 1;
}

	header img {
		transition: 1.0s ;
		}

		header img:hover {
			opacity: 0.5 ;
			}

	header h1{
		margin:0 auto ;
		}

		header h1 img{
			width: auto;
			}


	
@media screen and (max-width: 641px){
header{
	padding:0 20px;
	}

	header h1{
		display: none ;
		}
	
		header h1 img{
				}
}


	
/*  ++++++++++++++++++++++++++  */
/*  mainImage					*/
/*  ++++++++++++++++++++++++++  */
.mainimage{
	width:1000px ;
	margin:30px auto 70px auto ;
	position: relative;
	text-align:left;
}

	.mainimage .pc{
		width:100% ;
		height: auto;
		display: block !important;
	}

	.mainimage .sp{
		width:100% ;
		display: none !important;
	}

	.mainimage h1{
		display: none !important;
		}


@media screen and (max-width: 641px){
	.mainimage{
		width:100% ;
		margin:0 auto 20px auto ;
	}

	.mainimage .pc{
		width:100% ;
		display: none !important;
	}

	.mainimage .sp{
		width:100% ;
		display: block !important;
	}
	
.mainimage h1{
	
	}

	.mainimage h1 img{

		}
}




/*  ++++++++++++++++++++++++++  */
/*  SEC02						*/
/*  テキスト					 */
/*  ++++++++++++++++++++++++++  */
.SEC02{
	width:1000px ;
	margin: 0 auto;
	text-align:center ;
}

	.SEC02 .txt01{
		width:100% ;
		text-align:center ;
		font-size: 200%;
		line-height:1.75em;
		margin:70px auto 20px ;
		font-weight: nomal;
	}

	.SEC02 .txt02{
		width:100% ;
		text-align:center ;
		font-size: 160%;
		line-height:2.0em;
		margin:0 auto 70px ;
		font-weight: nomal;
	}

	.SEC02 .pc_br{
	 display: none;
	}

	.SEC02 .sp_br{
	 display: block;
	}



@media screen and (max-width: 641px){
.SEC02{
	width:100% ;
}
	
	.SEC02 .txt01{
		width: 90% ;
		font-size: 160%;
		line-height:1.5em;
		margin: 30px auto 10px ;
	}
	
	.SEC02 .txt02{
		width:90% ;
		font-size: 120%;
		line-height:1.5em;
		margin:0 auto 30px ;
	}
	
	.SEC02 .pc_br{
 	display: block;
	}
	
	.SEC02 .sp_br{
	 display: none;
	}

}



/*  ++++++++++++++++++++++++++  */
/*  SEC03						*/
/*  特典			　　　　　　　　 */
/*  ++++++++++++++++++++++++++  */
.SEC03{
	width: 100% ;
	margin: 0 auto ;
	padding: 70px 0;
	text-align:center ;
	background-color:#E7EBEC; 
}

	.SEC03 .txt01{
		width: 1000px ;
		margin: 0 auto 30px ;
		padding: 5px 0;
		font-size: 200%;
		text-align:center ;
		background-color:#19202F;
		color: #fff;
	}

	.SEC03 .link_block{
		width: 1000px ;
		display: flex;
		flex-wrap:wrap;
		overflow:hidden ;
		margin: 0 auto 50px ;
		text-align:center ;
	}

		.SEC03 .link_block .l1,
		.SEC03 .link_block .l3,
		.SEC03 .link_block .l5,
		.SEC03 .link_block .l7{
			width: 460px ;
			text-align:left;
			vertical-align:top;
			margin: 0 15px 20px 0;
			padding: 15px ;
			position: relative;
			background-color:#fff;
		}

		.SEC03 .link_block .l2,
		.SEC03 .link_block .l4,
		.SEC03 .link_block .l6,
		.SEC03 .link_block .l8{
			width: 460px ;
			text-align:left;
			vertical-align:top;
			margin: 0 0 20px ;
			padding: 15px ;
			position: relative;
			background-color:#fff;
		}

		.SEC03 .link_block .l0{
			width: 460px ;
			margin: 0 0 20px ;
			padding: 15px ;
			position: relative;
		}

		.SEC03 .link_block .txtbox{
			width:270px ;
			text-align:left ;
			margin:10pt auto 0;
			float:right;
			}

		.SEC03 .link_block .txt02{
			width:100% ;
			text-align:left ;
			font-size: 160%;
			line-height:1.25em;
			margin:0 auto 5px ;
			font-weight: nomal;
			}

		.SEC03 .link_block .txt03{
			font-size: 120%;
			line-height:1.5em;
			margin:5px auto 0 ;
			}

		.SEC03 .link_block .txt04{
			width:100%;
			text-align:left ;
			margin:0 auto 5px ;
			font-size: 130%;
			line-height:1.2em;
			font-weight: nomal;
			}

		.SEC03 .link_block .txt05{
			font-size: 110%;
			line-height:1.2em;
			margin:0 auto ;
			}

		.SEC03 .txt06{
			width:1000px ;
			text-align:left ;
			font-size: 120%;
			line-height:2.0em;
			margin:0 auto ;
			font-weight: nomal;
			}

		.SEC03 .link_block img{
			width:175px ;
			text-align:left ;
			margin:15px 10pt 0 0 ;
			float:left;
			}

	.SEC03 .detail{
		width: 100%;
		display: inline-block;
		padding:0 ;
		text-align:center ;
		margin: 20px 0 0 ; 
		}

		.SEC03 .detail .btn01,
		a.btn01 {
			font-size: 120%;
			color: #fff;
			background-color: #19202F;
			margin:0 auto ;
			}

		.SEC03 .detail .btn01:hover,
		a.btn01:hover {
			color: #fff;
			background: #6B859A;
			}

	.SEC03 .pc_br{
	 display: none;
	}

	.SEC03 .sp_br{
	 display: block;
	}



@media screen and (max-width: 641px){
.SEC03{
	padding: 30px 0;
}

	.SEC03 .txt01{
		width: 95% ;
		font-size: 180%;
		margin: 0 auto 15px ;
	}

	.SEC03 .link_block{
		width: 95% ;
		margin: 0 auto 20px ;
	}

		.SEC03 .link_block .l1,
		.SEC03 .link_block .l3,
		.SEC03 .link_block .l5,
		.SEC03 .link_block .l7{
			width: 95% ;
			text-align:center;
			margin: 0 0 15px;
		}

		.SEC03 .link_block .l2,
		.SEC03 .link_block .l4,
		.SEC03 .link_block .l6,
		.SEC03 .link_block .l8{
			width: 95% ;
			text-align:center;
			margin: 0 0 15px ;
		}

		.SEC03 .link_block .l0{
			width: 0px ;
			margin: 0 ;
			padding: 0px ;
		}


		.SEC03 .link_block .txtbox{
			width:100% ;
			text-align:center ;
			}


		.SEC03 .link_block .txt02{
			text-align:center ;
			line-height:1.25em;
			}

		.SEC03 .link_block .txt03{
			}

		.SEC03 .link_block .txt04{
			text-align:center ;
			}

		.SEC03 .link_block .txt05{
			}

		.SEC03 .txt06{
			width:90% ;
			line-height:1.5em;
			}

		.SEC03 .link_block img{
			text-align:center ;
			margin: 15px auto 5px ;
			float:none;
			}
	
	.SEC03 .detail{
		text-align:center ;
	}

		.SEC03 .detail .btn01,
		a.btn01 {
			}

		.SEC03 .detail .btn01:hover,
		a.btn01:hover {
			}
	
	.SEC03 .pc_br{
 	display: block;
	}
	
	.SEC03 .sp_br{
 	display: none;
	}

}


/*  ++++++++++++++++++++++++++  */
/*  SEC04						*/
/*  全国特典　　　	　　　　　　　　　 */
/*  ++++++++++++++++++++++++++  */
.SEC04{
	width:100% ;
	margin: 0 auto;
	text-align:center ;
}

	.SEC04 .title{
		width:100% ;
		margin: 0 auto ;
		padding: 30px 0;
		text-align:center ;
		background-color:#19202F;
		color: #fff;
	}

	.SEC04 .txt01{
		width:100% ;
		text-align:center ;
		font-size: 200%;
		line-height:1.75em;
		margin:0 auto ;
		font-weight: nomal;
	}

	.SEC04 .txt02{
		width:100% ;
		text-align:center ;
		font-size: 160%;
		line-height:1.75em;
		margin:5px auto 0 ;
		font-weight: nomal;
	}

	.SEC04 .link_block{
		width: 1000px ;
		overflow:hidden ;
		margin: 30px auto 0 ;
		text-align:center ;
	}

		.SEC04 .link_block .l1{
			width: 460px ;
			text-align:left;
			vertical-align:top;
			display:inline-block;
			margin: 0 12px 20px 0;
			padding: 15px ;
			position: relative;
			background-color:#fff;
			border: 1px solid;
			border-color: #19202F;
		}

		.SEC04 .link_block .l2{
			width: 460px ;
			text-align:left;
			vertical-align:top;
			display:inline-block;
			margin: 0 0 20px ;
			padding: 15px ;
			position: relative;
			background-color:#fff;
			border: 1px solid;
			border-color: #19202F;
		}

		.SEC04 .link_block .txtbox{
			width:270px ;
			text-align:left ;
			margin:10pt auto 0 ;
			float:right;
			}


		.SEC04 .link_block .txt03{
			width:100% ;
			text-align:left ;
			font-size: 160%;
			line-height:1.25em;
			margin:0 auto 5px ;
			font-weight: nomal;
			}

		.SEC04 .link_block .txt04{
			font-size: 110%;
			line-height:1.2em;
			margin:0 auto ;
			}

		.SEC04 .link_block img{
			width:175px ;
			text-align:left ;
			margin:15px 10pt 0 0 ;
			float:left;
			}

	.SEC04 img{
		width:auto ;
		text-align:center ;
		margin:30px auto ;
	}

	.SEC04 .detail{
		width: auto;
		padding:0 30px;
		display: flex;
		margin: 0 5px  ; 
	}

		.SEC04 .detail .btn01,
		a.btn01 {
			color: #fff;
			background-color: #19202F;
			margin:0 auto 70px;
			}

		.SEC04 .detail .btn01:hover,
		a.btn01:hover {
			color: #fff;
			background: #6B859A;
			}

	.SEC04 .pc_br{
	 display: none;
	}


@media screen and (max-width: 641px){
.SEC04{
}

	.SEC04 .title{
		width:100% ;
		margin: 0 auto ;
		padding: 30px 0;
		text-align:center ;
		background-color:#19202F;
		color: #fff;
	}

	.SEC04 .txt01{
		width:95% ;
		font-size: 160%;
		line-height:1.5em;
	}

	.SEC04 .txt02{
        width:95% ;
		font-size: 120%;
		line-height:1.5em;
		margin:10px auto 0 ;
	}

	.SEC04 .link_block{
		width: 95% ;
		margin: 30px auto 0 ;
	}

		.SEC04 .link_block .l1{
			width: 91% ;
			text-align:center;
			margin: 0 0 20px;
		}

		.SEC04 .link_block .l2{
			width: 91% ;
			text-align:center;
			margin: 0 0 20px ;
		}

		.SEC04 .link_block .txtbox{
			width:100% ;
			text-align:center ;
			}


		.SEC04 .link_block .txt03{
			text-align:center ;
			line-height:1.25em;
			}

		.SEC04 .link_block .txt04{
			text-align:center ;
			}

		.SEC04 .link_block img{
			text-align:center ;
			margin: 15px auto ;
			float:none;
			}
	
	.SEC04 img{
		width:90% ;
		height: auto;
		text-align:center ;
		margin:30px auto ;
	}

	.SEC04 .detail{
		width: auto;
		padding:0 30px;
		display: flex;
		margin: 0 5px  ; 
	}

		.SEC04 .detail .btn01,
		a.btn01 {
			color: #fff;
			background-color: #19202F;
			margin:0 auto 70px;
			}

		.SEC04 .detail .btn01:hover,
		a.btn01:hover {
			color: #fff;
			background: #6B859A;
			}

    .SEC04 .pc_br{
 	display: block;
	}
}



/*  ++++++++++++++++++++++++++  */
/*  ページトップへ戻る			  */
/*  ++++++++++++++++++++++++++  */
.page_top{
	width:940px ;
	margin:0 auto 40px auto ;
	text-align:right ;
}

@media screen and (max-width: 641px){
	.page_top{
		width:95% ;
	}
	
}
#contents_section {
	
}

.copy {
	margin: 4em 0 2em;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width: 641px){
	.copy {
	font-size: 10px;
}	
}
