/* LESS Document */

/*-----------------------------------------------------------
col
/*----------------------------------------------------------*/
.wrap{
	width:100%;
	height:auto;
	overflow:hidden;
}
.inner{
	max-width:640px;
	height:auto;
	margin:0 10px;
	overflow:hidden;
}
.p10{
	padding:10px;
	background:#fff;
}
main{
	
	article{
		clear:both;
		margin-bottom:40px;
		overflow:hidden;
		
		section{
			clear:both;
			margin-bottom:20px;
			overflow:hidden;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
class
/*----------------------------------------------------------*/
/* title */
h1{}
h2{
	padding:20px 10px;
	font-size:20px;
	box-sizing:border-box;
	border-top:1px #1b9ded solid;
	border-bottom:1px #1b9ded solid;
	background:#eee;
}
h3{}
h4{}
h5{}
h6{}

/* hukidashi */
.hukidashi {
	position: relative;
	display: inline-block;
	width: 740px;
	height: 123px;
	padding:19px;
	border-radius:5px;
	background: rgba(255,255,255,0.05);
	border:1px #fff solid;
}
.hukidashi:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #fff transparent transparent;
}

/* button */
.bt{
	width:100%;
	border-radius:5px;
	background:#4dbff7;
	
	a{
		color:#fff;
		display:block;
		padding:20px 0;
		text-align:center;
	
		&:hover{
			text-decoration:none;
		}
	}
}

/* list */
.list1{
	width:100%;
	
	li{
		clear:both;
		overflow:hidden;
		border-bottom:1px #ddd solid;
		
		a{
			color:#333;
			padding:10px;
			display:block;
			
			p{
				height:65px;
			}
		}
	}
}


/* table */
table{
	color:#333;
	width:100%;
	font-size:14px;
	
	tr{
		width:100%;
		
		th{
			padding:10px;
			text-align:left;
			font-weight:normal;
			vertical-align:middle;
			box-sizing:border-box;
			border:1px #ddd solid;
			background:#eee;
		}
		
		td{
			padding:10px;
			vertical-align:middle;
			box-sizing:border-box;
			border:1px #ddd solid;
		}
	}
}

.price{
	
	tr{
		
		td{
			text-align:right;
		}
	}
}

/* acd */
#acd-menu{
	
	dt{
		max-width:640px;
		padding:10px;
		overflow:hidden;
		border-bottom:1px #ddd solid;
		
		&:last-child{
			border-bottom:0;
		}
		
		&:after {
			float:right;
			content: '＋€';
		}
	}
		
	.open::after {
		float:right;
		content: '－';
	}
	
	dd{
		clear:both;
		padding:10px;
		overflow:hidden;
		border-bottom:1px #ddd dotted;
		background:#f5f5f5;
	}

	.arrow{
		position: relative;
		display: inline-block;
		padding: 0 0 0 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		font-size: 15px;
		
		&:before,
		&:after{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			content: "";
			vertical-align: middle;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
header
------------------------------------------------------------*/
header{
	
	h1{
		float:left;
		margin-top:25px;
		margin-left:5px;
	}
	
	nav{
		
		ul{
			float:right;
			margin-top:10px;
			margin-bottom:10px;
			
			li{
				float:left;
				margin-right:5px;
			}
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
slider
------------------------------------------------------------*/
#slider-wrap{
	clear:both;
	width:100%;
	height:auto;
	overflow:hidden;
		
	#slider{
		
		img{
			width:100%;
			height:auto;
		}
	}

	.bx-wrapper{
		
		.bx-controls-direction{
			
			a {
				position:absolute;
				top:160px;
				outline:0;
				width:30px;
				height:48px;
				text-indent:-9999px;
				z-index:9999;
			}
		}
	}
}

#slider-wrap{

	.bx-wrapper img{
		text-align:center;
		margin:0 auto;
		display:block;
	}
	
	.bx-wrapper .bx-pager{
		text-align:center;
		font-size:.85em;
		font-family:Arial;
		font-weight:bold;
		color:#fff;
		z-index:9999;
		position:relative;
		top:20px;
		margin-bottom:20px;
	}
	
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
		display:inline-block;
		*zoom:1;
		*display:inline;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		background:#666;
		text-indent:-9999px;
		display:block;
		width:10px;
		height:10px;
		margin:0 5px;
		outline:0;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a:hover,
	.bx-wrapper .bx-pager.bx-default-pager a.active{
		background:#1b9ded;
	}
	
	.bx-wrapper{
		
		.bx-prev {
			position:relative;
			left:0;
			background-repeat:no-repeat;
			background:url(../images/slider-arrow-left.png);
			background-size:30px 48px;
		}
		
		.bx-next {
			position:relative;
			right:0;
			background-repeat:no-repeat;
			background:url(../images/slider-arrow-right.png);
			background-size:30px 48px;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
index
------------------------------------------------------------*/
#tabnavi ul{
	width:100%;
	margin:0 10px;
	
	li{
		display:inline;
		
		&:first-child{
			margin-right:5px;
			
			a{
				color:#fff;
				width:145px;
				padding:15px 0;
				text-align:center;
				display:inline-block;
				background:#f45897;
				border-radius:5px 5px 0 0;
				text-decoration:none;
				opacity: 0.4;
				filter: alpha(opacity=40);
				-ms-filter: "alpha(opacity=40)";
			}
		}
		
		&:last-child{
			
			a{
				color:#fff;
				width:145px;
				padding:15px 0;
				text-align:center;
				display:inline-block;
				background:#1b9ded;
				border-radius:5px 5px 0 0;
				text-decoration:none;
				
				opacity: 0.4;
				filter: alpha(opacity=40);
				-ms-filter: "alpha(opacity=40)";
			}
		}
		
		a.active{
			opacity: 1;
			filter: alpha(opacity=100);
			-ms-filter: "alpha(opacity=100)";
		}
	}
}
	
#tabcontent #tab01{
	border-top:2px #f45897 solid;
}

#tabcontent #tab02{
	border-top:2px #1b9ded solid;
}

#tabcontent{

	ul{
		clear:both;
		
		li{
			width:48%;
			overflow:hidden;
			background:#f5f5f5;
			margin-top:10px;
			border:1px #ddd solid;
			box-sizing:border-box;
				
			&:first-child{
				float:left;
			}
				
			&:last-child{
				float:right;
			}
			
			img{
				width:100%;
				height:auto;
			}
			
			p{
				color:#333;
				padding:20px 0;
				text-align:center;
			}
		}
	}
	
	.large{
		width:100%;
		overflow:hidden;
		background:#f5f5f5;
		border:1px #ddd solid;
		box-sizing:border-box;
			
		img{
			width:100%;
			height:auto;
		}
		
		p{
			color:#333;
			padding:20px 0;
			text-align:center;
		}
	}
}

/* flipsnap */
.viewport{
	overflow: hidden;
}
.flipsnap{
	display: -webkit-box;
	margin: 0;
    width: 1440px; /* 290px(item width) * 5(item count) * -10px */
}
.item{
	width: 290px;
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
menu（home&company）
------------------------------------------------------------*/
.menu-nav{
	width:100%;
	
	li{
		font-size:14px;
		border-bottom:1px #ddd solid;
		box-sizing:border-box;
		overflow:hidden;
	
		a{
			color:#555;
			padding:10px;
			display:block;
			overflow:hidden;
			vertical-align:middle;
			
			&:after {
				float:right;
				color:#4b9bd8;
				content: '>€';
				position:relative;
				top:-10px;
			}
			
			img{
				float:left;
				width:50px;
				height:auto;
				margin-right:10px;
				position:relative;
				top:5px;
			}
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
before-after
------------------------------------------------------------*/
.before-after{
	
	h3{
		margin-top:30px;
		margin-bottom:10px;
	}
	
	li{
		border:1px #ddd solid;
		box-sizing:border-box;
		margin-bottom:20px;
		
		p{
			padding:10px;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
choice
------------------------------------------------------------*/
.choice{
	margin-bottom:20px;
	border:1px #ddd solid;
	box-sizing:border-box;
	
	dt{
		padding:10px;
		background:#ddd;
		font-weight:bold;
	}
	
	dd{
		padding:10px;
		
		.exp1{
			margin-top:20px;
			
			&:before{
				content: "実例";
				color:#fff;
				width:30px;
				padding:3px;
				font-size:12px;
				border-radius:3px;
				background:#1b9ded;
				display:block;
			}
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
faq
------------------------------------------------------------*/
.faq{
	border:1px #ddd solid;
	box-sizing:border-box;
	border-radius:5px;
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
blog
------------------------------------------------------------*/
.blog{
	
	img{
		width:100%;
		height:auto;
	}
	
	.first,
	.last{
		display:none;
	}
	
	ul{
		
		li{
			overflow:hidden;
			border-bottom:1px #ddd solid;
			
			a{
				color:#333;
				padding:20px 10px;
				display:block;
			}
		}
	}
	
	.pagenavi{
		padding-top:20px;
		text-align:center;
		border-top:1px #fff solid;
	
		a{
			color:#333;
			padding:5px 10px;
			margin:0 5px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
	}
	
	.wp-pagenavi{
		clear:both;
		padding:20px 0;
		text-align:center;
		border-bottom:1px #ddd solid;
		
		.pages{
			display:none;
		}
		
		.current{
			color:#999;
			margin:0 5px;
			padding:8px 15px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
		
		a{
			color:#333;
			margin:0 5px;
			padding:8px 15px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
interview
------------------------------------------------------------*/
.interview{
	
	.first,
	.last{
		display:none;
	}
	
	ul{
		
		li{
			overflow:hidden;
			border-bottom:1px #ddd solid;
			
			a{
				color:#333;
				padding:20px 10px;
				display:block;
			}
		}
	}
	
	.pagenavi{
		padding-top:20px;
		text-align:center;
		border-top:1px #fff solid;
	
		a{
			color:#333;
			padding:5px 10px;
			margin:0 5px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
	}
	
	.wp-pagenavi{
		clear:both;
		padding:20px 0;
		text-align:center;
		border-bottom:1px #ddd solid;
		
		.pages{
			display:none;
		}
		
		.current{
			color:#999;
			margin:0 5px;
			padding:8px 15px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
		
		a{
			color:#333;
			margin:0 5px;
			padding:8px 15px;
			border-radius:2px;
			border:1px #ddd solid;
			background:#f5f5f5;
		}
	}
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
form
------------------------------------------------------------*/
form dl {
	overflow:hidden;
	background:#f5f5f5;
}

form dd input[type="text"],
form dd input[type="email"],
form dd input[type="tel"],
form dd input[type="number"],
form dd select{
	padding:10px 0;
}
form dd input[type="text"],
form dd input[type="email"],
form dd input[type="tel"],
form dd input[type="number"],
form dd select{
	width:100% !important;
	border-radius: 3px !important;
	font-size:20px;
	border:1px #ccc solid;
	-webkit-appearance: none;
	background:#fff;
}
form dd textarea{
	width:95% !important;
	border-radius: 3px !important;
	font-size:20px;
	border:1px #ccc solid;
	-webkit-appearance: none;
	background:#fff;
}

form dt img,
form ol p img {
	position:relative;
	top:2px;
}
form dd {
	overflow:hidden;
	padding-bottom:20px !important;
}

.input-type-01 img {
	position:relative;
	top:32px;
	right:-87%;
}
.input-type-02 img {
	position:relative;
	top:42px;
	right:-87%;
}

.checkbox-bt td{
	width:50%;
	vertical-align:middle;
	margin:0 !important;
	padding:3px !important;
}
.checkbox-bt td label{
	border:1px #ddd solid;
	border-radius:5px;
	padding:10px 5px !important;
}

.radio-bt input {
	display: none;
}
.radio-bt label{
	padding: 10px !important;
	width:20% !important;
	display: table-cell !important;
	cursor: pointer;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	border-left:1px #ddd solid;
	background: linear-gradient(#fff, #ddd);
	font-size: 12px;
	text-align: center;
	vertical-align:middle;
	border-radius: 0 !important;
}
.radio-bt label:first-of-type{
	border-radius: 5px 0 0 5px !important;
}
.radio-bt label:last-of-type{
	border-right:1px #ddd solid;
	border-radius: 0 5px 5px 0 !important;
}
.radio-bt input[type="radio"]:checked + .switch-on {
	background: #a1b91d !important;
	color: #fff !important;
}
.radio-bt input[type="radio"]:checked + .switch-off {
	background: #e67168 !important;
	color: #fff !important;
}

.check-bt label{
	padding:20px 10px !important;
	border:1px #ddd solid !important;
}
/*----------------------------------------------------------*/



/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
footer{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#4b9bd8;
	
	nav{
		
		ul{
			width:100%;
			
			li{
				font-size:14px;
				border-top:1px #ddd solid;
				box-sizing:border-box;
				background:#eee;
				overflow:hidden;
			
				a{
					color:#555;
					display:block;
					padding:10px;
					
					&:after {
						float:right;
						color:#4b9bd8;
						content: '>€';
					}
				}
			}
		}
	}
}

/* page-top */
#page-top{
	z-index:100;
	position:fixed;
	bottom:10px;
	right:10px;
	font-size:12px;
	
	a{
		color:#fff;
		width:60px;
		display:block;
		padding:10px 0;
		text-align:center;
		border-radius:5px;
		background:#1b9ded;
	}
}
/*----------------------------------------------------------*/