html,body{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin:0;
	padding:0;
}
body{
	background:#000000;
	color:#FFFFFF;
	font-size:14px;
	line-height:1.8em;
}
@media (max-width: 750px){
	body{
		font-size:14px;
		line-height:1.8em;
	}
}

	.pc_only{
		display:inline;
	}	

	.sp_only{
		display:none;
	}	
@media (max-width: 750px){
	.pc_only{
		display:none;
	}	
	.sp_only{
		display:inline;
	}	
}


.left{
	float:left;
}
.right{
	float:right;
}
.center{
	float:center;
}
.center_text{
	text-align:center;
}

.clearfix{
	clear:both;
}

a{
	color:#000000;
}

@media (max-width: 750px){
	h3{
		font-size:1.1em;
		text-align:center;
	}
}


/* ======================
	h2 title icon
====================== */
section h2{
	position:relative;
	text-align:center;
	letter-spacing:0.5em;
	padding-top:100px;
}
/* ======================
	h2 title (left)icon
====================== */
section.sub h2{
	position:relative;
	letter-spacing:0.2em;
}

	section.sub h2::before{
		content:"";
		position:absolute;
		top:-0.5em;
		left:-60px;
		right:0;
		margin:auto;
	}
		section h2.about::before{
			content:url(../images/h2_about.png);
		}
section.sub2 h2{
	position:relative;
	text-align:center;
	letter-spacing:0.2em;
	padding:0;
}
	/*section.sub2 h2::after{
		content:"";
		border-bottom: 2px solid #000000;
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:-5px;
		width:5%;
		margin:auto;
	}*/
section.sub3 h2{
	position:relative;
	text-align:center;
	letter-spacing:0.2em;
	width:35%;
	margin:auto auto 2em auto;
	padding:0;
}
	section.sub3 h2::after{
		content:"";
		border-bottom: 1px solid #FFF;
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:-5px;
		margin:auto;
	}
section.sub4 h2{
	width:100%;
}
@media (max-width: 750px){
section.sub h2{
	position:relative;
	letter-spacing:0.2em;
}

	section.sub h2::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
	}
		section h2.about::before{
			content:url(../images/h2_about.png);
		}
	section.sub2 h2{
		font-size:1.1em;
	}
		section.sub2 h2::after{
			content:"";
			/*border-bottom: 2px solid #000000;*/
			position:absolute;
			top:0;
			right:0;
			left:0;
			bottom:-5px;
			width:10%;
			margin:auto;
		}
section.sub3 h2{
	width:90%;
}
	section.sub3 h2::after{
		content:"";
		border-bottom: 1px solid #FFF;
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:-5px;
		margin:auto;
	}

}

/* ======================
	section background
====================== */
section{
	max-width:1300px;
	margin:0 auto;
}
article.padding{
	padding:40px 0;
}
	article.bg_wh{
	}
		article.bg_wh section{
			background:rgba(255,255,255,0.4);
		}
	article.contents section{
		width:94%;
	}
/* ======================
	header
====================== */
header{
	display: flex;
	align-items: center;
	font-family: 'tex_gyre_adventorbold';
	z-index:9998;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
	width:100%;
	height:auto;
	height:80px;
}
	header h1{
		font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight:600;
		padding-left:1em;
	}
		header h1 a{
			text-decoration:none;
		}
	header .header_menu{
		font-size:0.9em;
		list-style:none;
		text-align: center;
		max-width:640px;
		width:40%;
		margin:auto;
		padding:0;
	}
	header .header_menu li{
		display: inline-block;
		width:20%;
		height:100%;
	}
		header .header_menu a{
			text-decoration:none;
		}
	header img.tel{
		width:100%;
		max-width:230px;
	}
	header .contact{
		display: flex;
		align-items: center;
		background:#000000;
		width:15%;
		max-width:210px;
		height:80px;
	}
		header .contact img{
			width:100%;
		}

@media (max-width: 750px){
	header{
		position:relative;
		height:auto;
	}

	header .logo{
		width:100%;
	}
		header h1{
			font-size:1.2em;
		}
	header .header_menu,header .contact,header .tel{
		display: none;
	}

}

/* ======================
	fix menu
====================== */
.top_fixed{
	font-family: 'tex_gyre_adventorbold';
	display:none;
	z-index:9997;
	position:fixed;
	background:#000000;
	color:#FFF;
	top:0;
	left:0;
	width:100%;
	height:80px;
}
	.top_fixed .header_menu{
		display: flex;
		align-items: center;
		list-style:none;
		height:80px;
		margin:0;
		padding:0 0 0 50px;
	}
		.top_fixed .header_menu li{
			float:left;
			padding-left:2em;
		}
		.top_fixed .header_menu li a{
			color:#FFF;
			text-decoration:none;
		}
.top_fixed .top_fixed_right{
	display: flex;
	align-items: center;
	width:40%;
	min-height:80px;
}
	.top_fixed img{
		border-left:#FFF 1px solid;
		width:100%;
	}
	.bottom_fixed{
		display:none;
		position:fixed;
		bottom:0;
	}
		.bottom_fixed .contact,.bottom_fixed .tel{display:none;}

@media (max-width: 750px){
	div.top_fixed{
		display: none!important;
	}
	.bottom_fixed{
		display:block;
		z-index:9997;
		position:fixed;
		color:#FFF;
		bottom:0;
		left:0;
		width:100%;
		height:auto;
	}
	.bottom_fixed .contact,.bottom_fixed .tel{display:block;width:50%;}
	.bottom_fixed .tel{background:#000000;}
	.bottom_fixed .contact{background:#4d4d4d;}
}

/*----------Toggle(Button)----------*/
.menu{
	display:none;
}

@media (max-width: 750px){
.menu{
	display:block;
}
#navToggle {
	z-index:9999;
	position:fixed;/*to body*/
	right:20px;
	top:10px;
	width:20px;
	height:20px;
	cursor:pointer;
}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #000000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}
	
.menu{
	position: fixed;
	background:#FFF;
	height:100%;
}
header nav {
	overflow-x:hidden;
	font-size:22px;
	top:0;
	right:-350px;
    width:350px;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	text-align:left;
}
header ul {margin:80px 0 0 0;padding:0;}
header ul li {display:block;margin:0;padding-left:2em;border-bottom:solid 1px #000000; line-height:4}
header ul li a {display:block;color:#000000;text-decoration:none;}
header ul li::after {content:''}
/*----------Toggle(Button)----------*/
#navToggle {display: block}
/*----------Click Toggle(Button)----------*/
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
/*----------header menu----------*/
header.openNav nav {
	position:fixed;
	right:0;
	width:100%;
}

#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
}

/* ======================
	footer
====================== */
footer{}
	footer section.footer_head{
		background:url(../images/pc/footer_icon.png) no-repeat;
		width:calc(100% - 20px);
		height:77px;
		padding:10px;
		background-position:100% 50%;
	}
	footer .copyright{
		background:#000;
		font-size:0.9em;
		text-align:center;
		line-height:1.6em;
		padding:2em 0;
	}
@media (max-width: 750px){
	footer section.footer_head{
		background-position:90% 50%;
	}
	footer .copyright{
		font-size:0.6em;
		padding-bottom:8em;
	}
}
/* ======================
	top(main)
====================== */
section.mainimage{
	display:flex;
	align-items: center;
	justify-content: center;
	background:url(../images/mainimage.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
	max-width:100%;
	width:100%;
	height:900px;
}
section.mainimage:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQYV2NkYGD4z8DAwAijQQwUAJfBqQIArN4EBQFxHiYAAAAASUVORK5CYII=) repeat;
	width:100%;
	height:100%;
}
section.mainimage .mainspace{
	z-index:10;
	color:#FFF;
	font-size:32px;
	font-weight:700;
	line-height:1.4em;
	text-shadow: 1px 2px 3px #000000;
	text-align:center;
	margin:auto;
}
section.mainimage .mainspace small{
	font-size:.7em;
	font-weight:600;
}
article.main{
	z-index:1;
	top:0;
	position:relative;
	margin-top:40px;
}
	section.maintext{
		display: flex;
		align-items: center;
		background:#FFF;
		width:calc(70% + 75px);
		padding:50px 75px;
	}
		section.maintext p.en{
			color:#4d4d4d;
			font-size:20px;
			line-height:1.4em;
		}
		section.maintext p.left{
			color:#4d4d4d;
			height:100%;
			margin-left:50px;
		}
	section.mainnew{
		display: flex;
		align-items: center;
		position:relative;
		background:#d88f90;
		width:calc(70% + 75px);
		padding:50px 75px;
	}
		section.mainnew img{
			width:20%;
		}
		section.mainnew p{
			color:#FFF;
			width:calc(80% - 50px);
			height:100%;
			margin-left:50px;
		}
@media (max-width: 750px){
	section.mainimage{
		align-items: center;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position: 40% 10%;
		height:360px;
		padding-bottom:20px;
	}
		section.mainimage .mainspace{
			font-size:22px;
			width:100%;
			margin:0 auto;
			padding:0 10px 0 10px;
		}
			section.mainimage .mainspace .title img{
				width: 75%;
				margin:25% auto;
			}
			section.mainimage .workshop img{
				position:absolute;
				bottom:25%;
				left:0;
				width:40%;
			}

	section.maintext {
		display: block;
		align-items: normal;
		background: #FFF;
		width: 80%;
		margin:auto;
		padding:5%;
	}
		section.maintext .left{
			float:none;
			margin-left:0!important;
		}
		section.maintext img {
			display:block;
			width: 60%;
			margin:auto;
		}
		section.maintext p {
			clear:both;
			color: #4d4d4d;
			width: 100%;
			height:auto;
			margin-left:0;
		}
	section.mainnew{
		display: block;
		align-items: normal;
		width:80%;
		padding:5%;
	}
		section.mainnew .left{
			float:none;
		}
		section.mainnew img{
			display:block;
			width: 60%;
			margin:auto;
		}
		section.mainnew p{
			text-align:center;
			width:100%;
			margin:0;
		}

}
/* ======================
	top(contents)
====================== */
article.contents{
	position:relative;
	width:100%;
}
	section.about{
		display: flex;
		align-items: center;
	}
		section.about img{
			width:320px;
		}
		section.about div{
			width:100%;
			height:100%;
			margin-left:200px;
		}
@media (max-width: 750px){
	section.about{
		display:block;
		align-items: normal;
	}
		section.about img{
			display:block;
			width:75%;
			margin:auto;
		}
		section.about div{
			width:100%;
			height:auto;
			margin:0;
		}
}
	section.icon{
		font-size:0.9em;
		padding-bottom:50px;
	}
		section.icon ul{
			list-style:none;
			width:75%;
			margin:40px auto auto auto;
			padding:0;
		}
			section.icon ul li{
				float:left;
				list-style:none;
				width:33%;
				padding:0;
			}
				section.icon ul li:nth-child(4){
					clear:both;
					width:50%;
				}
				section.icon ul li:nth-child(5){
					width:50%;
				}
		section.icon ul img{
			display:block;
			margin:auto;
		}
			section.icon ul p{
				width:200px;
				margin:auto;
				padding:1em 0;
			}
		section.icon p.comment{
			width:75%;
			margin:auto;
			padding-bottom:2em;
		}
@media (max-width: 750px){
	section.icon{
	}
		section.icon ul{
			list-style:none;
			width:100%;
			padding:0;
		}
			section.icon ul li{
				float:left;
				list-style:none;
				width:50%;
				max-height:360px;
				margin:1em 0;
			}
				section.icon ul li:nth-child(odd){
					width:48%;
					margin-right:2%;
				}
				section.icon ul li:nth-child(even){
					width:48%;
					margin-left:2%;
				}
				section.icon ul li:nth-child(4){
					clear:inherit;
					width:48%;
				}
				section.icon ul li:nth-child(5){
					width:100%;
				}
				section.icon ul li:nth-child(5) img{
					width:50%;
				}
				section.icon ul li:nth-child(5) p{
					width:50%!important;
				}
		section.icon ul img{
			display:block;
			width:100%;
			margin:auto;
		}
			section.icon ul p{
				font-size:0.8em;
				line-height:1.6em;
				width:75%;
				margin:auto;
				padding:1em 0;
			}
		section.icon p.comment{
			font-size:0.9em;
			line-height:1.6em;
			width:100%;
			margin:auto;
			padding:2em 0;
		}
	.top_image{
		width:100%;
	}
}
	section.access{
		position:relative;
		width:calc(80% - 200px)!important;
		margin-bottom:100px;
		padding:50px 100px;
	}
		section.access ul{
			display:flex;
			justify-content: center;
			width:100%;
			margin:40px auto auto auto;
			padding:0;
		}
			section.access ul li{
				list-style:none;
				width:100%;
				margin:1em 3%;
				padding:0;
			}
			section.access ul li div{
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				border:#000000 1px solid;
				line-height:2em;
				list-style:none;
				text-align:center;
				width:100%;
				padding:20px 0;
			}
			section.access ul li div p{
				display:inline-block;
				margin:10px 0;
			}
				section.access ul li a{
					display:block;
					background:#000000;
					color:#FFF;
					text-align:center;
					text-decoration:none;
					width:90%;
					margin:1em auto auto auto;
					padding:0.2em 0;
				}
	@media (max-width: 750px){
		section.access{
			position:relative;
			width:90%!important;
			padding:5%;
		}
			section.access ul{
				list-style:none;
				width:100%;
				margin:40px auto auto auto;
				padding:0;
			}
				section.access ul li{
					float:none;
					width:calc(100% - 20px);
					margin:4em auto;
					padding:0;
				}
				section.access ul li div{
					width:100%;
					height:auto;
					padding:3em 0px;
				}
					section.access ul li a{
						width:100%;
						padding:0.3em 0;
					}
	}

/* ======================
	sub
====================== */
section.subimage{
	max-width:100%;
	height:480px;
}
	.subimage img{
		width:100%;
		height:480px;
		object-fit: cover;
		object-position:0 60%;
	}
.subimage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQYV2NkYGD4z8DAwAijQQwUAJfBqQIArN4EBQFxHiYAAAAASUVORK5CYII=) repeat;
    width: 100%;
    height: 100%;
}
article.main_sub{
	top:0px;
	z-index:100;
	position:relative;
	margin:40px 0;
}
	section.subtext{
		background:#FFF;
		text-align:left;
		width:50%;
		padding:50px 10%;
	}
		section.subtext h2{
			color:#4d4d4d;
			text-align:left;
			padding:0;
		}
		section.subtext p{
			color:#4d4d4d;
		}
@media (max-width: 750px){
section.subimage{
	max-width:100%;
	height:360px;
}
	.subimage img{
		height:360px;
	}
	section.subtext {
		border:none;
		background: #FFF;
		text-align: left;
		width: calc(95% - 2em);
		margin:auto;
		padding:1em;
	}
		section.subtext h2{
			text-align:center;
			font-size:1.1em;
			padding-top:4em;
		}
}
/* ======================
	sub(about)
====================== */
section.subtext h2.about{
	position:relative;
	color:#000000;
	text-align:center;
	letter-spacing:0.5em;
	padding-top:100px;
}

section.technique h3{
	font-size:1.3em;
	text-align:center;
	margin:0;
	padding:0;
}
	section.technique img{
		width:100%;
	}
	section.technique p{
		width:75%;
		margin:auto;
		padding:25px 0 50px 0;
	}
section.caution{
	background:#d88f90;
	text-align:center;
	color:#FFF;
	width:75%!important;
	margin:0 auto;
	padding:25px 0 50px 0;
}
	section.caution p{
		text-align:left;
		width:75%;
		margin:auto;
	}
.accbox{
	width:75%;
	margin:auto auto 3em auto;
}
.accbox label {
	position:relative;
    display: block;
	background:#000000;
	color:#FFF;
	text-align:center;
	padding:1em 0;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
}
.accbox label:after{
	content:"▼";
	position:absolute;
	top:calc(50% - 0.8em);
	right:1%;
}

	.accbox label {
		display: block;
		margin: 0;
		font-weight: bold;
		cursor :pointer;
		transition: all 0.5s;
	}
	.accbox input {
		display: none;
	}
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
		.cssacc:checked + .accshow {
			height: auto;
			margin-bottom:1em;
			padding: 0;
			opacity: 1;
		}
	.accbox .accshow li{
		margin-bottom:0.5em;
	}

	@media (max-width: 750px){	
		section.technique h3{
			font-size:1.1em;
		}
		section.caution{
			width:90%!important;
		}
			.accbox{
				width:90%;
			}
				.accbox label:after{
					right:2%;
				}
	}
/* ======================
	sub(lineup)
====================== */
section.subtext h2.lineup{
	position:relative;
	color:#000000;
	text-align:center;
	letter-spacing:0.5em;
	padding-top:100px;
}
section.item{
	padding-bottom:80px;
}

section.item ul li h3{
	text-align:center;
}

section.item ul{
	list-style:none;
	width:75%;
	margin:0 auto auto auto;
	padding:0;
}
	section.item ul li{
		float:left;
		list-style:none;
		width:50%;
		padding:0;
	}
	section.item ul li:nth-child(odd){
		clear:both;
	}
		section.item ul img{
			display:block;
			margin:auto;
		}
			section.item ul p{
				width:200px;
				margin:auto;
				padding:1em 0;
			}
		section.item table{
			background:#FFF;
			color:#4d4d4d;
			text-align:left;
			width:90%;
			margin:2em auto;
		}
			section.item table tr:nth-child(odd){
				background:#f7f7f7;
			}
				section.item table tr th,section.item table tr td{
					padding-top:0.25em;
					padding-bottom:0.25em;
				}
					section.item table tr th{
						width:30%;
						padding-left:1em;
					}
	section.method{
		background:#FFFFFF;
		text-align:center;
		color:#4d4d4d;
		width:75%!important;
		margin:0 auto;
		padding:25px 0 50px 0;
	}
		section.method h2{
			color:#000000;
		}
		section.method h3{
			font-size:1.2em;
			text-align:left;
			width:75%;
			color:#000000;
			margin:1em auto auto auto;
		}
			section.method p{
				text-align:left;
				width:75%;
				margin:auto;
			}
	@media (max-width: 750px){
		section.item ul li{
			float:left;
			list-style:none;
			width:100%;
			padding:0;
		}
		section.item table{
			width:100%;
		}
	section.method{
		background:#FFFFFF;
		text-align:center;
		color:#4d4d4d;
		width:90%!important;
		margin:0 auto;
		padding:25px 0 50px 0;
	}
		section.method h2{
			color:#000000;
			font-size:1.1em;
		}
		
	}
/* ======================
	sub(company)
====================== */		
section.company{
	background:#FFF;
	width:50%;
	margin:auto;
	padding:50px 10%;
}
		section.company h2{
			position: relative;
			color: #000000;
			text-align: center;
			letter-spacing: 0.5em;
			padding-top: 100px;
		}
section.company table{
	background:#FFF;
	color:#4d4d4d;
	text-align:left;
	width:90%;
	margin:2em auto;
}
	section.company table tr:nth-child(odd){
		background:#f7f7f7;
	}
		section.company table tr th,section.item table tr td{
			padding-top:0.25em;
			padding-bottom:0.25em;
		}
			section.company table tr th{
				color:#000000;
				width:30%;
				padding-left:1em;
			}
@media (max-width: 750px){
	section.company{
		width:90%;
		padding:40px 0;
	}
}

/* ======================
	sub(salon)
====================== */		
section.subtext h2.salon{
	position:relative;
	color:#000000;
	text-align:center;
	letter-spacing:0.5em;
	padding-top:100px;
}
section.salon2{
	width:75%!important;
	margin:auto;
	padding:25px 0 50px 0;
}
	section.salon2 ul{
		list-style:none;
		color:#4d4d4d;
		margin:1em 0 0 0;
		padding:0;
	}
		section.salon2 ul li:before{
			content:url(../images/list_head.png);
			margin-right:0.5em;
		}
h3.salon_name{
	font-family: 'tex_gyre_adventorbold';
	background:#d88f90;
	color:#FFF;
	font-size:2em;
	text-align:center;
	width:100%;
	padding:0.5em 0;
}
section.salon2 h4{
	font-family: 'tex_gyre_adventorbold';
	font-size:1.2em;
	text-align:left;
	width:100%;
	margin:2em auto 1em auto;
	padding:0;
}
section.salon2 .left_map{
	border:0;
	float:left;
	width:40%;
}
section.salon2 table.right_table{
	float:left;
	width:55%!important;
	margin:0 0 0 5%;
}
	section.salon2 table{
		border-collapse: collapse;
		border:#000000 1px solid;
		box-shadow:0 3px 5px #777;
		background:#FFF;
		color:#4d4d4d;
		text-align:left;
		width:100%;
		margin:0 auto;
	}
		section.salon2 table.right_table tr:nth-child(1){
			font-family: 'tex_gyre_adventorbold';
			background:#000000!important;
			color:#FFFFFF!important;
			font-size:1.4em;
			text-align:center;
		}
		section.salon2 table.right_table tr:nth-child(2){
			background:#c8c9ca;
			color:#FFF!important;
			text-align:center;
		}
		section.salon2 table tr:nth-child(odd){
			background:#f7f7f7;
		}
			section.salon2 table tr th,section.salon2 table tr td{
				padding-top:0.75em;
				padding-bottom:0.75em;
				padding-left:1em;
			}
				section.salon2 table.info_table tr th{
					font-family: 'tex_gyre_adventorbold';
					color:#000000;
					width:50%;
				}
					section.salon2 table.right_table tr th{
						font-family: 'tex_gyre_adventorbold';
					}
				section.salon2 table.right_table tr td{
					border-left:#000000 1px solid;
					width:25%;
				}
section.salon_text{
	background:#d88f90;
	text-align:center;
	color:#FFF;
	width:75%!important;
	margin:0 auto;
	padding:25px 0 25px 0;
}
	section.salon_text p{
		width:75%;
		margin:auto;
	}

@media (max-width: 750px){
	section.salon2{
		width:90%!important;
		margin:auto;
		padding:25px 0 50px 0;
	}
	section.salon2 .left_map{
		border:0;
		float:none;
		width:100%;
	}
	section.salon2 table.right_table{
		float:none;
		width:100%!important;
		margin:0;
	}
	section.salon2 table.right_table tr th{
		width:40%;
	}
	section.salon2 table.right_table tr td{
		width:30%;
		text-align:center;
		padding:0.75em 0;
	}
	section.salon2 table tr th,section.info_table table tr td{
		width:100%;
		padding-top:0.75em;
		padding-right:0.5em;
		padding-bottom:0.75em;
		padding-left:0.5em;
	}
		section.info_table table tr td{
			display:block;
			width:100%;
		}
			section.salon2 table.info_table tr th{
				font-family: 'tex_gyre_adventorbold';
				color:#000000;
				width:40%;
			}
			section.salon2 table.info_table tr td{
				border-left:none;
				width:30%;

			}
	section.salon_text{
		width:100%!important;
		padding:2em 0;
	}
		section.salon_text p{
			width:90%;
		}
	
}
/* ======================
	sub(school)
====================== */
section.school{
	color:#4d4d4d;
	width:75%!important;
	margin:auto;
	padding:25px 0 50px 0;
}

	section.subtext h2.school{
		position:relative;
		color:#000000;
		text-align:center;
		letter-spacing:0.5em;
		padding-top:100px;
	}
		section.school table{
			border-collapse: collapse;
			border:#000000 1px solid;
			box-shadow:0 3px 5px #777;
			background:#FFF;
			color:#4d4d4d;
			text-align:left;
			width:100%;
			margin:0 auto;
		}
			section.school table.school_table tr:nth-child(1){
				font-family: 'tex_gyre_adventorbold';
				background:#000000!important;
				color:#FFFFFF!important;
				font-size:1.4em;
				text-align:center;
			}
			section.school table tr:nth-child(odd){
				background:#f7f7f7;
			}
				section.school table tr th,section.salon2 table tr td{
					padding-top:0.75em;
					padding-bottom:0.75em;
					padding-left:1em;
				}
						section.school table.school_table tr th{
							font-family: 'tex_gyre_adventorbold';
						}
					section.school table.school_table tr td{
						border-left:#000000 1px solid;
						width:25%;
						padding-left:1em;
					}
@media (max-width: 750px){
	section.school table.school_table{
		font-size:0.8em;
	}
		section.school table.school_table tr th{
			font-family: 'tex_gyre_adventorbold';
			width:38%;
			padding-left:1%;
		}
		section.school table.school_table tr td{
			text-align:center;
			width:30%;
			padding-left:0;
		}
}
/* ======================
	sub(contact)
====================== */		
section.subtext h2.contact{
	position:relative;
	color:#000000;
	text-align:center;
	letter-spacing:0.5em;
	padding-top:0px;
}
section.contact{
	color:#4d4d4d;
	width:90%!important;
	margin:auto;
	padding:25px 0 50px 0;
}
	section.contact .form_table{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items:center;
		border:#000000 1px solid;
		width:90%;
		margin:auto;
		padding:2em 0;
	}
	section.contact .form_table dl{
		width:75%;
	}
		section.contact .form_table dl dt{
			color:#000000;
			font-weight:bold;
			width:100%;
			margin:0;
		}
		section.contact .form_table dl dd{
			width:100%;
			margin:0;
		}
			section.contact .form_table dl dd input[type=text],section.contact .form_table dl dd textarea{
				width:calc(100% - 2em);
				padding:1em;
			}
				section.contact .form_table dl dd textarea{
					width:calc(100% - 2em)!important;
					height:5em!important;
				}
		section.contact .form_table button.form_submit{
			display:block;
			border:none;
			background:#000000;
			color:#FFF;
			font-size:1.2em;
			margin:1em auto auto auto;
			padding:0.25em 5em;
		}
@media (max-width: 750px){
	section.contact .form_table dl{
		width:100%;
	}
		section.contact .form_table dl dt{
			float:none;
			clear:both;
			color:#000000;
			font-weight:bold;
			width:calc(100% - 2em);
			margin:0;
			padding-left:2em;
		}
		section.contact .form_table dl dd{
			float:none;
			width:calc(100% - 2em);
			margin:0;
			padding-left:2em;
		}
			section.contact .form_table dl dd input[type=text],section.contact .form_table dl dd textarea{
				border:#4d4d4d 1px solid;
				width:calc(90% - 2em)!important;
				padding:1em;
			}
		section.contact .form_table button.form_submit{
			display:block;
			border:none;
			background:#000000;
			color:#FFF;
			font-size:1.2em;
			margin:1em auto auto auto;
			padding:0.25em 1.5em;
		}
	section.text p{
		padding:0 1em;
	}
}
/* ======================
	sub(thanks)
====================== */		
section.thanks{
	color:#FFFFFF;
	text-align:center;
	width:75%!important;
	margin:auto;
	padding:25px 0 50px 0;
}
section.thanks h3{
	color:#000000;
}