@charset "shift_jis";
/*-----------------------------------------------
	編集可能なファイルです。
-----------------------------------------------*/
@media screen and (max-width: 780px) {
	h2.cms_h2 {
		color: #000;
	}
	/* staff_list */
	.sp_off {
		display: none !important;
	}
	.staff_list {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
		& a:hover {
			text-decoration: none;
		}
	}
	.sta_li_main_wrap {
		width: 100%;
		background-image: url(../img_cms/sta_li_main_bg.webp);
		background-size: cover;
		background-position: center;
	}
	.sta_li_main_in {
		width: 94%;
		margin: 0 auto;
		padding: 15vw 0;
		position: relative;
	}
	.sta_li_main_in h2 {
		font-size: 8vw;
		color: #fff;
		line-height: 10vw;
		letter-spacing: 1px;
		font-weight: 600;
		margin-bottom: 35px;
	}
	.sta_li_main_in h2 span {
		font-size: 4vw;
		letter-spacing: 4px;
		display: block;
	}
	.sta_li_main_in p {
		font-size: 3.4vw;
		line-height: 6vw;
		letter-spacing: 1px;
		font-weight: 400;
		color: #fff;
		font-family: "Noto Sans JP", 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
	.sta_li_main_in img {
		position: absolute;
		top: 20px;
		right: 0vw;
		width: 30vw;
	}
	.sta_li_noone_wrap {
		width: 100%;
		background-color: #510000;
		background-image: -webkit-radial-gradient(#a4181b, #510000);
		background-image: radial-gradient(#a4181b, #510000);
		position: relative;
		& iframe {
			width: 100%;
			height: 180vw;
		}
	}
	/* .sta_li_noone_wrap::before {
	content: url(../img_cms/li_maku_le.webp);
	position: absolute;
	top: 0;
	left: 0;
}
.sta_li_noone_wrap::after {
	content: url(../img_cms/li_maku_ri.webp);
	position: absolute;
	top: 0;
	right: 0;
} */
	.sta_li_noone_bg {
		background-image: url(../img_cms/li_nostaff_bg.webp);
		background-position: center;
	}
	.sta_li_noone_img {
		margin: 0 auto 10px auto;
		display: block;
		padding: 0px 0 0 0;
		width: 100%;
	}
	/* .sta_li_noone_in_hu {
	width: 920px;
	background-image: url(../img_cms/li_no_huti.webp);
	background-repeat: no-repeat;
	margin: 0 auto;
} */
	.sta_li_noone_in a {
		width: 100%;
		margin: 0 auto;
		background: #921317;
		box-sizing: border-box;
		position: relative;
		padding: 20px 0 70px 0;
		text-decoration: none;
	}
	.sta_li_noone_le {
		width: 84%;
		height: 89vw;
		border: solid 7px transparent;
		border-image: linear-gradient(180deg, #ad882b, #fffab5, #ad882b);
		border-image-slice: 1;
		position: relative;
		margin: 0vw auto 0 auto;
		box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 30%);
	}
	.sta_li_noone_staff_img {
		height: 89vw;
	}
	.sta_li_huti_a {
		position: absolute;
		top: -14px;
		left: -14px;
	}
	.sta_li_huti_b {
		position: absolute;
		top: -14px;
		right: -14px;
	}
	.sta_li_huti_c {
		position: absolute;
		bottom: -14px;
		left: -14px;
	}
	.sta_li_huti_d {
		position: absolute;
		bottom: -14px;
		right: -14px;
	}
	.sta_li_noone_ri {
		width: 94%;
		color: #fff;
		margin: 0 auto;
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
	}
	.sta_li_noone_ri_top {
		display: flex;
		align-items: flex-end;
		margin: 6vw 0 4vw 0px;
		& img {
			object-fit: contain;
			width: 40px;
		}
	}
	.sta_li_no_f {
		font-size: 3.2vw;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 600;
		margin: 0 0 0 15px;
	}
	.sta_li_no_n {
		font-size: 7.8vw;
		letter-spacing: 1px;
		font-weight: 600;
		color: #fff;
		padding-top: 2vw;
		margin: 0 0 0 15px;
		line-height: 1;
	}
	.sta_li_mane {
		padding: 2vw 3vw;
		border: solid 1px #fff;
		border-radius: 5px;
		font-size: 2.4vw;
		margin: 0 0 0 15px;
		color: #fff;
		line-height: 1;
	}
	.sta_li_no_te {
		font-size: 3.4vw;
		line-height: 6vw;
		letter-spacing: 1px;
		font-weight: 400;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0 auto 4vw auto;
		width: 96%;
	}
	.sta_li_no_shi p {
		width: 100%;
		height: 40px;
		background: #5a0607;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 18px;
		letter-spacing: 1px;
		font-weight: 600;
		position: relative;
		margin: 0 auto;
	}
	.sta_li_no_shi p::before {
		content: "";
		background: #6b1013;
		height: calc(tan(30deg)* 50px / 2);
		width: 40px;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
		transform: rotate(90deg);
		position: absolute;
		top: 13px;
		left: -14px;
	}
	.sta_li_no_shi p::after {
		content: "";
		background: #6b1013;
		height: calc(tan(30deg)* 50px / 2);
		width: 40px;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
		transform: rotate(-90deg);
		position: absolute;
		top: 13px;
		right: -14px;
	}
	.sta_li_no_shi {
		& ul {
			display: flex;
			flex-wrap: wrap;
			gap: 5px 10px;
			width: 100%;
			margin: 10px auto 0 auto;
			padding: 0;
			& li {
				padding: 10px 15px;
				border-radius: 20px;
				font-size: 3.4vw;
				color: #fff;
				letter-spacing: 1px;
				line-height: 1;
				font-weight: 600;
				background: #5a0607;
				list-style: none;
			}
		}
	}
	.sta_li_img_a {
		display: none;
	}
	.sta_li_img_b {
		display: none;
	}
	.sta_li_img_c {
		display: none;
	}
	.sta_li_staff_wrap {
		background-image: url(../img_cms/li_no_staff_bg.webp);
	}
	.sta_li_staff_in {
		width: 94%;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.sta_li_staff_in iframe{
		width: 100%;
		height: 1370px;
	}
	.sta_li_pan {
		display: flex;
		column-gap: 30px;
		padding: 40px 0 10px 0;
		position: relative;
		& li:nth-child(1)::before {
			content: ">";
			position: absolute;
			top: 39px;
			left: 23vw;
		}
	}
	.sta_li_sta_con {
		display: flex;
		flex-wrap: wrap;
		row-gap: 30px;
		justify-content: space-between;
		list-style: none;
		margin: 0;
        padding: 0;
		& li {
			width: 48%;
			& a {
				text-decoration: none;
			}
		}
		& img {
			width: 100%;
			height: 250px;
			object-fit: cover;
		}
	}
	.sta_li_sta {
		width: 100%;
		margin: 0px auto 0 auto;
		padding: 10px 0 15px 0;
		text-align: center;
		background: #971517;
		color: #fff;
		position: relative;
		z-index: 99;
	}
	.sta_li_f {
		font-size: 3vw;
		letter-spacing: 1px;
		font-weight: 600;

	}
	.sta_li_n {
		font-size: 5vw;
		letter-spacing: 1px;
		font-weight: 600;
		margin: 5px 0 20px 0;;
		line-height: 1;
		& span {
			display: inline-block;
			padding: 1.6vw;
			border: solid 1px #fff;
			border-radius: 5px;
			font-size: 12px;
			margin: 10px 0 0 0;
		}
	}
	.sta_li_te {
		text-align: left;
		font-size: 2.4vw;
		font-weight: 600;
		letter-spacing: 1px;
		width: 90%;
		margin: 0 auto;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* //staff_list */
	/* staff_shosai */
	.staff_shosai {
		font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
		& a:hover {
			text-decoration: none;
		}
	}
	.sta_sho_main_wrap {
		width: 100%;
		background-color: #760000;
		background-image: -webkit-radial-gradient(#a4181b, #760000);
		background-image: radial-gradient(#a4181b, #760000);
	}
	.sta_sho_main_in {
		width: 96%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		gap: 20px;
		padding: 20px 0 50px 0;
	}
	.main_le {
		& img {
			width: 100%;
			max-height: 450px;
			object-fit: cover;
		}
	}
	.main_ri {
		width: 100%;
		color: #fff;
		position: relative;
		& .text {
			font-size: 3.4vw;
			letter-spacing: 1px;
			line-height: 5.4vw;
			font-weight: 500;
			margin: 20px auto 25px auto;
			width: 96%;
		}
		& .shikaku {
			font-size: 3.5vw;
			letter-spacing: 1px;
			font-weight: 600;
			width: 90%;
			height: 40px;
			background: #5a0607;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			margin: 0 auto;
			&::before {
				content: "";
				background: #870004;
				height: calc(tan(30deg)* 50px / 2);
				width: 40px;
				clip-path: polygon(50% 0, 100% 100%, 0 100%);
				transform: rotate(90deg);
				position: absolute;
				top: 13px;
				left: -14px;
			}
			&::after {
				content: "";
				background: #8b0409;
				height: calc(tan(30deg)* 50px / 2);
				width: 40px;
				clip-path: polygon(50% 0, 100% 100%, 0 100%);
				transform: rotate(-90deg);
				position: absolute;
				top: 13px;
				right: -14px;
			}
		}
		& ul {
			width: 90%;
			display: flex;
			gap: 8px;
			margin: 20px auto 0 auto;
			flex-wrap: wrap;
		}
		& ul li {
			font-size: 3.4vw;
			letter-spacing: 1px;
			font-weight: 600;
			padding: 10px 13px 7px 13px;
			background: #5a0607;
			border-radius: 20px;
		}
	}
	.main_ri_top {
		display: flex;
		align-items: flex-end;
	}
	.sta_li_senchuri {
		display: flex;
		align-items: flex-end;
		column-gap: 1.8vw;
		margin: 20px 0 0 0;
		justify-content: center;
		& img {
			width: 40vw;
		}
		& .count {
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic";
			font-size: 7vw;
			font-weight: 600;
			letter-spacing: 1px;
			color: #fff;
			line-height: 1;
			width: 29vw;
			& span {
				font-size: 13.5vw;
				margin-right: 5px;
				text-align: center;
				font-weight: 600;
			}
		}
		& .about {
			font-size: 2.4vw;
			letter-spacing: 1px;
			font-weight: 600;
			line-height: 1.2;
			text-decoration: underline;
			position: relative;
			&::after {
				content: url(../img_cms/about_info.webp);
				position: absolute;
				bottom: -2px;
				right: -3.8vw;
			}
		}
		& .about:hover .sentyuri_about {
			display: block;
		}
	}
	.sta_li_senchuri_about {
		font-size: 4vw;
		display: block;
		letter-spacing: 1px;
		font-weight: 600;
		line-height: 1.2;
		text-decoration: underline;
		position: relative;
		margin: 10px auto 0 auto;
		text-align: center;
		&::after {
			content: url(../img_cms/about_info.webp);
			position: absolute;
			bottom: -2px;
			right: 20vw;
		}
	}
	.sta_li_senchuri_about:hover .sentyuri_about {
		display: block;
		top: 35px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.sentyuri_about {
		display: none;
		position: absolute;
		width: 90vw;
		box-sizing: border-box;
		background: rgb(255, 255, 255, .95);
		padding: 25px 20px 25px 20px;
		border-radius: 10px;
		&::before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			border-left: 12px solid rgb(255, 255, 255, .85);
			position: absolute;
			border-right: 0;
			top: -14px;
			transform: rotate(-90deg);
		}
		& img {
			position: absolute;
			bottom: -25px;
			right: 10px;
		}
	}
	.sentyuri_about_te {
		position: relative;
		& .tl {
			font-size: 20px;
			color: #9c1619;
			letter-spacing: 1px;
			margin-bottom: 15px;
			font-weight: 600;
			text-align: left;
		}
		& .txt {
			font-size: 12px;
			text-align: left;
			line-height: 20px;
			width: 240px;
			color: #000;
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic";
		}
	}
	.sta_sho_award {
		width: 100%;
		background-image: url(../img_cms/award_bg.webp);
		background-position: center;
		padding: 40px 0;
	}
	.sta_sho_award_in {
		width: 96%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		gap: 20px;
	}
	.award_le {
		display: flex;
		column-gap: 30px;
		width: 100%;
		border-radius: 10px;
		background: rgb(255, 255, 255, .7);
		box-sizing: border-box;
		padding: 20px;
		flex-direction: column;
		& .award_ti {
			width: 100%;
			height: 21vw;
			border-radius: 10px;
			border: solid 1px #710b0d;
			font-size: 5.6vw;
			letter-spacing: 1px;
			color: #710b0d;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			& span {
				font-size: 15px;
				font-weight: 600;
			}
		}
		& .award_te {
			width: 100%;
			font-size: 3.2vw;
			line-height: 24px;
			height: 190px;
			overflow-y: scroll;
			padding: 5px 0;
			margin: 10px 0;
		}
	}
	/* スクロールバーの全体 */
	.award_te::-webkit-scrollbar {
		width: 2vw;
		/* 横幅 */
	}
	/* スクロールバーのトラック部分（背景） */
	.award_te::-webkit-scrollbar-track {
		background: #ccc;
		/* 背景色 */
	}
	/* スクロールバーのつまみ部分 */
	.award_te::-webkit-scrollbar-thumb {
		background: #7a0e10;
		/* 色 */
	}
	/* ホバー時のつまみ部分 */
	.award_te::-webkit-scrollbar-thumb:hover {
		background: #7a0e10;
	}
	.award_ri img {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.sta_sho_private {
		width: 100%;
		background-image: url(../img_cms/li_no_staff_bg.webp);
		border-bottom: solid 1px #710b0d;
	}
	.sta_sho_private_in {
		width: 96%;
		margin: 0 auto;
		& h2 {
			font-size: 20px;
			font-weight: 600;
			color: #710b0d;
			letter-spacing: 2px;
			padding: 30px 0;
			text-align: center;
		}
		& ul {
			display: flex;
			;
			padding-bottom: 45px;
			flex-direction: column;
			align-items: center;
			gap: 4vw;
			& li img {
				width: 380px;
			}
		}
	}
	.sta_sho_comment {
		width: 100%;
		background-image: url(../img_cms/li_no_staff_bg.webp);
		padding: 45px 0 55px 0;
	}
	.sta_sho_comment_in {
		width: 96%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	.sta_sho_comment_le {}
	.sta_sho_comment_ri {
		width: 100%;
		background: #7a0e10;
		color: #fff;
		box-sizing: border-box;
		padding: 7vw 3vw;
		& h2 {
			font-size: 6.6vw;
			line-height: 1;
			margin-bottom: 2.6vw;
			font-weight: 600;
		}
		& p {
			font-size: 3.4vw;
			line-height: 6.2vw;
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic";
		}
	}
	.sta_sho_profile {
		width: 100%;
		background-image: url(../img_cms/profile_bg.webp);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 40px 0 50px 0;
	}
	.sta_sho_profile_in {
		width: 96%;
		margin: 0 auto;
		& h2 img {
			position: relative;
			z-index: 999;
			margin: 0 auto 5px auto;
			display: block;
			width: 75vw;
		}
	}
	.sta_sho_pro_wr {
		width: 100%;
		margin: -30px auto 0 auto;
		padding: 10px 0;
		box-sizing: border-box;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			inset: 0;
			border: 2px solid transparent;
			background: linear-gradient(90deg, rgb(230, 206, 73), rgb(230, 232, 177)) border-box;
			/* // FireFox用 */
			mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
			mask-clip: padding-box, border-box;
			mask-composite: exclude;
			/* // それ以外の主要ブラウザ */
			-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
			-webkit-mask-clip: padding-box, border-box;
			-webkit-mask-composite: destination-out;
		}
	}
	.sta_sho_pro_con {
		width: 96%;
		padding: 7vw 6vw;
		box-sizing: border-box;
		margin: 0 auto;
		background: #7a0e10;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			inset: 0;
			border: 5px solid transparent;
			background: linear-gradient(90deg, rgb(230, 206, 73), rgb(230, 232, 177)) border-box;
			/* // FireFox用 */
			mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
			mask-clip: padding-box, border-box;
			mask-composite: exclude;
			/* // それ以外の主要ブラウザ */
			-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
			-webkit-mask-clip: padding-box, border-box;
			-webkit-mask-composite: destination-out;
		}
		& ul {
			display: flex;
			flex-wrap: wrap;
			row-gap: 5vw;
			justify-content: space-between;
			position: relative;
			& li {
				width: 520px;
				box-sizing: border-box;
				border: solid 2px #c8b577;
				box-shadow: 0px 0px 20px -5px #333;
			}
			& h3 {
				font-size: 4vw;
				color: #5a0607;
				padding: 2vw;
				background: #c8b577;
				line-height: 1;
			}
			& p {
				font-size: 3.6vw;
				line-height: 6.2vw;
				color: #fff;
				padding: 2vw;
				font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic";
			}
			&::before {
				content: "";
				width: 12vw;
				height: 4vw;
				background: linear-gradient(236deg, rgb(230, 206, 73), rgb(230, 232, 177)) border-box;
				clip-path: polygon(31% 100%, 70% 100%, 103% 0%, 0% 0);
				transform: rotate(135deg);
				position: absolute;
				top: -5vw;
				left: -8vw;
			}
			&::after {
				content: "";
				width: 12vw;
				height: 4vw;
				background: linear-gradient(236deg, rgb(230, 206, 73), rgb(230, 232, 177)) border-box;
				clip-path: polygon(30% 100%, 70% 100%, 114% 0%, 0% 0);
				transform: rotate(310deg);
				position: absolute;
				bottom: -5vw;
				right: -8vw;
			}
		}
	}
	.sta_sho_pro_shiro {
		position: absolute;
		bottom: -33vw;
		left: -3vw;
		width: 25vw;
	}
	.sta_sho_pro_shin {
		position: absolute;
		bottom: -34vw;
		right: 0vw;
		width: 30vw;
	}
	.sta_li_staff_in h2 {
		font-size: 7vw;
		color: #5a0607;
		letter-spacing: 2px;
		padding: 7vw 0;
		line-height: 1;
		text-align: center;
	}
	/* --------------------------
	空白があった際に非表示にする
	---------------------------- */
	/* -- センチュリオン -- */
	.sta_li_senchuri:has(.count span:empty) {
		display: none;
	}
	/* -- センチュリオン -- */
	.sta_sho_award:has(.award_te:empty) {
		display: none;
	}
	.sta_sho_pro_con li:has(h3:empty + p:empty) {
		display: none;
	}
	/* /staff_shosai */
}
.form_rec_main {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0;
}