@charset "UTF-8";
/* staff.css
========================================*/
#main {
	/* ==========================
  	default style
  ============================= */
	/* font reset */
	/* HTML5 */
	/* ==========================
  	project style
  ============================= */
}
#main body, #main div, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main form, #main fieldset, #main legend, #main input, #main textarea, #main p, #main blockquote, #main th, #main td {
	margin:0;
	padding:0;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main em, #main address, #main small {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}
#main table {
	border-collapse:collapse;
	border-spacing:0;
}
#main th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
#main ul, #main ol, #main li {
	list-style-type:none;
}
#main img {
	border:0;
	vertical-align:bottom;
	max-width:100%;
}
#main a img {
	vertical-align:middle;
}
#main a {
	display:inline-block;
	text-decoration:none;
}
#main strong {
	font-size:100%;
	font-style:normal;
	font-weight:bold;
}
#main button, #main input[type=submit] {
	background:none;
	border:0;
	padding:0;
}
#main input[type=text], #main input[type=email], #main input[type=tel], #main textarea {
	border-radius:0;
	outline:none;
}
#main input[type=radio], #main input[type=checkbox] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display:none;
}
#main select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
}
#main * {
	box-sizing:border-box;
}
#main body {
	font-family:sans-serif;
	line-height:1;
}
#main input, #main button, #main textarea, #main select {
	color:inherit;
	font:inherit;
}
#main article, #main aside, #main figure, #main figcaption, #main footer, #main header, #main nav, #main section, #main main, #main picture {
	display:block;
	margin:0;
	padding:0;
}
#main .p-title {
	color:#f87e3d;
	letter-spacing:.05em;
}
@media print, screen and (min-width: 769px) {
	#main .p-title {
		font-size:1.2222222222rem;
		margin-bottom:40px;
	}
}
@media screen and (max-width: 768px) {
	#main .p-title {
		font-size:3.6111111111vw;
		margin-bottom:4.1666666667vw;
	}
}

/* ==========================
	base style
============================= */
#main {
	color:#191919;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:400;
	letter-spacing:.03rem;
}
@media screen and (max-width: 768px) {
	#main {
		font-size:3.3333333333vw;
		-webkit-text-size-adjust:100%;
		line-height:1.7;
		width:100vw;
	}
}
@media print, screen and (min-width: 769px) {
	#main {
		font-size:18px;
		line-height:1.6;
		min-width:1200px;
	}
}
#main a {
	color:#191919;
}

@media screen and (max-width: 768px) {
	.pconly {
		display:none;
	}
}
@media print, screen and (min-width: 769px) {
	.sponly {
		display:none;
	}
}
/* contents
========================================*/
#main {
	color:#191919;
	font-family:"Noto Sans JP", sans-serif;
	/*** 一覧ページ ***/
	/*** 詳細ページ ***/
}
#main .index-ttl>h2 {
	font-family:"Oswald", sans-serif;
	letter-spacing:.1em;
	text-align:center;
}
#main .index-ttl:after {
	background-color:#444;
	content:"";
	display:table;
	margin:0 auto;
	height:2px;
}
@media print, screen and (min-width: 769px) {
	#main .index-ttl {
		margin-bottom:100px;
		padding-top:80px;
	}
	#main .index-ttl>h2 {
		font-size:42px;
	}
	#main .index-ttl:after {
		margin-top:60px;
		width:400px;
	}
}
@media screen and (max-width: 768px) {
	#main .index-ttl {
		margin-bottom:13.8888888889vw;
		padding-top:11.1111111111vw;
	}
	#main .index-ttl>h2 {
		font-size:6.6666666667vw;
	}
	#main .index-ttl:after {
		margin-top:8.3333333333vw;
		width:55.5555555556vw;
	}
}
@media print, screen and (min-width: 769px) {
	#main .index-sec {
		margin-bottom:80px;
	}
}
@media screen and (max-width: 768px) {
	#main .index-sec {
		margin-bottom:11.1111111111vw;
	}
}
#main .index-sec .-title>h3 {
	color:#beaf87;
	font-family:"Oswald", sans-serif;
	letter-spacing:.05em;
	text-align:center;
}
#main .index-sec .-title>p {
	color:#444;
	font-weight:700;
	text-align:center;
}
#main .index-sec .-title:after {
	background-color:#beaf87;
	content:"";
	display:table;
	margin:0 auto;
	height:2px;
}
@media print, screen and (min-width: 769px) {
	#main .index-sec .-title {
		margin-bottom:80px;
	}
	#main .index-sec .-title>h3 {
		font-size:32px;
		margin-bottom:10px;
	}
	#main .index-sec .-title>p {
		font-size:16px;
	}
	#main .index-sec .-title:after {
		margin-top:40px;
		width:200px;
	}
}
@media screen and (max-width: 768px) {
	#main .index-sec .-title {
		margin-bottom:11.1111111111vw;
	}
	#main .index-sec .-title>h3 {
		font-size:5.5555555556vw;
		margin-bottom:1.3888888889vw;
	}
	#main .index-sec .-title>p {
		font-size:3.8888888889vw;
	}
	#main .index-sec .-title:after {
		margin-top:5.5555555556vw;
		width:27.7777777778vw;
	}
}
#main .index-sec .-list {
	display:flex;
	flex-wrap:wrap;
}
#main .index-sec .-list>li>figure {
	text-align:center;
}
#main .index-sec .-list>li>figure ._on {
	display:none;
}
#main .index-sec .-list>li>figure:hover img {
	display:none;
}
#main .index-sec .-list>li>figure:hover img._on {
	display:inline-block;
}
#main .index-sec .-list>li>dl>dt {
	font-family:"Oswald", sans-serif;
	letter-spacing:.1em;
	text-align:center;
}
#main .index-sec .-list>li>dl>dd {
	color:#beaf87;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .index-sec .-list {
		margin-left:auto;
		margin-right:auto;
		width:1200px;
		width:1240px;
	}
	#main .index-sec .-list>li {
		margin-right:10px;
		margin-bottom:80px;
		width:240px;
	}
	#main .index-sec .-list>li:nth-of-type(5n) {
		margin-right:0;
	}
	#main .index-sec .-list>li>figure {
		margin:0 auto 30px;
		width:200px;
	}
	#main .index-sec .-list>li>dl>dd {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	#main .index-sec .-list {
		justify-content:space-between;
		padding:0 5.5555555556vw;
	}
	#main .index-sec .-list>li {
		margin-bottom:8.3333333333vw;
		width:41.6666666667vw;
	}
	#main .index-sec .-list>li>figure {
		margin:0 auto 4.1666666667vw;
		width:33.3333333333vw;
	}
	#main .index-sec .-list>li>dl>dt {
		font-size:3.6111111111vw;
	}
	#main .index-sec .-list>li>dl>dd {
		font-size:3.3333333333vw;
	}
}
#main .mainvisual {
	position:relative;
}
@media print, screen and (min-width: 769px) {
	#main .mainvisual {
		margin-bottom:80px;
	}
}
@media screen and (max-width: 768px) {
	#main .mainvisual {
		margin-bottom:11.1111111111vw;
	}
}
#main .mainvisual .-sub {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:absolute;
}
@media print, screen and (min-width: 769px) {
	#main .mainvisual .-sub {
		top:40px;
		left:calc(50% - 20px);
		width:618px;
	}
	#main .mainvisual .-sub>li {
		margin-bottom:25px;
	}
}
@media screen and (max-width: 768px) {
	#main .mainvisual .-sub {
		top:2.7777777778vw;
		left:calc(50% - 4.1666666667vw);
		width:47.2222222222vw;
	}
	#main .mainvisual .-sub>li {
		margin-bottom:1.6666666667vw;
		width:22.7777777778vw;
	}
}
@media print, screen and (min-width: 769px) {
	#main .mainvisual .-main>img {
		object-fit:cover;
		height:720px;
		width:100%;
	}
}
@media screen and (max-width: 768px) {
	#main .mainvisual .-main>img {
		object-fit:cover;
		height:52.7777777778vw;
		width:100%;
	}
}
#main .staff-header:after {
	background-color:#beaf87;
	content:"";
	display:table;
	margin:0 auto;
	height:2px;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header {
		margin-bottom:60px;
	}
	#main .staff-header:after {
		margin-top:60px;
		width:200px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header {
		margin-bottom:8.3333333333vw;
	}
	#main .staff-header:after {
		margin-top:8.3333333333vw;
		width:27.7777777778vw;
	}
}
#main .staff-header .-engname {
	color:#beaf87;
	font-family:"Oswald", sans-serif;
	letter-spacing:.05em;
	margin-bottom:.7em;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header .-engname {
		font-size:24px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header .-engname {
		font-size:4.4444444444vw;
	}
}
#main .staff-header .-namettl {
	font-weight:700;
	letter-spacing:.15em;
	margin-bottom:.5em;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header .-namettl {
		font-size:42px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header .-namettl {
		font-size:7.7777777778vw;
	}
}
#main .staff-header .-job {
	font-weight:700;
	letter-spacing:.1em;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header .-job {
		font-size:24px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header .-job {
		font-size:4.4444444444vw;
	}
}
#main .staff-header .certi-dl {
	display:table;
	margin:0 auto;
}
#main .staff-header .certi-dl>dt {
	letter-spacing:.1em;
	margin-bottom:1em;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header .certi-dl {
		margin-top:60px;
	}
	#main .staff-header .certi-dl>dt {
		font-size:22px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header .certi-dl {
		margin-top:8.3333333333vw;
	}
	#main .staff-header .certi-dl>dt {
		font-size:4.4444444444vw;
	}
}
#main .staff-header .certi-dl .-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#main .staff-header .certi-dl .-list>li {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	background-image:linear-gradient(240deg, #cc5d1e 0%, #ea915e 100%);
	border:1px solid #ce6022;
	color:#fff;
	font-weight:500;
	line-height:1.2;
	padding:.3em .5em;
	text-align:center;
	text-shadow:1px 1px 2px #b54402;
}
@media print, screen and (min-width: 769px) {
	#main .staff-header .certi-dl .-list {
		width:560px;
	}
	#main .staff-header .certi-dl .-list>li {
		border-radius:22px;
		font-size:20px;
		margin:0 5px 10px;
		width:270px;
	}
}
@media screen and (max-width: 768px) {
	#main .staff-header .certi-dl .-list {
		width:97.2222222222vw;
	}
	#main .staff-header .certi-dl .-list>li {
		border-radius:3.4722222222vw;
		font-size:3.4722222222vw;
		margin:0 .6944444444vw 1.3888888889vw;
		width:46.5277777778vw;
	}
}
@media print, screen and (min-width: 769px) {
	#main .cont-sec {
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		margin-bottom:80px;
		width:900px;
	}
}
@media screen and (max-width: 768px) {
	#main .cont-sec {
		margin-bottom:11.1111111111vw;
		padding:0 4.1666666667vw;
	}
}
#main .cont-sec .-title>h3 {
	font-weight:700;
	letter-spacing:.1em;
	margin-bottom:.1em;
}
#main .cont-sec .-title-eng {
	color:#beaf87;
	font-family:"Oswald", sans-serif;
	letter-spacing:.05em;
}
@media print, screen and (min-width: 769px) {
	#main .cont-sec .-title {
		margin-bottom:60px;
	}
	#main .cont-sec .-title>h3 {
		font-size:28px;
		letter-spacing:.15em;
	}
	#main .cont-sec .-title-eng {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	#main .cont-sec .-title {
		margin-bottom:8.3333333333vw;
	}
	#main .cont-sec .-title>h3 {
		font-size:5vw;
	}
	#main .cont-sec .-title-eng {
		font-size:3.8888888889vw;
	}
}
#main .cont-sec .-text>p {
	line-height:1.6;
	margin-bottom:1.5em;
}
@media print, screen and (min-width: 769px) {
	#main .cont-sec .-text {
		padding-left:80px;
	}
	#main .cont-sec .-text>p {
		font-size:16px;
	}
}
@media screen and (max-width: 768px) {
	#main .cont-sec .-text {
		padding-left:1em;
	}
	#main .cont-sec .-text>p {
		font-size:3.3333333333vw;
	}
}
#main .cont-sec .-aboutlist>li {
	margin-bottom:1em;
}
#main .cont-sec .-aboutlist>li>dl>dt {
	background-color:rgba(180, 159, 115, .5);
	font-weight:700;
	letter-spacing:.05em;
	padding:.6em 2em;
}
#main .cont-sec .-aboutlist>li>dl>dd {
	background-color:rgba(180, 159, 115, .25);
	padding:.7em 2.5em;
}
@media print, screen and (min-width: 769px) {
	#main .cont-sec .-aboutlist {
		margin:0 -90px 0 -50px;
	}
	#main .cont-sec .-aboutlist>li>dl {
		display:flex;
		flex-wrap:wrap;
	}
	#main .cont-sec .-aboutlist>li>dl>dt {
		width:350px;
	}
	#main .cont-sec .-aboutlist>li>dl>dd {
		flex:1;
		font-size:16px;
	}
}
@media screen and (max-width: 768px) {
	#main .cont-sec .-aboutlist>li>dl>dt {
		font-size:3.8888888889vw;
		padding:.6em 1.5em;
	}
	#main .cont-sec .-aboutlist>li>dl>dd {
		font-size:3.3333333333vw;
		padding:.7em 2em;
	}
}
#main article:after {
	background-color:#444;
	content:"";
	display:table;
	margin:0 auto;
	height:2px;
}
@media print, screen and (min-width: 769px) {
	#main article {
		margin-bottom:80px;
	}
	#main article:after {
		margin-top:80px;
		width:200px;
	}
}
@media screen and (max-width: 768px) {
	#main article {
		margin-bottom:11.1111111111vw;
	}
	#main article:after {
		margin-top:11.1111111111vw;
		width:27.7777777778vw;
	}
}
#main article .-button {
	background-color:#444;
	color:#fff;
	display:block;
	font-weight:700;
	letter-spacing:.1em;
	position:relative;
	text-align:center;
}
#main article .-button:after {
	background-color:#fff;
	border-radius:50%;
	color:#444;
	content:"＞";
	display:block;
	position:absolute;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main article .-button {
		border-radius:15px;
		font-size:20px;
		margin:100px auto 0;
		padding:10px 40px 10px 10px;
		width:300px;
		transition:.3s ease;
	}
	#main article .-button:hover {
		opacity:.7;
	}
	#main article .-button:after {
		font-size:11px;
		padding:.25em .7em;
		top:calc(50% - 11px);
		right:40px;
		height:24px;
		width:24px;
	}
}
@media screen and (max-width: 768px) {
	#main article .-button {
		border-radius:4.1666666667vw;
		font-size:4.1666666667vw;
		margin:13.8888888889vw auto 0;
		padding:2.0833333333vw 6.9444444444vw 2.0833333333vw 1.3888888889vw;
		width:63.8888888889vw;
	}
	#main article .-button:after {
		font-size:2.7777777778vw;
		padding:.05em .5em;
		top:calc(50% - 2.2222222222vw);
		right:8.3333333333vw;
		height:5vw;
		width:5vw;
	}
}
#main .more-sec>h2 {
	color:#beaf87;
	font-family:"Oswald", sans-serif;
	letter-spacing:.05em;
	text-align:center;
}
@media print, screen and (min-width: 769px) {
	#main .more-sec {
		margin-bottom:80px;
	}
	#main .more-sec>h2 {
		font-size:28px;
		margin-bottom:60px;
	}
}
@media screen and (max-width: 768px) {
	#main .more-sec {
		margin-bottom:11.1111111111vw;
	}
	#main .more-sec>h2 {
		font-size:5.5555555556vw;
		margin-bottom:8.3333333333vw;
	}
}
@media print, screen and (min-width: 769px) {
	#main .more-slider .-thumb {
		margin:0 30px;
		width:150px;
	}
	#main .more-slider .-thumb>a {
		transition:.3s ease;
	}
	#main .more-slider .-thumb>a:hover {
		opacity:.7;
	}
}
@media screen and (max-width: 768px) {
	#main .more-slider .-thumb {
		margin:0 2.7777777778vw;
		width:19.4444444444vw;
	}
}
#main .slick-slider {
	position:relative;
}
#main .slick-arrow {
	background-color:#fff;
	border-radius:50%;
	position:absolute;
	z-index:100;
}
#main .slick-arrow._prev {
	transform:rotate(-180deg);
}
@media print, screen and (min-width: 769px) {
	#main .slick-arrow {
		top:50px;
		height:50px;
		width:50px;
	}
	#main .slick-arrow._prev {
		left:calc(50% - 550px);
	}
	#main .slick-arrow._next {
		right:calc(50% - 550px);
	}
}
@media screen and (max-width: 768px) {
	#main .slick-arrow {
		top:4.8611111111vw;
		height:9.7222222222vw;
		width:9.7222222222vw;
	}
	#main .slick-arrow._prev {
		left:4.1666666667vw;
	}
	#main .slick-arrow._next {
		right:4.1666666667vw;
	}
}