@charset "UTF-8";


* {
	margin:0;
	padding:0;
}

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a, img,
small, dl, dt, dd, ol, ul, li, label,
table, tr, th, td, article, aside,
footer, header, nav, section, video {
	font:inherit;
	font-size:100%;
	outline:0;
	border:0;
	vertical-align:baseline;
}

article, aside, footer, header,
nav, section, a {display:block;}

html, body {height:100%;}

body {
	max-width:100%;
	min-width:100%;
	color:#1A1A1A;
	font-size:88%;
	font-weight:600;
	font-family:"fot-udmarugo-large-pr6n";
	line-height:1.6;
	letter-spacing:0.1em;
	background-color:#FF70A0;
}


/* iframe, video */
video,
iframe {vertical-align:top;}


/* ol, ul */
ol {
	list-style:decimal;
	list-style-position:inside;
}

ul {list-style:none;}


/* img */
img {
	width:100%;
	height:auto;
	vertical-align:top;
}


/* a */
a {
	color:#1A1A1A;
	text-decoration:none;
	display:block;
}


/* loading */
#loading {
	width:100%;
	height:100%;
	z-index:99999999;
	position:fixed;
	overflow:hidden;
	background-color:#FF70A0;
	box-sizing:border-box;
	transition:all 0.5s ease-in-out;
}

#loading img {
	width:32px;
	height:32px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
}

html.wf-active #loading {height:0 !important;}


/* menu */
#menu {
	width:100%;
	height:56px;
	top:0;
	left:0;
	z-index:9999;
	position:fixed;
	overflow:hidden;
	background-color:#FF70A0;
}

#menu ul {
	display:flex;
	align-items:center;
}

#menu ul li {width:25%;}

#menu ul li:nth-of-type(1) {background-color:#FFD500;}
#menu ul li:nth-of-type(2) {background-color:#00B900;}
#menu ul li:nth-of-type(3) {background-color:#C247FF;}
#menu ul li:nth-of-type(4) {background-color:#70CFFF;}

#menu ul li a,
#menu ul li span {
	width:100%;
	height:56px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}

#menu ul li a img,
#menu ul li span img {
	width:calc(100% - 40px);
	max-width:68px;
	max-height:32px;
}


/* header */
#header {padding-top:56px;}

.header_inner {
	padding:24px 0;
	background-color:#FFF;
}

.logo {
	width:50%;
	margin:0 auto;
}

.header_contact {display:none;}


/* nav */
.open {top:56px !important;}

#nav {
	width:100%;
	height:100%;
	font-size:72%;
	text-align:center;
	top:-100%;
	left:0;
	position:fixed;
	z-index:9998;
	box-sizing:border-box;
	transition:0.5s ease-in-out;
}

#nav ul {
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
	background-color:#70CFFF;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}

#nav ul li {
	width:25%;
	padding-top:24px;
}

#nav ul li a {
	padding:72px 0 0 0;
	background-position:center top;
	background-size:64px;
	background-repeat:no-repeat;
}

#nav ul li a.active {color:#FFF;}

#nav ul li:nth-of-type(1) a {background-image:url(../images/nav/top.png);}
#nav ul li:nth-of-type(2) a {background-image:url(../images/nav/about.png);}
#nav ul li:nth-of-type(3) a {background-image:url(../images/nav/salary.png);}
#nav ul li:nth-of-type(4) a {background-image:url(../images/nav/treatment.png);}
#nav ul li:nth-of-type(5) a {background-image:url(../images/nav/faq.png);}
#nav ul li:nth-of-type(6) a {background-image:url(../images/nav/guideline.png);}
#nav ul li:nth-of-type(7) a {background-image:url(../images/nav/contact.png);}

#nav ul li:nth-of-type(1) a.active {background-image:url(../images/nav/top_active.png);}
#nav ul li:nth-of-type(2) a.active {background-image:url(../images/nav/about_active.png);}
#nav ul li:nth-of-type(3) a.active {background-image:url(../images/nav/salary_active.png);}
#nav ul li:nth-of-type(4) a.active {background-image:url(../images/nav/treatment_active.png);}
#nav ul li:nth-of-type(5) a.active {background-image:url(../images/nav/faq_active.png);}
#nav ul li:nth-of-type(6) a.active {background-image:url(../images/nav/guideline_active.png);}
#nav ul li:nth-of-type(7) a.active {background-image:url(../images/nav/contact_active.png);}

#nav ul li a span {
	height:12px;
	line-height:12px;
	display:block;
}

#nav ul li a span:nth-of-type(2) {margin-top:2px;}


/* container */
#container {
	background-image:url(../images/bg/container.gif);
	background-size:6px 7px;
}


/* breadcrumb */
#breadcrumb {
	padding:8px 8px 0;
	font-size:72%;
}

#breadcrumb ul {display:flex;}

#breadcrumb ul li,
#breadcrumb ul li a {
	height:12px;
	color:#FF70A0;
	line-height:12px;
}

#breadcrumb ul li {margin-right:8px;}

#breadcrumb ul li:last-of-type {
	margin-right:0;
	color:#1A1A1A;
}

#breadcrumb ul li a img {
	width:12px;
	height:12px;
}


/* contents */
#contents {padding:24px 8px;}


/* section */
.section {margin-top:19px;}

.section p:nth-of-type(1) {margin-top:7px;}


/* title */
.title {
	height:32px;
	font-size:143%;
	text-align:center;
}

.title h2 {
	padding-right:40px;
	display:inline-block;
	background-position:right center;
	background-size:32px;
	background-repeat:no-repeat;
}

.about_title {background-image:url(../images/title/about.png);}
.inexperienced_title {background-image:url(../images/title/inexperienced.png);}
.salary_title {background-image:url(../images/title/salary.png);}
.treatment_title {background-image:url(../images/title/treatment.png);}
.faq_title {background-image:url(../images/title/faq.png);}
.guideline_title {background-image:url(../images/title/guideline.png);}
.link_title {background-image:url(../images/title/link.png);}
.notfound_title {background-image:url(../images/title/notfound.png);}

.title_inner {
	height:28px;
	line-height:20px;
	vertical-align:top;
	display:inline-block;
	border-bottom:4px dotted #FF70A0;
}

.title .title_inner span {color:#FF70A0 !important;}


/* sub_title */
.sub_title {color:#FF70A0;}


/* footer_contact */
#footer_contact {
	padding:19px 8px 20px;
	background:url(../images/footer_contact/sp.jpg) center top / cover no-repeat;
}

#footer_contact p:nth-of-type(1) {
	color:#FF70A0;
	text-align:center;
}

#footer_contact ul {
	margin-top:20px;
	padding:0 18px;
}

#footer_contact ul li {
	margin-top:8px;
	border-radius:8px;
	display:block;
}

#footer_contact ul li:nth-of-type(1) {
	margin-top:0;
	background-color:#FFD500;
}

#footer_contact ul li:nth-of-type(2) {background-color:#00B900;}
#footer_contact ul li:nth-of-type(3) {background-color:#70CFFF;}

#footer_contact ul li a {
	padding:11px 0 12px;
	text-align:center;
}

#footer_contact ul li a span {
	padding-left:24px;
	display:inline-block;
	background-position:left center;
	background-size:auto 16px;
	background-repeat:no-repeat;
}

#footer_contact ul li:nth-of-type(1) a span {background-image:url(../images/footer_contact/tel.png);}
#footer_contact ul li:nth-of-type(2) a span {background-image:url(../images/footer_contact/line.png);}
#footer_contact ul li:nth-of-type(3) a span {background-image:url(../images/footer_contact/mail.png);}

#footer_contact p:nth-of-type(2) {
	margin-top:19px;
	text-align:center;
}

#footer_contact p:nth-of-type(2) span {display:block;}


/* footer */
#footer {
	padding:20px 8px 24px;
	color:#FFF;
}

#footer a {color:#FFF;}


/* exit */
.exit a {
	text-decoration:underline;
	display:inline-block;
}


/* sitemap */
#sitemap {
	margin-top:20px;
	font-size:86%;
}

#sitemap ul {
	display:flex;
	flex-wrap:wrap;
}

#sitemap ul li {
	width:50%;
	margin-top:8px;
}

#sitemap ul li:nth-of-type(-n+2) {margin-top:0;}

#sitemap ul li a {
	height:14px;
	padding-left:22px;
	line-height:14px;
	background:url(../images/sitemap_bg.png) left center / 14px no-repeat;
}


/* copyright */
.copyright,
.copyright a {
	height:14px;
	line-height:14px;
}

.copyright {
	margin-top:23px;
	text-align:center;
}

.copyright a {display:inline-block;}


/* attention */
.attention {
	padding:11px 16px 12px;
	color:#FFF;
	border-radius:8px;
	background-color:#FF70A0;
}


/* color */
.blue,
.pink,
.green,
.yellow,
.purple,
.orange {
	padding:12px 16px;
	border-width:2px;
	border-style:solid;
	border-radius:8px;
	background-size:6px 7px;
	box-sizing:border-box;
}

.blue {
	border-color:#70CFFF;
	background-image:url(../images/bg/blue.gif);
}

.pink {
	border-color:#FF70A0;
	background-image:url(../images/bg/pink.gif);
}

.green {
	border-color:#57B816;
	background-image:url(../images/bg/green.gif);
}

.yellow {
	border-color:#FFC71F;
	background-image:url(../images/bg/yellow.gif);
}

.purple {
	border-color:#C177E5;
	background-image:url(../images/bg/purple.gif);
}

.orange {
	border-color:#FFA347;
	background-image:url(../images/bg/orange.gif);
}

.white {
	padding:11px 16px;
	border:2px solid #FF70A0;
	border-radius:8px;
	background-color:#FFF;
}

.white_title {
	padding-bottom:4px;
	color:#FF70A0;
	text-align:center;
	border-bottom:2px dotted #FF70A0;
}


/* inner */
.inner_blue,
.inner_pink,
.inner_green,
.inner_yellow,
.inner_purple,
.inner_orange {
	padding:11px 16px 12px;
	border-width:2px;
	border-style:solid;
	border-radius:8px;
	background-color:#FFF;
	box-sizing:border-box;
}

.inner_blue {border-color:#70CFFF;}
.inner_pink {border-color:#FF70A0;}
.inner_green {border-color:#57B816;}
.inner_yellow {border-color:#FFC71F;}
.inner_purple {border-color:#C177E5;}
.inner_orange {border-color:#FFA347;}


/* balloon_title */
.balloon_title {
	width:100%;
	height:52px;
	margin-bottom:22px;
	padding:16px 0;
	color:#FF70A0;
	text-align:center;
	line-height:14px;
	border-radius:8px;
	position:relative;
	background-color:#FFF;
	box-sizing:border-box;
}

.balloon_title:before,
.balloon_title:after {
	width:0;
	height:0;
	margin:auto;
	content:"";
	right:0;
	left:0;
	position:absolute;
}

.balloon_title:before {
	border-width:16px 16px 0 16px;
	border-style:solid;
	bottom:-16px;
}

.balloon_title:after {
	border-width:13px 13px 0 13px;
	border-style:solid;
	border-color:#FFF transparent transparent transparent;
	z-index:1;
	bottom:-13px;
}

.blue .balloon_title {border:2px solid #70CFFF;}
.blue .balloon_title:before {border-color:#70CFFF transparent transparent transparent;}

.pink .balloon_title {border:2px solid #FF70A0;}
.pink .balloon_title:before {border-color:#FF70A0 transparent transparent transparent;}

.green .balloon_title {border:2px solid #57B816;}
.green .balloon_title:before {border-color:#57B816 transparent transparent transparent;}

.yellow .balloon_title {border:2px solid #FFC71F;}
.yellow .balloon_title:before {border-color:#FFC71F transparent transparent transparent;}

.purple .balloon_title {border:2px solid #C177E5;}
.purple .balloon_title:before {border-color:#C177E5 transparent transparent transparent;}

.orange .balloon_title {border:2px solid #FFA347;}
.orange .balloon_title:before {border-color:#FFA347 transparent transparent transparent;}


/* link */
.link span {
	border-radius:8px;
	display:block;
	background-color:#70CFFF;
}

.link span a {
	padding:11px 0 12px;
	color:#FFF;
	text-align:center;
}

.link span a span {
	border-radius:0;
	background-color:transparent;
}


@media screen and (min-width:768px) {
	body {
		font-size:100%;
		line-height:1.8;
	}


	/* a */
	a {transition:all 0.3s ease-in-out;}
	a:hover {opacity:0.3;}


	/* menu */
	#menu {display:none;}


	/* header */
	#header {
		padding-top:0;
		background-color:#FFF;
	}

	.header_inner {
		width:1024px;
		margin:0 auto;
		padding:40px 0;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}

	.logo {
		width:391px;
		margin:0;
	}

	.logo a:hover {opacity:1;}

	.header_contact {
		height:88px;
		padding-left:242px;
		font-size:0;
		text-align:center;
		display:block;
		background:url(../images/header_contact/tel.png) left center no-repeat;
	}

	.header_contact ul li:nth-of-type(2) {margin-top:8px;}

	.header_contact ul li a {
		width:255px;
		color:#FFF;
		border-radius:3px;
	}

	.header_contact ul li a:hover {opacity:1;}

	.header_contact ul li:nth-of-type(1) a {background-color:#00B900;}
	.header_contact ul li:nth-of-type(2) a {background-color:#C247FF;}

	.header_contact ul li a span {
		height:40px;
		padding-left:32px;
		font-size:14px;
		line-height:40px;
		display:inline-block;
		background-position:left center;
		background-size:24px;
		background-repeat:no-repeat;
		transition:all 0.3s ease-in-out;
	}

	.header_contact ul li:nth-of-type(1) a span {background-image:url(../images/header_contact/line.png);}
	.header_contact ul li:nth-of-type(2) a span {background-image:url(../images/header_contact/mail.png);}

	.header_contact ul li a:hover span {opacity:0.3;}


	/* nav */
	#nav {
		width:100%;
		height:auto;
		padding:0 0 40px 0;
		font-size:88%;
		top:0;
		position:static;
		z-index:auto;
		background:#FFF;
	}

	#nav ul {
		width:1024px;
		height:auto;
		margin:0 auto;
		background-color:#FFF;
		overflow:visible;
		-webkit-overflow-scrolling:auto;
	}

	#nav ul li {
		width:138px;
		margin-right:8px;
		padding-top:0;
	}

	#nav ul li:last-of-type {
		width:148px;
		margin-right:0;
	}

	#nav ul li a {
		height:14px;
		padding:8px 0;
		line-height:14px;
		background-image:none !important;
	}

	#nav ul li a.active {color:#FF70A0;}

	#nav ul li a span {
		height:14px;
		line-height:14px;
		display:inline-block;
	}

	#nav ul li a span:nth-of-type(2) {margin-top:0;}


	/* container */
	#container {background-size:12px 13px;}


	/* breadcrumb */
	#breadcrumb {
		padding:16px 0 0;
		font-size:75%;
	}

	#breadcrumb ul {
		width:1024px;
		margin:0 auto;
	}

	#breadcrumb ul li,
	#breadcrumb ul li a {
		height:14px;
		line-height:14px;
	}

	#breadcrumb ul li a img {
		width:14px;
		height:14px;
	}


	/* contents */
	#contents {
		width:1024px;
		margin:0 auto;
		padding:40px 0;
	}


	/* section */
	.section {margin-top:33px;}

	.section p:nth-of-type(1) {margin-top:11px;}


	/* title */
	.title {
		height:44px;
		font-size:150%;
	}

	.title h2 {
		padding-right:60px;
		background-size:44px;
	}

	.title_inner {height:40px;}


	/* sub_title */
	.sub_title {text-align:center;}


	/* footer_contact */
	#footer_contact {
		padding:32px 0 34px;
		background:url(../images/footer_contact/pc.jpg) center top / cover no-repeat;
	}

	#footer_contact p:nth-of-type(1) {font-size:113%;}

	#footer_contact ul {
		width:640px;
		margin:33px auto 0;
		padding:0;
	}

	#footer_contact ul li {border-radius:16px;}

	#footer_contact ul li a {padding:17px 0 18px;}

	#footer_contact ul li a span {
		padding-left:26px;
		background-size:auto 18px;
	}

	#footer_contact p:nth-of-type(2) {margin-top:33px;}

	#footer_contact p:nth-of-type(2) span {display:inline;}


	/* footer */
	#footer {
		width:1024px;
		margin:0 auto;
		padding:33px 0 40px;
	}


	/* exit */
	.exit a {transition:none;}

	.exit a:hover {
		text-decoration:none;
		opacity:1;
	}


	/* sitemap */
	#sitemap {
		margin-top:34px;
		font-size:88%;
	}

	#sitemap ul {justify-content:center;}

	#sitemap ul li {
		width:auto;
		margin:16px 8px 0;
	}

	#sitemap ul li:nth-of-type(-n+8) {margin-top:0;}
	#sitemap ul li:first-of-type {margin-left:0;}
	#sitemap ul li:nth-of-type(8) {margin-right:0;}

	#sitemap ul li a {
		height:16px;
		padding-left:24px;
		line-height:16px;
		background:url(../images/sitemap_bg.png) left center / 16px no-repeat;
	}


	/* copyright */
	.copyright,
	.copyright a {
		height:16px;
		line-height:16px;
	}

	.copyright {margin-top:39px;}

	.copyright a:hover {opacity:1;}


	/* attention */
	.attention {
		padding:16px 24px 18px;
		font-size:113%;
		text-align:center;
		border-radius:16px;
	}


	/* color */
	.blue,
	.pink,
	.green,
	.yellow,
	.purple,
	.orange {
		padding:33px 40px 35px;
		border-width:4px;
		border-radius:16px;
		background-size:12px 13px;
	}

	.white {
		padding:30px 40px 35px;
		border:4px solid #FF70A0;
		border-radius:16px;
	}

	.white_title {
		padding-bottom:9px;
		font-size:125%;
	}


	/* inner */
	.inner_blue,
	.inner_pink,
	.inner_green,
	.inner_yellow,
	.inner_purple,
	.inner_orange {
		padding:9px 16px 10px;
		border-width:4px;
		border-radius:16px;
	}


	/* balloon_title */
	.balloon_title {
		height:56px;
		margin-bottom:20px;
		line-height:16px;
		border-radius:16px;
	}

	.balloon_title:after {
		border-width:10px 10px 0 10px;
		bottom:-10px;
	}

	.blue .balloon_title {border:4px solid #70CFFF;}
	.pink .balloon_title {border:4px solid #FF70A0;}
	.green .balloon_title {border:4px solid #57B816;}
	.yellow .balloon_title {border:4px solid #FFC71F;}
	.purple .balloon_title {border:4px solid #C177E5;}
	.orange .balloon_title {border:4px solid #FFA347;}


	/* link */
	.link span {
		width:640px;
		margin:0 auto;
		border-radius:16px;
	}

	.link span a {padding:17px 0 18px;}

	.link span a span {display:inline;}
}

