body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
section {
	position: relative;
	margin-bottom: 100px;
}
.inner1000 {
	background-color: #f6f6f6;
}
.tit {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
h2 {
	font-size: 22px;
	line-height: normal;
}
h3 {
	font-size: 18px;
	line-height: normal;
}
h4 {
	font-size: 16px;
	line-height: normal;
}
h4 {
	font-size: 14px;
	line-height: normal;
}
h5 {
	font-size: 12px;
	line-height: normal;
}
strong    {
	font-size: 180%;
	vertical-align: middle;
	position: relative;
	top: -5px;
	margin-left: 10px;
	margin-right: 10px;
}
u {
	text-decoration: none;
	background-color: #fffd7b;
}
.tokusetu img {
  width: 100%;
	vertical-align: bottom;
}
.arrow_box {
	position: relative;
	background: #ffffff;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
/* *********************
 *
 *     flexbox
 *
 ***********************/
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-align-items: flex-start;
			align-items: flex-start;
	-webkit-align-content: center;
			align-content: center;
}
.flexbox.clm2::after{
  content:"";
  display: block;
  width:48%;
}
.flexbox.clm2 li {
	width: 48%;
	margin-bottom: 40px;
}
.flexbox.clm3::after{
	content: "";
	display: block;
	width: 31%;
}
.flexbox.clm3 li {
	width: 31%;
	margin-bottom: 30px;
}
.flexbox.clm4::before{
	content: "";
	display: block;
	width: 23%;
	order: 1;
}
.flexbox.clm4::after{
	content: "";
	display: block;
	width: 23%;
}
.flexbox.clm4 li {
	width: 23%;
	margin-bottom: 20px;
}
.reverse {
	-webkit-box-direction:reverse;
	-webkit-flex-direction: row-reverse;
			flex-direction: row-reverse;
}
.flex_centering {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
			align-items: center;
	-webkit-align-content: center;
			align-content: center;
}

.top_bg {
	width: 100%;
	height: auto;
	padding-top: 65%;
	display: block;
	background-image: url(img/main_img02.png);
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 0px !important;
}

.tb_br {
	display: none;
}
.infoWrp_title {
  font-weight: bold;
	margin: 1em 0 2em;
  font-size: 24px;
  letter-spacing: .2em;
}
.infoWrp_title span {
	background: linear-gradient(transparent 60%, #fffd7b 30%); 
	display: inline-block;
	width: 350px;
}

/*
#top .tit {
	position: absolute;
	left: 8%;
  bottom: 32%;
	-webkit-transform: rotate(-12deg);
			transform: rotate(-12deg);
}
*/
.tit_margin {
  margin: 50px 0;
}

#top .tit h2 {
  font-family: HannariMincho,"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 35px;
  letter-spacing:0.09em;
}
.tit_h2_spn {
	font-family: HannariMincho,"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  	font-size: 25px;
	margin-bottom: 8px;
}
#top .tit h3 {
  background: #fff;
  color: #333;
  width: 70%;
  margin: 0 auto;
}

/* recruit info 
#infoWrp {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 2em auto;
  width: 90%;
}
.infoWrp_title {


  margin: 1em 0 2em;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .2em;
  border-bottom: 10px solid #fffd7b; 
}
#info_top {
	margin-bottom: 60px;
}
#info_top h1 img {
}
#infoWrp table {
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 24px;
}
#infoWrp table tr td    {
	padding-bottom: 10px;
	padding-top: 10px;
}
#infoWrp table td:nth-child(1)  {
	font-weight: bold;
}
#infoWrp table td:nth-child(2) {
	padding-left: 50px;
}
#stylist {
  width: 100%;
	margin-bottom: 150px;
	text-align: left;
}
#stylist h1 img {
	margin-bottom: 20px;
}
#aidesigner {
  width: 100%;
	margin-bottom: 150px;
	text-align: left;
}
#aidesigner h1 img {
	margin-bottom: 20px;
}
#naillist {
  width: 100%;
	margin-bottom: 150px;
	text-align: left;
}
#naillist h1 img {
	margin-bottom: 20px;
}
#reception {
  width: 100%;
	margin-bottom: 100px;
	text-align: left;
}
#reception h1 img {
	margin-bottom: 20px;
}
#reception table .query_btn {
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
}
#companyWrp {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
	margin-bottom: 100px;
}
#companyWrp .top_logo   {
	text-align: center;
}
@media screen and (max-width:768px) {
  #infoWrp #info_top h1 img {
	width: 100%;
	height: auto;
}
#infoWrp #stylist h1  {
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow-x: hidden;
}
#infoWrp #aidesigner h1 {
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow-x: hidden;
}
#infoWrp #naillist h1 {
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow-x: hidden;
}
#infoWrp #reception h1 {
	margin: 0 auto;
	width: 95%;
	height: auto;
	overflow-x: hidden;
}
#infoWrp h1 img  {
	height: 24px;
	width: auto;
}
#infoWrp table  {
	width: 90%;
}
#infoWrp table tr td:nth-child(1)  {
	width: 70px;
}
#infoWrp table tr td:nth-child(2) {
	width: auto;
	padding-left: 20px;
}
}
@media screen and (max-width:480px) {
.top_bg {
  margin-top: 2em;
  background-size: contain;
}
#top .tit h2 {
  padding: 0;
}
#infoWrp #stylist {
	margin-bottom: 50px;
}
#infoWrp #aidesigner {
	margin-bottom: 50px;
}
#infoWrp #naillist {
	margin-bottom: 50px;
}
#infoWrp #reception {
	margin-bottom: 50px;
}
#infoWrp table {
	font-size: 12px;
	text-align: left;
	margin: 0 auto;
	width: 95%;
}
#infoWrp table tr td:nth-child(1) {
	width: 60px;
}
#infoWrp table tr td:nth-child(2) {
	padding-left: 15px;
}
#infoWrp #reception .query_btn {
	font-size: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 200px;
	height: auto;
}
}
/* End recruit info */

#gaiyou {
}
#gaiyou .flexbox {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	-webkit-align-items: center;
			align-items: center;
}
#gaiyou .box_img {
	width: 25%;
}
#gaiyou .box_img .item_img {
	position: relative;
	margin-bottom: 10px;
}
#gaiyou .box_cmt {
	width: 75%;
	height: auto;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	background-image: url(img/bg_note.png);
	background-position: left top;
	background-size: contain;
}
.flexbox .box_cmt .tit  {
	margin-bottom: 10px;
	padding-bottom: 30px;
	background-image: url(img/line_s.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
}
.flexbox .box_cmt h4 {
}
.flexbox .box_cmt .tel {
	font-weight: bold;
}
.message {
}
.message h2 {
	margin-bottom: 80px;
}
.message .flexbox {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}
.message .flexbox dt {
	width: 50%;
}
.message .flexbox dt p {
}
.message .flexbox dt p img {
	width: 100%;
	height: auto;
}
.message .flexbox dd {
	width: 50%;
	padding-left: 50px;
	padding-right: 50px;
}
.message .flexbox dd h2 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: normal;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 22px;
}
.message .flexbox dd h4 {
	margin-bottom: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.message .flexbox dd h5 {
	margin-bottom: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#kengaku {
}
#kengaku .wrapper {
	background-image: url(img/bg_fuki.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-top: 30px;
}
#kengaku .wrapper .tit {
}
#kengaku .wrapper .img {
	margin-top: 40px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#kengaku .wrapper .img img {
	width: 100%;
	max-width: 505px;
}
#kengaku .dtl {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
  margin-top: 40px;
	margin-bottom: 100px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#kengaku .dtl .tit {
	display: inline-block;
	background-image: url(img/line_l.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
	margin-bottom: 15px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
#kengaku .dtl .qa {
	text-align: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 550px;
	margin-bottom: 35px;
}
#kengaku .dtl h3  {
	margin-bottom: 30px;
	text-align: center;
}
#kengaku .dtl dl  {
	margin-bottom: 20px;
	display: block;
	border: 1px solid #D9D9D9;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#kengaku .dtl dl dt  {
	font-size: 16px;
	padding-left: 10px;
	border-bottom: 1px dotted #E0E0E0;
}
#kengaku .dtl dl dd  {
}
#kengaku .dtl dl dt span  ,#kengaku .dtl dl dd span{
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #B0B0B0;
}
#kengaku .dtl h4 {
	text-align: center;
}
#contact {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contact .tit {
	text-align: left;
	margin-bottom: 30px;
}
#contact .tit p {
	margin-bottom: 30px;
}
#contact .flexbox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	-webkit-align-items: center;
	align-items: center;
}
#contact .flexbox .txt {
	text-align: left;
	width: 50%;
	padding-left: 5%;
	padding-right: 5%;
}
#contact .flexbox .txt p {
	margin-bottom: 30px;
}
#contact .flexbox .txt h2 {
	font-weight: bold;
}
#contact .flexbox .txt h4 ,#contact .flexbox .txt h5{
	margin-bottom: 30px;
}
#contact .flexbox .link {
	width: 50%;
}
#contact .flexbox .link .flexbox {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
	-webkit-justify-content: center;
			justify-content: center;
}
#contact .flexbox .link .flexbox a {
	width: 120px;
	height: 120px;
	margin: 0 10px;
	border-radius: 50%;
	background-color: #ffffff;
}
#contact .flexbox .link .flexbox a img {
	width: 35%;
	height: auto;
}
#salonWrp h2.mincho  {
	font-size: 24px;
}
#salonWrp #s_list ul li {
	margin-bottom: 30px;
}
#salonWrp  .salonbox .s_addr {
	margin-top: 5px;
}

@media screen and (max-width:768px){
h2 {
	font-size: 18px;
	line-height: normal;
}
h3 {
	font-size: 16px;
	line-height: normal;
}
h4 {
	font-size: 14px;
	line-height: normal;
}
h4 {
	font-size: 13px;
	line-height: normal;
}
h5 {
	font-size: 11px;
	line-height: normal;
}
#top {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 40px;
	padding-top: 63%;
}
#top .tit {
	width: 80%;
	font-size: 30px;
	margin: 0 auto;
}
#top .tit h2 {
	font-size: 30px;
	line-height: 1.3em;
}

	
.tit_h2_spn {
	font-size: 18px;
}
.tb_br {
	display: block;
}
#gaiyou .box_img {
	width: 100%;
	margin-bottom: 30px;
}
#gaiyou .box_img .item_img {
	width: 50%;
	display: inline-block;
	float: right;
}
#gaiyou .box_img .item_img:nth-child(2) {
	margin-top: 30%;
}
#gaiyou .box_img .item_img img {
	width: 100%;
	height: auto;
}
#gaiyou .box_cmt {
	width: 100%;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.message .flexbox.clm3 li {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	max-width: 253px;
}
.message .flexbox li p {
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.message .flexbox {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.message .flexbox dt {
	width: 100%;
	margin-bottom: 20px;
}
.message .flexbox dd {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.message .flexbox dd h4 ,.message .flexbox dd h5{
	margin-bottom: 5px;
}
.message .flexbox dd .cmt {
	margin-bottom: 15px;
}
#kengaku .wrapper  {
	background-size: 90% auto;
	background-position: center 40%;
}
#kengaku .wrapper .tit {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#contact .flexbox .txt {
	margin-bottom: 20px;
}
#contact .flexbox .link {
}
#salonWrp .salonbox .s_addr {
}
}

@media screen and (max-width:480px){
	main {
		margin-top: -15px;
	}
#top   {
	padding-top: 40%;
  background-size: 100% auto;
  margin: 0 auto;
  margin-bottom: 20px;
  background-position: center;
}
#top .tit {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
/*
	position: relative;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: hsla(0,0%,100%,0.80);
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
*/
}
.tit_margin {
    margin: 35px 0;
}
.infoWrp_title {
		font-size: 22px;
	}
.infoWrp_title span {
    display: inline-block;
    width: 270px;
}
#top .tit h2 {
	font-size: 25px;
    line-height: 1.3em;
}
.tit_h2_spn {
    font-size: 16px;
}
#top .tit h2,#top .tit h3 {
  background: none;
}
#gaiyou .box_img {
	margin-bottom: 20px;
}
.message h2 img {
	width: 70%;
	max-width: 258px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.message .flexbox {
	width: 90%;
	margin-bottom: 40px;
}

#kengaku .wrapper {
	padding-top: 0px;
	background-position: center 55%;
}
#kengaku .wrapper .tit {
	font-size: 15px;
}
#kengaku .wrapper .tit strong {
	font-size: 22px;
}
#kengaku .dtl {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#kengaku .dtl .tit {
	padding-left: 0px;
	padding-right: 0px;
}
#contact .flexbox .txt {
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
}
#contact .flexbox .txt h2, #contact .flexbox .txt h3     {
	margin-bottom: 5px;
}
#contact .flexbox .txt p img {
	width: 100%;
	max-width: 366px;
	margin-right: auto;
	margin-left: auto;
}
#contact .flexbox .link {
	width: 100%;
}
#contact .flexbox .link .flexbox a {
	width: 70px;
	height: 70px;
}
#contact .flexbox .link .flexbox a img {
	width: 40%;
	height: auto;
}
li .salonbox .s_addr {
	margin-top: 5px;
}
}