@charset "utf-8";

/************************************************************
	共通
*************************************************************/
#wrapper.home {
	margin-bottom:8rem;
}
#wrapper.home > section {
	margin-bottom:4rem;
}
#wrapper.home .linkBtnMin{
	background-color:#FFF;
}

	@media only screen and (max-width: 767px){
		#wrapper.home {
			margin-bottom: 2rem;
		}
		#wrapper.home .linkBtnMin {
			width: 95%;
		}
			#wrapper.home .linkBtnMin a {
				padding: 0.5rem 1rem;
				padding: 0.5rem 1rem 0.2rem\0;
				font-size:1.3rem;
				text-align:center;
			}
				#wrapper.home .linkBtnMin a:after {
					right: 10px;
				}
	}
/************************************************************
	タイポグラフィ
*************************************************************/
#wrapper.home h1 {
    text-align: center;
    color: #484C9F;
    font-size: 2.3rem;
    font-weight: bold;
    margin: 0 0 2.5rem;
    padding: 0;
    width: auto;
    letter-spacing: 3px;
    font-family: "Arial";
}
#wrapper.home h2 {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 2rem;
    line-height: 1.4;
}
	#wrapper.home h2 > span {
		font-size: 1.4rem;
		display: block;
		margin-bottom: 1rem;
	}
#wrapper.home h3 {
	margin-bottom: 2em;
	text-align: center;
}
	@media only screen and (min-width: 768px) and (max-width: 999px) {
	}
	@media only screen and (max-width: 767px){
		#wrapper.home h2 > span {
			margin-bottom: 0;
		}
	}

/************************************************************
	アイキャッチ
*************************************************************/
/*#eyecatch {
    background: url(/images/home/eyecatch.jpg) center center / cover no-repeat #000;
}
	#eyecatch #eyecatchTxet {
		margin:0 auto;
		padding-top:13rem;
		width: 1000px;
		min-height: 400px;
		font-weight:bold;
		box-sizing:border-box;
	}
		#eyecatch #eyecatchTxet h2 span {
			font-size:2.5rem;
		}
		#eyecatch #eyecatchTxet p span {
			color:#5A595F;
			font-size:1.8rem;
		}
		#eyecatch #eyecatchTxet span {
			display:inline;
		}
		#eyecatch #eyecatchTxet p > span {
			display:block;
		}
	@media only screen and (max-width: 999px) {
		#eyecatch #eyecatchTxet {
			width: 90%;
			padding-top:10rem;
			min-height: 300px;
		}
	}
	@media only screen and (max-width: 767px){
		#eyecatch #eyecatchTxet {
			padding-top:2rem;
			min-height: 200px;
		}
			#eyecatch #eyecatchTxet h2 {
				margin-bottom: 1rem;
			}
				#eyecatch #eyecatchTxet h2 span {
					font-size:1.8rem;
				}
			#eyecatch #eyecatchTxet p {
				margin-top: 0rem;
			}
				#eyecatch #eyecatchTxet p span {
					font-size:1.4rem;
				}
				#eyecatch #eyecatchTxet span {
					display:block;
				}
	}
*/
/************************************************************
	GlidNav
*************************************************************/
#GlidNav {
	width:1080px;
	margin-left:auto;
	margin-right:auto;
}
	#GlidNav > div {
		color:#FFF;
		width:50%;
		float:left;
		position: relative;
	}
	#GlidNav > div:nth-of-type(1) {height:220px;background:#1E8BC3;}
	#GlidNav > div:nth-of-type(2) {height:220px;background:#4B77BE;}
	#GlidNav > div:nth-of-type(3) {height:210px;background:#3B539B;}
	#GlidNav > div:nth-of-type(4) {height:210px;background:#1F3A93;}

		#GlidNav > div > section {
			color:#FFF;
			position: absolute;
			top: 0;
			width: 50%;
			height: 100%;
			padding: 2rem;
			box-sizing: border-box;
		}
			#wrapper.home #GlidNav > div > section > h2 {
				margin-bottom: 1rem;
				color:#FFF;
			}
				#wrapper.home #GlidNav > div > section > h2 > span {
					display:block;
				}
			#wrapper.home #GlidNav > div > section > p {
				margin-top: 0;
				margin-bottom: 1rem;
				line-height: 1.4;
				font-size:1.4rem;
			}
			#GlidNav > div > section > span {
				float: right;
			}
				#GlidNav > div > section > span > a {
					text-decoration: none;
					font-weight: bold;
					color: #FFF;
				}
				#GlidNav > div > section > span > a:after {
					margin-left: 1rem;
					content:"\f054 ";
				}
		#GlidNav > div > img {
			position: absolute;
			top: 0;
		}
		#GlidNav > div:nth-of-type(3) > section ,
		#GlidNav > div:nth-of-type(4) > section ,
		#GlidNav > div:nth-of-type(1) > img ,
		#GlidNav > div:nth-of-type(2) > img {
			right: 0;
		}
		#GlidNav > div:nth-of-type(1) > section ,
		#GlidNav > div:nth-of-type(2) > section ,
		#GlidNav > div:nth-of-type(3) > img ,
		#GlidNav > div:nth-of-type(4) > img {
			left: 0;
		}

	@media only screen and (max-width: 999px) {
		#GlidNav {
			width:100%;
		}
			#GlidNav > div {
				width: 100%;
				float: none;
			}
				#GlidNav > div > section {
					width: 62%;
					padding: 4rem 3rem;
				}
				#GlidNav > div:nth-of-type(3) > section ,
				#GlidNav > div:nth-of-type(4) > section {
					left: 0;
					right: auto;
				}
				#GlidNav > div:nth-of-type(3) > img ,
				#GlidNav > div:nth-of-type(4) > img {
					right: 0;
					left: auto;
				}

	}
	@media only screen and (max-width: 767px){
		#GlidNav > div:nth-of-type(1) ,
		#GlidNav > div:nth-of-type(2) {height: 110px;}
		#GlidNav > div:nth-of-type(3) ,
		#GlidNav > div:nth-of-type(4) {height: 105px;}
			#GlidNav > div > section {
				width: 71%;
				padding: 1rem;
			}
				#wrapper.home #GlidNav > div > section > h2 {
					margin-bottom: 0;
					font-size: 1.6rem;
				}
					#wrapper.home #GlidNav > div > section > h2 > span {
						font-size: 1.6rem;
						display:inline-block;
					}
				#wrapper.home #GlidNav > div > section > p {
					font-size: 1.2rem;
					margin-bottom: 0;
				}
				#GlidNav > div > section > span > a {
					font-size: 1.3rem;
				}
			#GlidNav > div > img {
				width: 135px;
			}

	}
	@media only screen and (max-width: 500px){
		#GlidNav > div {
			height: auto;
		}
			#GlidNav > div > section {
				width: 100%;
			}
			#GlidNav > div > img {
				display:none;
			}
	}
	
/************************************************************
	SEVICE Pickup
*************************************************************/
#servicePickup {
}
#subSlide {
	background:#F9F8F8;
	padding:5rem 0 1rem;
}

	#servicePickup .item {
		width:950px;
		margin:0 auto;
	}
		#servicePickup .item > img {
			float: left;
			width: 493px;
			border: 1px solid #CCC;
		}
		#servicePickup .item > section {
			float: right;
			width: 455px;
			box-sizing: border-box;
			padding: 1rem 4rem;
		}
			#servicePickup .item > section > h2 {
			}
			#servicePickup .item > section > p {
					margin-bottom:4rem;
			}

	@media only screen and (max-width: 999px) {
		#servicePickup .item {
			width: 85%;
		}
			#servicePickup .item > img {
				float: left;
				width: 49%;
				border: 1px solid #CCC;
				max-width: 493px;
			}
			#servicePickup .item > section {
				float: right;
				width: 49%;
				box-sizing: border-box;
				padding: 1rem 2rem;
			}
	}
	@media only screen and (max-width: 767px){
		#subSlide {
			padding:2rem 0 1rem;
		}
			#servicePickup .item > img {
				float: none;
				width: 85%;
				margin: 0 auto;
				display: block;
			}
			#servicePickup .item > section {
				float: none;
				width: 100%;
			}
				#servicePickup .item > section > h2 ,
				#servicePickup .item > section > p {
					margin:0 0 1rem;
				}
	}
/************************************************************
	NEWS
*************************************************************/
	#news {
		width: 1000px;
		margin:0 auto 60px; 
	}
	#news dl {
		border-top: 1px dotted #999;
		width: 1000px;
		margin:0 auto; 
		position:relative;
		font-weight: bold;
	}
	#news a:before {
		content:"\f054";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-top: -5px;
		position: absolute;
		right: 20px;
		top: 50%;
	}
	#news a {
		text-decoration: none;
		display: block;
	}
	#news a:hover {
		background:#F9F8F8;
		color: #484C9F;
	}
	#news dl:last-of-type {
		border-bottom: 1px dotted #999;
	}
		#news dl dt {
			color: #484C9F;
			padding: 2.5rem 0 2.5rem 5% ;
			float: left;
			width: 15%;
			font-size: 1.4rem;
		}
		#news dl dd {
			margin-left: 20%;
			padding: 2.5rem 5% 2.5rem 0;
			font-size: 1.4rem;
		}
			#news dl dd span.pdf:after {
				content: url("/images/common/icon-pdf.gif");
				margin-left: 1rem;
				vertical-align: -webkit-baseline-middle;
			}
	@media only screen and (max-width: 999px){
		#news {
			width:95%;
			margin:0 auto 40px;
		}
			#news dl {
				padding: 10px 0;
				width: 100%;
			}
				#news dl dt {
					padding: 1.5rem 0 1.5rem 5% ;
				}
				#news dl dd {
					padding: 1.5rem 5% 1.5rem 0 ;
				}
	}
	@media only screen and (max-width: 767px){
		#news dl {
			padding: 0;
			width: 100%;
		}
			#news dl dt {
				float: none;
				padding: 1rem 0 0;
				width: 85%;
			}
			#news dl dd {
				float: none;
				width: 85%;
				margin-left: 0;
				padding:0 0 1rem;
			}
	}

/************************************************************
	LINK-LIST
*************************************************************/
#link-list {
	
}
#link-list div {
    float: left;
    margin: 5px;
}
#link-list div img {
	vertical-align:bottom;
}
	@media only screen and (max-width: 999px){
		#link-list div {
			float: left;
			margin: 1%;
			width: 31%;
		}
		#link-list div img {
			width: 100%;
		}
	}
	@media only screen and (max-width: 767px){
		#link-list div {
			float: none;
			margin:10px auto;
			width: 80%;
		}
	}

	/* トップ用ON-OFF
	--------------------------------------------------------*/
	@media only screen and (min-width: 768px){
		.top-desktop {
			display: block!important;
		}
		.top-mobile {
			display: none!important;
		}
	}
	@media only screen and (max-width: 767px){
		.top-desktop {
			display: none!important;
		}
		.top-mobile {
			display: block!important;
		}
	}