@charset "utf-8";

/*******************************
  共通設定
*******************************/

	body {
		color: #000;
		font-size: 13px;
		line-height: 20px;
	}
	
	.disnon{
		display:none !important;
		}
	
	.ahover {
		transition: opacity .4s ease;
	}
	.ahover:hover {
		-ms-filter: "alpha(opacity=80)";
		opacity: .8;
	}
	
	.wrap {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.w730 {
		width: 730px;
		margin-right: auto;
		margin-left: auto;
	}
	.mr13 {
		margin-right: 13px;
	}
	.mr14 {
		margin-right: 14px;
	}
	.mr26 {
		margin-right: 26px;
	}
	.mr27 {
		margin-right: 27px;
	}
	.mr37 {
		margin-right: 37px;
	}
	
	/* header */
	#header .wrap {
		position: relative;
		padding: 27px 0 19px;
		text-align: center;
	}
	#header .tel {
		position: absolute;
		top: 29px;
		right: 0;
	}
	
	#gNav {
		padding: 16px 0 18px;
	}
	.fixGnav #gNav {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5000;
		background: #fff;
	}
	#gNav li {
		padding: 4px 0 0;
		float: left;
	}
	#gNav .home {
		width: 49px;
		margin: 0 30px 0 0;
	}
	#gNav .concept {
		width: 76px;
		margin: 0 30px 0 0;
	}
	#gNav .campaign {
		width: 88px;
		margin: 0 30px 0 0;
	}
	#gNav .menu {
		width: 121px;
		margin: 0 20px 0 0;
	}
	#gNav .flow {
		width: 71px;
		margin: 0 20px 0 0;
	}
	#gNav .access {
		width: 59px;
		margin: 0 30px 0 0;
	}
	#gNav .staff{
		width: 51px;
		margin: 0 30px 0 0;
	}
	#gNav .policy {
		width: 58px;
		margin: 0 52px 0 0;
	}
	#gNav .form {
		width: 22px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	#gNav .insta {
		width: 20px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	#gNav .fb {
		width: 20px;
		padding: 0;
	}
	#gNav a {
		display: block;
		height: 13px;
		background: 0 0 no-repeat;
	}
	#gNav .home a {
		background-image: url(../imgs/nav-home.png);
	}
	#gNav .concept a {
		background-image: url(../imgs/nav-concept.png);
	}
	#gNav .campaign a {
		background-image: url(../imgs/nav-campaign.png);
	}
	#gNav .menu a {
		background-image: url(../imgs/nav-menu.png);
	}
	#gNav .flow a {
		background-image: url(../imgs/nav-flow.png);
	}
	#gNav .access a {
		background-image: url(../imgs/nav-access.png);
	}
	#gNav .staff a {
		background-image: url(../imgs/nav-staff.png);
	}
	#gNav .policy a {
		background-image: url(../imgs/nav-policy.png);
	}
	#gNav a:hover,
	#gNav .active {
		background-position: 0 100%;
	}
	
	/* main */
	.fixGnav #contents {
		padding-top: 27px;
	}
	
	#mainImage {
		min-width: 960px;
		position: relative;
	}
	#mainImage .bg {
		width: 100%;
	}
	#mainImage .text {
		margin: -8px 0 0 -230px;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	#news {
		line-height: 24px;
	}
	#news .date {
		color: #1a52b1;
	}
	
	.parallax {
		min-width: 960px;
	}
	.parallax .inner {
		background: url(../imgs/bg-dot.png) 50% 0 repeat;
	}
	
	#concept {
		background: url(../imgs/bg-concept.jpg) 50% 50% no-repeat;
	}
@media only screen and (min-width:1301px) {
	#concept {
		background-size: 100% auto;
	}
}
	#concept .inner {
		height: 390px;
		padding: 130px 0 0;
	}
	#concept .text {
		margin: 0 0 0 548px;
	}
	
	#campaign .sliderWrapper {
		width: 860px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	#campaign .bx-prev,
	#campaign .bx-next {
		display: block;
		width: 14px;
		height: 25px;
		position: absolute;
		top: 166px;
		background: 0 0 no-repeat;
		text-indent: 101%;
		white-space: nowrap;
		line-height: 1px;
		overflow: hidden;
	}
	#campaign .bx-prev {
		left: -50px;
		background-image: url(../imgs/bt-prev.png);
	}
	#campaign .bx-next {
		right: -50px;
		background-image: url(../imgs/bt-next.png);
	}
	#campaign .disabled {
		-ms-filter: "alpha(opacity=50)";
		opacity: .5;
		cursor: default;
	}
	
	#menu {
		padding: 50px 0 40px;
		background: #eee;
	}
	#menu li {
		float: left;
	}
	
	.menu .title {
		position: relative;
	}
	.menu .title a {
		position: absolute;
		top: 0;
		right: 0;
	}
	#menu01 .parallax {
		background: url(../imgs/bg-menu01.jpg) 50% 50% no-repeat;
	}
	#menu02 .parallax {
		background: url(../imgs/bg-menu02_2.jpg) 50% 50% no-repeat;
	}
	#menu03 .parallax {
		background: url(../imgs/bg-menu03.jpg) 50% 50% no-repeat;
	}
	#menu04 .parallax {
		background: url(../imgs/bg-menu04.jpg) 50% 50% no-repeat;
	}
@media only screen and (min-width:1301px) {
	#menu01 .parallax,
	#menu02 .parallax,
	#menu03 .parallax,
	#menu04 .parallax {
		background-size: 100% auto;
	}
}
	.menu .panel {
		padding: 45px 60px;
		background: url(../imgs/bg-w60.png) 0 0 repeat;
		border-radius: 10px;
	}
	#menu01 .panel {
		padding: 50px 60px 55px;
	}
	#menu01 .course01 {
		width: 253px;
		float: left;
	}
	.menu .course02 {
		width: 400px;
		float: left;
	}
	.menu .course03 {
		width: 270px;
		float: left;
	}
	.menu h3 {
		font-size: 16px;
		font-weight: normal;
		line-height: 26px;
	}
	.menu .price {
		color: #17489d;
		font-weight: bold;
	}
	.menu .table01 th,
	.menu .table01  td {
		padding: 0 40px 0 0;
	}
	.menu .table01  th {
		font-weight: normal;
	}
	.menu .table02 {
		width: 100%;
	}
	.menu .table02  th {
		font-size: 12px;
		font-weight: normal;
	}
	
	#flow {
		min-width: 960px;
		background: url(../imgs/bg-flow.jpg) 50% 0 repeat;
	}
	#flow h3 {
		border-top: 1px solid #959595;
		border-bottom: 1px solid #959595;
		padding: 19px 0 15px;
		text-align: center;
	}
	#flow .text {
		overflow: hidden;
	}

#staff{
	padding-bottom:20px;
	}
	#staff .contents01_top{
		margin:50px 0 0 0;
		}
		#staff .contents01_top .left{
			width:262px;
			float:left;
			}
			#staff .contents01_top .left .text{
				font-size:12px;
				text-align:center;
				line-height:1.7;
				font-weight:bold;
				margin:15px 0 0 0;
				}
		#staff .contents01_top .right{
			width:655px;
			float:right;
			font-size:14px;
			line-height:2.5;
			}
			#staff .contents01_bottom{
				font-size:14px;
				line-height:2.5;
				margin:20px 0 0 0;
				}
			.contents02{
				margin:50px 0 0 0;
				}
			.contents02 ul{
				margin:0px;
				padding:0px;
				}
				.contents02 ul li{
					width:262px;
					float:left;
					}
					.contents02 ul li p.text{
							font-size:11px;
					text-align:center;
					line-height:1.7;
					font-weight:bold;
					margin:30px 0 0 0;
						}
						.contents02 ul li p.text span{
							font-weight:normal;
							display:block;
							margin:10px 0 0 0;
							}
							.contents02 ul li.other{
								margin:0 0 0 86px;
							}
							
	#salon {
		min-width: 960px;
		background: url(../imgs/bg-salon.jpg) 50% 0 no-repeat;
		background-size: cover;
		text-align: center;
	}
	#salon .pager a {
		display: inline-block;
		width: 55px;
		height: 56px;
		margin: 0 4px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: 101%;
		white-space: nowrap;
		line-height: 1px;
		overflow: hidden;
	}
	#salon .pager a:hover,
	#salon .pager .active {
		background-position: 0 100%;
	}
	#salon .pager01 {
		background-image: url(../imgs/th-01.png);
	}
	#salon .pager02 {
		background-image: url(../imgs/th-02.png);
	}
	#salon .pager03 {
		background-image: url(../imgs/th-03.png);
	}
	#salon .pager04 {
		background-image: url(../imgs/th-04.png);
	}
	#salon .pager05 {
		background-image: url(../imgs/th-05.png);
	}
	#salon .pager06 {
		background-image: url(../imgs/th-06.png);
	}
	#policy{
		background: #eee;
		}
	#policy h3,
	#policy p {
		color: #535353;
		font-size: 12px;
		line-height: 21px;
	}
	#policy h3{
		font-weight: normal;
	}
	#policy p {
		margin: 0 0 20px;
	}
	
	#contact {
		min-width: 960px;
		color: #535353;
		font-size: 14px;
		line-height: 22px;
	}
	#contact label {
		display: block;
	}
	#contact label span {
		width: 230px;
		display: inline-block;
		vertical-align: top;
	}
	#contact input[type=text]{
		box-sizing: border-box;
		width: 430px;
		height: 30px;
		margin: 0;
		border: 1px solid #c9c9c9;
		padding: 1px;
	}
	#contact textarea {
		box-sizing: border-box;
		width: 430px;
		height: 210px;
		margin: 0;
		border: 1px solid #c9c9c9;
		padding: 1px;
	}
	
	/* footer */
	
	#fNav {
		padding: 20px 0;
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}
	#fNav li {
		display: inline;
		margin: 0 12px;
	}
	#fNav a {
		color: #535353;
		text-decoration: none;
	}
	
	#copyright {
		padding: 15px 0;
		background: #17489d;
		color: #fff;
		font-size: 11px;
		line-height: 20px;
		text-align: center;
	}


/*フォーム*/
.contact_form td{
	padding:10px;
	}
input.btn_confirm {
	width:180px;
	height:40px;
	background:#959595;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}

input.btn_confirm:hover {
	width:180px;
	height:40px;
	background:#aaa;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}
input.btn_back {
	width:180px;
	height:40px;
	background:#959595;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}
input.btn_back:hover {
	width:180px;
	height:40px;
	background:#aaa;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}
input.btn_send {
	width:180px;
	height:40px;
	background:#959595;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}
input.btn_send:hover {
	width:180px;
	height:40px;
	background:#aaa;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}

.text_link{
	margin:20px 0 0 0;
	color:#fff;
	font-size:15px;
	cursor: pointer;
	border:none;
	}
	.text_link a{
		color:#fff;
		text-decoration:none;
		padding:10px 30px;
		background:#959595;
		}
		.text_link a:hover{
			background:#aaa;
			}