@charset "UTF-8";

/* ==================================================================================================
   PC
================================================================================================== */
#index {
}
#index section{
	padding:55px 0;
	margin:0 auto;
	width:100%;
	clear:both;
}
	
/*============================
 メインイメージ
============================*/
#mainVisual_wrapper{
	background: linear-gradient(#30B5E2, #FFF 80%);
	position:relative;
	z-index:99;
}
#mainVisual{
	width:1080px;
	margin:0 auto;
}
#mainVisual img{
	width:100%;
}

/*============================
#index_navi
============================*/
#index_navi{
	position:relative;
	z-index:100;
}
#index_navi .wrapper {
	width:960px;
	margin:0 auto;
	padding:0;
}
#index_navi ul li{
	float: left;
	display: block;	
	width:33%;
	text-align:center;
	padding:0 0 2em 0;
	position:relative;
}
#index_navi ul li img{
	position:absolute;
	top:-37px;left:50%;
	margin:0 0 0 -37px;
}
#index_navi ul li a{
	text-decoration:none;
	color:#333;	
}
#index_navi ul li a:hover{
	color:#FFF;
}
#index_navi ul li h2{
	font-size:182%;
	margin:1.8em 0 0.3em 0;
}
#index_navi ul li p{
}
#index_navi .i_nav01{
	border-top:solid 4px #30B5E2;
}
#index_navi .i_nav01 a{
	background:#30B5E2;
}
#index_navi .i_nav01:hover{
	background:#30B5E2;
}
#index_navi .i_nav02{
	border-top:solid 4px #E7BA3A;
}
#index_navi .i_nav02:hover{
	background:#E7BA3A;
}
#index_navi .i_nav03{
	border-top:solid 4px #7EB66F;
	width:34%;
}
#index_navi .i_nav03:hover{
	background:#7EB66F;
}

/*============================
#index_intro
============================*/
#index_intro {
	width:100%;
	clear:both;
}
#index_intro .wrapper {
	width:960px;
	margin:0 auto;
	padding:40px 0;
	border-top:#666 1px dotted;
}
#index_intro h2 {
	font-size:180%;
	color:#259BC2;
	margin:0 0 0.3em 0;
	line-height:130%;
}
#index_intro .boxL{
	float:left;
	margin:0 20px 0 0;
	width:280px;
}
#index_intro .boxL p{
	margin:0.5em 0 0 0;
}
#index_intro .boxR{
	float:right;
	width:660px;
}

#index_intro .button {
	width:240px;
	font-size:100%;
	float:right;
	margin:15px 0 0 0;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:inset 0px 1px 0px 0px #65b8eb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #65b8eb;
	box-shadow:inset 0px 1px 0px 0px #65b8eb;
	background:-moz-linear-gradient(-45deg, #428bca 0%, #006cb5 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #428bca), color-stop(100%, #006cb5));
	background:-webkit-linear-gradient(-45deg, #428bca 0%, #006cb5 100%);
	background:-o-linear-gradient(-45deg, #428bca 0%, #006cb5 100%);
	background:-ms-linear-gradient(-45deg, #428bca 0%, #006cb5 100%);
	background:linear-gradient(135deg, #428bca 0%,#006cb5 100%);
	background-color:#428bca;
}
#index_intro .button a{
	color:#FFF;
	text-decoration:none;
}
#index_intro .button:hover {
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006cb5), color-stop(1, #428bca));
	background:-moz-linear-gradient(center top, #006cb5 5%, #428bca 100%);
	background:linear-gradient(to bottom right, #006cb5 5%,#428bca 100%);
	background-color:#428bca;
}

/*============================
#index_plans
============================*/
#index_plans {
	clear:both;
	background:#35B7E3;
	color:#FFF;
}
#index_plans .wrapper {
	width:960px;
	margin:0 auto;
	padding:50px 0 40px 0;
	position:relative;
}
#index_plans h2 {
	margin:0;
}
#index_plans h3 {
	margin:-0.5em 0 1em 0;
}
#index_plans .button {
	width:240px;
	font-size:100%;
	margin:-0.4em 0 0 0;
	position: absolute;
	top:50px; right:0px;
	border:1px solid #c5c5c5;
	border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f3f3f3), color-stop(1, #e5e5e5));
	background:-moz-linear-gradient(center top, #f3f3f3 5%, #e5e5e5 100%);
	background:linear-gradient(to bottom right, #f3f3f3 5%,#e5e5e5 100%);
	background-color:#f3f3f3
}
#index_plans .button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #f3f3f3));
	background:-moz-linear-gradient(center top, #e5e5e5 5%, #f3f3f3 100%);
	background:linear-gradient(to bottom right, #e5e5e5 5%,#f3f3f3 100%);
	background-color:#e5e5e5
}
#index_plans .button a {
	color:#0081EA;
}
#index_plans .button a:hover{
	color:#34ACDF;
}
#index_plans  p {
	clear:both;
	margin:-0.5em 0 0 0;
}
#index_plans  ul {
	margin:0 0 0 -30px;
	clear:both;
}
#index_plans  ul li {
	width:300px;
	margin:0 0 20px 30px;
	display:block;
	float:left;
	text-align:center;
}
#index_plans  ul li img{
	background:#FFF;
	padding:10px;
	width:280px;
}
#index_plans ul li a{
	text-decoration:none;
}
#index_plans ul li a h3 {
	font-size:108%;
	color:#005B99;
	line-height:130%;
	margin:1em 0 0.5em 0;
}
#index_plans ul li a h3:hover {
	color:#0080D5;
}
#index_plans ul li p {
	font-size:90%;
	color:#004675;
}
#index_plans ul:after{
    content: ""; 
    display: block; 
    clear: both;
}

/*============================
#index_holidayhome
============================*/

#index_holidayhome {
	clear:both;
	color:#FFF;
	background-color: #2E5BC7;
}
#index_holidayhome .wrapper{
	width:960px;
	margin:0 auto;
}

/*============================
#index_box
============================*/
#index_box {
	clear:both;
	width: 100%;
	_zoom: 1;
	margin:50px 0 0 0;
}
#index_box .wrapper{
	width: 960px;
	margin: 0 auto;
	_zoom: 1;
}
#index_box .wrapper:after{
    content: ""; 
    display: block; 
    clear: both;
}

/*============================
#index_company
============================*/
#index_company {
	width:46%;
	background:url(../../img/index/i_company01.jpg) no-repeat left top;
	padding:0 0 0 160px;
	float:left;
}
#index_company h2{
	color:#336600;
	font-weight:bold;
	font-size:130%;
}
#index_company h3{
	color:#669900;
	font-weight:normal;
	font-size:90%;
	margin:0 0 0.8em 0;
}

/*============================
#index_voice
============================*/
#index_voice {
	width:33%;
	float:right;
}
#index_voice h2{
	background:#7EB66F;
	color:#FFF;
	font-size:120%;
	padding:12px 0 8px 15px;
	margin:0 0 0.6em 0;
}
#index_voice .voice_name{
	font-size:85%;	
	color:#666;
}
#index_voice ul li{
	margin:0 0 0.4em 0;
	padding:0 0 0.4em 0;
	border-bottom:#CCC dotted 1px;
}
#index_voice ul li a{
	color:#333;
	text-decoration:none;
}
#index_voice ul li a:hover{
	text-decoration:underline;
	color:#669900;
}

/*============================
#index_banner
============================*/
#index_banner{
	width:920px;
	background:#D1EBFF;
	padding:15px 20px;
	margin:50px auto 30px auto;
}
#index_banner ul{
}
#index_banner ul li{
	display:block;
	float:left;
	margin:0 10px 0 0;
}
#index_banner ul li:last-child{
	margin:0;
}


/* ==========================================================================
   SmartPhone
========================================================================== */

@media screen and (max-width: 640px){
	/*============================
	 メインイメージ
	============================*/
	.flexslider {
		z-index:auto;
	}
	#mainVisual{
		width:100%;
	}
	#mainVisual img{
		width:100%;
	}




	/*============================
	#index_navi
	============================*/
	#index_navi{
		/*position:relative;*/
		z-index:auto;
	}
	#index_navi .wrapper {
		width:100%;
	}
	#index_navi ul li{
		float: none;
		/*display: block;*/
		width:100%;
		text-align:left;
		padding:2em 0;
		/*position:relative;*/
	}
	#index_navi ul li img{
		position:absolute;
		top:50%;left:5%;
		margin: -37px 0 0 0;
	}
	#index_navi ul li h2{
		/*font-size:182%;*/
		margin:0 0 0 5%;
		padding:0 0 0 85px;
	}
	#index_navi ul li p{
		margin:0 5%;
		padding:0 0 0 85px;
	}
	#index_navi ul li p br{
		display:none;
	}
	#index_navi ul li:after{
    	content: ""; 
    	display: block; 
    	clear: both;		
	}
	#index_navi .i_nav01{
	}
	#index_navi .i_nav02{
	}
	#index_navi .i_nav03{
		width:100%;
	}

	/*============================
	#index_intro
	============================*/
	#index_intro {
		border-top:#666 1px dotted;
	}
	#index_intro .wrapper {
		width:94%;
		padding:2em 0;
		border-top:none;
	}
	/*#index_intro h2 {
		font-size:180%;
		margin:0 0 0.3em 0;
	}*/
	#index_intro .boxL{
		float:none;
		width:100%;
		margin:0;
		text-align:center;
	}
	#index_intro .boxL img{
		width:80%;
	}
	#index_intro .boxL p{
		margin:0.5em 10% 0.5em 0;
		text-align:right;
	}
	#index_intro .boxR{
		float:none;
		width:100%;
	}
	
	#index_intro .button {
		width:100%;
		/*font-size:100%;*/
		float:none;
		margin:1em 0 0 0;
	}
	
	/*============================
	#index_plans
	============================*/
	#index_plans {
	}
	#index_plans .wrapper {
		width:94%;
		padding:2.5em 0;
		text-align:center;
	}
	/*#index_plans h3 {
		margin:-0.5em 0 1em 0;
	}*/
	#index_plans .button {
		width:100%;
		margin:0;
		position: relative;
		top:0.8em;
	}
	/*#index_plans  p {
		clear:both;
		margin:-0.5em 0 0 0;
	}*/
	#index_plans  ul {
		margin:0;
	}
	#index_plans  ul li {
		width:100%;
		margin:0 0 1em 0;
		display:block;
		float:none;
		text-align:center;
	}
	#index_plans  ul li img{
		padding:2%;
		width:96%;
	}
	#index_plans ul li a h3 {
		/*font-size:108%;
		line-height:130%;*/
		margin:0.5em 0;
	}
	/*============================
	#index_holidayhome
	============================*/	
	#index_holidayhome .wrapper{
		width:100%;
	}
	#index_holidayhome .wrapper img{
		width:100%;
	}
	/*============================
	#index_box
	============================*/
	#index_box {
		margin:2.5em 0;
	}
	#index_box .wrapper{
		width: 94%;
	}
	
	/*============================
	#index_company
	============================*/
	#index_company {
		width:100%;
		background:none;
		padding:0;
		float:none;
		margin:0 0 2em 0;
	}
	/*============================
	#index_voice
	============================*/
	#index_voice {
		width:100%;
		float:none;
		magrin:0;
	}
	/*============================
	#index_banner
	============================*/
	#index_banner{
		width: 100%;
		padding:2em 0;
		margin:0;
	}
	#index_banner ul li{
		display:block;
		float:none;
		margin:0 0 1em 0;
		text-align:center;
	}
	#index_banner ul li img{
		width:90%;
	}
	#index_banner ul li:last-child{
		margin:0;
	}
}