@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/*====================
common
====================*/
.pc_none {
  display: none; }
  @media only screen and (max-width: 768px) {
    .pc_none {
      display: block; } }

.sp_none {
  display: block; }
  @media only screen and (max-width: 768px) {
    .sp_none {
      display: none; } }

/*====================
BASE
====================*/
html {
	font-size: 62.5%; /* 10px */
}

*{
letter-spacing:0.05em;
font-feature-settings : "palt" 1;
color:#000;
font-family: "Noto Sans JP", sans-serif;
font-style: normal;
font-weight: 500;
}

h1,h2,h3,h4,h5,p,a{}

a:hover{
	opacity:0.6;}

a.blank:after {
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f08e';
	padding-left: 3px;
}

img{
	max-width: 100%;
	height: auto;
}


:root {
  --c-black: #000000;
  --c-white: #ffffff;
  --c-orange: #FF6633;
  --c-purple: #330066;

  --c-pink: #ff50be;
  

  
  --c-yellow: #FFE600;
	
  --c-gray: #1a1a1a;

  --z-fixed: 1030;
  --z-modal: 1050;
  --f-default: "Noto Sans JP", sans-serif;
  --f-serif: "Noto Serif JP", serif;
}


/*====================
header
====================*/

.container{
}


@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700&display=swap");
/*====================
common
====================*/
.pc_none {
  display: none; }

@media only screen and (max-width: 768px) {
  .pc_none {
    display: block; } }
.sp_none {
  display: block; }

@media only screen and (max-width: 768px) {
  .sp_none {
    display: none !important; } }
/*====================
BASE
====================*/
* {
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.01em;
  color: #333333;
  font-family: 'Open Sans', sans-serif; }

a:hover {
  opacity: 0.6; }

p {
  line-height: 1.8em; }

img {
  max-width: 100%;
  height: auto; }

/**/
.movein {
  opacity: 0;
  transition: all 1s; }

/**/
input[type="button"],
input[type="text"],
input[type="submit"],
input[type="image"],
textarea {
  -webkit-appearance: none;
  border-radius: 0; }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.header {
  position: fixed;
  width: 100%;
  z-index: 98; }
  .header .inner {
    position: relative; }
  .header .inner h1 {
    padding: 50px 0 0 4%; }
  .header .inner h1 img {
    width: 80px;
    height: auto; }

  .header .spMenuBt {
    display: block;
    position: absolute;
    right: 4%;
    top: 34px;
    z-index: 98;
    transition: all .4s;
    box-sizing: border-box;
    width: 64px;
    height: 60px;
    padding: 22px 0 0 0;
    cursor: pointer; }
	
  .header .spMenuBt span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #FFF;
    border-radius: 0; }
  .header .spMenuBt span:nth-of-type(1) {
    top: 22; }
  .header .spMenuBt span:nth-of-type(2) {
    top: 32px; }
  .header .spMenuBt span:nth-of-type(3) {
    top: 42px; }
  .header .spMenuBt.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg); }
  .header .spMenuBt.active span:nth-of-type(2) {
    opacity: 0; }
  .header .spMenuBt.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg); }

.header .langage {
    display: block;
    position: absolute;
    right: calc(4% + 90px);
    top: 50px;
    z-index: 98;
}

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

	.header .inner h1 {
		padding: 35px 0 0 4%; }
	  .header .inner h1 img {
		width: 50px;
		height: auto; }

	.header .spMenuBt {
		top: 14px;
		width: 44px;
	}
	.header .spMenuBt span {
		width: 44px;
	}

	.header .langage {
		width: 60px;
		top: 35px;
		right: calc(4% + 65px);
	}
}




.spMenu{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}

.spMenu .spMenuR{
	display: block;
	height: 100%;
	width: 55%;
	margin-left: auto;
	background: #000;
	padding: 0 8%;
	display: flex;
	align-items: center;
}
.spMenu nav{}

.spMenu nav p{
	padding: 45px 0;
}

.spMenu nav ul {
	display: flex;
	margin-bottom: 50px;
}
.spMenu nav ul li{
	margin-left: 60px;
}


.spMenu .sns {
	text-align: left;
	padding: 130px 0 0 0; }
.spMenu .sns a {
	margin: 0 15px 0 0; }
.spMenu .sns img {
	width: 36px;
	height: auto; }


@media only screen and (max-width: 1200px) {
	.spMenu .spMenuR{
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.spMenu nav p{
		padding: 25px 0;
	}
	.spMenu nav ul {
		margin-bottom: 25px;
	}
	.spMenu nav ul li{
		margin-left: 25px;
	}
	.spMenu nav ul li img{
		height: 15px;
		width: auto;
	}
	.spMenu nav ul li.ussn img{
		height: 30px;
		width: auto;
	}
	.spMenu nav p img{
		height: 30px;
		width: auto;
	}

	.spMenu .sns {
		padding: 80px 0 0 0; }
}

/*====================
main
====================*/

main{
	background-color: var(--c-black);
}
main .inner{
	aspect-ratio: 1920 / 1080;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (max-width: 768px) {
	main .inner{
	aspect-ratio: 1125 / 2250;
	}
}

main .inner h1{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}

.mainbg{
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
}

.main01,
.main02,
.main03,
.main04,
.main05,
.main06,
.main07,
.main08,
.main09,
.main10{
	position: absolute;
	opacity: 1.0;
	transition:
    top 2.0s cubic-bezier(0.4, 0.0, 0.2, 1),
    left 2.0s cubic-bezier(0.4, 0.0, 0.2, 1)
}

.main01{ width:11.6%; z-index: 98;}
.main02{ width:13.6%; z-index: 98;}
.main03{ width:13.8%; z-index: 98;}
.main04{ width:12.2%; z-index: 98;}
.main05{ width:10.2%; z-index: 98;}
.main06{ width:21.1%; z-index: 98;}
.main07{ width:15.9%; z-index: 98;}
.main08{ width:25.2%; z-index: 98;}
.main09{ width:12.5%; z-index: 98;}
.main10{ width:11.8%; z-index: 98;}

.mainbg01 .main01{ top: 8%; left: 49.3%;}
.mainbg01 .main02{ top: 45.3%; left: 46.9%;}
.mainbg01 .main03{ top: 50%; left: 60.5%;}
.mainbg01 .main04{ top:28.5%; left: 49%;}
.mainbg01 .main05{ top: 22%; left: 39%;}
.mainbg01 .main06{ top: 67%; left: 41%;}
.mainbg01 .main07{ top: 73.5%; left:25.5%;}
.mainbg01 .main08{ top: 75.2%; left: 58.4%; z-index: 97;}
.mainbg01 .main09{ top:51.5%; left: 35.5%; z-index: 97;}
.mainbg01 .main10{ top: 29.3%; left: 60.5%; z-index: 97;}

.mainbg02 .main01{ top: 75.5%; left: 65.2%;}
.mainbg02 .main02{ top: 41.3%; left: 59.7%; z-index: 97;}
.mainbg02 .main03{ top: 57%; left: 27.4%;}
.mainbg02 .main04{ top:60.7%; left: 63.5%; z-index: 97;}
.mainbg02 .main05{ top: 11%; left: 59.8%;}
.mainbg02 .main06{ top: 28%; left: 38.6%; z-index: 97;}
.mainbg02 .main07{ top: 74.1%; left: 49%;}
.mainbg02 .main08{ top: 53.7%; left: 41.3%;}
.mainbg02 .main09{ top:73.9%; left: 36.5%; z-index: 97;}
.mainbg02 .main10{ top: 7.0%; left: 47.8%;}

.mainbg03 .main01{ top: 52.1%; left: 36.3%;}
.mainbg03 .main02{ top: 72.6%; left: 40.6%;}
.mainbg03 .main03{ top: 48.8%; left: 48%;}
.mainbg03 .main04{ top: 51.7%; left: 60.6%; z-index: 96;}
.mainbg03 .main05{ top: 65.9%; left:54%; z-index: 97;}
.mainbg03 .main06{ top: 22.4%; left: 51.3%; z-index: 97;}
.mainbg03 .main07{ top: 30.0%; left: 37.2%; z-index: 96;}
.mainbg03 .main08{ top: 8.9%; left: 39.3%; z-index: 96;}
.mainbg03 .main09{ top:70.4%; left: 28.4%; z-index: 97;}
.mainbg03 .main10{ top: 68.0%; left: 63%; z-index: 96;}

.mainbg04 .main01{ top: 75.1%; left: 43.5%;}
.mainbg04 .main02{ top: 10.6%; left: 46.9%;}
.mainbg04 .main03{ top: 7%; left: 58.3%; z-index: 97;}
.mainbg04 .main04{ top:59.0%; left: 26.3%;}
.mainbg04 .main05{ top: 16%; left: 39%;}
.mainbg04 .main06{ top: 46.3%; left: 36.8%;}
.mainbg04 .main07{ top: 74.0%; left: 55.2%; z-index: 97;}
.mainbg04 .main08{ top: 32.0%; left: 48.6%;}
.mainbg04 .main09{ top:51.8%; left: 57.8%;}
.mainbg04 .main10{ top: 75.2%; left: 31.6%;}


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

.main01{ width:27.0%; z-index: 98;}
.main02{ width:32%; z-index: 98;}
.main03{ width:32.6%; z-index: 98;}
.main04{ width:27.8%; z-index: 98;}
.main05{ width:24.2%; z-index: 98;}
.main06{ width:49.6%; z-index: 98;}
.main07{ width:37.9%; z-index: 98;}
.main08{ width:60.4%; z-index: 98;}
.main09{ width:29.5%; z-index: 98;}
.main10{ width:27.8%; z-index: 98;}

.mainbg01 .main01{ top: 14.3%; left: 34.3%;}
.mainbg01 .main02{ top: 23.0%; left: 62%; z-index: 97;}
.mainbg01 .main03{ top: 41.8%; left: 26.6%; z-index: 97;}
.mainbg01 .main04{ top: 58.6%; left: 18.5%;}
.mainbg01 .main05{ top: 37.4%; left: 60%; z-index: 97;}
.mainbg01 .main06{ top: 72.4%; left: 42.5%;}
.mainbg01 .main07{ top: 69.6%; left: 8%; z-index: 97;}
.mainbg01 .main08{ top: 28.0%; left: 9.7%;}
.mainbg01 .main09{ top: 57.8%; left: 45.8%;}
.mainbg01 .main10{ top: 9.3%; left: 59.6%;}

.mainbg02 .main01{ top: 65.5%; left: 34%; z-index: 99;}
.mainbg02 .main02{ top: 13.8%; left: 9%; z-index: 96;}
.mainbg02 .main03{ top: 79.3%; left: 28.3%;}
.mainbg02 .main04{ top: 57.9%; left: 61.8%;}
.mainbg02 .main05{ top: 68.9%; left: 61.8%;}
.mainbg02 .main06{ top: 38.7%; left: 43%;}
.mainbg02 .main07{ top: 26.0%; left: 23.6%; z-index: 96;}
.mainbg02 .main08{ top: 52.6%; left: 8.8%;}
.mainbg02 .main09{ top: 11.3%; left: 40.6%;}
.mainbg02 .main10{ top: 25.0%; left: 61.8%;}

.mainbg03 .main01{ top: 68.3%; left: 33.5%;}
.mainbg03 .main02{ top: 64.0%; left: 8%; z-index: 97;}
.mainbg03 .main03{ top: 51.0%; left: 28.9%;}
.mainbg03 .main04{ top: 15.1%; left: 42.3%; z-index: 96;}
.mainbg03 .main05{ top: 54.3%; left: 61.7%;}
.mainbg03 .main06{ top: 23.7%; left: 7%; z-index: 96;}
.mainbg03 .main07{ top: 74.4%; left: 54.2%;}
.mainbg03 .main08{ top: 40.6%; left: 32%;}
.mainbg03 .main09{ top: 25.6%; left: 56.5%;}
.mainbg03 .main10{ top: 82.1%; left: 25.5%;}

.mainbg04 .main01{ top: 9.8%; left: 56.4%;}
.mainbg04 .main02{ top: 31.2%; left: 55.7%;}
.mainbg04 .main03{ top: 33.7%; left: 22.3%;}
.mainbg04 .main04{ top: 23.7%; left: 51.6%; z-index: 97;}
.mainbg04 .main05{ top: 13.3%; left: 31.3%;}
.mainbg04 .main06{ top: 59.2%; left: 35.8%;}
.mainbg04 .main07{ top: 50.5%; left: 14%;}
.mainbg04 .main08{ top: 78.2%; left: 30%;}
.mainbg04 .main09{ top: 64.9%; left: 10.4%;}
.mainbg04 .main10{ top: 45.6%; left: 52.2%; z-index: 96;}


}





.about{
	background-color: var(--c-pink);
	padding: 10% 5%;
}
.about p{
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.about{
		padding: 15% 13%;
	}
}

.artist{
	background-color:var(--c-black);
padding: 10% 0;}
.artist h3{
	padding: 5%;
}

.artistBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1920px;
	margin: 0 auto;
}
.artist ul{
	width: 47%;
}
.artist01,
.artist02,
.artist03,
.artist04,
.artist05,
.artist06,
.artist07{
	aspect-ratio: 1688 / 1406;
	max-width: 844px;
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.artist01{
	background-image: url(../img/artist_01_bg.jpg);
	margin: 20% 0 0 8%;
}
.artist02{
	background-image: url(../img/artist_02_bg.jpg);
	margin: 77% 0 0 8%;
}
.artist03{
	background-image: url(../img/artist_03_bg.jpg);
	margin: 30% 8% 0 0;
}

.artist04{
	background-image: url(../img/artist_04_bg.jpg);
	margin: 23% 0 0 8%;
}
.artist05{
	background-image: url(../img/artist_05_bg.jpg);
	margin: 23% 0 0 8%;
}
.artist06{
	background-image: url(../img/artist_06_bg.jpg);
	margin: 22% 8% 0 0;
}
.artist07{
	background-image: url(../img/artist_07_bg.jpg);
	margin: 41% 8% 0 0;
}

.artist01 img,
.artist02 img,
.artist03 img,
.artist04 img,
.artist05 img,
.artist06 img,
.artist07 img{
	position: absolute;
}
.artist01 img{ top: -20%; left: 36%; width: 47.8%;}
.artist02 img{ top: -13%; left: 25%; width: 51.7%;}
.artist03 img{ top: -10%; right: 0%; width: 63.3%;}
.artist04 img{ top: 3%; left: -8%; width: 41.5%;}
.artist05 img{ top: -8%; left: 11%; width: 49.6%;}
.artist06 img{ top: -13%; left: 14%; width: 46.5%;}
.artist07 img{ top: -18%; left: 52%; width: 38.0%;}

@media only screen and (max-width: 768px) {
	.artist{
padding: 10% 0 20% 0;}
	.artist h3{
		width: 150px;
	}

	.artist ul{
		width: 100%;
	}

	.artist01{margin: 18% 23% 0 0;}
	.artist02{margin: 18% 0 0 23%;}
	.artist03{margin: 18% 18% 0 5%;}
	.artist04{margin: 18% 5% 0 18%;}
	.artist05{margin: 18% 18% 0 5%;}
	.artist06{margin: 18% 0 0 23%;}
	.artist07{margin: 18% 18% 0 5%;}

.artist01 img{ top: -20%; left: 36%; width: 47.0%;}
.artist02 img{ top: -10%; left: -8%; width: 43.1%;}
.artist03 img{ top: -10%; right: -8%; width: 61.7%;}
.artist04 img{ top: 27%; left: -11%; width: 47.9%;}
.artist05 img{ top: -8%; left: 53%; width: 57.0%;}
.artist06 img{ top: 7%; left: -11%; width: 37.6%;}
.artist07 img{ top: 70%; left: 69%; width: 45.0%;}

}


.map{
	background-color:var(--c-pink);
	padding: 10% 10%;
}
.map h2{
	max-width: 1720px;
	margin: 0 auto 50px auto;
}
.map figure{
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.map{
		padding: 50px 0;
	}
	.map h2{
		display: none;
	}
}



/*====================
footer
====================*/

.footer {
	background-color: #221714;
	padding: 90px 5% 110px 5%; }
	.footer .inner {
	  max-width: 1126px;
	  margin: 0 auto; }
  
  .footer .inner .footerMark{
	  padding: 0 0 145px 0;
  }
  .footer .inner .footerMark h1{
	  text-align: center;
  }
  .footer .inner .footerMark h1 img {
	  width: 62px;
	  height: 85px; }
  
  @media only screen and (max-width: 768px) {
	  .footer {
	padding: 70px 5% 30px 5%; }
	  .footer .inner .footerMark{
	  padding: 0 0 55px 0;
  }
  }
  
  
	  .footer .inner .footerLyt {
		display: flex;}
	  .footer .inner .footerLyt .footerBox {}
	  .footer .inner .footerLyt .footerBox:first-child {
		width: 29%; }
	  .footer .inner .footerLyt .footerBox:nth-child(2) {
		width: 29%;
		padding-right: 4%; }
	  .footer .inner .footerLyt .footerBox:nth-child(3) {
		width: 24%;
		padding-right: 1%; }
	  .footer .inner .footerLyt .footerBox:last-child {
		width: 18%; }
  
	  @media only screen and (max-width: 768px) {
		.footer .inner .footerLyt {
		  flex-direction: column; }
		.footer .inner .footerLyt .footerBox,
		.footer .inner .footerLyt .footerBox:first-child,
		.footer .inner .footerLyt .footerBox:nth-child(2),
		.footer .inner .footerLyt .footerBox:nth-child(3),
		.footer .inner .footerLyt .footerBox:last-child {
		  width: 100%; }
		  .footer .inner .footerLyt .footerBox:first-child{
			  display: flex;
			  flex-direction: column-reverse;
		  }}
  
	  .footer .inner h2 {
		text-align: left; }
	  .footer .inner h2 img {
		width: 170px;
		height: auto; }
	  .footer .inner h3 {
		font-size: 0.85em;
		color: #fff; }
	  .footer .inner p {
		font-size: 0.85em;
		padding: 0 0 1.2em 0;
		color: #fff; }
	  .footer .inner p a {
		color: #fff; }
	  .footer .inner address {
		font-size: 1.1em;
		color: #fff; }
  
	  @media only screen and (max-width: 768px) {
		.footer .inner h2 {
			
		  padding: 0 0 78px 0; }
		.footer .inner h3 {
		  }
		.footer .inner p {
		  }
		.footer .inner p span {
		  display: inline-block;
		  color: #fff;
		  padding: 0 2px; } }
  
	  .footer .inner .sns {
		text-align: left;
		padding: 130px 0 0 0; }
	  .footer .inner .sns a {
		margin: 0 15px 0 0; }
	  .footer .inner .sns img {
		width: 36px;
		height: auto; }
  
	  @media only screen and (max-width: 768px) {
		.footer .inner .sns {
		  text-align: center;
		  padding: 15px 0 90px 0; }
  .footer .inner .sns a {
		margin: 0 10px; }}
  
	  .footer .inner .footerLogo {
		display: flex;
		padding: 40px 0 0 0;
		justify-content: flex-start; }
	  .footer .inner .footerLogo img {
		height: 46px;
		width: auto; }
	  .footer .inner .footerLogo a {
		margin-right: 10px;}
	  .footer .inner .footerLogo a:hover {
		opacity: 1; }
  
  @media only screen and (max-width: 768px) {
	  .footer .inner .footerLogo {
		justify-content: flex-end; }
  }





  /*------MAP-----*/


  .mapCont{
	background-color: var(--c-orange);
	padding: 50px 5% 200px 5%;
}

.mapCont h1{
	padding: 0 0 60px 0;
}

.mapContInner{
	max-width: 1720px;
	margin: 0 auto;
	display: flex;
}

.mapContL{
	padding: 0 5% 0 0;
	width: 40%;
}
.mapContL h3{
}
.mapContR{
	width: 55%;
	padding: 0;
}

.mapContR dl{
	padding: 50px 0;
	border-bottom: solid 1px #fff;
	margin: 0 0 0 3%;
	display: flex;
}
.mapContR dl:last-child{
	border-bottom:none;
}
.mapContR dt{
	width: 10%;
	text-align: center;
	padding: 0 1%;
}
.mapContR dt img{
	margin: 0 0 10px 0;
}
.mapContR dd{
	width: 90%;
}
.mapContR dd h3{
	margin: 0 0 50px 0;
}
.mapContR dd p{
	margin: 0 0 25px 0;
}

@media only screen and (max-width: 768px) {
	.mapCont{
		padding: 25px 5% 60px 5%;
	}

	.mapCont h1{
		padding: 0 0 30px 0;
	}
	.mapCont h1 img {
		width: 50px;
		height: auto; }

	.mapContInner{
		flex-direction: column;
	}
	.mapContL,
	.mapContR{
		width: 100%;
	}
	.mapContR{
		padding: 0 5% 0 2%;
	}
	.mapContL h3{
		padding: 0 0 30px 0;
	}
	.mapContL h3 img{
		height: 30px;
		width: auto;
	}
	.mapContL p{
		width: 170px;
	}


	.mapContR dl{
		padding: 25px 0 10px 0;
	}
	.mapContR dt img{
		margin: 0 0 5px 0;
	}
	.mapContR dd h3{
		margin: 0 0 20px 0;
	}
	.mapContR dd p{
		margin: 0 0 15px 0;
	}


}




  /*------ABOUT-----*/

  .aboutContMain{
	background-color: var(--c-purple);
	padding: 240px 5% 200px 5%;
}

.aboutContMainInner{
	max-width: 1725px;
	margin: 0 auto;
	position: relative;
}

.aboutContMainInner h1{
	position: absolute;
	right:3%;
	top: 1%;
	width: 8%;
}
.aboutContMainInner h1 img{
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.aboutContMain{
		padding: 140px 5% 100px 5%;
	}
}

.aboutContArt{
	background-color: var(--c-orange);
	padding: 240px 5% 100px 5%;
}

.aboutContArtInner{
	max-width: 1725px;
	margin: 0 auto;
}
.aboutContArt h3{
	padding: 0 0 120px 0;
}
.aboutContArt ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutContArt ul li{
	width: 47%;
	padding: 0 0 6% 0;
}

@media only screen and (max-width: 768px) {
	.aboutContArt{
		padding: 100px 5% 100px 5%;
	}

	.aboutContArt h3{
		padding: 0 0 30px 0;
	}
	.aboutContArt h3 img{
		height: 30px;
		width: auto;
	}
}



.aboutContMap{
	background-color: var(--c-purple);
	padding: 240px 5% 200px 5%;
}

.aboutContMapInner{
	max-width: 1720px;
	margin: 0 auto;
	display: flex;
}

.aboutContMapL{
	width: 45%;
}
.aboutContMapR{
	width: 55%;
	padding: 0;
}

.aboutContMapR p{
	border-bottom: solid 1px #fff;
	padding: 0 0 55px 0;
}
.aboutContMapR ul{
	border-bottom: solid 1px #fff;
	padding: 55px 0 0 0;
}
.aboutContMapR ul li{
	padding: 0 0 55px 0;
}
.aboutContMapR a{
	display: block;
	margin-top: 55px;
}

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

	.aboutContMap{
		padding: 100px 5% 100px 5%;
	}
	
	.aboutContMapInner{
		flex-direction: column;
	}
	
	.aboutContMapL{
		width: 100%;
	}
	.aboutContMapR{
		width: 100%;
	}

	.aboutContMapL h3{
		padding: 0 0 30px 0;
	}
	.aboutContMapL h3 img{
		height: 30px;
		width: auto;
	}

	.aboutContMapR p{
		padding: 0 0 25px 0;
	}
	.aboutContMapR ul{
		padding: 25px 0 0 0;
	}
	.aboutContMapR ul li{
		padding: 0 0 25px 0;
	}
	.aboutContMapR a{
		margin-top: 25px;
	}

}



.aboutContPro{
	background-color: var(--c-orange);
	padding: 240px 5% 200px 5%;
}

.aboutContProInner{
	max-width: 1720px;
	margin: 0 auto;
	display: flex;
}

.aboutContProL{
	width: 45%;
}
.aboutContProR{
	width: 55%;
	padding: 0;
}

.aboutContProR ul li{
	padding: 120px 0;
	border-bottom: solid 1px #fff;
}
.aboutContProR ul li p{
	padding: 80px 0 0 0;
}
.aboutContProR ul li:first-child{
	padding: 0 0 120px 0;
}
.aboutContProR ul li:last-child{
	border-bottom:none;
}


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

	.aboutContPro{
		padding: 100px 5% 100px 5%;
	}
	
	.aboutContProInner{
flex-direction: column;
	}
	
	.aboutContProL{
		width: 100%;
	}
	.aboutContProR{
		width: 100%;
	}
	.aboutContProL h3{
		padding: 0 0 30px 0;
	}
	.aboutContProL h3 img{
		height: 30px;
		width: auto;
	}

	.aboutContProR ul li{
		padding: 30px 0;
	}
	.aboutContProR ul li p{
		padding: 40px 0 0 0;
	}
	.aboutContProR ul li:first-child{
		padding: 0 0 30px 0;
	}

	.aboutContProR ul li p img{
		height: 30px;
		width: auto;
	}


}



.aboutB img{
	width: 100%;
	height: 255px;
}

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

	.aboutB img{
		width: 100%;
		height: 50px;
	}

}


  /*------ARTIST-----*/

  .artistContProf{
	background-color: var(--c-purple);
	padding: 50px 5% 40px 5%;
}

.artistContProf h1{
	padding: 0;
}

.artistContProfInner{
	max-width: 1720px;
	margin: 0 auto;
	display: flex;
}

.artistContProfL{
	width: 35%;
}
.artistContProfR{
	width: 65%;
	padding: 0;
}
.artistContProfR figure{
	padding: 0 0 60px 0;
}


@media only screen and (max-width: 768px) {
	.artistContProf{
		padding: 25px 5% 20px 5%;
	}

	.artistContProf h1{
		padding: 0 0 30px 0;
	}
	.artistContProf h1 img {
		width: 50px;
		height: auto; }

		.artistContProfInner{
		flex-direction: column;
	}
	.artistContProfL,
	.artistContProfR{
		width: 100%;
	}

	.artistContProfR figure a img{
		width: 50%;
	}
}



.artistContWork{
	background-color: var(--c-orange);
	padding: 100px 5% 100px 5%;
}

.artistContWorkInner{
	max-width: 1720px;
	margin: 0 auto;
	display: flex;
}

.artistContWorkL{
	width: 35%;
}
.artistContWorkR{
	width: 65%;
	padding: 0;
}

.artistContWorkR dl{
	display: flex;
	padding: 0 0 50px 0;
}

.artistContWorkR dt{
	width: 10%;
	text-align: center;
	padding: 0 1%;
}
.artistContWorkR dt img{
	margin: 0 0 10px 0;
}
.artistContWorkR dd{
	width: 90%;
}

.artistContWorkR dd p{
	margin: 0 0 25px 0;
}


.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 のアスペクト比（9 ÷ 16 = 0.5625） */
    height: 0;
    overflow: hidden;
	margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
	.video-wrapper {
		margin: 15px 0 5px 0;
	}
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


@media only screen and (max-width: 768px) {
	.artistContWork{
		padding: 50px 5%;
	}

	.artistContWorkInner{
		flex-direction: column;
	}
	.artistContWorkL,
	.artistContWorkR{
		width: 100%;
	}

	.artistContWorkL h3{
	padding: 0 0 30px 0;
}
.artistContWorkL h3 img{
	height: 30px;
	width: auto;
}


.artistContWorkR dl{
	padding: 25px 0 10px 0;
}
.artistContWorkR dt img{
	margin: 0 0 5px 0;
}

.artistContWorkR dd p{
	margin: 0 0 10px 0;
}

}


.artistB img{
	width: 100%;
	height: 255px;
}

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

	.artistB img{
		width: 100%;
		height: 50px;
	}

}