@charset "UTF-8";
/** -----------------------------------------------
　共通
------------------------------------------------**/
body {
	/*下記のCSSはご自身のデザインに合わせて書き換えてください。*/
	font-size: 16px;
    font-weight: 500;
	color: #666;
	font-family: "Zen Maru Gothic", "禅丸ゴシック", "Yu Gothic", "游ゴシック", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
}

html, body {
	overflow-x: hidden;
}

/** -----------------------------------------------
　PC :  画面の横幅が641px以上
------------------------------------------------**/

li {
	list-style: none;
}

a {
	color: #666;
	text-decoration-line: none;
}

.section-inner, .entry-inner, .footer-inner {
	position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10rem;
}

.section-title {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0 0 30px 0;
}

h3 {
	color: #f29d7d;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-align: center;
	margin: 20px 0;
}

.title-text {
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}

.text-body2 {
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: justify;
}

.text-body3 {
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: center;
	margin: 60px;
}

.button1 {
    background-color: #fae5c6;
	border: 1px solid #666;
	border-radius: 50vw;
	font-size: 18px;
	letter-spacing: 0.06em;
	padding: 0 30px;
	display: flex;
	justify-content: center;
    align-items: center;
    width: 290px;
	min-height: 54px;
	margin: 0 auto;
}

.button2 {
	background-color: #fff;
	border: 5px solid #f29fa0;
	box-shadow: 0px 2px 4px #aa71714d;
	border-radius: 30px;
	width: 330px;
	height: 120px;
	min-height: 120px;
    justify-content: center;
    align-items: center;
}

/* ヘッダー */
#header {
	background: linear-gradient(180deg, #fae5c6 1.09%, #fae5c6 80%, rgba(255, 255, 255, 0) 100%
100%);
width: 100%;
    position: fixed;
	top: 0;
	z-index: 20;
}

.header-inner {
	width: 100%;
	height: 90px;
	padding: 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 10px;
}

.hd-logo {
	width: 234px;
	height: auto;
}

.hd-logo-taxt {
	font-size: 18px;
	font-weight: 500;
}

.header-pc-list {
	padding-left: 0;
	padding-bottom: 10px;
	display: flex;
	gap: 42px
}

ul.header-pc-list li a:hover {
	color: #f29d7d;
}

/* CTA PC */
.entry-button-mini {
    position: fixed;
    display: flex;
	flex-direction: column-reverse;
	gap: 12px;
	top: 42%;
	right: 0;
	z-index: 2;
}

.mini-button1, .mini-button2 {
	writing-mode: vertical-rl;
	border-radius: 20px  0 0 20px;
	letter-spacing: 0.04em;
	padding: 16px;
}

.button1:hover, .button1-faq:hover, .button3:hover, .button4:hover {
	opacity: 0.7;
}

.line-mini {
	width: 34px;
	padding-bottom: 2px;
}

.mini-button1 {
    background-color: #eafeec;
	border: solid #92e1a5;
	border-width: 1px 0 1px 1px;
}

.mini-button1:hover {
	background-color: #d7fddc;
}
.mini-button2 {
	background-color: #fff0ce;
	border: solid #f29d7d;
	border-width: 1px 0 1px 1px;
	padding-right: 20px;
}

.mini-button2:hover {
    background-color: #fddcb6;
}

/* FV */
#mainvisual {
	padding-top: 120px;
	padding-bottom: 114px;
}

.mv-inner {
	position: relative;
	padding-top: 60px;
	max-width: 1440px;
	margin: 0 auto;
}

.mv-title {
	color: #f29fa0;
	font-size: 50px;
	font-weight: 500;
    position: absolute;
    right: 8rem;
    top: 5rem;
z-index: 2;
}

.mv-shape-yellow, .mv-shape-green, .mv-shape-blue, .mv-shape-pink {
	position: absolute;
	z-index: -2;
}

.mv-shape-blue {
    top: -2rem;
    left: 14px;
}

.mv-shape-yellow {
    top: 1rem;
	right: 1rem;
}

.mv-shape-pink {
	top: 36rem;
    left: 2rem;
}

.mv-shape-green {
	top: 30rem;
    right: 3rem;
}

.mv-shape-pink {
	top: 36rem;
    left: 2rem;
}

.mv-shape-dot1, .mv-shape-dot2, .mv-shape-dot3, .mv-shape-dot4, .mv-shape-dot5 {
	position: absolute;
	z-index: -1;
}

.mv-shape-dot1 {
	top: 4rem;
    left: 6rem;
}

.mv-shape-dot2 {
	top: 2rem;
    left: 40rem;
}

.mv-shape-dot3 {
	top: 12rem;
    right: 6rem;
}

.mv-shape-dot4 {
	bottom: -7rem;
    left: 22rem;
}

.mv-shape-dot5 {
	bottom: 2rem;
    right: 14rem;
}

/* 私たちについて */
#about {
	padding-top: 130px;
	padding-bottom: 100px;
}

.about-text {
	text-align: center;
}

.about-subtitle {
	font-size: 26px;
	letter-spacing: 0.08em;
	margin: 60px 0 40px 0;
}

.text-body1 {
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 2;
	letter-spacing: 0.04em;
}

.engel1, .aboutpic1, .aboutpic2, .about-shape-dot1, .about-shape-dot2, .about-shape-dot3 {
    position: absolute;
	z-index: -1;
}

.aboutpic1 {
	top: -4rem;
	left: 4rem;
}

.aboutpic2 {
	bottom: 4rem;
	right: 4rem;
}

.about-shape-dot1 {
    top: 4rem;
	right: 16rem;
}

.about-shape-dot2 {
    bottom: 10rem;
	left: 14rem;
}

.about-shape-dot3 {
	bottom: -2rem;
	right: 22rem;
}

.engel1 {
	max-width: 132px;
	top: -3rem;
	right: 24rem;
}

/* 事業について */
#service {
	padding-top: 100px;
	padding-bottom: 100px;
}

.service-wrapper {
	display: flex;
	gap: 90px;
	margin: 90px 0 60px 0;
	justify-content: center;
}

.service1 {
    text-align: center;
	max-width: 300px;
}

.service2 {
    text-align: center;
	max-width: 300px;
}

.service3 {
    text-align: center;
	max-width: 300px;
}

.service-shape1 {
	background: url(../images/contentshape-blue.png) no-repeat center center;
	width: 770px;
	height: 430px;
	position: absolute;
	z-index: -1;
    right: -16rem;
    top: 42rem;
}

.engel4 {
	position: absolute;
	z-index: -1;
	max-width: 128px;
	top: -3rem;
	left: 8rem;
}

/* 環境について */
#work {
	padding-top: 100px;
	padding-bottom: 100px;
}

.work-wrapper {
	display: flex;
	gap: 56px;
	margin: 90px 0 60px 0;
	justify-content: center;
}

.work-frame {
    background-color: #fef7e8cc;
	border: 5px solid #fae5c6;
	border-radius: 100vw 100vw 20vw 20vw;
	background-repeat: no-repeat;
	background-position: center;
}

.workpoint1 {
	text-align: center;
	max-width: 250px;
	margin: 40px 36px;
	
}

.workpoint2 {
	text-align: center;
	max-width: 250px;
	padding-top: 28px;
	margin: 40px 36px;
}

.workpoint3 {
	text-align: center;
	max-width: 250px;
	padding-top: 16px;
	margin: 40px 36px;
}

.workpoint-pic {
	width: 150px;
	height: auto;
}

.service-shape2 {
	background: url(../images/contentshape-green.png) no-repeat center center;
	background-size: 90%;
	width: 770px;
	height: 430px;
	position: absolute;
	z-index: -1;
	left: -16rem;
    top: 45em;
}

/* 募集職種 */
#recruit {
	padding-top: 100px;
	padding-bottom: 100px;
}

.recruit-wrapper {
    display: flex;
	flex-wrap: wrap;
	row-gap: 50px;
    column-gap: 50px;
	justify-content: center;
	margin: 90px 0;
}

.recruit-content {
    display: flex;
	gap: 12px;
	position: relative;
	align-items: center;
	padding: 24px;

}

.recruit-icon {
	width: 60px;
	text-align: center;
}

.button-text {
	font-size: 22px;
    line-height: 1.4;
	text-align: left;
}

.recruit-content::after {
	content: url(../images/btn-click.png) ;
	position: absolute;
	text-align: center;
	right: 30px;
	height: 17px;
}

.service-shape3 {
	background: url(../images/contentshape-yellow.png) no-repeat center center;
	background-size: 100%;
	width: 770px;
	height: 430px;
	position: absolute;
	z-index: -1;
	right: -16rem;
	bottom: -22rem;
}

.button2:hover {
    transform: translateY(-5px);
}

/* メンバー紹介 */
#voice {
	padding-top: 100px;
	padding-bottom: 100px;
}

.voice-wrapper {
	margin: 90px 0;
}

.autoplay img {
	margin: 0 20px;
}

.dots-wrap {
    display: flex;
    justify-content: center;
	margin-top: 60px;
}

.dots-wrap li {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    background: #eeeeee;
    border-radius: 50%;
    cursor: pointer;
}

.dots-wrap li:hover, .dots-wrap li.slick-active {
    background: #666;
}

.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.slide-arrow {
    bottom: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0;
}
.prev-arrow {
	left: -12px;
	top: -4rem;
	width: 14px;
	height: 14px;
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	transform: rotate(225deg); /* ← */
}

.next-arrow {
	right: -12px;
	top: -4rem;
	width: 14px;
	height: 14px;
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	transform: rotate(45deg); /* → */
}

.service-shape4 {
	background: url(../images/contentshape-pink.png) no-repeat center center;
	background-size: 100%;
	width: 770px;
	height: 430px;
	position: absolute;
	z-index: -1;
	left: -16rem;
    bottom: -26rem;
}

/* 採用フロー */
#flow {
	padding-top: 100px;
	padding-bottom: 100px;
}

.flow-wrapper {
	display: flex;
	gap: 60px;
	justify-content: center;
	align-items: center;
	margin-top: 90px;
}

.flow-image {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.number {
	font-size: 40px;
	font-weight: 600;
	color: #f29fa0;
	position: relative;
	margin-bottom: -8px;
}

.flow-text {
	font-size: 22px;
	letter-spacing: 0.14em;
}

.nextpoint {
	width: 20px;
	height: 25px;
	text-align: center;
}

/* よくある質問、お問い合わせ */
#contact {
	padding-top: 100px;
	padding-bottom: 120px;
}

.button1-faq {
    background-color: #fae5c6;
	border: 1px solid #666;
	border-radius: 50vw;
	font-size: 18px;
	letter-spacing: 0.06em;
	padding: 0 30px;
	display: flex;
	justify-content: center;
    align-items: center;
    width: 290px;
	min-height: 54px;
	margin: 0 auto;
	margin-top: 40px;
}

.contact-wrapper {
    margin-top: 100px;
}

.contact-button {
	display: flex;
	gap: 60px;
	justify-content: center;
	margin-top: 40px;
}

.button3 ,.button4{
    background-color: #e8fefc;
	font-size: 14px;
	width: 240px;
	min-height: 40px;
	border: 1px solid #666;
	border-radius: 50vw;
	letter-spacing: 0.06em;
	padding: 0 30px;
	display: flex;
	justify-content: center;
    align-items: center;
}

.button4 {
	background-color: #eafeec;
}

.engel2 {
    position: absolute;
	z-index: -1;
	max-width: 132px;
	top: -4rem;
	left: 14rem;
}

/* エントリー */
#entry {
	background-color: #fef1ea;
	background: linear-gradient(360deg, #fef1ea 70%, #fef1ea 80%, rgba(255, 255, 255, 0) 100%
100%);
	padding: 100px 0;
    width: 100%;
}

.message {
	font-size: 26px;
	color: #666;
	font-weight: 600;
}

.button5 {
	background-color: #fff;
	color: #f29d7d;
	border: 2px solid #f29d7d;
	box-shadow: 0px 4px 6px #b4745c4d;
	font-size: 30px;
	width: 450px;
	min-height: 80px;
	border-radius: 50vw;
	letter-spacing: 0.06em;
	padding: 0 30px;
	display: flex;
	justify-content: center;
    align-items: center;
	margin: 0 auto;
	margin-top: 70px;
}

.button5:hover {
    background: #f29d7d;
    color: #fff;
	transition-duration: .6s;
}

.entry-shape-dot1, .entry-shape-dot2, .entry-shape-dot3, .entry-shape-dot4 {
	position: absolute;
}

.entry-shape-dot1 {
	top: -9rem;
	left:10rem;
}

.entry-shape-dot2 {
	top: -7rem;
	right: 12rem;
}

.entry-shape-dot3 {
	bottom: -2rem;
	left:18rem;
}

.entry-shape-dot4 {
	bottom: 0rem;
	right:18rem;
}

/* フッター */
#footer {
	background-color: #fbe1d2;
	width: 100%;
	border-top: 1px solid #666;
}

.footer-inner {
	display: flex;
	justify-content: space-between;
	padding: 60px 170px 0 170px;
}
.footer-navlogo {
	display: flex;
	gap: 80px;
}

.ft-logo {
    padding-bottom: 8px;
	width: 234px;
	height: auto;
}

.footer-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.snsnav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.snsnav-text {
	padding-bottom: 6px;
}
.insta-button, .line-button {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: flex-end;
}

.line-button {
	padding-top: 10px;
}

.sns-logo {
	width: 46px;
}

.sns-logo2 {
	width: 46px;
}

.ft-text-note {
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
	padding: 80px 0 20px 170px;
	text-align: left;
}

ul.footer-list li a:hover, .insta-button:hover, .line-button:hover {
	opacity: 0.7;
}

.pc-only {
	display: block;
}

.sp-only, #sp-menu-button, .header-sp-nav{
	display: none;
}

/*ここからメディアクエリで各デバイスサイズに書き分けます。
今回の課題で考慮するのはPCとスマホのみでOKですが、タブレットサイズでのスタイルを書いてもOK！
また、CSSは上から下に継承されるので、変化させたいところだけ書けばOKです*/

/* 画面の横幅が1320pxまで(ハンバーガーメニュー対応) */

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

	.header-pc-nav {
	display: none;
	}

/* ハンバーガーメニュー */
#sp-menu-button {
	display: block;
	width: 60px;
	height: 60px;
	padding: 22px 18px;
	margin-bottom: 6px;
	}

.sp-menu-button-inner {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	}

.sp-menu-button-inner span:nth-child(1) {
    top: 0;
	}

.sp-menu-button.active span:nth-child(1) {
transform: translateY(8px) rotate(-45deg);
}

.sp-menu-button-inner span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
    }

.sp-menu-button.active span:nth-of-type(2) {
    opacity: 0;
}

.sp-menu-button-inner span:nth-child(3) {
    bottom: 0;
	}

.sp-menu-button.active span:nth-of-type(3) {
    transform: translateY(-6px) rotate(45deg);
}

.sp-menu-button-inner span {
	display: block;
	height: 2px;
	width: 100%;
	background-color: #666;
	position: absolute;
	}

.header-sp-nav {
	display: none;
	width: 100%;
	height: 100vh;
	background-color: #fae5c6f2;
    position: fixed;
    z-index: 11;
    padding-top: 100px;
	right: 0;
	}

.header-sp-nav.active {
    transform: translateX(0);
	}

.header-sp-list li {
	text-align: left;
	font-size: 14px;
    margin: 0 40px 30px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #666;
}

ul.header-sp-list li a:hover {
	color: #f29d7d;
}
}

/** -----------------------------------------------
　Smartphone :  画面の横幅が1024pxまで
------------------------------------------------**/

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

.pc-only {
	display: none;
}

.sp-only {
	display: block;
}

#work, #recruit, #voice, #flow, #contact, #entry {
	padding-top: 70px;
	padding-bottom: 70px;
}

.section-inner, .entry-inner, .footer-inner {
	padding: 0 30px;
	max-width: 550px;
	}

.section-title {
    font-size: 20px;
	margin-bottom: 14px;
	}

.title-text, .text-body2 {
	font-size: 14px;
}

h3 {
	font-size: 18px;
	margin: 14px 0;
}

.button1, .button1-faq {
	font-size: 14px;
	width: 212px;
	min-height: 40px;
}

/* ヘッダー */
.header-inner {
	padding: 0;
	}

.header-logo-wrap {
	padding-left: 18px;
}

.hd-logo {
	max-width: 120px;
	padding-bottom: 6px;
}

.hd-logo-taxt {
	font-size: 14px;
}

/* 追従ボタン */
.entry-button-mini {
	display: none;
}

.entry-button-mini-sp {
    position: fixed;
    display: flex;
	gap: 12px;
	bottom: 10px;
	transform: translateX(-50%);
	left: 50%;
	max-width: 550px;
	z-index: 10;
}

.mini-button1-sp, .mini-button2-sp {
	font-size: 14px;
	width: 180px;
	min-height: 40px;
	border-radius: 50px;
	letter-spacing: 0.04em;
	justify-content: center;
    align-items: center;
}

.line-mini {
	width: 20px;
	padding-bottom: 0px;
}

.mini-button1-sp {
    background-color: #eafeec;
	border:1px solid #92e1a5;
	display: flex;
	gap: 6px;
}

.mini-button2-sp {
	background-color: #fff0ce;
	border: 1px solid #f29d7d;
	padding: 10px;
	text-align: center;
}

.mini-button1-sp:hover {
	background-color: #d7fddc;
}

.mini-button2-sp:hover {
    background-color: #fddcb6;
}

/* FV */
#mainvisual {
	padding-top: 130px;
}

.mv-inner {
	position: relative;
	padding-top: 40px;
	max-width: 375px;
	margin: 0 auto;
}

.mv-title {
	font-size: 20px;
	right: 1rem;
	top: 1rem;
}

.mv-mainpic {
	max-width: 100%;
}

.mv-shape-blue {
    top: -1rem;
    left: -2rem;
	width: 270px;
}

.mv-shape-yellow {
	top: 0rem;
    right: -4rem;
	width: 270px;
}

.mv-shape-pink {
	top: 11rem;
    left: -3rem;
	width: 270px;
}

.mv-shape-green {
	top: 11rem;
    right: -4rem;
	width: 270px;
}

.mv-shape-dot1 {
    top: 2rem;
    left: 1rem;
	width: 26px;
}

.mv-shape-dot2 {
    top: -1rem;
    left: 9rem;
	width: 20px;
}

.mv-shape-dot3 {
    top: 3rem;
    left: 21rem;
	width: 16px;
}

.mv-shape-dot4 {
    top: 19rem;
    left: 4rem;
	width: 26px;
}

.mv-shape-dot5 {
    top: 16rem;
    right: 2rem;
	width: 24px;
}

/* 私たちについて */
.about-subtitle {
	font-size: 20px;
	margin: 40px 0 30px 0;
}

.text-body1 {
	font-size: 14px;
	margin-bottom: 20px;
}

.aboutpic1 {
    top: -8rem;
    left: 0rem;
    width: 182px;
}

.aboutpic2 {
    bottom: -9rem;
    right: 0rem;
    width: 182px;
}

.about-shape-dot1 {
    top: 9rem;
    right: 2rem;
	width: 22px;
}

.about-shape-dot2 {
    top: 20rem;
    left: 2rem;
	width: 22px;
}

.about-shape-dot3 {
    bottom: 8rem;
    right: 2rem;
	width: 22px;
}

.engel1 {
    max-width: 70px;
    top: -4rem;
    right: 2rem;
}

/* 事業について */
#service {
	padding-bottom: 70px
}
.service-wrapper, .work-wrapper, .flow-wrapper {
	margin: 54px 0 30px 0;
	display: block;
	max-width: 300px;
	margin:  0 auto;
}

.service-title {
	width: 130px;
}
.service1, .service2, .service3 {
	margin: 50px 0;
}

.service-shape1 {
	background-size: 50%;
	right: -21rem;
    top: 90rem;
}

.engel4 {
    max-width: 70px;
    top: -5rem;
    left: 3rem;
}

/* 働く環境 */

.work-title {
	width: 94px;
}

.work-frame {
	margin: 50px 0;
}

.service-shape2 {
	background-size: 50%;
	left: -21rem;
    top: 90rem;
}

/* 募集職種 */
.recruit-title {
	width: 94px;
}

.recruit-wrapper {
	margin: 50px 0;
	gap: 30px;
}

.button-text {
	font-size: 20px;
}

.text-body3 {
	font-size: 12px;
	margin: 0 0 20px 0;
}

.service-shape3 {
	background-size: 50%;
	right: -15rem;
    top: 60rem;
}

/* メンバー紹介 */
.voice-title {
	width: 130px;
}

.voice-wrapper {
	margin: 50px 0;
}


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

.prev-arrow, .next-arrow {
	top: -2rem;
	width: 12px;
	height: 12px;
}

.service-shape4 {
	background-size: 50%;
    left: -22rem;
    bottom: -18rem;
}

/* 採用フロー */
.flow-title {
	width: 112px;
}

.flow-wrapper {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.autoplay img  {
	margin: 0 8px;
}

.number {
	font-size: 34px;
}

.flow-text {
	font-size: 20px;
}

.nextpoint {
	transform: rotate(90deg);
}

/* よくある質問 */
.contact-title {
	width: 130px;
}

.contact-wrapper {
    margin-top: 50px;
}

.button1-faq {
	margin-top: 20px;
}

.contact-button {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
	align-items: center;
}

.button3, .button4 {
	font-size: 12px;
	width: 190px;
	min-height: 36px;
}

.engel2 {
    max-width: 70px;
    top: -4rem;
    left: 2rem;
}

/* エントリー */
.message {
	font-size: 14px;
}

.button5 {
	font-size: 22px;
	width: 228px;
	min-height: 58px;
	margin-top: 42px;
}

.entry-shape-dot1 {
	width: 30px;
	top: -3rem;
	left: 3rem;
}

.entry-shape-dot2 {
	width: 26px;
	top: -1rem;
	right: 2rem;
}

.entry-shape-dot3 {
	width: 32px;
	bottom: -2rem;
	left: 2rem;
}

.entry-shape-dot4 {
	width: 22px;
	bottom: 0rem;
	right: 2rem;
}

/* フッター */
#footer {
	padding-bottom: 60px;
}

.footer-inner {
	padding-top: 30px;
}

.footer-navlogo {
	flex-direction: column;
	gap: 20px
}

.footer-list {
	gap: 4px;
}

.ft-logo {
	width: 110px;
	padding-bottom: 1px;
}

.gnav-text, .footer-nav-wrap {
	font-size: 10px;
}

.insta-button, .line-button {
	gap: 6px;
}

.sns-logo, .sns-logo2 {
	width: 30px;
}

.snsnav-text {
	font-size: 10px;
}

.ft-text-note {
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 10px;
}
}
