﻿@charset "UTF-8";
/* ================================================ */
/*  レイアウト										*/
/* ================================================ */
/*  テキスト関係  */
a{ 			text-decoration:none ;}
a:link{ 	text-decoration:none ; color:#1B2770 ;}
a:visited{ 	text-decoration:none ; color:#1B2770 ;}
a:hover{ 	text-decoration:none ; color:#666666 ;}
a:active { 	text-decoration:none ; color:#666666 ;}



/*------------------------------------------*/
/*  ボデー				　　*/
/*------------------------------------------*/
body{
	width:100% ;
	color:#696969 ;
}

	/*  全体  */
	#body_section{
 		width:1000px ;
		height: 100%;
		position:relative ;
		margin:0 auto;
		padding-bottom: 40px;
		background-color: #000011;
	}

		/*  全体インナー  */
		#bodyInner_section{
			position:relative ;
		}
		
@media screen and (max-width: 641px){
	body{}
	
		/*  全体  */
		#body_section{
			width:100% ;
		}
	
			/*  全体インナー  */
			#bodyInner_section{}
}

/*------------------------------------------*/
/*  ヘッダー				　　*/
/*------------------------------------------*/
header{
	width:1000px ;
	margin:0 auto 140px ;
	text-align:center ;
}

	header .pc{
		width:1000px ;
		display: block !important;
	}

	header .sp{
		display: none !important;
	}


	header .pc .img1{
		text-align:center;
		top:0;
		left:0;
		z-index: 1;
	}

	header .pc .img2{
		position:absolute;
		top:200px;
		left:140px;
		width:200px;
		height:200px;
		z-index: 2;
	}

	header .pc p{
		font-size: 27px;
		color:#FFF;
		font-weight:bold;
		position:absolute;
		top:320px;
		left:380px;
		z-index: 3;
	}

	
@media screen and (max-width: 641px){
header{
	width:100% ;
	margin:0 auto 30px ;
	text-align:center;
}
	
	header .pc{
		display: none !important;
	}

	header .sp{
		width:100% ;
		display: block !important;
	}


	header .sp .img1{
		width: 100%;
	}
	
	header .sp .img2{
		width:20%;
		height: auto;
		margin: 30px auto 15px;
	}
	
	header .sp p{
		font-size: 160%;
		color:#FFF;
		font-weight:bold;
		margin: 0 auto;
	}
	
}
	

/*  ++++++++++++++++++++++++++  */
/*  SEC01						*/
/*  ボタン					 　　　*/
/*  ++++++++++++++++++++++++++  */
.SEC01{
	width:1000px ;
	margin: 0 auto;
	text-align:center ;
}

	.SEC01 .linkbox {
		max-width: 700px;
		margin: 0 auto;
	}

	.SEC01 .btn{
		margin: 0 auto;
		}

	.SEC01 .linkbox .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		position: relative;
		background: #F4DB95;
		border: 1px solid #F4DB95;
		box-sizing: border-box;
		padding: 0 25px 0 40px;
		color: #1B2770;
		font-size: 16px;
		letter-spacing: 0.1em;
		line-height: 1.3;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}

	.SEC01 .linkbox .btn:before {
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #F4DB95;
		border-right: 2px solid #F4DB95;
		position: absolute;
		top: 50%;
		left: 25px;
		margin-top: -6px;
	}

	.SEC01 .linkbox .btn:hover {
		background: #F4DB95;
		color: #1B2770;
	}

	.SEC01 .linkbox .btn:hover:before {
		border-top: 2px solid #F7F0DF;
		border-right: 2px solid #F7F0DF;
	}

	.SEC01 img {
		width:700px ;
		margin: 0 auto 30px;
		text-align:center ;
	}


@media screen and (max-width: 641px){
.SEC01{
	width:95% ;
}

	.SEC01 .linkbox {
		max-width: 100%;
	}

	.SEC01 .btn{
		margin: 0 auto;
		}

	.SEC01 .linkbox .btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80%;
		height: auto;
		position: relative;
		background: #F4DB95;
		border: 1px solid #F4DB95;
		box-sizing: border-box;
		padding: 10px 5px;
		color: #313151;
		font-size: 140%;
		letter-spacing: 0.1em;
		line-height: 1.3;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}

	.SEC01 .linkbox .btn:before {
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #F4DB95;
		border-right: 2px solid #F4DB95;
		position: absolute;
		top: 50%;
		left: 25px;
		margin-top: -6px;
	}

	.SEC01 .linkbox .btn:hover {
		background: #F4DB95;
		color: #313151;
	}

	.SEC01 .linkbox .btn:hover:before {
		border-top: 2px solid #F4DB95;
		border-right: 2px solid #F4DB95;
	}
	
	.SEC01 img {
		width:80% ;
		margin: 0 auto 30px;
	}
}
