@charset "utf-8";
/* ===================================================================

 file name  :index.css
 style info :トップページ

=================================================================== */

/*---------------------------

	overwrite
	
--------------------------*/

#main-header{
	width:auto;
	padding-top:0;
	padding-bottom:0;
}


/*------------------------*/

/* mv */
#main-header .mv{
	background:url(../images/senryu/bg_main_pc.png) no-repeat 50% 0;
	background-size:contain;
	max-width:960px;
	margin:0 auto;
}
#main-header .mv img{
	width:100%;
	height:auto;
}
#main-header .mv h1{
	width:48.3333%;
	margin:0 auto 8.3333% auto;
	padding:5.9376% 0 8.5417% 0;
}

/* lead */
#main .lead img{
	width:100%;
	height:auto;
}
#main .lead h2{
	padding:0 10.625% 1.25% 10.625%;
	border-bottom:2px solid #7b6f5c;
}
#main .lead .txt{
	text-align:center;
	font-size:117%;
	margin:2.4em 0;
}
#main .lead .win{
}
#main .lead .btn{
	margin-top:6.25%;
	margin-bottom:6.25%;
}

#main .color-bnr{
	margin:0 auto;
	max-width:600px;
	width:100%;
	padding:28px 0 10px 0;
}
#main .color-bnr img{
	width:100%;
	height:auto;
}

/* outline */
#main .outline{
	margin-bottom:38px;
}
#main .outline h4{
	padding:4px 20px;
	background:#635b4f;
	font-size:134%;
	font-weight:normal;
	color:#fff;
}
#main .outline dl{
	margin-bottom:10px;
	border:1px solid #c7c0b5;
	border-top:none;
	background:#e0d9ce;
}
#main .outline dl dt{
	float:left;
	clear:both;
	width:90px;
	padding:10px 20px;
	background:#e0d9ce;
	border-top:1px solid #c7c0b5;
}
#main .outline dl dd{
	margin-left:130px;
	padding:10px 20px;
	background:#fff;
	border-top:1px solid #c7c0b5;
}
#main .outline dl dd ul li{
	margin-left:1.4em;
	text-indent:-1.4em;
	line-height:1.6;
}

/* btn */
#main ul.btn{
	margin:0 130px 10px 130px;
}
#main ul.btn li:hover {
	filter: alpha( opacity=80 ); /* ie lt 8 */
	-ms-filter: "alpha( opacity=80 )"; /* ie 8 */
	opacity: 0.8;
}
#main ul.btn li:first-child{
	float:left;
	width:450px;
	text-align:center;
	background: #c97353;
	background: -moz-linear-gradient(top,  #cf7c60 0%, #cf7c60 49%, #c97353 50%, #c97353 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf7c60), color-stop(49%,#cf7c60), color-stop(50%,#c97353), color-stop(100%,#c97353));
	background: -webkit-linear-gradient(top,  #cf7c60 0%,#cf7c60 49%,#c97353 50%,#c97353 100%);
	background: -o-linear-gradient(top,  #cf7c60 0%,#cf7c60 49%,#c97353 50%,#c97353 100%);
	background: -ms-linear-gradient(top,  #cf7c60 0%,#cf7c60 49%,#c97353 50%,#c97353 100%);
	background: linear-gradient(to bottom,  #cf7c60 0%,#cf7c60 49%,#c97353 50%,#c97353 100%);
	border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 2px #999;
	text-shadow:1px 1px 2px #333;
}
#main ul.btn li:first-child a{
	display:block;
	padding:12px 0;
	background:url(../images/form/ico_triangle.png) no-repeat 4% 55%;
	background-size:11px 13px;
	font-size:200%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	letter-spacing:0.2em;
}
#main ul.btn li.last{
	float:right;
	width:228px;
	text-align:center;
	background: #127e7a;
	background: -moz-linear-gradient(top,  #12888c 0%, #12888c 49%, #127e7a 50%, #127e7a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12888c), color-stop(49%,#12888c), color-stop(50%,#127e7a), color-stop(100%,#127e7a));
	background: -webkit-linear-gradient(top,  #12888c 0%,#12888c 49%,#127e7a 50%,#127e7a 100%);
	background: -o-linear-gradient(top,  #12888c 0%,#12888c 49%,#127e7a 50%,#127e7a 100%);
	background: -ms-linear-gradient(top,  #12888c 0%,#12888c 49%,#127e7a 50%,#127e7a 100%);
	background: linear-gradient(to bottom,  #12888c 0%,#12888c 49%,#127e7a 50%,#127e7a 100%);
	border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:1px 1px 2px #999;
	text-shadow:1px 1px 2px #333;
}
#main ul.btn li.last a{
	display:block;
	padding:19px 0;
	background:url(../images/common/ico_triangle_s.png) no-repeat 4% 55%;
	font-size:125%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}



/*#wrapper .pcHide{
	display:none;
}
#wrapper .spHide{
	display:block;
}
*/


/* ==========================================================================
   pcMax
   ========================================================================== */
@media only screen and (max-width: 960px) {
	
	#main-header .mv{
		min-width:100%;
	}


	/* btn */
	#main ul.btn{
		margin:0 15% 10px 15%;
	}
	#main ul.btn li:first-child{
		width:61%;
	}
	#main ul.btn li:first-child a{
		padding:12px 0;
		font-size:150%;
	}
	#main ul.btn li:last-child{
		width:36%;
	}
	#main ul.btn li:last-child a{
		padding:16px 0;
		font-size:100%;
	}



}

/* ==========================================================================
   tablet
   ========================================================================== */
@media only screen and (max-width: 640px) {

	#main-header .mv{
		background:url(../images/senryu/bg_main_sp.png) no-repeat;
		background-size:contain;
	}
	#main-header .mv h1{
		width:72%;
		margin:20px auto 5.94% auto;
		padding:0% 0 13.28% 0;
	}

	/* lead */
	#main .lead h2{
		padding:0 0 1.25% 0;
	}
	#main .lead h2 > span{
		display:block;
		font-weight:normal;
	}
	#main .lead h2 > span span{
		display:block;
		font-size:208%;
		color:#c97353;
		line-height:1.3;
		font-weight:bold;
	}
	#main .lead .txt{
		text-align:left;
		font-size:84%;
		margin:1.2em 0 2.2em 0;
	}
	#main .lead .btn{
		margin-top:6.25%;
		margin-bottom:6.25%;
	}


}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 599px){
	
	
	#main-header{
		padding-bottom:5px;
	}
	
	/* outline */
	#main .outline{
		margin-bottom:38px;
	}
	#main .outline h4{
		font-size:100%;
	}
	#main .outline dl{
		margin-bottom:10px;
		border:1px solid #c7c0b5;
		border-top:none;
		font-size:84%;
	}
	#main .outline dl dt{
		float:none;
		width:auto;
		padding:5px 20px;
		border-top:1px solid #c7c0b5;
		border-bottom:none;
	}
	#main .outline dl dd{
		margin-left:0;
		padding:5px 20px;
		border-bottom:none;
	}
	#main .outline dl dd ul li{
		margin-left:1.2em;
		text-indent:-1.2em;
		line-height:1.5;
	}
	

	/* btn */
	#main ul.btn{
		margin:0;
	}
	#main ul.btn li:first-child{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	#main ul.btn li:first-child a{
		padding:12px 0;
		font-size:150%;
	}
	#main ul.btn li:last-child{
		float:none;
		width:100%;
	}
	#main ul.btn li:last-child a{
		padding:8px 0;
		font-size:109%;
	}


/*	#wrapper .pcHide{
		display:block;
	}
	#wrapper .spHide{
		display:none;
	}
*/
	
}