/* LESS Document */

/*-----------------------------------------------------------
col
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	main{
		width:100%;
		overflow:hidden;
	}
	.inner-1120{
		width:1120px;
		margin:0 auto;
		overflow:hidden;
	}
	.inner-960{
		width:960px;
		margin:0 auto;
		overflow:hidden;
	}
}
@media screen and (max-width: 640px){
	main{
		max-width:640px;
		overflow:hidden;
	}
	.inner-1120,
	.inner-960{
		max-width:640px;
		overflow:hidden;
		margin-left:20px;
		margin-right:20px;
	}
	.inner-1120 .inner-960{
		margin-left:0;
		margin-right:0;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
global
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	/* global */
	.pc{display:block;}
	.sp{display:none;}
	.center{text-align: center;}
	.anc{
		margin-top:-110px;
		padding-top:110px;
	}
	
	/* title */
	h1{font-size:inherit;}
	h2{
		font-size:48px;
		margin-bottom:50px;
		text-align:center;
		line-height:1;
		
		span{
			display:block;
			font-size:18px;
		}
	}
	h3{
		font-size:28px;
		margin-bottom:10px;
	}
	
	/* line */
	.center-line{
		text-align: center;
		position: relative;
		margin-bottom:20px;
	}
	.center-line::after {
		position: absolute;
		content: '';
		left: 45%;
		bottom: -10px;
		width: 10%;
		border-bottom:1px #dddddd solid;
	}
	
	.under-line{
		position: relative;
		border-bottom: 2px solid #f5f5f5;
	}
	.under-line::after {
		position: absolute;
		bottom: -2px;
		left: 0;
		content: '';
		width: 20%;
		border-bottom: 2px solid #a9cc03;
	}
	
	/* bt */
	.read{
		width:200px;
		
		a{
			display:block;
			overflow:hidden;
			color:#ffffff;
			font-size:14px;
			padding:10px 0;
			background:#333;
			text-decoration:none;
			text-align:center;
			
			&:hover{
				background:#111;
				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				-ms-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;
			}
		}
	}
	
	/* col */
	.skew-bg{
		color:#fff;
		width: 100%;
		margin-top:50px;
		margin-bottom:50px;
		padding-top:50px;
		padding-bottom:50px;
		overflow:hidden;
		-webkit-transform: skewY(-2deg);
		-moz-transform: skewY(-2deg);
		-o-transform: skewY(-2deg);
		background:#004698;
		
		.skew{
			text-align:center;
			-webkit-transform: skewY(2deg);
			-moz-transform: skewY(2deg);
			-o-transform: skewY(2deg);
		}
	}
	
	/* table */
	table{
		width:100%;
		
		tr{
			width:100%;
			
			th{
				padding:10px;
				width:200px;
				text-align:left;
				font-weight:normal;
				vertical-align:middle;
				background:#f5f5f5;
				box-sizing:border-box;
				border:1px #ddd solid;
			}
			td{
				padding:10px;
				vertical-align:middle;
				box-sizing:border-box;
				border:1px #ddd solid;
				background:#fff;
			}
		}
	}
}
@media screen and (max-width: 640px){
	/* global */
	p{text-align:left;}
	.pc{display:none;}
	.sp{display:block;}
	.center{text-align: left;}
	.anc{
		margin-top:-65px;
		padding-top:65px;
	}
	
	/* title */
	h1{font-size:inherit;}
	h2{
		font-size:32px;
		margin-bottom:30px;
		text-align:center;
		line-height:1;
		
		span{
			display:block;
			font-size:14px;
		}
	}
	h3{
		font-size:20px;
		margin-bottom:10px;
	}
	
	/* line */
	.center-line{
		text-align: center;
		position: relative;
		margin-bottom:20px;
	}
	.center-line::after {
		position: absolute;
		content: '';
		left: 45%;
		bottom: -10px;
		width: 10%;
		border-bottom:1px #dddddd solid;
	}
	
	.under-line{
		position: relative;
		border-bottom: 2px solid #f5f5f5;
	}
	.under-line::after {
		position: absolute;
		bottom: -2px;
		left: 0;
		content: '';
		width: 20%;
		border-bottom: 2px solid #a9cc03;
	}
	
	/* bt */
	.read{
		width:100%;
		margin:0 auto;
		
		a{
			display:block;
			overflow:hidden;
			color:#ffffff;
			font-size:14px;
			padding:15px 0;
			background:#333;
			text-decoration:none;
			text-align:center;
		}
	}
	
	/* col */
	.skew-bg{
		color:#fff;
		margin:50px 0;
		padding:50px 20px;
		text-align:center;
		overflow:hidden;
		-webkit-transform: skewY(-2deg);
		-moz-transform: skewY(-2deg);
		-o-transform: skewY(-2deg);
		background:#004698;
		
		.skew{
			-webkit-transform: skewY(2deg);
			-moz-transform: skewY(2deg);
			-o-transform: skewY(2deg);
		}
	}
	
	/* table */
	table{
		width:100%;
		
		tr{
			width:100%;
			
			th{
				display:block;
				padding:10px;
				width:100%;
				font-weight:normal;
				vertical-align:middle;
				background:#f5f5f5;
				box-sizing:border-box;
				border:1px #ddd solid;
			}
			td{
				display:block;
				padding:10px;
				width:100%;
				vertical-align:middle;
				box-sizing:border-box;
				border:1px #ddd solid;
				background:#fff;
			}
		}
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
header
------------------------------------------------------------*/
@media screen and (min-width: 1240px){
	.drawer-button,
	#drawer{
		display:none;
	}
	
	header{
		width:100%;
		height:110px;
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		
		h1{
			float:left;
			padding-top:30px;
			padding-left:30px;
			
			img{
				width:140px;
				height:30px;
				margin-left:-10px;
				margin-bottom:5px;
			}
		}
		
		#global-nav{
			float:right;
			
			ul{
				float:left;
				
				li{
					float:left;
					width:110px;
					font-size:12px;
					line-height: 1;
					
					.gm-arrow{
						margin-top:8px;
						margin-bottom:-16px;
					}
					
					a{
						color:#333;
						display:block;
						padding:49px 0;
						text-align:center;
						text-decoration:none;
						
						&:hover{
							color:#fff;
							background:#99CF16;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
					
					ul{
						
						li{
							overflow:hidden;
							font-size:12px;
							height:0;
							border-right:0;
							border-left:0;
							-moz-transition: .2s;
							-webkit-transition: .2s;
							-o-transition: .2s;
							-ms-transition: .2s;
							transition: .2s;
							
							a{
								padding:19px 0;
								color:#fff;
								background:#93C105;
								text-align:center;
								
								&:hover{
									background:#333;
								}
							}
						}
					}
						
					&:hover ul li{
						height:50px;
						border-bottom:1px #ddd solid;
						
						&:last-child{
							border-bottom:0;
						}
					}
				}
				
				#header-entry{
					width:180px;
					height:50px;
					margin-top:30px;
					margin-right:30px;
					background:#99CF16;
				
					a{
						color:#fff;
						display:block;
						padding:19px 0;
						text-align:center;
						text-decoration:none;
						
						&:hover{
							background:#333;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
				}
			}
		}
	}
	
	#top-anc{
		margin-top:110px;
	}
}
@media screen and (max-width: 1239px){
	h1 p,
	#sub-nav,
	#global-nav{
		display:none;
	}
	
	header{
		width:100%;
		height:65px;
		overflow:hidden;
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		
		h1{
			float:left;
			margin-top:15px;
			margin-left:10px;
			
			img{
				width:100px;
				height:25px;
			}
		}
		
		.drawer-button{
			float:right;
			color:#004698;
			width:65px;
			height:65px;
			display:block;
			background:#f9f9f9;
			text-align:center;
			
			#hamburger {
				position:relative;
				top:15px;
				left:17px;
				
				li{
					width:30px;
					height:1px;
					display:block;
					border-top:1px #004698 solid;
					margin-bottom:5px;
					
					&:last-child{
						font-size:12px;
						border-top:0;
						margin-bottom:0;
						margin-left:-2px;
					}
				}
			}
		}
	}
	
	/* drawer */
	#wrapper {
		position: relative;
		-webkit-transition: all .2s;
		transition: all .2s;
		
		&.open {
			-webkit-transform: translate3d(-250px, 0, 0);
			transform: translate3d(-250px, 0, 0);
			overflow: hidden;
		}
	}
	
	#drawer {
		position: fixed;
		top: 0;
		right: -250px;
		width: 250px;
		height: 100%;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all .2s;
		transition: all .2s;
		background-color: #222;
		z-index:9999;
		
		&.open {
			-webkit-transform: translate3d(-250px, 0, 0);
			transform: translate3d(-250px, 0, 0);
		}
		
		#button{
			float:right;
			padding:10px;
			
			#close {
				color:#fff;
				height:40px;
				border:1px #fff solid;
				background:#000;
				padding:5px;
				
				li{
					width:40px;
					height:1px;
					display:block;
					border-top:1px #fff solid;
					
					&:first-child{
						margin-top:4px;
						-webkit-transform: translateY(10px) rotate(45deg);
						-moz-transform: translateY(10px) rotate(45deg);
						-ms-transform: translateY(10px) rotate(45deg);
						-o-transform: translateY(10px) rotate(45deg);
						transform: translateY(10px) rotate(45deg);
					}
					&:nth-child(2n){
						-webkit-transform: translateY(10px) rotate(-45deg);
						-moz-transform: translateY(10px) rotate(-45deg);
						-ms-transform: translateY(10px) rotate(-45deg);
						-o-transform: translateY(10px) rotate(-45deg);
						transform: translateY(10px) rotate(-45deg);
					}
					&:last-child{
						border:0;
						margin-top:22px;
						font-size:12px;
					}
				}
			}
		}
		
		ul{
			clear:both;
			
			li{
				box-sizing:border-box;
				border-top:1px #555 solid;
				
				&:last-child{
					border-bottom:1px #555 solid;
				}
				
				a{
					display:block;
					color:#fff;
					padding:15px;
					text-decoration:none;
				}
			}
			
			.second-menu{
				font-size:12px;
				background:#333333;
				box-sizing:border-box;
				border-top:1px #555 solid;
				
				li{
					clear:both;
					
					&:first-child{
						border-top:0;
					}
					
					&:last-child{
						border-bottom:0;
					}
					
					a{
						display:block;
						color:#fff;
						padding:10px 20px;
						text-decoration:none;
						
						&:after{
							color:#999999;
							float:right;
							content:">";
						}
					}
				}
			}
		}
	}
	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 9999;
		background: rgba(0, 0, 0, .3);
	}
	
	#top-anc{
		margin-top:65px;
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
index
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	#fv {
		max-height: 900px;
		background-size: cover;
		text-align: center;
		position: relative;
		overflow: hidden;
		background-size:cover;
		
		#fv-copy {
			z-index: 2;
			position: absolute;
			top: 40%;
			left: 0;
			right: 0;
			bottom: 0;
		}
		#fv-scroll {
			z-index: 2;
			position: absolute;
			top: 85%;
			left: 0;
			right: 0;
			bottom: 0;
		}
		video {
			margin: 0 auto;
			z-index: 1;
			width: 100%;
		}
	}
	
	#vision{
		margin-bottom:100px;
		
		#vision-bg{
			width:100%;
			height:640px;
			margin-bottom:-200px;
			background: url(//www.plus1-one.co.jp/saiyou/images/vision-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
			text-align:center;
			
			img{
				margin-top:200px;
			}
		}
		
		.read{
			margin:0 auto;
		}
	}
	
	#index-entry{
		margin-bottom:50px;
		
		#index-entry-bg{
			width:100%;
			height:500px;
			margin-bottom:-150px;
			background: url(//www.plus1-one.co.jp/saiyou/images/entry-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
			text-align:center;
		}
		
		h2{
			padding-top:170px;
		}
	}
	
	.entry-bt{
		position: relative;
		width:600px;
		margin:0 auto;
		
		a{
			display:block;
			color:#fff;
			padding:20px 0;
			font-size:28px;
			text-align:center;
			text-decoration:none;
			background:#99CF16;
			
			&:hover{
				background:#ffc107;
				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				-ms-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;
			}
		}
		.min{
			position: absolute;
			top: 20px;
			left: 100px;
			padding: 10px;
			background: #fff;
			border-radius: 100%;
			line-height: 1;
			text-align: center;
			font-weight: bold;
			color: #ffc107;
		}
	}
}
@media screen and (max-width: 640px){
	#fv{
		width:100%;
		height:100%;
		text-align: center;
		background: url(//www.plus1-one.co.jp/saiyou/images/sp/fv.jpg) 50% 0 no-repeat;
		background-size: 100% auto;
		
		#fv-copy{
			position:relative;
			top:25%;
			
			img{
				width:95%;
				height:auto;
			}
		}
		#fv-scroll {
			z-index: 2;
			position: absolute;
			top: 90%;
			left: 0;
			right: 0;
			bottom: 0;
			
			img{
				width:40px;
				height:auto;
			}
		}
		video {
			display:none;
		}
	}
	
	#vision{
		margin-bottom:50px;
		
		#vision-bg{
			width:100%;
			height:320px;
			margin-bottom:-100px;
			background: url(//www.plus1-one.co.jp/saiyou/images/vision-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
			text-align:center;
			
			img{
				width:90%;
				height:auto;
				margin-top:100px;
			}
		}
	}
	
	#index-entry{
		
		#index-entry-bg{
			width:100%;
			height:260px;
			margin-bottom:-80px;
			background: url(//www.plus1-one.co.jp/saiyou/images/entry-bg.jpg) 50% 0 no-repeat;
			background-size:auto 100%;
			text-align:center;
		}
		
		h2{
			padding-top:100px;
		}
	}
	
	.entry-bt{
		position: relative;
		width:100%;
		
		a{
			display:block;
			color:#fff;
			padding:20px 0;
			font-size:20px;
			text-align:center;
			text-decoration:none;
			background:#99CF16;
		}
		.min{
			position: absolute;
			top: 12px;
			left: 17px;
			padding: 10px;
			background: #fff;
			border-radius: 100%;
			line-height: 1;
			text-align: center;
			font-weight: bold;
			color: #ffc107;
		}
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
top-image
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	.top-image{
		width:100%;
		height:500px;
		background-size:cover;
		text-align:center;
		position:relative;
		margin-bottom:50px;
	}
	.top-image h2 {text-transform:uppercase;}
	#top-image-guide{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-guide.jpg) 50% 0 no-repeat;}
	#top-image-guides-director{background: #004698;}
	#top-image-guides-designer{background: #004698;}
	#top-image-guides-planner{background: #004698;}
	#top-image-guides-consultant{background: #004698;}
	#top-image-guides-consultant-recruit{background: #00b3e6;}
	#top-image-guides-director-recruit{background: #00b3e6;}
	#top-image-guides-writer-part{background: #e96761;}
	#top-image-guides-designer-part{background: #e96761;}
	
	#top-image-interview{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-interview.jpg) 50% 0 no-repeat;}
	#top-image-corporate{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-corporate.jpg) 50% 0 no-repeat;}
	#top-image-company{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-company.jpg) 50% 0 no-repeat;}
	#top-image-philosophy{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-philosophy.jpg) 50% 0 no-repeat;}
	#top-image-business{background: url(//www.plus1-one.co.jp/saiyou/images/top-image-business.jpg) 50% 0 no-repeat;}
	
	#top-image-schedule{background: #004698;}
	#top-image-faq{background: #004698;}
	
	.page-name{
		position:absolute;
		top:380px;
		color:#fff;
		font-size:60px;
		-webkit-text-shadow: 2px 2px 10px #333;
		-moz-text-shadow: 2px 2px 10px #333;
		-ms-text-shadow: 2px 2px 10px #333;
		-o-text-shadow: 2px 2px 10px #333;
		text-shadow: 2px 2px 10px #333;
	}
	.page-cat{
		padding-top:140px;
		text-align:center;
		color:#fff;
	}
}
@media screen and (max-width: 640px){
	.top-image{
		width:100%;
		height:240px;
		text-align:center;
		position:relative;
		margin-bottom:30px;
	}
	#top-image-guide{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-guide.jpg) 50% 0 no-repeat; background-size: 100%;}
	#top-image-guides-director{background: #004698;}
	#top-image-guides-designer{background: #004698;}
	#top-image-guides-planner{background: #004698;}
	#top-image-guides-consultant-recruit{background: #00b3e6;}
	#top-image-guides-director-recruit{background: #00b3e6;}
	#top-image-guides-writer-part{background: #e96761;}
	#top-image-guides-designer-part{background: #e96761;}
	
	#top-image-interview{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-interview.jpg) 50% 0 no-repeat; background-size: 100%;}
	#top-image-corporate{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-corporate.jpg) 50% 0 no-repeat; background-size: 100%;}
	#top-image-company{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-company.jpg) 50% 0 no-repeat; background-size: 100%;}
	#top-image-philosophy{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-philosophy.jpg) 50% 0 no-repeat; background-size: 100%;}
	#top-image-business{background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-business.jpg) 50% 0 no-repeat; background-size: 100%;}
	
	#top-image-schedule{background: #004698;}
	#top-image-faq{background: #004698;}
	
	.page-name{
		position:absolute;
		top:150px;
		color:#fff;
		font-size:48px;
		-webkit-text-shadow: 2px 2px 10px #333;
		-moz-text-shadow: 2px 2px 10px #333;
		-ms-text-shadow: 2px 2px 10px #333;
		-o-text-shadow: 2px 2px 10px #333;
		text-shadow: 2px 2px 10px #333;
	}
	.page-cat{
		padding-top:50px;
		text-align:center;
		color:#fff;
		
		img{
			width:100px;
			height:100px;
		}
	}
}


/*-----------------------------------------------------------
content
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	/* guide */
	.guide-col{
		padding-bottom:100px;
		
		#guide-shain{
			width:960px;
			overflow:hidden;
			margin-bottom:50px;
			
			li{
				float:left;
				width:240px;
				height:230px;
				box-sizing:border-box;
				border-left:1px #ddd solid;
				text-align:center;
				
				a{
					padding:20px 5px;
					display:block;
					text-decoration:none;
					transition: 0.1s;
					
					&:hover{
						background:#f9f9f9;
					}
					
					.guide-kind{
						color:#004698;
						font-size:14px;
					}
					.guide-name{
						color:#333;
						font-size:20px;
						font-weight:bold;
						margin-bottom:20px;
					}
					img{
						width:105px;
						height:auto;
						-webkit-transform: scale(1);
						transform: scale(1);
						transition: 0.1s;
						
						&:hover{
							-webkit-transform: scale(1.1);
							transform: scale(1.1);
						}
					}
				}
				
				&:last-child{
					border-right:1px #ddd solid;
				}
			}
		}
		
		#guide-part,
		#guide-recruit{
			width:460px;
			overflow:hidden;
			
			li{
				float:left;
				width:230px;
				height:220px;
				box-sizing:border-box;
				border-left:1px #ddd solid;
				text-align:center;
				
				a{
					padding:20px;
					display:block;
					text-decoration:none;
					transition: 0.1s;
					
					&:hover{
						background:#f9f9f9;
					}
					
					.guide-kind{
						font-size:14px;
					}
					.guide-name{
						color:#333;
						font-size:20px;
						font-weight:bold;
						margin-bottom:20px;
					}
					img{
						width:100px;
						height:auto;
						-webkit-transform: scale(1);
						transform: scale(1);
						transition: 0.1s;
						
						&:hover{
							-webkit-transform: scale(1.1);
							transform: scale(1.1);
						}
					}
				}
				
				&:last-child{
					border-right:1px #ddd solid;
				}
			}
		}
		
		#guide-part{
			float:left;
			
			.guide-kind{
				color:#EA6761;
			}
		}
		#guide-recruit{
			float:right;
			
			.guide-kind{
				color:#00afe2;
			}
		}
	}
	
	/* interview */
	.interview-top{
		width:100%;
		height:500px;
		background-size:cover;
		position:relative;
		margin-bottom:100px;
		
		.interview-top-bg{
			width:100%;
			height:500px;
			background-size:cover;
			position:absolute;
			top:50px;
			
			.interview-text{
				color:#fff;
				padding-top:90px;
				
				.interview-name{
					font-size:20px;
					margin-bottom:20px;
				}
				
				.interview-copy{
					font-size:44px;
					font-weight:normal;
					font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
					line-height:1.2;
				}
			}
		}
	}
	
	#interview-fk{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-fk.jpg) 50% 0 no-repeat;}
	#interview-fk .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg2.png) 50% 0 no-repeat;}
	#interview-fk .interview-text{width:640px; float:right;}
	
	#interview-kt{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-kt.jpg) 50% 0 no-repeat;}
	#interview-kt .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg1.png) 50% 0 no-repeat;}
	
	#interview-ka{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-ka.jpg) 50% 0 no-repeat;}
	#interview-ka .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg2.png) 50% 0 no-repeat;}
	#interview-ka .interview-text{width:640px; float:right;}
	
	#interview-kh{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-kh.jpg) 50% 0 no-repeat;}
	#interview-kh .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg1.png) 50% 0 no-repeat;}
	
	#interview-nt{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-nt.jpg) 50% 0 no-repeat;}
	#interview-nt .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg2.png) 50% 0 no-repeat;}
	#interview-nt .interview-text{width:640px; float:right;}
	
	#interview-nm{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-nm.jpg) 50% 0 no-repeat;}
	#interview-nm .interview-top-bg{background: url(//www.plus1-one.co.jp/saiyou/images/interview-top-bg3.png) 50% 0 no-repeat;}
	
	#interview{
		
		.content{
			clear:both;
			height:auto;
			overflow:hidden;
			margin-bottom:50px;
			
			.viwer{
				float:left;
				width:280px;
				font-size:20px;
				font-weight:bold;
				margin-right:40px;
			}
			.answer{
				float:right;
				width:640px;
			}
		}
		
		.col3{
			clear:both;
			overflow:hidden;
			
			li{
				float: left;
				width: 300px;
				margin-right: 30px;
				margin-bottom: 50px;
				overflow:hidden;
				
				&:nth-child(3n){
					margin-right: 0;
				}
				
				img{
					width:300px;
					height:auto;
					margin-bottom:10px;
				}
			}
		}
	}
	
	.interview-col{
		margin-bottom:-50px;
		overflow:hidden;
		
		section{
			clear:both;
			width:1120px;
			height:400px;
		
			.interview-box{
				padding:100px;
				
				.interview-name{
					color:#fff;
					margin-bottom:20px;
				}
				
				.interview-copy{
					color:#fff;
					font-size:36px;
					font-weight:normal;
					font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
					margin-bottom:40px;
					line-height:1.2;
				}
			}
			
			&:nth-child(2){ position:relative; top:-50px;}
			&:nth-child(3){ position:relative; top:-100px;}
			&:nth-child(4){ position:relative; top:-150px;}
			&:nth-child(5){ position:relative; top:-200px;}
		}
		
		#fk{background: url(//www.plus1-one.co.jp/saiyou/images/interview-fk-thum.png) no-repeat;}
		#kt{background: url(//www.plus1-one.co.jp/saiyou/images/interview-kt-thum.png) no-repeat;}
		#ka{background: url(//www.plus1-one.co.jp/saiyou/images/interview-ka-thum.png) no-repeat;}
		#kh{background: url(//www.plus1-one.co.jp/saiyou/images/interview-kh-thum.png) no-repeat;}
		#nt{background: url(//www.plus1-one.co.jp/saiyou/images/interview-nt-thum.png) no-repeat;}
		#nm{background: url(//www.plus1-one.co.jp/saiyou/images/interview-nm-thum.png) no-repeat;}
		#nm2{background: url(//www.plus1-one.co.jp/saiyou/images/interview-nm2-thum.png) no-repeat;}
	}
	
	/* corporate */
	.corporate-col{
		padding:100px 0;
		overflow:hidden;
		
		ul{
			
			li{
				float:left;
				width:340px;
				margin-right:50px;
				
				&:last-child{
					margin-right:0;
				}
				
				img{
					width:340px;
					height:200px;
					margin-bottom:20px;
				}
				.read{
					width:120px;
					padding:5px;
					font-size:12px;
					margin-top:20px;
				}
			}
		}
	}
	
	/* company */
	#company{
	
		#map{
			width:100%;
			height:300px;
		}
		#history{
			font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			
			li{
				padding:10px 0;
				border-top:1px #bbbbbb dotted;
				
				&:last-child{
					border-bottom:1px #bbbbbb dotted;
				}
				
				span{
					margin-right:20px;
				}
			}
		}
	}
	
	/* philosophy */
	#philosophy{
		
		#rinen{
			width:100%;
			height:auto;
			padding:40px;
			overflow:hidden;
			box-sizing:border-box;
			border:5px #f9f9f9 solid;
			margin-bottom:50px;
		}
		#shishin{
			width:100%;
			height:auto;
			padding:40px;
			overflow:hidden;
			box-sizing:border-box;
			border:5px #f9f9f9 solid;
		}
	}
	
	/* business */
	#business{
		
		#business-top-image{
			width:100%;
			height:100%;
			padding:80px 0;
			background: url(//www.plus1-one.co.jp/saiyou/images/business-top-image-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
		}
		
		#business1,
		#business2,
		#business3{
			padding:20px;
			overflow:hidden;
			border:5px #f5f5f5 solid;
		}
		
		#business1 img,
		#business2 img,
		#business3 img{
			float:right;
			width:300px;
			height:auto;
			margin-left:40px;
			margin-bottom:20px;
		}
	}
	
	/* message */
	#message{
		margin-bottom:100px;
		
		#message-bg{
			width:100%;
			height:500px;
			margin-bottom:-200px;
			background: url(//www.plus1-one.co.jp/saiyou/images/vision-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
			
			h2{
				color:#fff;
				padding-top:150px;
				-webkit-text-shadow: 2px 2px 10px #333;
				-moz-text-shadow: 2px 2px 10px #333;
				-ms-text-shadow: 2px 2px 10px #333;
				-o-text-shadow: 2px 2px 10px #333;
				text-shadow: 2px 2px 10px #333;
			}
		}
		
		#media{
			
			li{
				float:left;
				width:360px;
				margin-right:20px;
				
				&:nth-child(2n){
					margin-right:0;
				}
			}
		}
	}
	
	/* overview */
	#overview{
		margin-bottom:100px;
		
		#overview-bg{
			width:100%;
			height:500px;
			margin-bottom:-200px;
			background: url(//www.plus1-one.co.jp/saiyou/images/top-image-overview.jpg) 50% 0 no-repeat;
			background-size:cover;
			
			h2{
				color:#fff;
				padding-top:150px;
				-webkit-text-shadow: 2px 2px 10px #333;
				-moz-text-shadow: 2px 2px 10px #333;
				-ms-text-shadow: 2px 2px 10px #333;
				-o-text-shadow: 2px 2px 10px #333;
				text-shadow: 2px 2px 10px #333;
			}
		}
		
		.col4{
			clear:both;
			overflow:hidden;
			
			li{
				float: left;
				width: 225px;
				margin-right: 20px;
				margin-bottom: 40px;
				background:#f9f9f9;
				overflow:hidden;
				
				&:nth-child(4n){
					margin-right: 0;
				}
				
				img{
					width:225px;
					height:auto;
					margin-bottom:10px;
				}
				
				.text-box{
					padding:10px;
				}
			}
		}
		.col1{
			clear:both;
			overflow:hidden;
			
			section{
				width: 960px;
				margin-bottom: 80px;
				overflow:hidden;
				
				&:last-child{
					margin-bottom: 0;
				}
				
				img{
					display: block;
					margin-bottom:10px;
				}
			}
		}
	}
	
	/* schedule */
	#schedule-line{
		margin-bottom:-60px;
		overflow:hidden;
		
		section{
			clear:both;
			width:1120px;
			height:400px;
			text-align:center;
			
			.schedule-title{
				padding-top:80px;
				font-size:48px;
			}
			h3{
				margin-top:30px;
			}
			.read{
				margin:0 auto;
			}
		}
		
		#step1{background: url(//www.plus1-one.co.jp/saiyou/images/schedule-bg1.png) no-repeat; color:#004698;}
		#step2{background: url(//www.plus1-one.co.jp/saiyou/images/schedule-bg2.png) no-repeat; position:relative; top:-40px; color:#fff;}
		#step3{background: url(//www.plus1-one.co.jp/saiyou/images/schedule-bg1.png) no-repeat; position:relative; top:-80px; color:#004698;}
		#step4{background: url(//www.plus1-one.co.jp/saiyou/images/schedule-bg2.png) no-repeat; position:relative; top:-120px; color:#fff;}
		#step5{background: url(//www.plus1-one.co.jp/saiyou/images/schedule-bg1.png) no-repeat; position:relative; top:-160px; color:#004698;}
	}
}
@media screen and (max-width: 640px){
	/* guide */
	.guide-col{
		margin-bottom:50px;
		
		#guide-shain,
		#guide-part,
		#guide-recruit{
			overflow:hidden;
			padding:10px 0;
			
			li{
				clear:both;
				overflow:hidden;
				box-sizing:border-box;
				border-bottom:1px #ddd solid;
				
				a{
				overflow:hidden;
					display:block;
					padding:15px 0;
					text-decoration:none;
					
					.guide-text{
						width:70%;
						float:right;
					
						.guide-kind{
							margin-top:10px;
							font-size:12px;
						}
						.guide-name{
							color:#333;
							font-size:16px;
							font-weight:bold;
						}
					}
					img{
						float:left;
						width:60px;
						height:auto;
					}
				}
			}
		}
		
		#guide-shain .guide-kind{color:#004693;}
		#guide-part .guide-kind{color:#EA6761;}
		#guide-recruit .guide-kind{color:#00afe2;}
	}
	
	/* interview */
	.interview-top{
		width:100%;
		height:320px;
		background-size:cover;
		margin-bottom:120px;
		
		.interview-top-bg{
			width:95%;
			position:relative;
			top:280px;
		
			.interview-text{
				margin:0 10px;
				
				br{
					display:none;
				}
				.interview-name{
					color:#fff;
					font-size:14px;
					padding:10px 10px 0 10px;
				}
				.interview-copy{
					color:#fff;
					font-size:20px;
					font-weight:normal;
					font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
					line-height:1.2;
					padding:10px;
				}
				.read{
					width:90%;
					padding:10px;
				}
			}
		}
	}
	#interview-kt .interview-top-bg,#interview-kh .interview-top-bg{
		background: #004693;
		opacity:0.9;
	}
	#interview-fk .interview-top-bg,#interview-ka .interview-top-bg,#interview-nt .interview-top-bg,#interview-nm .interview-top-bg{
		background: #ff8e8e;
		opacity:0.9;
	}
	#interview-fk{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-fk-thum.png) 50% 0 no-repeat; background-size:cover;}
	#interview-kt{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-kt-thum.png) 50% 0 no-repeat; background-size:cover;}
	#interview-ka{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-ka-thum.png) 50% 0 no-repeat; background-size:cover;}
	#interview-kh{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-kh-thum.png) 50% 0 no-repeat; background-size:cover;}
	#interview-nt{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-nt-thum.png) 50% 0 no-repeat; background-size:cover;}
	#interview-nm{background: url(//www.plus1-one.co.jp/saiyou/images/sp/interview-nm-thum.png) 50% 0 no-repeat; background-size:cover;}
	
	#interview{
		
		.content{
			clear:both;
			height:auto;
			overflow:hidden;
			margin-bottom:50px;
			
			.viwer{
				display:block;
				font-size:20px;
				font-weight:bold;
			}
			
			img{
				width:100%;
				height:auto;
			}
		}
		
		.col3{
			clear:both;
			overflow:hidden;
			
			li{
				width: 100%;
				display:block;
				margin-bottom: 30px;
				overflow:hidden;
				
				img{
					width:100%;
					height:auto;
					margin-bottom:10px;
				}
			}
		}
	}
	
	.interview-col{
		margin-bottom:50px;
		margin-left:0 !important;
		margin-right:0 !important;
		
		section{
		
			.interview-box{
				width:95%;
				position:relative;
				top:-100px;
				margin-bottom:-90px;
				
				br{
					display:none;
				}
				.interview-name{
					color:#fff;
					font-size:14px;
					padding:10px 10px 0 10px;
				}
				.interview-copy{
					color:#fff;
					font-size:20px;
					font-weight:normal;
					font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
					line-height:1.2;
					padding:10px 10px 0 10px;
				}
				.read{
					width:90%;
					padding:10px;
				}
			}
		}
		
		#kt .interview-box,#kh .interview-box{
			background: #004693;
			opacity:0.9;
		}
		#fk .interview-box,#ka .interview-box,#nt .interview-box,#nm .interview-box,#nm2 .interview-box{
			background: #ff8e8e;
			opacity:0.9;
		}
	}
	
	/* corporate */
	.corporate-col{
		padding:50px 0;
		overflow:hidden;
		
		ul{
			
			li{
				width:100%;
				overflow:hidden;
				margin-bottom:30px;
				
				img{
					width:100%;
					height:auto;
					margin-bottom:5px;
				}
				.read{
					margin-top:5px;
				}
			}
		}
	}
	
	/* company */
	#company{
	
		#map{
			width:100%;
			height:300px;
		}
		
		#history{
			font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			
			li{
				padding:5px 0;
				border-bottom:1px #bbbbbb dotted;
				
				&:last-child{
					border-bottom:1px #bbbbbb dotted;
				}
				
				span{
					color:#999999;
					font-size:12px;
					display:block;
				}
			}
		}
	}
	
	/* philosophy */
	#philosophy{
		
		#rinen{
			width:100%;
			height:auto;
			padding:20px;
			overflow:hidden;
			box-sizing:border-box;
			border:5px #f9f9f9 solid;
			
			img{
				width:100%;
				height:auto;
			}
		}
		#shishin{
			width:100%;
			height:auto;
			padding:20px;
			overflow:hidden;
			box-sizing:border-box;
			border:5px #f9f9f9 solid;
			
			img{
				width:100%;
				height:auto;
			}
		}
	}
	
	/* business */
	#business{
		
		#business1,
		#business2,
		#business3{
			padding:20px;
			overflow:hidden;
			border:5px #f5f5f5 solid;
		}
		
		#business1 img,
		#business2 img,
		#business3 img{
			width:100%;
			height:auto;
			margin-bottom:10px;
		}
	}
	
	/* message */
	#message{
		margin-bottom:50px;
		
		#message-bg{
			width:100%;
			height:260px;
			margin-bottom:-80px;
			background: url(//www.plus1-one.co.jp/saiyou/images/vision-bg.jpg) 50% 0 no-repeat;
			background-size:cover;
			
			h2{
				color:#fff;
				padding-top:100px;
				-webkit-text-shadow: 2px 2px 10px #333;
				-moz-text-shadow: 2px 2px 10px #333;
				-ms-text-shadow: 2px 2px 10px #333;
				-o-text-shadow: 2px 2px 10px #333;
				text-shadow: 2px 2px 10px #333;
			}
		}
		
		h3{
			text-align:left;
		}
		
		#media{
			
			li{
				width:100%;
				margin-bottom:20px;
				
				img{
					width:100%;
					height:auto;
				}
			}
		}
	}
	
	/* overview */
	#overview{
		margin-bottom:50px;
		
		#overview-bg{
			width:100%;
			height:260px;
			margin-bottom:-80px;
			background: url(//www.plus1-one.co.jp/saiyou/images/sp/top-image-overview.jpg) 50% 0 no-repeat;
			background-size:100%;
			
			h2{
				color:#fff;
				padding-top:100px;
				-webkit-text-shadow: 2px 2px 10px #333;
				-moz-text-shadow: 2px 2px 10px #333;
				-ms-text-shadow: 2px 2px 10px #333;
				-o-text-shadow: 2px 2px 10px #333;
				text-shadow: 2px 2px 10px #333;
			}
		}
		
		h3{
			text-align:left;
		}
		
		.col4{
			clear:both;
			overflow:hidden;
			
			li{
				clear:both;
				width:100%;
				overflow:hidden;
				margin-bottom:30px;
				text-align:center;
				
				img{
					width:70%;
					height:auto;
					margin-bottom:10px;
				}
			}
		}
		.col1{
			clear:both;
			overflow:hidden;
			
			section{
				width: 100%;
				margin-bottom: 80px;
				overflow:hidden;
				
				&:last-child{
					margin-bottom: 0;
				}
				
				img{
					width:100%;
					height:auto;
					margin-bottom:10px;
				}
			}
		}
	}
	
	/* schedule */
	#schedule-line{
		margin-bottom:50px;
		overflow:hidden;
		
		section{
			clear:both;
			width:100%;
			height:auto;
			overflow:hidden;
			text-align:center;
				padding:50px 0;
			
			.schedule-title{
				font-size:36px;
			}
			h3{
				margin-top:30px;
			}
			p{
				padding:0 20px;
			}
			.read{
				width:90%;
				margin:0 auto;
			}
		}
		
		#step1{background:#d5eaff; color:#004698;}
		#step2{background:#004698; color:#fff;}
		#step3{background:#d5eaff; color:#004698;}
		#step4{background:#004698; color:#fff;}
		#step5{background:#d5eaff; color:#004698;}
	}
}
/*----------------------------------------------------------*/


/*-----------------------------------------------------------
form
------------------------------------------------------------*/
input[type="password"]{
	padding:10px 5px;
	border:2px #ddd solid;
	box-sizing:border-box;
	border-radius:4px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}
@media screen and (min-width: 641px){
	#contact{
		
		table{
		
			th{
				background:#fff;
				padding:20px 10px;
				width:300px;
				border: 0;
				border-bottom: 1px solid #ddd;
				text-align: center;
				font-weight: bold;
			
				img{
					position:relative;
					top:-4px;
					margin-left:5px;
				}
			}
			
			td{
				padding:20px 10px;
				border: 0;
				border-bottom: 1px solid #ddd;
			}
		}
		
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="number"],
		input[type="tel"],
		select,
		textarea{
			padding:15px 10px;
			background: #eee;
			box-sizing:border-box;
			-webkit-appearance:none;
			-moz-appearance:none;
			-ms-appearance:none;
			-o-appearance:none;
			appearance:none;
		}
		
		input[type="submit"]{
			width:320px;
			color:#fff;
			padding:10px;
			font-size:24px;
			border-radius:4px;
			background:#FF6E00;
			-webkit-appearance:none;
			-moz-appearance:none;
			-ms-appearance:none;
			-o-appearance:none;
			appearance:none;
			
			&:hover{
				background:#FF2700;
				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				-ms-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;
			}
		}
		
		.formError {
			font-size:12px;
			color:#f00;
		}
		
		#privacy{
			padding:20px;
			border:1px #ddd solid;
			box-sizing:border-box;
			background:#ffffff;
			
			.roll{
				width:980px;
				font-size:14px;
				height:240px;
				padding:20px;
				margin:20px;
				overflow:scroll;
				border:1px #ddd solid;
				box-sizing:border-box;
			}
		}
	}
		
	#contact-bt{
		width:100%;
		text-align:center;
		background:#333333;
		border-radius:35px;
	
		&:hover{
			background:#000000;
			-moz-transition: .2s;
			-webkit-transition: .2s;
			-o-transition: .2s;
			-ms-transition: .2s;
			transition: .2s;
		}
		
		a{
			font-size:32px;
			color:#ffffff;
			display: block;
			padding: 10px 0;
			text-decoration:none;
			
			span{
				display:block;
				font-size:18px;
			}
		}
	}
}
@media screen and (max-width: 640px){
	#contact{
		
		img{
			position:relative;
			top:-5px;
		}
		
		table{
			
			th{
				text-align:left;
				background:#f9f9f9;
			}
			
			td{
				
				input[type="text"],
				input[type="email"],
				input[type="password"],
				textarea{
					width:100%;
					padding:10px 5px;
					border:2px #ddd solid;
					box-sizing:border-box;
					border-radius:4px;
					-webkit-appearance:none;
					-moz-appearance:none;
					-ms-appearance:none;
					-o-appearance:none;
					appearance:none;
				}
			}
		}
		
		input[type="submit"]{
			width:100%;
			color:#fff;
			padding:5px;
			font-size:24px;
			border-radius:4px;
			background:#FF6E00;
			-webkit-appearance:none;
			-moz-appearance:none;
			-ms-appearance:none;
			-o-appearance:none;
			appearance:none;
		}
		
		.formError {
			font-size:12px;
			color:#f00;
		}
		
		#privacy{
			padding:20px;
			border:1px #ddd solid;
			box-sizing:border-box;
			background:#ffffff;
			
			.roll{
				font-size:14px;
				height:180px;
				padding:10px;
				margin-top:10px;
				overflow:scroll;
				border:1px #ddd solid;
				box-sizing:border-box;
			}
		}
	}
		
	#contact-bt{
		width:100%;
		text-align:center;
		background:#222222;
		border-radius:35px;
		
		a{
			font-size:20px;
			color:#ffffff;
			display: block;
			padding: 10px 0;
			text-decoration:none;
			
			span{
				display:block;
				font-size:14px;
			}
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	footer{
		width:100%;
		font-size:12px;
		background:#f9f9f9;
		padding:50px 0;
		
		.footer-box{
			float:left;
			width:480px;
			
			ul{
				float:left;
				margin-right:80px;
			}
			
			a{
				color:#555555;
				display:block;
				text-decoration:none;
				
				&:hover{
					text-decoration:underline;
				}
			}
			
			.footer-title{
				font-size:20px;
				margin-bottom:10px;
			}
		}
	}
	
	address{
		color:#999999;
		font-size:12px;
		padding-top:20px;
		text-align:center;
	}
	
	#page-top{
		z-index:9999;
		position: fixed;
		bottom: 30px;
		right: 30px;
	}
}
@media screen and (max-width: 640px){
	footer{
		width:100%;
		font-size:10px;
		background:#f9f9f9;
		
		.footer-box{
			padding:20px 0;
			
			a{
				color:#555555;
				display:block;
				text-decoration:none;
			}
			
			img{
				width:100%;
				height:auto;
			}
			
			.footer-title{
				font-size:20px;
				margin-bottom:10px;
			}
		}
	}
	
	address{
		color:#999999;
		font-size:10px;
		padding-top:10px;
		text-align:center;
	}
	
	#page-top{
		z-index:9999;
		position: fixed;
		bottom: 20px;
		right: 20px;
		
		img{
			width:30px;
			height:auto;
		}
	}
}
/*----------------------------------------------------------*/