@import url('https://fonts.googleapis.com/css2?family=Cormorant&display=swap');

:root {
	--font-en: 'Cormorant';
}
/* -------------------------------------------
共通パッチ
------------------------------------------- */
img {
	vertical-align: bottom;
}

/* PCとタブレットのみ改行を適用 */
@media screen and (min-width: 767.01px) {
	.pc-tab {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.pc-tab {
		display: none;
	}
}

/* 要項ページ body */
.single-post_recruit {
	color: var(--sub-txt, #333);
	word-break: break-word;
	font-weight: 500;
}

.c-headline-001__en {
	font-weight: 400;
/* text-transform: uppercase; */
}

.c-headline-001__ja {
	font-weight: 700;
	line-height: 1.6;
}

.m-footer-001__copyright {
	padding: 30px 0;
	font-family: inherit;
}

@media screen and (max-width: 767px) {
	.m-footer-001__copyright {
		padding: 20px 0;
	}
}

div[class^="m-require-"][class$="__detail-ttl"] {
	font-weight: 700;
/* color: var(--sub-txt); */
}

div[class^="m-require-"][class$="__detail-desc"] {
	font-weight: 500;
}

.m-header-001__logo {
	padding: 7px 40px;
}

@media screen and (max-width: 767px) {
	.m-header-001__logo {
		padding: 3px 15px;
	}
}

.m-header-001__logo-link-img {
	max-height: 81px;
}

@media screen and (max-width: 767px) {
	.m-header-001__logo-link-img {
		max-height: 36px;
	}
}

/* サブカラー 背景を無効化したいとき */
/* .c-module-container > section:nth-of-type(odd) {
background-color: transparent;
} */

/* 募集要項の罫線 */
div[class^="m-require-"][class$="__detail-row"] {
	border-color: var(--primary-border);
}

.img-headline {
	margin: 0 auto;
	height: 82px;
}

@media screen and (max-width: 767px) {
	.img-headline{
		height: 47px;
	}
}

/* フッター */
.m-footer-001 {
	color: var(--primary, #04a1af);
	background: var(--primary-txt, #fff);
}

span[class$="__headline-ja"] {
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
	font-weight: 500;
}

/* -------------------------------------------
美容師モジュール：メッセージ
------------------------------------------- */
.m-modulegroup002-001 {
	margin: 120px auto 0;
	padding: 0 20px;
	background: var(--sub-bg, #f2f2f2);
	color: var(--sub-txt, #000000);
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001 {
		padding: 0 20px;
	}
}

.m-modulegroup002-001__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__inner {
		padding-bottom: 30px;
	}
}

.m-modulegroup002-001__headline {
	margin-bottom: -.65em;
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
	-webkit-transform: translateY(-0.65em);
	transform: translateY(-0.65em);
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__headline {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-modulegroup002-001__headline-en {
	display: block;
	font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
	line-height: 1;
	color: var(--primary, #04a1af);
	letter-spacing: .05em;
}

.m-modulegroup002-001__headline-ja {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__headline-ja {
		margin-top: 5px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.m-modulegroup002-001__container {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 45px;
	padding: 60px 0;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-001__container {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__container {
		margin-top: 30px;
		padding: 30px 0;
	}
}

.m-modulegroup002-001__container:first-child {
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__container:first-child {
		margin-top: 30px;
	}
}

.m-modulegroup002-001__container::after {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 70%;
	max-width: 800px;
	background: #fff;
	content: "";
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.m-modulegroup002-001__figure {
	width: 50%;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-001__figure {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__figure {
		width: 100%;
	}
}

.m-modulegroup002-001__figure-img-pc {
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__figure-img-pc {
		display: none;
	}
}

.m-modulegroup002-001__figure-img-sp {
	display: none;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__figure-img-sp {
		display: inline;
	}
}

.m-modulegroup002-001__content {
	width: 50%;
	padding: 0 5%;
	text-align: left;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-001__content {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
}

.m-modulegroup002-001__content:only-child {
	margin: 0 auto;
	padding: 0;
}

.m-modulegroup002-001__ttl {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--primary, #04a1af);
	letter-spacing: .2em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-001__ttl {
		font-size: 20px;
		font-size: 2rem;
	}
}

.m-modulegroup002-001__ttl + .m-modulegroup002-001__txt {
	margin-top: 20px;
}

.m-modulegroup002-001__txt {
	font-family: var(--font-sans, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif);
	line-height: 1.875;
	letter-spacing: .1em;
}

/* -------------------------------------------
美容師モジュール：会社・仕事紹介
------------------------------------------- */
.m-modulegroup002-004 {
	overflow: hidden;
	margin: 100px auto 0;
	padding: 0 20px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004 {
		margin: 60px auto 0;
		padding: 0 20px;
	}
}

.m-modulegroup002-004__inner {
	max-width: 1280px;
	margin: 0 auto;
}

.m-modulegroup002-004__headline {
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__headline {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-modulegroup002-004__headline-en {
	display: block;
	font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
	line-height: 1;
	color: var(--primary, #04a1af);
	letter-spacing: .05em;
}

.m-modulegroup002-004__headline-ja {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__headline-ja {
		margin-top: 5px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.m-modulegroup002-004__first {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 560px;
	margin-top: 40px;
	padding: 60px 0;
	color: var(--sub-txt, #000000);
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-004__first {
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__first {
		padding: 30px 0;
	}
}

.m-modulegroup002-004__first::after {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: -150px;
	left: 140px;
	width: 100vw;
	background: var(--sub-bg, #f2f2f2);
	content: "";
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__first::after {
		left: 20%;
	}
}

.m-modulegroup002-004__figure {
	position: absolute;
	right: 50%;
	width: 50vw;
	max-width: 800px;
	height: 450px;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-004__figure {
		position: relative;
		right: auto;
		width: 100%;
		max-width: none;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__figure {
		position: static;
		width: 100%;
		height: auto;
	}
}

.m-modulegroup002-004__figure-bg-pc {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__figure-bg-pc {
		display: none;
	}
}

.m-modulegroup002-004__figure-img-sp {
	display: none;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__figure-img-sp {
		display: inline;
	}
}

.m-modulegroup002-004__content {
	width: 50%;
	margin: 0 0 0 auto;
	padding: 0 5%;
	text-align: left;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-004__content {
		width: 100%;
		margin: 20px 0 0;
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__content {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
}

.m-modulegroup002-004__content:only-child {
	margin: 0 auto;
	padding: 0;
}

.m-modulegroup002-004__ttl {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--primary, #04a1af);
	letter-spacing: .2em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__ttl {
		font-size: 20px;
		font-size: 2rem;
	}
}

.m-modulegroup002-004__ttl + .m-modulegroup002-004__txt {
	margin-top: 20px;
}

.m-modulegroup002-004__txt {
	font-family: var(--font-sans, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif);
	line-height: 1.875;
	letter-spacing: .1em;
}

.m-modulegroup002-004__works {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -30px -20px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-004__works {
		-ms-flex-direction: column;
		flex-direction: column;
		margin: -40px 0 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__works {
		margin: -30px 0 0;
	}
}

.m-modulegroup002-004__works-item {
	width: calc(50% - 40px);
	margin: 30px 20px;
	text-align: left;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-004__works-item {
		width: 100%;
		margin: 40px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__works-item {
		margin: 30px 0 0;
	}
}

.m-modulegroup002-004__works-figure {
	text-align: center;
}

.m-modulegroup002-004__works-figure-img-pc {
	width: 100%;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__works-figure-img-pc {
		display: none;
	}
}

.m-modulegroup002-004__works-figure-img-sp {
	display: none;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__works-figure-img-sp {
		display: inline;
	}
}

.m-modulegroup002-004__works-caption {
	margin-top: 15px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.6;
	color: var(--primary, #04a1af);
	letter-spacing: .15em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-004__works-caption {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

.m-modulegroup002-004__works-txt {
	margin-top: 15px;
	font-family: var(--font-sans, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif);
	line-height: 1.875;
	letter-spacing: .1em;
}

/* -------------------------------------------
美容師モジュール：ギャラリー
------------------------------------------- */
.m-modulegroup002-009 {
	margin: 100px auto;
	padding: 0 20px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009 {
		margin: 60px auto;
		padding: 0 20px;
	}
}

.m-modulegroup002-009__inner {
	max-width: 1440px;
	margin: 0 auto;
}

.m-modulegroup002-009__headline {
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__headline {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-modulegroup002-009__headline-en {
	display: block;
	font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
	line-height: 1;
	color: var(--primary, #04a1af);
	letter-spacing: .05em;
}

.m-modulegroup002-009__headline-ja {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__headline-ja {
		margin-top: 5px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.m-modulegroup002-009__gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 38px -7px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__gallery {
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 20px 0 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
}

.m-modulegroup002-009__gallery-item {
	position: relative;
	width: calc(25% - 14px);
	margin: 7px;
}

@media screen and (max-width: 1024px) {
	.m-modulegroup002-009__gallery-item {
		width: calc(50% - 14px);
	}
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__gallery-item {
		width: 100%;
		margin: 7px 0;
	}
}

.m-modulegroup002-009__gallery-figure-img-pc {
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__gallery-figure-img-pc {
		display: none;
	}
}

.m-modulegroup002-009__gallery-figure-img-sp {
	display: none;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-009__gallery-figure-img-sp {
		display: inline;
	}
}

/* -------------------------------------------
美容師モジュール：代表挨拶
------------------------------------------- */
.m-modulegroup002-007 {
	margin: 93px auto 100px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007 {
		margin: 53px auto 60px;
	}
}

.m-modulegroup002-007__inner {
	max-width: 1000px;
	margin: 0 auto;
}

.m-modulegroup002-007__headline {
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__headline {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-modulegroup002-007__headline-en {
	display: block;
	font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
	line-height: 1;
	color: var(--primary, #04a1af);
	letter-spacing: .05em;
}

.m-modulegroup002-007__headline-ja {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__headline-ja {
		margin-top: 5px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.m-modulegroup002-007__figure {
	margin-top: 45px;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__figure {
		margin-top: 30px;
	}
}

.m-modulegroup002-007__figure-img-pc {
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__figure-img-pc {
		display: none;
	}
}

.m-modulegroup002-007__figure-img-sp {
	display: none;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__figure-img-sp {
		display: inline;
		width: 100%;
	}
}

.m-modulegroup002-007__figure + .m-modulegroup002-007__container {
	margin: -60px 4% 0;
}

.m-modulegroup002-007__headline + .m-modulegroup002-007__container {
	margin: 30px 4% 0;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__headline + .m-modulegroup002-007__container {
		margin-top: 10px;
	}
}

.m-modulegroup002-007__container {
	position: relative;
	z-index: 1;
	padding: 20px 5% 0;
	background: #fff;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__container {
		padding: 20px 16px 0;
	}
}

.m-modulegroup002-007__name {
	color: var(--primary, #04a1af);
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
}

.m-modulegroup002-007__name-kanji {
	display: inline-block;
	margin-right: 15px;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: .2em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__name-kanji {
		margin-right: 10px;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.m-modulegroup002-007__name-kana {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__name-kana {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.m-modulegroup002-007__position {
	margin-top: 5px;
	font-family: var(--font-sans, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif);
	letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__position {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

.m-modulegroup002-007__cnt-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px;
	padding: 25px 0 0;
	border-top: 1px solid var(--primary-border, #04a1af);
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__cnt-item {
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 15px;
		padding-top: 15px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}
}

.m-modulegroup002-007__cnt-ttl {
	width: 20%;
	line-height: 1.6;
	letter-spacing: .1em;
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__cnt-ttl {
		width: 100%;
		margin-bottom: 15px;
	}
}

.m-modulegroup002-007__cnt-txt {
	width: 80%;
	padding-left: 15px;
	font-family: var(--font-sans, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif);
	line-height: 1.875;
	letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
	.m-modulegroup002-007__cnt-txt {
		width: 100%;
		padding-left: 0;
	}
}

.m-require-001 {
/*タイトルを上に飛び出させる場合は下記コメントアウトをはずす*/
/*padding-top: 0;*/
}

.m-require-001 .c-headline-001 {
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
/*タイトルを上に飛び出させる場合は下記コメントアウトをはずす*/
/*transform: translateY(-.65em);
margin-bottom: -.25em;*/
}

@media screen and (max-width: 767px) {
	.m-require-001 .c-headline-001 {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-require-001 .c-headline-001__en {
	display: block;
	font-family: var(--font-en, "Josefin Sans", "Noto Sans JP", Arial, Helvetica, sans-serif);
	font-size: 60px;
	font-size: 6rem;
	font-weight: normal;
	line-height: 1;
	color: var(--primary, #04a1af);
	letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
	.m-require-001 .c-headline-001__en {
		font-size: 34px;
		font-size: 3.4rem;
	}
}

.m-require-001 .c-headline-001__ja {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	letter-spacing: .15em;
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Sans JP", "MS PMincho", serif;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
	.m-require-001 .c-headline-001__ja {
		margin-top: 5px;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

.m-require-001__detail-desc::before {
	background: #fff;
	opacity: 1;
}

.m-require-001 {
	padding-top: 100px;
}

@media screen and (max-width: 767px) {
	.m-require-001 {
		padding-top: 60px;
	}
}

.m-require-001__detail {
	padding-top: 25px;
}

@media screen and (max-width: 767px) {
	.m-require-001__detail {
		padding-top: 10px;
	}
}