@charset "utf-8";





/* ****************************************************
 * スタッフ紹介
 * ************************************************* */

/* スタッフ
 * ************************************************* */

#staff #staff_photo {
	padding-top: 0;
}
#staff #staff_photo .main_title span.frame {
	display: block;
}
#staff #staff_photo .main_title span.frame span {
	display: inline-block;
	padding: 0 18px;
	position: relative;
}
#staff #staff_photo .main_title span.frame span:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 3px;
	height: 29px;
	border-radius: 3px;
	background: #20BFB2;
	transform: translateY(-50%) rotate(-30deg);
}
#staff #staff_photo .main_title span.frame span:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	width: 3px;
	height: 29px;
	border-radius: 3px;
	background: #20BFB2;
	transform: translateY(-50%) rotate(30deg);
}

#staff #staff_photo ul.staff_photos {
	list-style: none;
	padding: 0;
	margin: -42px 0 0;
	display: flex;
	flex-wrap: wrap;
}
#staff #staff_photo ul.staff_photos li {
	width: calc(100% / 4 - 32px);
	margin: 42px 42px 0 0;
}
#staff #staff_photo ul.staff_photos li:nth-child(4n) {
	margin-right: 0;
}
#staff #staff_photo ul.staff_photos li img {
	border-radius: 12px;
	border: 1px solid #20BFB2;
	box-shadow: 6px 6px 0px 0px rgba(32, 191, 178, 1);
}


/* 研修
 * ***********************************/

#staff #staff_training .staff_training_flex {
	display: flex;
}
#staff #staff_training .staff_training_box {
	display: flex;
	align-items: stretch;
	position: relative;
	background: #E4FAF8;
}
#staff #staff_training .staff_training_img {
	width: 40%;
}
#staff #staff_training .staff_training_img img {
	display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#staff #staff_training .staff_training_main {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#staff #staff_training .staff_training_main .staff_training_txtarea {
	display: flex;
    align-items: center;
	position: relative;
	max-width: 1140px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_txt {
	width: 60%;
    max-width: 720px;
	margin-left: auto;
	font-weight: bold;
}
#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_title {
	text-align: left;
	line-height: 1.6;
	margin-bottom: 30px;
}


/* 写真スライダー
 * ***********************************/

#staff .work-photos {
	margin-top: 90px;
}


/* 矢印 */
#staff .work-photos .work-splide .splide__arrow {
	background: #8CC11F;
	min-width: auto;
	opacity: 1;
}
#staff .work-photos .work-splide .splide__arrow--prev {
	left: -1em;
}
#staff .work-photos .work-splide .splide__arrow--next {
	right: -1em;
}
#staff .work-photos .work-splide .splide__arrow svg {
	fill: #FFFFFF;
}
/* 矢印ここまで */


@media screen and (max-width: 1194px) {
	
	/*研修*/
	#staff #staff_training .staff_training_img {
		width: 50%;
		min-height: 480px;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea {
		max-width: 100%;
		padding: 0 60px;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_txt {
		width: 45%;
	}
}
@media screen and (max-width: 768px) {
	#staff .work_photo {
		margin-top: 75px;
	}
	#staff #staff_training .staff_training_main {
		position: static;
		margin-top: -45px;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea {
		padding: 0 45px;
	}
	#staff #staff_training .staff_training_box {
		flex-direction: column;
	}
	#staff #staff_training .staff_training_img,
	#staff #staff_training .staff_training_img img {
		width: 100%;
		min-height: 100%;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_txt {
		width: 100%;
		background: #FFF;
		padding: 45px;
	}
}
@media screen and (max-width: 559px) {
	#staff #staff_photo ul.staff_photos li {
		width: calc(100% / 3 - 18px);
		margin: 18px 18px 0 0;
	}
	#staff #staff_photo ul.staff_photos li:nth-child(3n) {
		margin-right: 0;
	}
	#staff #staff_photo ul.staff_photos li:nth-child(4n) {
		margin-right: 18px;
	}

	
	#staff #staff_training .staff_training_img img {
		width: 90%;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea {
		padding: 0 30px;
	}
	#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_txt {
		background: #E4FAF8;
		padding: 30px;
	}
	
	
	#staff .work-photos {
		margin-top: 60px;
	}
	/* 矢印 */
	#staff .work-photos .work-splide .splide__arrow {
		width: 30px;
		height: 30px;
	}
	#staff .work-photos .work-splide .splide__arrow--prev {
		left: -1em;
	}
	#staff .work-photos .work-splide .splide__arrow--next {
		right: -1em;
	}
	#staff .work-photos .work-splide .splide__arrow svg {
		width: .7em;
		height: .7em;
	}
	/* 矢印ここまで */
}
@media screen and (max-width: 430px) {
	#staff #staff_training .staff_training_main .staff_training_txtarea .staff_training_txt {
		padding: 20px;
	}
}
@media screen and (max-width: 380px) {
	#staff #staff_training .staff_training_img img {
		width: 100%;
	}
}
@media screen and (max-width: 320px) {

}


/* ****************************************************
 * よくある質問
 * ************************************************* */

/* タブ */
#faq .tabs {
	    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	gap: 18px;
}
#faq .tabs .tab_item {
	display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 3 - 30px);
    max-width: 340px;
    height: 100%;
    border-radius: 4px;
    padding: 24px;
    line-height: 1;
    font-weight: bold;
    color: #565656;
    background: #ededed;
    text-align: center;
    transition: all .3s ease;
}
#faq .tabs .tab_item span {
	font-size: .82em;
}
#faq .tabs .tab_item:hover {
	opacity: 0.7;
	cursor: pointer;
}
#faq .tabs input[name="tab_item"] {
	display: none;
}
#faq .tabs input#tab01:checked~label#tab01_nav,
#faq .tabs input#tab02:checked~label#tab02_nav,
#faq .tabs input#tab03:checked~label#tab03_nav {
	background: #20BFB2;
	color: #FFF;
}

/* タブコンテンツ */
#faq .tabs .tab_content {
	display: none;
	width: 100%;
	padding: 0;
	margin-top: 90px;

}
#faq #tab01:checked~#tab01_content,
#faq #tab02:checked~#tab02_content,
#faq #tab03:checked~#tab03_content {
	display: block;
	animation: show1 .7s linear 0s;
}
@keyframes show1 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
#faq #tab01_content,
#faq #tab02_content,
#faq #tab03_content {
	background: #FFF;
}
#faq dl {
	margin-top: 45px;
}
#faq dl dt {
	display: flex;
	padding: 0;
	background: #E4FAF8;
	font-weight: 600;
	line-height: 1.4;
}
#faq dl dt span.markQ {
	display: flex;
    align-items: center;
	background: #20BFB2;
    color: #FFF;
    padding: 12px;
	font-family: "Outfit", sans-serif;
}
#faq dl dt span.question {
	display: inline-block;
	padding: 12px;
	    font-family: "Outfit", sans-serif;
}
#faq dl dd {
	padding: 30px 30px 30px 54px;
}
#faq dl dd a {
	display: inline-block;
	border-bottom: 1px solid;
}
#faq dl dd ul {}
#faq dl dd ul li {
	line-height: 1.4;
}
#faq dl dd ul li:not(:first-child) {
	margin-top: 12px;
}
#faq img.pay {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 1194px) {
	#faq .tabs .tab_item {
		flex-direction: column;
	}
	#faq .tabs .tab_item span {
		display: block;
		margin-top: 6px;
	}
}
@media screen and (max-width: 768px) {
	#faq .tabs .tab_item {
		font-size: .9em;
	}
	#faq dl dt {
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 559px) {
	#faq .tabs {
		flex-direction: column;
		gap: 12px;
	}
	#faq .tabs .tab_item {
		width: 100%;
		max-width: 100%;
		flex-direction: row;
		font-size: 1em;
	}
	#faq .tabs .tab_item span {
		margin: 0;
		font-size: 1em;
	}
	#faq dl {
		margin-top: 30px;
	}
	#faq dl dt {
		font-size: 1rem;
	}
	#faq dl dd {
		padding: 18px 0 0;
	}
	#faq dl dt:before {
		width: 2em;
	}
	
}
@media screen and (max-width: 430px) {
	
}


/* ****************************************************
 * 404 エラー
 * ************************************************* */

#error {
	
}
#error .error-box {
	text-align: center;
	font-family: "ms-mincho", sans-serif;
    font-weight: 400;
    font-weight: normal;
    margin-left: auto;
}




/* ****************************************************
 * プライバシーポリシー
 * ************************************************* */

#privacy-policy .privacy-policy-block:not(:first-child) {
	margin-top: 60px;
}
#privacy-policy .privacy-policy-title {
	text-align: left;
    font-size: 1.4rem;
	font-weight: 600;
	margin: 18px 0;
	padding-bottom: 12px;
    border-bottom: 1px solid #ededed;
}
#privacy-policy .privacy-policy-subtitle {
	text-align: left;
    font-size: 1.1rem;
	font-weight: 600;
	margin: 18px 0;
}
#privacy-policy .privacy-policy-block div {
	
}
#privacy-policy .privacy-policy-block ul {
	list-style: disc;
	margin: 0 0 0 2em;
	padding: 0;
}
#privacy-policy .privacy-policy-block ul li {
	line-height: 1.4;
	margin-top: 12px;
}
#privacy-policy .privacy-policy-block ul li:first-child {
	margin-top: 0;
}

@media screen and (max-width: 559px) {
	#privacy-policy .privacy-policy-title {
		font-size: 1.2rem;
	}
	#privacy-policy .privacy-policy-subtitle {
		font-size: 1rem;
	}
}


/* ****************************************************
 * サイトマップ
 * ************************************************* */

#sitemap .sitemap-block:not(:first-child) {
	margin-top: 60px;
}
#sitemap ul.sitemap-items {
	
}
#sitemap ul.sitemap-items li {
	line-height: 1.4;
}
#sitemap ul.sitemap-items li:not(:first-child) {
	margin-top: 18px;
}
#sitemap ul.sitemap-items li a {
	color: #222;
	font-weight: 600;
}
#sitemap ul.sitemap-items li a:hover {
	opacity: 1;
	color: #20BFB2;
}
#sitemap ul.sitemap-subitems {
	margin-top: 18px;
}