@charset "UTF-8";

header {
	
	position: relative;
	width:  100%;
	height: 20.4rem;
	background-image: url('../img/header_bg.webp');
	background-size: cover;
	background-position: center center;
	border-bottom: 1rem solid #333;
	box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

}

header h1 {
	
	width: 100%;
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-style: normal;
  font-weight: 900;
	font-size: 3.6rem;
	letter-spacing: 0.06em;

}

header h1 span {
	
	display: inline-block;
	margin-left: 0.1em;
	letter-spacing: 0.16em;

}

header h1 img {
	
	width: 8.9rem;
	margin-right: 2.5rem;

}

header h1 a {

	color: #fff;

}

#company {
	
	padding-top:    12rem;
	padding-bottom: 29rem;
	background-image: url('../img/company_bg.webp');
	background-size: cover;
	background-position: center center;
	overflow-x: hidden;

}

#company .about {

	margin-bottom: 20.1rem;
	text-align: center;
	font-family: poiret-one, sans-serif;
	font-size: 3rem;
	font-style: normal;
  font-weight: 700;
 	letter-spacing: 0.25em;
 	transform: translateX(0.1em);

}

#company .about img {

	display: block;
	width: 4.5rem;
	margin: 0 auto;
	margin-top: 0.2rem;

}

#company .inner {

	width: 116rem;

}

#company h2 {
	
	position: relative;
	margin-bottom: 8.9rem;
	text-align: right;
	font-size: 2.4rem;
	line-height: 1.5;
	color: #010101;
	letter-spacing: 0.65em;

}

#company h2:after {

	position: absolute;
	right:  0;
	bottom: -0.5rem;
	content: "";
	width: 102%;
	height: 0.2rem;
	background: #010101;

}

#company h2 .block {
	
	display: inline-block;
	margin-right: 0.4em;
	padding: 0 0.2em;
	line-height: 1.4;
	color: #fff;
	background: #000;
	letter-spacing: 0;

}

#company h2 .en {

	display: block;
	font-family: din-2014, sans-serif;
	font-style: normal;
  font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: 0.55em;

}

#company h2 .last {

	letter-spacing: 0;

}

#company table {

	width: 98rem;
	margin: 0 auto;
	border-collapse: collapse;

}

#company table tr th, #company table tr td {
	
	padding: 1rem 0;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.8;
	color: #000;
	letter-spacing: 0.56em;

}

#company table tr th {
	
	width: 33.2rem;
	text-align: left;
	vertical-align: top;
	font-weight: 600;
	letter-spacing: 0.6em;

}

#company .space1 {

	padding-bottom: 0;

}

#company .space2 {

	padding-top: 0;

}

#company table a {

	color: #000;

}

#member {
	
	position: relative;
	padding-top: 6rem;
	background: #B8B8B8;

}

#member .inner {

	width: 116rem;

}

#member h2 {
	
	position: relative;
	margin-bottom: 10.6rem;
	text-align: right;
	font-size: 3rem;
	line-height: 1.45;
	color: #010101;
	letter-spacing: 0.65em;

}

#member h2:after {

	position: absolute;
	right:  0;
	bottom: -0.3rem;
	content: "";
	width: 102%;
	height: 0.2rem;
	background: #010101;

}

#member h2 .block {
	
	display: inline-block;
	margin-right: 0.4em;
	padding: 0 0.2em;
	line-height: 1.4;
	color: #fff;
	background: #000;
	letter-spacing: 0;

}

#member h2 .en {

	display: block;
	font-family: din-2014, sans-serif;
	font-style: normal;
  font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.6em;

}

#member h2 .last {

	letter-spacing: 0;

}

#member .box {
	
	margin-bottom: 22rem;

}

#member .box2 {

	margin-bottom: 21rem;

}

#member .box .img {
	
	opacity: 0;
	width: 77rem;
	margin: 0 auto;
	margin-bottom: 8rem;
	transform: translateY(6rem);

}

#member .box .img.active {

	opacity: 1;
	transform: translateY(0);
	transition: all 0.4s;

}

#member .box p {

  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	color: #000;
	letter-spacing: 0.64em;

}

#member .arrow_member {

	position: absolute;
	top:   4.6%;
	right: 5rem;
	width: 4rem;

}

#member .bg {

	height: 59.9rem;
	background-image: url('../img/bill.webp');
	background-size: cover;
	background-position: center center;

}


@media only screen and (max-width: 1820px) {



}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


@media only screen and (max-width: 1670px) {



}


@media only screen and (max-width: 1620px) {



}


@media only screen and (max-width: 1570px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


@media only screen and (max-width: 1440px) {



}


@media only screen and (max-width: 1400px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


@media only screen and (max-width: 1320px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}

@media only screen and (max-width: 1240px) {



}


@media only screen and (max-width: 1200px) {



}


/* iPad Pro11の横 */
@media only screen and (max-width: 1194px) {



}


/* iPad 5th Airの横 */
@media only screen and (max-width: 1180px) {



}


/* iPad 6th Miniの横 */
@media only screen and (max-width: 1133px) {



}


@media only screen and (max-width: 1100px) {



}


/* iPad 9thの横 */
@media only screen and (max-width: 1080px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {



}


@media only screen and (max-width: 950px) {
	
	.pc_break {
	
		display: none;
	
	}
	
	header {
		
		padding-top: 5rem;
		height: 28rem;
		background-image: url('../img/header_bg.webp');
		background-position: center center;
		border-bottom: 1rem solid #333;
		box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

	}

	header h1 {
		
		font-size: 6rem;
		letter-spacing: 0.06em;

	}

	header h1 span {
		
		margin-left: 0.1em;
		letter-spacing: 0.16em;

	}

	header h1 img {
		
		width: 13rem;
		margin-right: 3rem;

	}

	#company {
		
		padding-top:    18rem;
		padding-bottom: 18rem;
		background-image: url('../img/company_bg.webp');
		background-position: center center;

	}

	#company .about {

		margin-bottom: 24rem;
		font-size: 6rem;
	 	letter-spacing: 0.25em;
	 	transform: translateX(0);

	}

	#company .about img {

		width: 8rem;
		margin-top: 0.4rem;

	}

	#company .inner {

		width: 92%;

	}

	#company h2 {
		
		margin-bottom: 16rem;
		font-size: 9.6rem;
		line-height: 1.5;
		letter-spacing: 0.65em;

	}

	#company h2:after {

		right:  0;
		bottom: -0.5rem;
		width: 102%;
		height: 0.4rem;

	}

	#company h2 .block {
		
		margin-right: 0.4em;
		padding: 0 0.2em;
		line-height: 1.4;

	}

	#company h2 .en {

		font-size: 4.4rem;
		letter-spacing: 0.55em;

	}

	#company table {

		width: 75%;

	}

	#company table tr th, #company table tr td {
		
		padding: 2rem 0;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#company table tr th {
		
		width: 20%;
		letter-spacing: 0.2em;

	}

	#member {
		
		padding-top: 18rem;

	}

	#member .inner {

		width: 92%;

	}

	#member h2 {
		
		margin-bottom: 16rem;
		font-size: 9.6rem;
		line-height: 1.45;
		letter-spacing: 0.65em;

	}

	#member h2:after {

		right:  0;
		bottom: -0.3rem;
		width: 102%;
		height: 0.2rem;

	}

	#member h2 .block {
		
		margin-right: 0.4em;
		padding: 0 0.2em;
		line-height: 1.4;

	}

	#member h2 .en {

		font-size: 4.4rem;
		letter-spacing: 0.6em;

	}

	#member .box {
		
		margin-bottom: 22rem;

	}

	#member .box2 {

		margin-bottom: 21rem;

	}

	#member .box .img {

		width: 60%;
		margin-bottom: 9rem;

	}

	#member .box p {

	  width: 80%;
		font-size: 3.6rem;
		line-height: 2;
		letter-spacing: 0.08em;

	}

	#member .arrow_member {

		top:   22%;
		right: 5rem;
		width: 6rem;

	}

	#member .bg {

		height: 70rem;
		background-image: url('../img/bill.webp');
		background-position: center center;

	}

}


/* iPhone14 ProMaxの横 */
@media only screen and (max-width: 932px) {


	
}


/* XRの横 */
@media only screen and (max-width: 896px) {


	
}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPhone14 Proの横 */
@media only screen and (max-width: 852px) {



}


/* iPhone14の横*/
@media only screen and (max-width: 844px) {



}


/* iPad Pro11 */
@media only screen and (max-width: 834px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPhone13 miniの横 */
@media only screen and (max-width: 812px) {



}


/* iPad 9th */
@media only screen and (max-width: 810px) {



}


/* iPad */
@media only screen and (max-width: 768px) {


}


/* iPad 6th Mini */
@media only screen and (max-width: 744px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	header {
		
		padding-top: 8rem;
		height: 28rem;
		background-image: url('../img/header_bg.webp');
		background-position: center center;
		box-shadow: 0 1rem 1rem rgba(0,0,0, 0.2);

	}

	header h1 {
		
		font-size: 8rem;
		letter-spacing: 0.06em;

	}

	header h1 span {
		
		margin-left: 0.1em;
		letter-spacing: 0.12em;

	}

	header h1 img {
		
		width: 19rem;
		margin-right: 4rem;

	}
	
	#company {
		
		padding-top:    18rem;
		padding-bottom: 20rem;
		background-image: url('../img/company_bg.webp');
		background-position: center center;

	}

	#company .about {

		margin-bottom: 24rem;
		font-size: 9.6rem;
	 	letter-spacing: 0.25em;
	 	transform: translateX(0);

	}

	#company .about img {

		width: 12rem;
		margin-top: 0.8rem;

	}

	#company .inner {

		width: 92%;

	}

	#company h2 {
		
		margin-bottom: 18rem;
		font-size: 14rem;
		line-height: 1.5;
		letter-spacing: 0.65em;

	}

	#company h2:after {

		right:  0;
		bottom: -0.5rem;
		width: 102%;
		height: 0.4rem;

	}

	#company h2 .block {
		
		margin-right: 0.4em;
		padding: 0 0.2em;
		line-height: 1.3;

	}

	#company h2 .en {

		font-size: 6.4rem;
		letter-spacing: 0.55em;

	}

	#company table {

		width: 88%;

	}

	#company table tr th, #company table tr td {
		
		padding: 2.6rem 0;
		font-size: 5rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#company table tr th {
		
		width: 21%;
		letter-spacing: 0.08em;

	}

	#member {
		
		padding-top: 19rem;

	}

	#member .inner {

		width: 92%;

	}

	#member h2 {
		
		margin-bottom: 18rem;
		font-size: 14rem;
		line-height: 1.55;
		letter-spacing: 0.65em;

	}

	#member h2:after {

		right:  0;
		bottom: -0.3rem;
		width: 102%;
		height: 0.2rem;

	}

	#member h2 .block {
		
		margin-right: 0.4em;
		padding: 0 0.2em;
		line-height: 1.3;

	}

	#member h2 .en {

		font-size: 6.4rem;
		letter-spacing: 0.6em;

	}

	#member .box {
		
		margin-bottom: 22rem;

	}

	#member .box2 {

		margin-bottom: 24rem;

	}

	#member .box .img {

		width: 78%;
		margin-bottom: 10rem;

	}

	#member .box p {

	  width: 84%;
		font-size: 6rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#member .arrow_member {

		top:   24%;
		right: 4rem;
		width: 7rem;

	}

	#member .bg {

		height: 76rem;
		background-image: url('../img/bill.webp');
		background-position: center center;

	}

}


/* Iphone13 Pro Max */
@media only screen and (max-width: 430px) {



}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {


}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone14 Pro */
@media only screen and (max-width: 393px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}