/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* 共通 ========= */

/* ========================================================================== */

.pageBody-inner {
	overflow: hidden;
}

.bg-color {
	background: #FDF9E6;
	padding-top: 100px;
}

/*ページタイトル*/

.page-heading {
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal;
	color: #96825a;
	text-align: center;
	margin-bottom: 70px;
	padding-top: 100px;
}

.page-heading small {
	display: block;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}

/*ページ内　サブタイトル*/

.sub-title {
	text-align: center;
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal;
}

.sub-title small {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.sub-title:after {
	content: "";
	display: block;
	width: 190px;
	height: 15px;
	background: url(../images/common/title_bar.svgz) no-repeat top center;
	margin: 0 auto 70px;
}

.button {
	width: 100%;
	max-width: 252px;
	height: 58px;
	line-height: 50px;
	background: url(../images/common/btn.png) no-repeat;
	background-size: contain;
	text-align: center;
	margin: 0 auto;
}

.button a {
	display: block;
	color: #fff;
}

.button a img {
	padding-top: 16px;
}

.button:hover {
	-webkit-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/*予約ボタン*/

#reserve_button {
	position: fixed;
	right: 0;
	top: 33%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 100;
}

#reserve_button a {
	display: block;
	background: #ebc846;
	color: #fff;
	padding: 20px 24px;
	border-radius: 15px 0 20px 10px;
}

#reserve_button:before {
	content: "";
	display: block;
	width: 65px;
	height: 65px;
	background: url(../images/common/machan.svgz);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	z-index: -1;
}

#reserve_button:hover:before {
	top: -54px;
	left: -31px;
}

/*サイド　コピーライト*/

.side-copyright {
	position: fixed;
	top: calc(10% + 100px);
	left: 16px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 1;
	font-size: 14px;
	font-size: 1.4rem;
}

/*下層ページ　ヘッダー*/

.lowerPage #pageHead {
	background: #ebc846;
}

.lowerPage #pageBody {
	padding-top: 144px;
}

.lowerPage .page-heading-wrap {
	background: #FDF9E6;
	padding-bottom: 80px;
	margin-bottom: 100px;
	position: relative;
}

.lowerPage .page-heading-wrap .page-heading {
	padding-top: 50px;
	margin-bottom: 30px;
	color: #ebc846;
}

.lowerPage .page-heading-wrap .page-heading-icon {
	text-align: center;
}

.lowerPage .page-heading-wrap .page-heading-icon .my_svg path {
	fill: #ebc846;
}

.lowerPage #header_tel,
.lowerPage #header_menu {
	background: none;
	height: 50px;
}

.lowerPage #header_menu a {
	color: #fff;
}

.lowerPage #header_menu .my_svg {
	fill: #fff;
	stroke: #fff;
}

.drawer-opened .lowerPage #pageHead {
	background: none;
}

/* ========================================================================== */

/* トップページ ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* 共通 ========= */

/* ========================================================================== */

.topPage section:nth-child(even) {
	background: #FDF9E6;
	position: relative;
}

.topPage section:nth-child(even):before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #fff;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ========================================================================== */

/* ファーストビュー ========= */

/* ========================================================================== */

#page {
	height: 100%;
}

.first-view {
	height: 80vh;
	background: url(../images/index/keyvisual.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
}

.first-view:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.1);
	display: block;
	content: "";
}

.first-view-triangle {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	background: url(../images/index/triangle.svgz) repeat-x center bottom;
	z-index: 1;
	background-size: contain;
}

.first-view-scroll {
	position: absolute;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}

.first-view-catch {
	position: absolute;
	top: 50%;
	right: 10%;
	z-index: 10;
}

.first-view-catch path {
	stroke: #fff;
	fill: #fff;
	stroke-dasharray: 150% 150%;
	stroke-width: 0.5px;
	-webkit-animation: stroke-anim 3s ease-in-out;
	animation: stroke-anim 3s ease-in-out;
}

/* ========================================================================== */

/* こだわり ========= */

/* ========================================================================== */

#concept .pageBody-inner {
	background: url(../images/index/concept_bg.png) no-repeat center bottom;
	background-size: contain;
	position: relative;
}

#concept .pageBody-inner:before,
#concept .pageBody-inner:after {
	position: absolute;
	content: "";
	display: block;
	bottom: 0;
}

#concept .pageBody-inner:before {
	width: 93px;
	height: 132px;
	left: 22%;
	background: url(../images/index/machan3.png) no-repeat;
}

#concept .pageBody-inner:after {
	width: 93px;
	height: 131px;
	right: 22%;
	background: url(../images/index/machan4.png) no-repeat;
}

#concept .concept_catchcopy {
	text-align: center;
	padding-top: 60px;
	margin-bottom: 8px;
}

#concept .page-heading {
	margin-bottom: 48px;
}

#concept .page-heading span {
	position: relative;
}

#concept .page-heading span .hidden-xs {
	display: inline-block;
}

#concept .page-heading span:before,
#concept .page-heading span:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#concept .page-heading span:before {
	width: 106px;
	height: 100px;
	background: url(../images/index/concept_item1.png) no-repeat;
	left: -30%;
	top: 50%;
}

#concept .page-heading span:after {
	width: 142px;
	height: 39px;
	background: url(../images/index/concept_item2.png) no-repeat;
	right: -35%;
	top: 0;
}

#concept .concept_circle {
	width: 100px;
	height: 8px;
	margin: 0 auto 48px;
	background: url(../images/index/concept_circle.png) no-repeat;
	background-size: contain;
}

#concept .concept-text {
	text-align: center;
	font-weight: bold;
	line-height: 2.5;
	margin-bottom: 70px;
	position: relative;
}

#concept .concept-text:before,
#concept .concept-text:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation-name: shake-slow;
	animation-name: shake-slow;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#concept .concept-text:before {
	width: 161px;
	height: 201px;
	background: url(../images/index/machan1.png) no-repeat;
	top: 0;
	left: 20px;
	-webkit-animation-duration: 50s;
	animation-duration: 50s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

#concept .concept-text:after {
	width: 192px;
	height: 189px;
	background: url(../images/index/machan2.png) no-repeat;
	top: 0;
	right: 20px;
	-webkit-animation-duration: 55s;
	animation-duration: 55s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.machan_family {
	line-height: 0;
	text-align: center;
}

/* ========================================================================== */

/* ニュース ========= */

/* ========================================================================== */

#news .page-heading span {
	position: relative;
}

#news .page-heading span:before,
#news .page-heading span:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#news .page-heading span:before {
	width: 126px;
	height: 98px;
	background: url(../images/index/news_item1.png) no-repeat;
	left: -176px;
	top: 80%;
}

#news .page-heading span:after {
	width: 204px;
	height: 128px;
	background: url(../images/index/news_item2.png) no-repeat;
	right: -254px;
	top: 0;
}

.news_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 70px;
}

.news_list li {
	width: 25%;
	padding: 0 20px;
}

.news_list a {
	color: #96825a;
	display: block;
}

.news_list a:hover {
	-webkit-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.news_list .news_list-img {
	line-height: 0;
	margin-bottom: 8px;
}

.news_list .news_title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.news_list .news_title span {
	display: block;
}

/* ========================================================================== */

/* サロン ========= */

/* ========================================================================== */

#salon .pageBody-inner {
	position: relative;
}

#salon .pageBody-inner:before,
#salon .pageBody-inner:after {
	position: absolute;
	content: "";
	display: block;
}

#salon .pageBody-inner:before {
	width: 179px;
	height: 196px;
	left: 0;
	bottom: 0;
	background: url(../images/index/salon_item1.png) no-repeat;
	z-index: -1;
}

#salon .pageBody-inner:after {
	width: 151px;
	height: 160px;
	right: 0;
	top: 70px;
	background: url(../images/index/salon_item2.png) no-repeat;
}

.salon_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
}

.salon_info {
	text-align: center;
	width: 45%;
	padding: 0 0 100px 60px;
}

.salon-heading {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.salon-address {
	font-weight: bold;
	margin-bottom: 16px;
}

.salon-tel {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 70px;
}

.salon-tel:before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 34px;
	background: url(../images/index/tel_icon.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 8px;
}

.salon_img {
	padding-top: 70px;
}

/* ========================================================================== */

/* コンテンツ ========= */

/* ========================================================================== */

#contents .page-heading span {
	position: relative;
}

#contents .page-heading span:before,
#contents .page-heading span:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#contents .page-heading span:before {
	width: 97px;
	height: 107px;
	background: url(../images/index/contents_item1.png) no-repeat;
	left: -147px;
	top: 80%;
}

#contents .page-heading span:after {
	width: 126px;
	height: 97px;
	background: url(../images/index/contents_item2.png) no-repeat;
	right: -166px;
	top: 80%;
}

.contents_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 70px;
}

.contents_list li {
	line-height: 0;
	text-align: center;
	position: relative;
	width: 25%;
	padding: 0 10px 16px;
}

.contents_list li:hover {
	-webkit-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.contents_list li a {
	display: block;
}

.contents_list li a:after {
	content: "";
	display: block;
	width: 85%;
	height: 100%;
	background: url(../images/index/contents_frame.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.contents_list li figure {
	position: relative;
	margin-bottom: 16px;
}

.contents_list li figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.3);
}

.contents_list li figure figcaption span {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 26px;
	font-size: 2.6rem;
	color: #fff;
}

.contents_list li .content_list-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #96825a;
}

.contents_bnr {
	line-height: 0;
}

.contents_bnr a {
	display: block;
}

.contents_bnr a img {
	margin: 0 auto;
}

.contents_bnr a:hover {
	-webkit-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

/* ========================================================================== */

/* 今日の一枚 ========= */

/* ========================================================================== */

#days .page-heading span {
	position: relative;
}

#days .page-heading span .hidden-xs {
	display: inline-block;
	margin: 0 .2em;
}

#days .page-heading span:before,
#days .page-heading span:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#days .page-heading span:before {
	width: 126px;
	height: 98px;
	background: url(../images/index/insta_item1.png) no-repeat;
	left: -146px;
	top: 80%;
}

#days .page-heading span:after {
	width: 146px;
	height: 74px;
	background: url(../images/index/insta_item2.png) no-repeat;
	right: -176px;
	top: 50%;
}

#instagram {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	margin-bottom: 70px;
}

#instagram li {
	line-height: 0;
	width: 100%;
}

#instagram li img {
	width: 100%;
}

/* ========================================================================== */

/* ipad ========= */

/* ========================================================================== */

/* ========================================================================== */

/* コンセプトページ ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* コンセプト ========= */

/* ========================================================================== */

/*ナビ*/

.concept-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.concept-navi ul li {
	width: 25%;
	padding: 0 30px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 48px;
}

.concept-navi ul li a {
	display: block;
	position: relative;
}

.concept-navi ul li span {
	color: #ebc846;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}

.concept-navi ul li:nth-child(4) {
	margin-left: 16.6665%;
}

.concept-navi ul li:nth-last-child(-n+3) {
	margin-bottom: 0;
}

/*コンセプト　セクション*/

.concept-section:first-child {
	border-top: 2px solid #ebc846;
}

.concept-section .concept_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.concept-section .concept_box-img {
	width: 40%;
}

.concept-section .concept_box-text {
	width: 60%;
	text-align: justify;
	padding: 0 0 0 24px;
	font-weight: bold;
	line-height: 2.5;
}

.concept-section:nth-child(odd) {
	padding-top: 100px;
}

.concept-section:nth-child(odd) .concept_box-img {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.concept-section:nth-child(odd) .concept_box-text {
	padding: 0 80px 0 0;
}

/*コンセプト　見出し*/

.concept-ribbon {
	width: 260px;
	height: 60px;
	margin: 0 auto 16px;
	background: url(../images/concept/ribbon.svgz) no-repeat;
	background-size: contain;
	text-align: center;
	color: #fff;
	padding-top: 7px;
	font-weight: normal;
	letter-spacing: .1em;
	text-indent: .1em;
}

.concept-title {
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}

.concept-section:nth-child(even) .concept-title:after {
	content: "";
	display: block;
	width: 157px;
	height: 154px;
	background: url(../images/concept/decoration2.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: 6%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.concept-section:nth-child(odd) .concept-title:before {
	content: "";
	display: block;
	width: 161px;
	height: 137px;
	background: url(../images/concept/decoration1.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -10%;
	left: 6%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* コンセプト　マァーノについて ========= */

#concept1 .concept-title:before,
#concept1 .concept-title:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#concept1 .concept-title:before {
	width: 104px;
	height: 103px;
	background: url(../images/concept/concept_top1.png) no-repeat;
	background-size: contain;
	top: 20%;
	left: 7%;
}

#concept1 .concept-title:after {
	width: 132px;
	height: 172px;
	background: url(../images/concept/concept_top2.png) no-repeat;
	background-size: contain;
	top: 100%;
	right: 0;
}

.concept_catch {
	font-size: 30px;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.concept_catch-img {
	margin: -64px auto 64px;
}

/* コンセプト　あなたに合わせたメニュー提案 ========= */

/* だんじり編みこみヘア ========= */

#concept4 .concept_box {
	margin-bottom: 64px;
}

#concept4 .concept_photo-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -12px;
	margin-bottom: 70px;
}

#concept4 .concept_photo-list li {
	width: 25%;
	padding: 0 12px;
	text-align: center;
}

#concept4 .concept_photo-list li .concept_photo-img {
	line-height: 0;
	margin-bottom: 14px;
}

#concept4 .concept_photo-list li .concept_photo-title {
	font-weight: bold;
}

/* 赤ちゃんから高齢者まで大歓迎 ========= */

.concept5_box-wrap {
	margin-top: 100px;
}

.concept5_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 64px;
}

.concept5_box:last-child {
	margin-bottom: 0;
}

.concept5_box-img {
	width: 33%;
}

.concept5_box-textBox {
	width: 67%;
	padding-left: 48px;
}

.concept5_box-heading {
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 16px; /*    &:after {
      content: "";
      display: block;
      border-top: 6px dotted $main-color;
      width: 100%;
      max-width: 424px;
      margin-top: 8px;
    }*/
}

.concept5_box-heading:after {
	content: "●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●";
	display: block;
	width: 100%;
	max-width: 848px;
	margin-top: 8px;
	font-size: 10px;
	letter-spacing: 1.3em;
	color: #ebc846;
	overflow: hidden;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.concept5_box-text {
	font-weight: bold;
	line-height: 2.5;
	text-align: justify;
	letter-spacing: .05em;
	text-indent: .05em;
}

.concept5_box-comment {
	margin-top: 16px;
}

/* ヘアドネーション ========= */

#concept6 .concept_box {
	margin-bottom: 70px;
}

/* ========================================================================== */

/* サロンページ ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* サロン ========= */

/* ========================================================================== */

/*サロン　ナビ*/

.salon-navi {
	margin: 0 auto 100px;
}

.salon-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.salon-navi ul li {
	width: 25%;
	padding: 0 15px;
	text-align: center;
}

.salon-navi ul li a {
	display: block;
	background: #96825a;
	color: #fff;
	border-radius: 10px;
	font-weight: bold;
	padding: 14px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.salon_foot-navi .salon-navi {
	margin: 0 auto;
	padding-top: 100px;
}

/* サロン情報 ========= */

#salon_page #salon-slider {
	margin-bottom: 100px;
}

#salon_page .salon_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	text-align: justify;
}

#salon_page .salon_info .salon_info-inner {
	width: 55%;
	padding-right: 56px;
}

#salon_page .salon_info .salon_info-inner .salon_info-logo {
	border-bottom: 2px solid #ebc846;
	padding-bottom: 8px;
}

#salon_page .salon_info .salon_info-inner .salon_info-logo path {
	fill: #ebc846;
}

#salon_page .salon_info .salon_info-inner section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px dashed;
	padding: 16px 8px;
}

#salon_page .salon_info .salon_info-inner section h4 {
	width: 20%;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
}

#salon_page .salon_info .salon_info-inner section p {
	width: 80%;
	padding-left: 16px;
	font-weight: bold;
	line-height: 1.7;
}

#salon_page .salon_info .salon_info-inner section p a {
	color: #96825a;
}

#salon_page .salon_info .salon_info-map {
	width: 45%;
}

/* バリアフリーサロン ========= */

#b_free-area .b_free-intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

#b_free-area .b_free-intro .b_free-img {
	width: 45%;
	padding-right: 40px;
}

#b_free-area .b_free-intro .b_free-textBox {
	width: 55%;
}

#b_free-area .b_free-intro .b_free-textBox .b_free-heading {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.75;
	margin-bottom: 24px;
}

#b_free-area .b_free-intro .b_free-textBox .b_free-text {
	font-weight: bold;
	line-height: 2.5;
	text-align: justify;
}

.b_free-chara {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px 50px;
}

.b_free-chara li {
	width: 33.3333%;
	padding: 0 15px;
}

.b_free-chara li .b_free-box {
	border: 2px solid #ebc846;
	padding: 20px;
	text-align: center;
}

.b_free-chara li .b_free-box .b_free-pic {
	line-height: 0;
	margin-bottom: 8px;
}

.b_free-chara li .b_free-box .b_free-comment {
	font-weight: bold;
}

.b_free-postscript {
	max-width: 800px;
	margin: 0 auto;
	border: 5px dotted #ebc846;
	padding: 28px 24px;
	position: relative;
}

.b_free-postscript .b_free-psHeading {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.b_free-postscript .b_free-psText {
	font-weight: bold;
	line-height: 2.5;
	padding-right: 40%;
	text-align: justify;
}

.b_free-postscript .b_free-psImg {
	line-height: 0;
	position: absolute;
	right: 24px;
	bottom: 0;
}

.b_free-postscript .b_free-psImg img {
	max-width: 232px;
}

/* ========================================================================== */

/* スタッフページ ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* スタッフ一覧 ========= */

/* ========================================================================== */

.staff_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -40px;
}

.staff_list li {
	width: 33.3333%;
	text-align: center;
	padding: 0 40px;
	margin-bottom: 120px;
}

.staff_list li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.staff_list-img {
	line-height: 0;
	margin-bottom: 16px;
}

.staff_list-img img {
	border-radius: 50%;
}

.staff_list-position {
	font-weight: bold;
	margin-bottom: 16px;
}

.staff_list-name {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
}

.staff_list-read {
	letter-spacing: .1em;
	text-indent: .1em;
}

.staff_list-com {
	display: inline-block;
	border: 1px solid;
	padding: 0 8px;
	margin-top: 8px;
}

/* ========================================================================== */

/* スタッフ詳細 ========= */

/* ========================================================================== */

.staff_one-box {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.staff_one-box .staff_one-img {
	text-align: center;
	line-height: 0;
	margin-bottom: 24px;
}

.staff_one-box .staff_one-info {
	text-align: center;
	margin-bottom: 40px;
}

.staff_one-box .staff_one-info .staff_one-name {
	font-size: 22px;
	font-size: 2.2rem;
}

.staff_one-box .staff_one-section {
	margin-bottom: 40px;
}

.staff_one-box .staff_one-section .staff_one-sectionHeading {
	border-bottom: 2px solid;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

.staff_one-box .staff_one-section:last-child {
	margin-bottom: 0;
}

/* ========================================================================== */

/* メニュー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* メニュー ========= */

/* ========================================================================== */

/*ロング料金*/

.illust-img {
	line-height: 0;
	max-width: 290px;
	width: 100%;
	margin: 0 auto 16px;
}

.hair_menu-illust {
	max-width: 500px;
	margin: 0 auto 70px;
	border: 3px solid #ebc846;
	padding: 16px;
	text-align: center;
}

.illust-title.en {
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	margin-bottom: 8px;
}

.illust-text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2;
}

.salon_menu-note {
	text-align: center;
	font-weight: bold;
	margin: 0 auto 48px;
}

/*ロング料金　おわり*/

.menu_sub-title {
	text-align: center;
	margin: -48px 0 70px;
}

/*クーポンバナー*/

.coupon_bnr {
	text-align: center;
	margin-bottom: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.coupon_bnr a {
	display: block;
	padding: 0 15px;
}

/*メニュー　ナビ*/

.menu-navi {
	max-width: 660px;
	margin: 0 auto 100px;
}

.menu-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.menu-navi ul li {
	width: 50%;
	padding: 0 15px;
	text-align: center;
}

.menu-navi ul li a {
	display: block;
	background: #96825a;
	color: #fff;
	border-radius: 10px;
	font-weight: bold;
	padding: 14px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

/*メニュー　部分*/

.salon_menu-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.salon_menu-wrap .salon_menu {
	width: 100%;
	margin-bottom: 70px;
}

.salon_menu-wrap .salon_menu:last-child {
	margin-bottom: 0;
}

.salon_menu-wrap .salon_menu-wide {
	width: 100%;
}

.salon_menu-wrap .salon_menu-wide small {
	font-weight: normal;
}

.salon_menu-title {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	border-bottom: 3px solid #ebc846;
	margin-bottom: 24px;
	padding-bottom: 24px;
}

.salon_menu-title small {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 8px 0;
}

.salon_menu-eye {
	text-align: center;
	margin-top: 24px;
}

.salon_menu-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.salon_menu-list li {
	width: 50%;
	padding: 0 16px;
	margin-bottom: 32px;
}

.salon_menu-list li:nth-child(odd) {
	padding-left: 0;
}

.salon_menu-list li:nth-child(even) {
	padding-right: 0;
}

.salon_menu-list li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.salon_menu-list table {
	width: 100%;
	border-collapse: collapse;
}

.salon_menu-list table tr:first-child {
	border-bottom: 1px dashed;
}

.salon_menu-list table tr th {
	text-align: left;
	padding-bottom: 8px;
}

.salon_menu-list table tr td {
	text-align: right;
	font-weight: bold;
}

.salon_menu-list table tr .menu_info small {
	display: block;
	text-align: justify;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	padding-top: 8px;
}

/* ========================================================================== */

/* アイ ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* アイ ========= */

/* ========================================================================== */

/*メニュー　ナビ*/

.eye_menu-navi ul li {
	width: 33.3333%;
	padding: 0 15px;
	text-align: center;
}

.eye_concept-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 72px;
}

.eye_concept-box:last-child {
	margin-bottom: 0;
}

.eye_concept-box:last-child .eye_concept-textBox {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	padding: 0 0 0 64px;
}

.eye_concept-box .eye_concept-textBox {
	width: 60%;
	padding-right: 64px;
	text-align: justify;
}

.eye_concept-box .eye_concept-textBox .eye_concept-heading {
	font-size: 30px;
	font-size: 3rem;
	font-weight: normal;
	color: #ebc846;
	margin-bottom: 16px;
}

.eye_concept-box .eye_concept-textBox .eye_concept-heading:after {
	content: "";
	display: block;
	border-top: 8px dotted #ebc846;
	width: 100%;
	max-width: 400px;
	margin-top: 8px;
}

.eye_concept-box .eye_concept-textBox .eye_concept-catch {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.eye_concept-box .eye_concept-textBox .eye_concept-text {
	font-weight: bold;
	line-height: 2.5;
	letter-spacing: .05em;
	text-indent: .05em;
}

.eye_concept-box .eye_concept-img {
	width: 40%;
}

/* eye coupon ========= */

#eye_coupon {
	padding-top: 100px;
}

.eye_coupon-list {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 40px;
}

.eye_coupon-list li {
	border: 2px solid #ebc846;
	padding: 20px;
	margin-bottom: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.eye_coupon-list li:last-child {
	margin-bottom: 1px;
}

.eye_coupon-list .eye_coupon-info {
	width: calc(100% - 250px);
}

.eye_coupon-list .eye_coupon-tag {
	margin-bottom: 16px;
}

.eye_coupon-list .eye_coupon-tag span {
	display: inline-block;
	background: #ebc846;
	color: #fff;
	text-align: center;
	margin-left: 8px;
	padding: 4px 8px;
	font-size: 12px;
	font-size: 1.2rem;
}

.eye_coupon-list .eye_coupon-tag span:first-child {
	margin-left: 0;
}

.eye_coupon-list .eye_coupon-title {
	font-size: 24px;
	font-size: 2.4rem;
}

.eye_coupon-list .eye_coupon-text {
	font-size: 14px;
	font-size: 1.4rem;
}

.eye_coupon-list .eye_coupon-limit {
	margin-top: 16px;
}

.eye_coupon-list .eye_coupon-fee {
	width: 250px;
	text-align: right;
}

.eye_coupon-list .eye_coupon-fee p {
	font-size: 60px;
	font-size: 6rem;
	color: #96825a;
	line-height: 1;
}

.eye_coupon-list .eye_coupon-fee p small {
	font-size: 36px;
	font-size: 3.6rem;
	letter-spacing: 0;
}

.eye_coupon-list .eye_coupon-fee .normal-fee {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 16px;
	border-bottom: 4px double;
	display: inline-block;
}

.eye_coupon-list .eye_coupon-fee .normal-fee span {
	font-size: 16px;
	font-size: 1.6rem;
}

.eye_coupon-list .eye_coupon-fee .normal-fee small {
	font-size: 18px;
	font-size: 1.8rem;
}

/* ========================================================================== */

/* スタイル ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* スタイル一覧 ========= */

/* ========================================================================== */

.style_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -40px;
}

.style_list li {
	width: 33.3333%;
	text-align: center;
	padding: 0 24px;
	margin-bottom: 48px;
}

.style_list li:nth-last-child(-n+3) {
	margin-bottom: 0;
}

.style_list-img {
	line-height: 0;
	margin-bottom: 16px;
}

.style_list-img img {
	border-radius: 10px;
}

/* ========================================================================== */

/* 求人情報 ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* 求人ページ ========= */

/* ========================================================================== */

/* 求人トップ ========= */

.recruitPage .page-heading-wrap {
	height: 400px;
	background: url(../images/recruit/210202/recruit_bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.recruitPage .page-heading-wrap:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.3);
	display: block;
	content: "";
}

.recruit_catch-area {
	text-align: center;
	margin-bottom: 100px;
}

.recruit_catch-area .sub-title {
	font-size: 40px;
	font-size: 4rem;
	color: #ebc846;
	position: relative;
	display: inline-block;
}

.recruit_catch-area .sub-title span {
	letter-spacing: .07em;
	text-indent: .07em;
}

.recruit_catch-area .sub-title small {
	font-size: 16px;
	font-size: 1.6rem;
}

.recruit_catch-area .sub-title:before,
.recruit_catch-area .sub-title:after {
	content: "";
	display: block;
	position: absolute;
	width: 130px;
	height: 4px;
	background: #ebc846;
	top: 50%;
}

.recruit_catch-area .sub-title:before {
	left: -30%;
	-webkit-transform: translateY(-50%) rotate(60deg);
	transform: translateY(-50%) rotate(60deg);
}

.recruit_catch-area .sub-title:after {
	right: -30%;
	-webkit-transform: translateY(-50%) rotate(-60deg);
	transform: translateY(-50%) rotate(-60deg);
}

.recruit_topMenu-area {
	margin-bottom: 100px;
}

/*求人ナビ*/

.recruit-navi {
	margin: 0 auto 24px;
}

.recruit-navi ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.recruit-navi ul li {
	width: 25%;
	padding: 0 15px;
	text-align: center;
}

.recruit-navi ul li a {
	display: block;
	background: #96825a;
	color: #fff;
	border-radius: 10px;
	font-weight: bold;
	padding: 14px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

/*募集要項　バナー*/

.job_offer {
	line-height: 0;
	max-width: 400px;
	margin: 0 auto;
}

/* 求人ページ　見出し ========= */

.recruit-heading {
	padding: 32px 0 48px;
	text-align: center;
	background-image: radial-gradient(rgba(235, 200, 70, 0.5) 10%, transparent 20%), radial-gradient(rgba(235, 200, 70, 0.5) 10%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 5px, 5px 10px;
	background-repeat: repeat;
	margin-bottom: 70px;
}

.recruit-headingTop {
	display: block;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: normal;
	color: #eac71d;
}

.recruit_headingMain {
	display: block;
	font-size: 30px;
	font-size: 3rem;
	margin-bottom: 4px;
}

.recruit_headingBottom.en {
	display: block;
	font-weight: normal;
	font-size: 20px;
	font-size: 2rem;
	color: #eac71d;
}

/*求人　共通テキストCSS*/

.recruit-text {
	line-height: 2.5;
	font-weight: bold;
}

/* ========================================================================== */

/* 代表挨拶 ========= */

/* ========================================================================== */

.owner_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.owner_box-imgArea {
	width: 50%;
	padding-right: 40px;
	text-align: center;
}

.owner_box-position {
	font-weight: bold;
}

.owner_box-name {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin: 4px 0 0;
}

.owner_box-yomi {
	font-size: 20px;
	font-size: 2rem;
	color: #eac71d;
}

.owner_box-textArea {
	width: 50%;
}

.owner_box-career {
	margin-top: 24px;
}

.owner_box-title {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 24px;
	line-height: 1.7;
}

.owner_box-text {
	margin-bottom: 24px;
}

.owner_box-text:last-child {
	margin-bottom: 0;
}

/* ========================================================================== */

/* 先輩の声 ========= */

/* ========================================================================== */

.voice_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.voice_box:last-child {
	margin-bottom: 0;
}

.voice_box-img {
	width: 45%;
	padding-right: 60px;
}

.voice_box-textArea {
	width: 55%;
}

.voice_box-textArea header,
.voice_box-textArea section {
	margin-bottom: 24px;
}

.voice_box-textArea header:last-child,
.voice_box-textArea section:last-child {
	margin-bottom: 0;
}

.voice_box-name {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 4px;
}

.voice_box-graduate {
	font-weight: bold;
}

.voice_box-heading {
	font-size: 20px;
	font-size: 2rem;
	color: #eac71d;
	margin-bottom: 8px;
}

.voice_box-heading:after {
	content: "";
	display: block;
	border-top: 4px dotted #eac71d;
	width: 100%;
	max-width: 360px;
	margin-top: 8px;
}

/* ========================================================================== */

/* マァーノの良いところ ========= */

/* ========================================================================== */

.good_point {
	margin-bottom: 70px;
}

.good_point:last-child {
	margin-bottom: 0;
}

.good_point-heading {
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 70px;
}

.good_point-heading:before {
	content: "";
	display: block;
	width: 70px;
	height: 77px;
	margin: 0 auto 8px;
}

.good_point:nth-child(1) .good_point-heading:before {
	background: url(../images/recruit/good_point1.png) no-repeat;
	background-size: contain;
}

.good_point:nth-child(2) .good_point-heading:before {
	background: url(../images/recruit/good_point2.png) no-repeat;
	background-size: contain;
}

.good_point:nth-child(3) .good_point-heading:before {
	background: url(../images/recruit/good_point3.png) no-repeat;
	background-size: contain;
}

/*GOOD　POINT　1*/

.good_point-beautyList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -13px 48px;
}

.good_point-beautyList li {
	width: 25%;
	padding: 0 13px;
	line-height: 0;
}

.good_point-beautyList li figure {
	position: relative;
}

.good_point-beautyList li figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.3);
}

.good_point-beautyList li figure figcaption .good_point-beauty {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.good_point-beautyList li figure figcaption .good_point-beautyTitle {
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

.good_point-beautyList li figure figcaption .good_point-beautyTitle span {
	font-size: 24px;
	font-size: 2.4em;
	display: block;
	font-weight: normal;
}

.good_point-text {
	text-align: center;
	margin-bottom: 48px;
}

.amikomi_area {
	-webkit-box-shadow: 0 0 0 2px #abcd03, 0 0 0 10px #fff, 0 0 0 12px #abcd03;
	box-shadow: 0 0 0 2px #abcd03, 0 0 0 10px #fff, 0 0 0 12px #abcd03;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 24px);
	margin: 0 auto;
	padding: 20px 40px;
}

.amikomi_area-heading {
	font-size: 38px;
	font-size: 3.8rem;
	text-align: center;
	font-weight: normal;
	color: #abcd03;
	margin-bottom: 16px;
}

.amikomi_area-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.amikomi_area-img {
	width: 32%;
	padding-right: 32px;
}

.amikomi_area-text {
	width: 62%;
	text-align: justify;
}

/* ママさん美容師 ========= */

.mother_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.mother_box-img {
	width: 50%;
	padding-left: 64px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.mother_box-text {
	width: 50%;
}

.mother_message {
	background: #fdf9e6;
	position: relative;
	padding: 40px 48px;
}

.mother_message:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-bottom: 40px solid #fdf9e6;
	top: -80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mother_message-title {
	max-width: 243px;
	width: 100%;
	margin: 0 auto 24px;
}

.mother_message-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mother_message-img {
	width: 35%;
	padding-right: 40px;
}

.mother_message-textArea {
	width: 65%;
}

.mother_message-name {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 4px;
}

.mother_message-graduate {
	font-weight: bold;
	margin-bottom: 24px;
}

/* 温かい環境 ========= */

.environment_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.environment_box-img {
	width: 50%;
	padding-right: 64px;
}

.environment_box-text {
	width: 50%;
}

/* ========================================================================== */

/* 日常写真 ========= */

/* ========================================================================== */

.daily_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.daily_list li {
	width: 33.333%;
	line-height: 0;
	padding: 15px;
}

/* ========================================================================== */

/* 求人フォーム ========= */

/* ========================================================================== */

/* ========================================================================== */

/*余白*/

/* ========================================================================== */

/* ========================================================================== */

/* フォントファミリー ========= */

/* ========================================================================== */

/* ========================================================================== */

/*ホバーアニメーション*/

/* ========================================================================== */

/* ========================================================================== */

/* 募集要項 ========= */

/* ========================================================================== */

#recruitForm_page .recruit-navi li {
	width: 50%;
}

#recruitForm_page .recruit-navi li:first-child {
	padding-left: 25%;
}

#recruitForm_page .recruit-navi li:last-child {
	padding-right: 25%;
}

.requirements-box {
	border: 8px solid;
	padding: 24px 40px;
}

.requirements-box table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

.requirements-box table th,
.requirements-box table td {
	padding: 24px 0;
	border-bottom: 1px solid;
}

.requirements-box table tr:last-child th,
.requirements-box table tr:last-child td {
	border-bottom: none;
}

.requirements-box table th {
	vertical-align: middle;
	text-align: left;
	width: 20%;
	overflow: visible;
	position: relative;
	font-weight: normal;
}

.requirements-box table td {
	background: #fff;
	width: 80%;
	padding-left: 20px;
}

/* ========================================================================== */

/* エントリーフォーム ========= */

/* ========================================================================== */

.recruitform table {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	margin-top: 10px;
	border: 1px solid #ddd;
	font-size: 1.6rem;
	border-collapse: collapse;
}

.recruitform table tr th,
.recruitform table tr td {
	text-align: left;
	padding: 10px;
	border: 1px solid #ddd;
}

.recruitform table tr th {
	color: #1a1a1a;
	vertical-align: middle;
	background-color: #f3f2f3;
	vertical-align: center;
}

.recruitform table tr td {
	width: 70%;
	vertical-align: middle;
}

.recruitform textarea {
	height: auto;
}

.form_required {
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	padding: 2px 6px;
	vertical-align: top;
	background: #ebc846;
	margin-left: 8px;
	display: inline-block;
	text-align: center;
}

input.valid-err {
	background-color: #fdffe4;
}

label.valid-err {
	color: #ef6666;
	margin: 6px 0 0 0;
}

/* == recruit_form.phpサブミットボタン == */

.form_submit {
	margin: 40px auto 0;
	text-align: center;
	max-width: 280px;
}

.form_submit input {
	width: 100%;
	background: #ebc846;
	border: none;
	font-size: 2.0rem;
	color: #fff;
	text-indent: .1em;
	height: 60px;
	line-height: 51px;
	border-radius: 4px;
}

.form_submit input:hover {
	-webkit-animation: zoom .3s;
	animation: zoom .3s;
}

/* == recruit_form.phpサブミットボタン end == */

/* ========================================================================== */

/* サンクスページ ========= */

/* ========================================================================== */

.thanks-text {
	text-align: center;
	margin-bottom: 16px;
	line-height: 1.75;
	color: #333;
}

.thanks_contact-box {
	border: 1px solid;
	text-align: center;
	width: 100%;
	max-width: 380px;
	margin: 80px auto;
	padding: 16px 0;
	color: #333;
}

.contact-tel {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 8px;
}

@media screen and (max-width: 991px) {

.first-view-triangle {
	background-size: 33.3333%;
}

.good_point-beautyList li figure figcaption .good_point-beautyTitle span {
	font-size: 32px;
	font-size: 3.2rem;
}

}

@media screen and (max-width: 767px) {

.bg-color {
	padding-top: 60px;
}

.page-heading {
	margin-bottom: 40px;
}

.page-heading {
	padding-top: 60px;
}

.sub-title {
	font-size: 24px;
	font-size: 2.4rem;
}

.sub-title small {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 12px;
}

.sub-title:after {
	margin-bottom: 40px;
}

.button:hover {
	-webkit-animation: none;
	animation: none;
}

#reserve_button {
	display: none;
}

.lowerPage #pageBody {
	padding-top: 70px;
}

.lowerPage .page-heading-wrap {
	padding-bottom: 40px;
	margin-bottom: 30px;
}

.lowerPage .page-heading-wrap .page-heading {
	padding-top: 30px;
	margin-bottom: 16px;
}

.first-view {
	background: url(../images/index/keyvisual_mb.jpg) no-repeat top center;
	background-size: cover;
}

.first-view-scroll {
	bottom: 60px;
}

#concept .pageBody-inner {
	background: none;
	padding-bottom: 20px;
}

#concept .pageBody-inner:before,
#concept .pageBody-inner:after {
	display: none;
}

#concept .concept_catchcopy img {
	width: 100%;
}

#concept .page-heading {
	padding-top: 0;
	margin-bottom: 16px;
}

#concept .page-heading span {
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	line-height: 1.4;
}

#concept .page-heading span .visible-xs {
	display: inline-block;
}

#concept .page-heading span .hidden-xs {
	display: none;
}

#concept .page-heading span:before,
#concept .page-heading span:after {
	display: none;
}

#concept .concept_circle {
	margin-bottom: 16px;
}

#concept .concept-text {
	margin-bottom: 40px;
}

#concept .concept-text:before,
#concept .concept-text:after {
	display: none;
}

#news .page-heading span:before,
#news .page-heading span:after {
	display: none;
}

.news_list {
	margin-bottom: 40px;
}

.news_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.news_list li {
	width: 100%;
	margin-bottom: 24px;
	padding: 0;
}

.news_list li:nth-child(2) {
	margin-bottom: 0;
}

.news_list li:nth-child(n + 3) {
	display: none;
}

.news_list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.news_list a:hover {
	-webkit-animation: none;
	animation: none;
}

.news_list .news_list-img {
	width: 40%;
}

.news_list .news_title {
	width: 60%;
	padding-left: 15px;
	letter-spacing: .05em;
	text-indent: .05em;
}

#salon .pageBody-inner:before,
#salon .pageBody-inner:after {
	display: none;
}

.salon_wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.salon_info {
	width: 100%;
	padding: 0;
}

.salon-img {
	margin: 0 -15px 40px;
}

.salon-tel {
	margin-bottom: 40px;
}

#contents .page-heading span:before,
#contents .page-heading span:after {
	display: none;
}

.contents_list {
	margin-bottom: 0;
}

.contents_list li {
	width: 50%;
	padding: 0 5px 40px;
}

.contents_list li:nth-child(odd) {
	padding-left: 0;
}

.contents_list li:nth-child(odd) a:after {
	-webkit-transform: translateX(-52%);
	transform: translateX(-52%);
}

.contents_list li:nth-child(even) {
	padding-right: 0;
}

.contents_list li:nth-child(even) a:after {
	-webkit-transform: translateX(-48%);
	transform: translateX(-48%);
}

.contents_list li:hover {
	-webkit-animation: none;
	animation: none;
}

.contents_list li a:after {
	top: 5px;
	width: 90%;
}

.contents_list li figure {
	margin-bottom: 4px;
}

.contents_list li figure figcaption span {
	font-size: 18px;
	font-size: 1.8rem;
}

.contents_bnr a:hover {
	-webkit-animation: none;
	animation: none;
}

#days .page-heading span:before,
#days .page-heading span:after {
	display: none;
}

#days .page-heading span:after {
	display: block;
	background: url(../images/index/insta_item2_mb.png) no-repeat;
	background-size: cover;
	width: 77px;
	height: 55px;
	top: 100%;
	right: -100px;
}

#instagram {
	margin-bottom: 40px;
}

#instagram {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 15px;
}

#instagram li {
	width: 50%;
}

.concept-navi ul {
	margin: 0 auto;
}

.concept-navi ul li {
	width: 100%;
	padding: 0;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.concept-navi ul li img {
	padding: 0 20%;
}

.concept-navi ul li a:after {
	content: "CLICK!";
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: normal;
	letter-spacing: .1em;
	text-indent: .1em;
	font-family: 'Walter Turncoat', cursive, sans-serif;
}

.concept-navi ul li:nth-child(4) {
	margin-left: 0;
}

.concept-navi ul li:nth-last-child(-n+3) {
	margin-bottom: 30px;
}

.concept-navi ul li:last-child {
	margin-bottom: 0;
}

.concept-section:first-child .concept_box-img {
	-webkit-box-ordinal-group: 2 !important;
	-ms-flex-order: 1 !important;
	order: 1 !important;
	margin: 16px 0 0;
}

.concept-section .concept_box-img {
	width: 100%;
	margin-bottom: 16px;
}

.concept-section .concept_box-text {
	width: 100%;
	padding: 0;
	line-height: 2;
}

.concept-section:nth-child(odd) {
	padding-top: 60px;
}

.concept-section:nth-child(odd) .concept_box-img {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.concept-section:nth-child(odd) .concept_box-text {
	padding: 0;
}

.concept-ribbon {
	margin: 0 auto;
}

.concept-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 30px;
}

.concept-title:before,
.concept-title:after {
	display: none !important;
}

.concept-section:nth-child(even) .concept-title:after {
	display: none;
}

.concept-section:nth-child(odd) .concept-title:before {
	display: none;
}

#concept1 .concept-title:after {
	display: block !important;
	background: url(../images/concept/concept_flower_mb.png) no-repeat;
	background-size: cover;
	width: 63px;
	height: 47px;
	top: 50%;
	right: 0;
}

.concept_catch {
	font-size: 16px;
	font-size: 1.6rem;
}

.concept_catch-img {
	margin: 0 auto 16px;
}

.concept_catch-img img {
	margin: 0 auto;
}

#concept3 .concept-title:after {
	position: absolute;
	content: "";
	display: block !important;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/concept/concept_flower_mb.png) no-repeat;
	background-size: cover;
	width: 63px;
	height: 47px;
	top: 50%;
	right: 0;
}

#concept4 .concept_box {
	margin-bottom: 24px;
}

#concept4 .concept_photo-list {
	margin-bottom: 40px;
}

#concept4 .concept_photo-list {
	margin: 0 -5px 40px;
}

#concept4 .concept_photo-list li {
	width: 50%;
	padding: 5px;
}

#concept4 .concept_photo-list li .concept_photo-img {
	margin-bottom: 5px;
}

.concept5_box-wrap {
	margin-top: 30px;
}

.concept5_box {
	margin-bottom: 30px;
}

.concept5_box-img {
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
}

.concept5_box-textBox {
	width: 100%;
	padding-left: 0;
}

.concept5_box-heading {
	font-size: 20px;
	font-size: 2rem;
}

.concept5_box-heading:after {
	content: "";
	border-top: 6px dotted #ebc846;
	width: 100%;
	max-width: 424px;
	-webkit-transform: none;
	transform: none;
}

.concept5_box-text {
	line-height: 2;
	letter-spacing: 0;
	text-indent: 0;
}

#concept6 .concept_box {
	margin-bottom: 40px;
}

.salon-navi {
	margin-bottom: 60px;
}

.salon-navi ul li {
	width: 50%;
	padding: 0 10px 20px;
}

.salon-navi ul li:nth-child(odd) {
	padding-left: 0;
}

.salon-navi ul li:nth-child(even) {
	padding-right: 0;
}

.salon-navi ul li:nth-last-child(-n+2) {
	padding-bottom: 0;
}

.salon-navi ul li a {
	line-height: 1.4;
	padding: 8px 0;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.salon_foot-navi .salon-navi {
	padding-top: 60px;
}

#salon_page #salon-slider {
	margin-bottom: 40px;
}

#salon_page .salon_info .salon_info-inner {
	width: 100%;
	padding-right: 0;
	margin-bottom: 16px;
}

#salon_page .salon_info .salon_info-inner .salon_info-logo {
	margin-bottom: 16px;
}

#salon_page .salon_info .salon_info-inner .salon_info-logo svg {
	width: 120px;
	height: 39px;
}

#salon_page .salon_info .salon_info-inner section {
	border-bottom: none;
	padding: 0;
}

#salon_page .salon_info .salon_info-inner section h4 {
	width: 100%;
	background: #EAE6DE;
	padding: 4px 8px;
	margin-bottom: 8px;
}

#salon_page .salon_info .salon_info-inner section p {
	width: 100%;
	padding-left: 8px;
	margin-bottom: 8px;
}

#salon_page .salon_info .salon_info-map {
	width: 100%;
}

#b_free-area .b_free-intro .b_free-img {
	width: 100%;
	max-width: 417px;
	padding-right: 0;
	margin: 0 auto 16px;
}

#b_free-area .b_free-intro .b_free-textBox {
	width: 100%;
}

#b_free-area .b_free-intro .b_free-textBox .b_free-heading {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 16px;
}

#b_free-area .b_free-intro .b_free-textBox .b_free-text {
	line-height: 2;
}

.b_free-chara {
	margin: 0;
}

.b_free-chara li {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

.b_free-postscript {
	padding: 24px 16px 0;
}

.b_free-postscript .b_free-psHeading {
	font-size: 18px;
	font-size: 1.8rem;
}

.b_free-postscript .b_free-psText {
	padding-right: 0;
	line-height: 2;
}

.b_free-postscript .b_free-psImg {
	position: static;
	text-align: center;
}

.staff_list {
	margin: 0 -7px;
}

.staff_list li {
	width: 50%;
	padding: 0 7px;
	margin-bottom: 32px;
}

.staff_list-position {
	margin-bottom: 12px;
}

.staff_list-name {
	font-size: 18px;
	font-size: 1.8rem;
}

.staff_one-box .staff_one-img {
	padding: 0 10%;
	margin-bottom: 16px;
}

.staff_one-box .staff_one-info {
	margin-bottom: 24px;
}

.staff_one-box .staff_one-section {
	margin-bottom: 32px;
}

.menu_sub-title {
	margin: -16px 0 40px;
}

.coupon_bnr {
	margin-bottom: 40px;
}

.coupon_bnr {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.coupon_bnr a {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

.coupon_bnr a:last-child {
	margin-bottom: 0;
}

.menu-navi {
	margin-bottom: 60px;
}

.menu-navi ul li {
	padding: 0 12px;
}

.menu-navi ul li:first-child {
	padding-left: 0;
}

.menu-navi ul li:last-child {
	padding-right: 0;
}

.menu-navi ul li a {
	line-height: 1.4;
	padding: 8px 0;
}

.salon_menu-wrap .salon_menu-wide small {
	display: block;
}

.salon_menu-title {
	font-size: 22px;
	font-size: 2.2rem;
	padding-bottom: 10px;
}

.salon_menu-eye {
	text-align: justify;
	font-size: 13px;
	font-size: 1.3rem;
}

.salon_menu-list li {
	width: 100%;
	padding: 0 !important;
	margin-bottom: 24px;
}

.salon_menu-list li:nth-last-child(-n+2) {
	margin-bottom: 24px;
}

.salon_menu-list li:last-child {
	margin-bottom: 0;
}

.eye_menu-navi ul li {
	width: 50%;
	margin-bottom: 12px;
}

.eye_menu-navi ul li:last-child {
	margin-bottom: 0;
	padding: 0 12px 0 0;
}

.eye_concept-box {
	margin-bottom: 24px;
}

.eye_concept-box:last-child .eye_concept-textBox {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	padding: 0;
}

.eye_concept-box .eye_concept-textBox {
	width: 100%;
	padding: 0;
	margin-bottom: 16px;
}

.eye_concept-box .eye_concept-textBox .eye_concept-heading {
	font-size: 24px;
	font-size: 2.4rem;
}

.eye_concept-box .eye_concept-textBox .eye_concept-catch {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.eye_concept-box .eye_concept-textBox .eye_concept-text {
	line-height: 2;
	letter-spacing: 0;
	text-indent: 0;
}

.eye_concept-box .eye_concept-img {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

#eye_coupon {
	padding-top: 60px;
}

.eye_coupon-list .eye_coupon-info {
	width: 100%;
}

.eye_coupon-list .eye_coupon-title {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.eye_coupon-list .eye_coupon-fee {
	width: 100%;
	margin-top: 20px;
}

.eye_coupon-list .eye_coupon-fee p {
	font-size: 44px;
	font-size: 4.4rem;
}

.eye_coupon-list .eye_coupon-fee p small {
	font-size: 26px;
	font-size: 2.6rem;
}

.eye_coupon-list .eye_coupon-fee .normal-fee {
	font-size: 20px;
	font-size: 2rem;
}

.style_list {
	margin: 0 -7px;
}

.style_list li {
	width: 50%;
	padding: 0 7px;
	margin-bottom: 32px;
}

.recruitPage .page-heading-wrap {
	height: 200px;
}

.recruit_catch-area {
	margin-bottom: 60px;
}

.recruit_catch-area .sub-title {
	font-size: 30px;
	font-size: 3rem;
}

.recruit_catch-area .sub-title:before,
.recruit_catch-area .sub-title:after {
	display: none;
}

.recruit_topMenu-area {
	margin-bottom: 60px;
}

.recruit-navi {
	margin-bottom: 16px;
}

.recruit-navi ul li {
	width: 50%;
	padding: 0 10px 20px;
}

.recruit-navi ul li:nth-child(odd) {
	padding-left: 0;
}

.recruit-navi ul li:nth-child(even) {
	padding-right: 0;
}

.recruit-navi ul li:nth-last-child(-n+2) {
	padding-bottom: 0;
}

.recruit-navi ul li a {
	line-height: 1.4;
	padding: 8px 0;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.recruit-heading {
	margin-bottom: 40px;
}

.recruit-headingTop {
	font-size: 28px;
	font-size: 2.8rem;
}

.recruit_headingMain {
	font-size: 24px;
	font-size: 2.4rem;
}

.recruit_headingBottom.en {
	font-size: 16px;
	font-size: 1.6rem;
}

.owner_box-imgArea {
	width: 100%;
	padding-right: 0;
	margin-bottom: 16px;
}

.owner_box-imgArea img {
	max-width: 320px;
	width: 100%;
	margin: 0 auto 8px;
}

.owner_box-textArea {
	width: 100%;
}

.owner_box-career {
	margin: 24px 0 !important;
}

.owner_box-title {
	font-size: 18px;
	font-size: 1.8rem;
}

.owner_box-text {
	margin-bottom: 24px;
}

.voice_box {
	margin-bottom: 40px;
}

.voice_box-img {
	width: 100%;
	padding-right: 0;
	margin-bottom: 16px;
	text-align: center;
}

.voice_box-img img {
	max-width: 320px;
	width: 100%;
}

.voice_box-textArea {
	width: 100%;
}

.good_point {
	margin-bottom: 40px;
}

.good_point-heading {
	margin-bottom: 40px;
}

.good_point-heading {
	font-size: 20px;
	font-size: 2rem;
}

.good_point-beautyList {
	margin: 0 -10px 16px;
}

.good_point-beautyList li {
	width: 50%;
	padding: 10px;
}

.good_point-text {
	text-align: justify;
}

.amikomi_area {
	padding: 20px;
}

.amikomi_area-img {
	width: 100%;
	padding-right: 0;
	margin-bottom: 8px;
	text-align: center;
}

.amikomi_area-img img {
	max-width: 320px;
	width: 100%;
}

.amikomi_area-text {
	width: 100%;
}

.mother_box {
	margin-bottom: 40px;
}

.mother_box-img {
	width: 100%;
	padding: 0;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	text-align: center;
	margin-bottom: 16px;
}

.mother_box-img img {
	width: 100%;
	max-width: 320px;
}

.mother_box-text {
	width: 100%;
}

.mother_message {
	padding: 32px 20px;
}

.mother_message-img {
	width: 100%;
	padding-right: 0;
	text-align: center;
	margin-bottom: 16px;
}

.mother_message-img img {
	width: 100%;
	max-width: 320px;
}

.mother_message-textArea {
	width: 100%;
}

.environment_box-img {
	width: 100%;
	padding-right: 0;
	text-align: center;
	margin-bottom: 16px;
}

.environment_box-img img {
	width: 100%;
	max-width: 320px;
}

.environment_box-text {
	width: 100%;
}

.daily_list {
	margin: 0 -10px;
}

.daily_list li {
	width: 50%;
	padding: 10px;
}

#recruitForm_page .recruit-navi li:first-child {
	padding-left: 0;
}

#recruitForm_page .recruit-navi li:last-child {
	padding-right: 0;
}

.requirements-box {
	padding: 16px 12px;
}

}

@media only screen and (max-width: 767px) {

.recruitment-form-title {
	font-size: 20px;
	font-size: 2rem;
}

.recruitform table {
	font-size: 1.4rem;
}

.form_required:before {
	content: "※";
}

.recruitform table th {
	background: #797979;
	color: #fff;
}

.recruitform table tr th,
.recruitform table tr td {
	display: block;
	width: 100%;
	border-bottom: none;
	padding: 10px 5px;
}

.thanks_contact-box {
	max-width: 280px;
}

}

@media screen and (max-width: 480px) {

.first-view-triangle {
	background: url(../images/index/triangle_mb.svgz) repeat-x center bottom;
	background-size: 33.3333%;
}

}

@-webkit-keyframes stroke-anim {

0% { /* 100%だと最後まで表示されないので多めに設定する */
	stroke-dashoffset: 150%;
	fill: transparent;
}

50% {
	fill: transparent;
}

100% {
	stroke-dashoffset: 0%;
	fill: #fff;
}

}

@keyframes stroke-anim {

0% { /* 100%だと最後まで表示されないので多めに設定する */
	stroke-dashoffset: 150%;
	fill: transparent;
}

50% {
	fill: transparent;
}

100% {
	stroke-dashoffset: 0%;
	fill: #fff;
}

}

@-webkit-keyframes zoom {

50% {
	-webkit-transform: scale(1.05);
}

}

@keyframes zoom {

50% {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

}