@charset "utf-8";

#wrapper{
	position:relative;
	padding-bottom:120rem;
}

@media screen and (max-width:1200px){
	#wrapper{
		padding:0 0.5vw 120rem 0.5vw;
	}
}

#page_title{
	width:100%;
	position:relative;
	background-color:#1C1410;
}

#page_title h2{
	color:#fff;
}

ul.type1{
	width:100%;
	display: flex;
	gap: 30rem;
	margin-top:80rem;
	position:relative;
}

ul.type1 li:nth-child(1){
	width:250rem;
	position:relative;
}

ul.type1 li:nth-child(2){
	width:275rem;
	position:relative;
}

ul.type1 li:nth-child(3){
	width:620rem;
	position:relative;
	font-size: var(--fs-16);
}

ul.type1 li:nth-child(3) span{
	display:block;
	font-size: var(--fs-13);
	color:var(--color-gray);
	line-height:1.8;
	margin-top:20rem;
}

ul.type1 li p.name{
	font-size: var(--fs-22);
	font-weight:500;
}

ul.type1 li .profile{
	color:var(--color-gray);
	margin-bottom:20rem;
}

h3.title{
	width:1200rem;
	display:inline-block;
	font-size: var(--fs-28);
	color:var(--color-title);
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -1rem;
	border-bottom: 3px solid;
  border-image: linear-gradient(to right, #c59512 0%, transparent 10%) 1;
	padding-bottom:15rem;
}

h4.title{
	width:1200rem;
	display:inline-block;
	font-size: var(--fs-40);
	color:var(--color-title);
	font-weight:700;
	border-bottom:1px solid var(--color-light_gray);
	border-image:none;
	margin-top:100rem;
	line-height: 150%;
	letter-spacing: -1rem;
	padding-bottom:15rem;
}

ul.type2 {
	display: flex;
	gap: 30rem;
	padding:30rem 0 0;
}

.pb50{
	padding-bottom:50rem !important;
}

ul.type2 li {
	display: flex;
	flex: 1;
	gap: 30rem;
}

ul.type2 .image {
	flex-shrink: 0;
}

ul.type2 .image img {
	display: block;
	width: 100%;
	height: auto;
}

ul.type2 .img_about {
	width: 380rem;
}

ul.type2 .img_passion {
	width: 410rem;
}

ul.type2 .text {
	flex: 1;
}

ul.type2 .catch{
	font-size: var(--fs-22);
	font-weight:600;
	margin-bottom:20rem;
}

p.txt{
	font-size: var(--fs-16);
}

.m30{
	margin:30rem 0 40rem;
}

/* =========================
   SP
========================= */
@media (max-width: 640px) {

	ul.type2 {
		display: block;
	}

	ul.type2 li {
		display: block;
	}

	ul.type2 li + li {
		margin-top: 30rem;
	}

	ul.type2 .img_about,
	ul.type2 .img_passion {
		width: 100%;
	}

	ul.type2 .text {
		margin-top: 20rem;
	}
}

.word{
	margin-top:30rem;
	background-color:#fff;
	box-sizing:border-box;
	border:1px solid var(--color-orange);
	padding:20rem;
}

.word h5.headline {
  padding-left: 20rem;
  margin: 0 0 20rem;
}

.word p {
	border-bottom:1px solid var(--color-orange);
	padding-bottom:20rem;
	margin-bottom:30rem;
}

.word p:last-child {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}

.img1{
	width:817rem;
	margin:40rem auto 0;
}

.img2{
	width:1119rem;
	margin:40rem auto 0;
}

ul.theater{
	width:100%;
	display: flex;
	gap: 20rem;
	margin:40rem auto 0;
	position:relative;
}

ul.theater li:nth-child(1){
	width:419rem;
	position:relative;
}

ul.theater li:nth-child(2){
	width:761rem;
	position:relative;
}

.img2 span,
ul.theater li span{
	display:block;
	font-size: var(--fs-13);
	color:var(--color-gray);
}

@media screen and (max-width: 767px) {
	ul.type1{
		width:100%;
		display: block;
		gap: 0;
		margin-top:50rem;
		position:relative;
	}

	ul.type1 li:nth-child(1){
		width:100%;
		position:relative;
		margin-bottom:30rem;
	}

	ul.type1 li:nth-child(2){
		width:275rem;
		position:relative;
		margin:0 auto 20rem;
	}

	ul.type1 li:nth-child(3){
		width:100%;
		position:relative;
		font-size: var(--fs-15);
	}

	ul.type1 li p.name{
		font-size: var(--fs-18);
		font-weight:500;
	}

	h3.title{
		width:100%;
		font-size: var(--fs-20);
		color:var(--color-title);
		font-weight: 500;
		line-height: 150%;
		letter-spacing: -1rem;
		border-bottom: 3px solid;
	  border-image: linear-gradient(to right, #c59512 0%, transparent 30%) 1;
		padding-bottom:15rem;
	}

	h4.title{
		width:100%;
		font-size: var(--fs-26);
		line-height:1.2;
		margin-top:70rem;
		letter-spacing: -2rem;
	}

	ul.type2 {
		display: block;
		gap: 0;
		padding:30rem 0 0;
	}

	.pb50{
		padding-bottom:50rem !important;
	}

	ul.type2 li {
		display: block;
		flex: 1;
		gap: 30rem;
	}

	ul.type2 .image {
		flex-shrink: 0;
	}

	ul.type2 .image img {
		display: block;
		width: 100%;
		height: auto;
	}

	ul.type2 .img_about {
		width: 380rem;
	}

	ul.type2 .img_passion {
		width: 410rem;
	}

	ul.type2 .text {
		flex: 1;
	}

	ul.type2 .catch{
		font-size: var(--fs-18);
		letter-spacing:-1rem;
	}

	p.txt{
		font-size: var(--fs-15);
	}

	.m30{
		margin:30rem 0 40rem;
	}

		ul.type2 {
			display: block;
		}

		ul.type2 li {
			display: block;
		}

		ul.type2 li + li {
			margin-top: 30rem;
		}

		ul.type2 .img_about,
		ul.type2 .img_passion {
			width: 100%;
		}

		ul.type2 .text {
			margin-top: 20rem;
		}

	.word{
		border:2px solid var(--color-orange);
	}

	.word h5.headline {
	  padding-left: 20rem;
	  margin: 0 0 20rem;
	}

	.word p {
		border-bottom:1px solid var(--color-orange);
		padding-bottom:20rem;
		margin-bottom:30rem;
	}

	.img1{
		width:100%;
		margin:40rem auto 0;
	}

	.img2{
		width:100%;
		margin:25rem auto 0;
	}

	ul.theater{
		width:100%;
		display: flex;
		gap: 7rem;
		margin:40rem auto 0;
		position:relative;
	}

	ul.theater li:nth-child(1){
		width:120rem;
		position:relative;
	}

	ul.theater li:nth-child(2){
		width:calc(100% - 127rem);
		position:relative;
	}

	.img2 span,
	ul.theater li span{
		line-height:1.4;
	}
}