@charset "utf-8";

/* CSS Document */

/*-------------------------
- contents
- mv
- sec_about
- sec_project
- swiper
-------------------------*/


/*=======================================
¡¡contents
=======================================*/
.contents {
	/* background: url("/premier-pj/asset/images/top/bg.jpg") center 44.9vw no-repeat; */
	background-size: 100% auto;
}



/*=======================================
¡¡mv
=======================================*/
.mv {
	margin-bottom: 122px;
}
.mv img {
	width: 100%;
}
@media only screen and (max-width: 768px){
.mv {
	margin-bottom: 61px;
}
}



/*=======================================
¡¡sec_about
=======================================*/
.fuwafuwa_area {
	position: relative;
}
.fuwafuwa {
	mix-blend-mode: multiply;
	position: absolute;
	-webkit-filter: blur(35px) brightness(1.75);
	-moz-filter: blur(35px) brightness(1.75);
	-ms-filter: blur(35px) brightness(1.75);
	filter: blur(35px) brightness(1.75);
	opacity: 0.5;
}
.fuwafuwa:nth-child(1) {
	width: 31.27vw;
	top: -300px;
	/* top: -21.43%; */
	left: -10vw;
	animation: wobbling_x01 1s ease-in-out infinite alternate,
	wobbling_y01 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(2) {
	width: 4.84vw;
	top: 0;
	left: 20vw;
	animation: wobbling_x02 1.8s ease-in-out infinite alternate,
	wobbling_y02 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(3) {
	width: 9.74vw;
	/* left: calc(100% - 29.25%); */
	left: 75vw;
	top: -60px;
	animation: wobbling_x03 1.8s ease-in-out infinite alternate,
	wobbling_y03 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(4) {
	width: 20.77vw;
	/* left: calc(100% - 39.03%); */
	left: 80vw;
	top: -50px;
	animation: wobbling_x04 1.8s ease-in-out infinite alternate,
	wobbling_y04 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(5) {
	width: 5.93vw;
	left: 5vw;
	top: 350px;
	animation: wobbling_x05 1.8s ease-in-out infinite alternate,
	wobbling_y05 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(6) {
	width: 11.96vw;
	top: 450px;
	left: 10vw;
	animation: wobbling_x06 1.8s ease-in-out infinite alternate,
	wobbling_y06 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(7) {
	width: 17.43vw;
	/* width: 33vw; */
	top: 350px;
	/* right: 0; */
	left: 80vw;
	animation: wobbling_x07 2.4s ease-in-out infinite alternate,
	wobbling_y07 1.8s ease-in-out infinite alternate;
}
@media only screen and (max-width: 768px){
.fuwafuwa {
	-webkit-filter: blur(17.5px) brightness(1.75);
	-moz-filter: blur(17.5px) brightness(1.75);
	-ms-filter: blur(17.5px) brightness(1.75);
	filter: blur(17.5px) brightness(1.75);
}
.fuwafuwa:nth-child(1) {
	/* width: 88.28vw; */
	top: -130px;
	/* left: -45vw; */
	animation: wobbling_x01_sp 1s ease-in-out infinite alternate,
	wobbling_y01_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(2) {
	/* width: 33vw; */
	/* top: -30px; */
	/* left: 15vw; */
	animation: wobbling_x02_sp 1.8s ease-in-out infinite alternate,
	wobbling_y02_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(3) {
	/* width: 71.15vw; */
	/* left: 57vw; */
	top: -80px;
	animation: wobbling_x03_sp 1.8s ease-in-out infinite alternate,
	wobbling_y03_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(4) {
	/* width: 39.03vw; */
	/* left: 75vw; */
	top: -40px;
	animation: wobbling_x04_sp 1.8s ease-in-out infinite alternate,
	wobbling_y04_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(5) {
	/* width: 44.79vw; */
	/* left: -5vw; */
	top: 120px;
	animation: wobbling_x05_sp 1.8s ease-in-out infinite alternate,
	wobbling_y05_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(6) {
	/* width: 56.31vw; */
	top: 150px;
	/* left: 0; */
	animation: wobbling_x06_sp 1.8s ease-in-out infinite alternate,
	wobbling_y06_sp 3s ease-in-out infinite alternate;
}
.fuwafuwa:nth-child(7) {
	/* width: 64.32vw; */
	top: 130px;
	/* right: 0; */
	animation: wobbling_x07_sp 1.8s ease-in-out infinite alternate,
	wobbling_y07_sp 3s ease-in-out infinite alternate;
}
}

@keyframes wobbling_x01 {
  0% {
    margin-left: 50px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y01 {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 50px;
	  transform: scale(0.9)
  }
}
@keyframes wobbling_x01_sp {
  0% {
    margin-left: 25px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y01_sp {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 25px;
	  transform: scale(0.9)
  }
}
@keyframes wobbling_x02 {
  0% {
    margin-right: 80px;
  }
  100% {
    margin-right: 0px;
	  transform: scale(1.5)
  }
}
@keyframes wobbling_y02 {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 80px;
  }
}
@keyframes wobbling_x02_sp {
  0% {
    margin-right: 35px;
  }
  100% {
    margin-right: 0px;
	  transform: scale(1.5)
  }
}
@keyframes wobbling_y02_sp {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 35px;
  }
}
@keyframes wobbling_x03 {
  0% {
    margin-left: 80px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y03 {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 80px;
  }
}
@keyframes wobbling_x03_sp {
  0% {
    margin-left: 35px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y03_sp {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 35px;
  }
}
@keyframes wobbling_x04 {
  0% {
    margin-left: 80px;
  }
  100% {
    margin-left: 0px;
    transform: scale(1.2)
  }
}
@keyframes wobbling_y04 {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 80px;
  }
}
@keyframes wobbling_x04_sp {
  0% {
    margin-left: 35px;
  }
  100% {
    margin-left: 0px;
    transform: scale(1.2)
  }
}
@keyframes wobbling_y04_sp {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 35px;
  }
}
@keyframes wobbling_x05 {
  0% {
    margin-right: 80px;
  }
  100% {
    margin-right: 0px;
  }
}
@keyframes wobbling_y05 {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 80px;
  }
}
@keyframes wobbling_x05_sp {
  0% {
    margin-right: 35px;
  }
  100% {
    margin-right: 0px;
  }
}
@keyframes wobbling_y05_sp {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 35px;
  }
}
@keyframes wobbling_x06 {
  0% {
    margin-left: 50px;
  }
  100% {
    margin-left: 0px;
    transform: scale(1.2);
  }
}
@keyframes wobbling_y06 {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 80px;
  }
}
@keyframes wobbling_x06_sp {
  0% {
    margin-left: 25px;
  }
  100% {
    margin-left: 0px;
    transform: scale(1.2);
  }
}
@keyframes wobbling_y06_sp {
  0% {
    margin-bottom: 0px;
  }
  100% {
    margin-bottom: 35px;
  }
}
@keyframes wobbling_x07 {
  0% {
    margin-left: -50px;
  }
  100% {
    margin-left: 0px;
    transform: scale(0.9);
  }
}
@keyframes wobbling_y07 {
  0% {
    margin-top: 0px;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    margin-top: -50px;
  }
}
@keyframes wobbling_x07_sp {
  0% {
    margin-left: -25px;
  }
  100% {
    margin-left: 0px;
    transform: scale(0.9);
  }
}
@keyframes wobbling_y07_sp {
  0% {
    margin-top: 0px;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    margin-top: -25px;
  }
}





.sec_about {
	margin-bottom: 150px;
	position: relative;
	z-index: -1;
}
.sec_about h3 {
	font-size: 15px;
	text-align: center;
	margin-bottom: 50px;
}
.sec_about h3 span {
	font-size: 40px;
	color: var(--main_color);
	display: block;
}
.sec_about .copy {
	text-align: center;
	margin-bottom: 50px;
	font-size: 34px;
	font-weight: bold;
}
.sec_about .copy span {
	color: var(--main_color);
	font-size: 47px;
	letter-spacing: 0.04em;
}
.sec_about .txt {
	font-size: 15px;
	line-height: 2;
	max-width: 586px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
.sec_about {
	margin-bottom: 75px;
}
.sec_about h3 {
	font-size: 12px;
	margin-bottom: 25px;
}
.sec_about h3 span {
	font-size: 21px;
}
.sec_about .copy {
	margin-bottom: 25px;
	font-size: 17px;
}
.sec_about .copy span {
	font-size: 24px;
}
.sec_about .txt {
	font-size: 13px;
	max-width: inherit;
}
}



/*=======================================
¡¡sec_project
=======================================*/
.sec_project .ttl_area .bg {
	top: 70%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform : translateY(-50%);
	animation: marquee 200s linear infinite;
	z-index: 0;
	height: 132.17px;
	display: flex;
	z-index: 0;
}
.sec_project .ttl_area .bg img {
	height: 100%;
	max-width: inherit;
}
@keyframes marquee {
  0%   { translate: 0; }
  100% { translate: calc(-100% - 1rem); }
}
@media only screen and (max-width: 768px){
.sec_project .ttl_area .bg {
	top: 60%;
	height: 100px;
}
}






.sec_project {
	margin-bottom: 160px;
}
.sec_project .container:not(:last-child) {
	margin-bottom: 150px;
}
.sec_project .ttl_area {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.sec_project .ttl_area h3 {
	font-size: 15px;
	text-align: center;
	margin: 0 auto 140px;
	padding: 0 8%;
	z-index: 1;
	position: relative;
}
.sec_project .ttl_area h3 span {
	font-size: 36px;
	color: var(--main_color);
	display: block;
	letter-spacing: 0.06em;
	line-height: 1.2;
	margin-bottom: 10px;
}
.sec_project .ttl_area h3 span {
}
.sec_project .ttl_area .img {
	position: absolute;
	right: -5%;
	top: 35%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	width: 16.5%;
	max-width: 165px;
}
.sec_project .container .flex_area {
	border-top: 1px solid rgb(132 151 176 / 20%);
	border-bottom: 1px solid rgb(132 151 176 / 20%);
	margin-bottom: 45px;
	padding: 30px 0 25px 15px;
	position: relative;
}
.sec_project .container.project_end .flex_area {
	border-top: none;
	margin-bottom: 45px;
	padding: 0 0 25px 15px;
	position: relative;
}
.sec_project .container .flex_area::before {
	content: "";
	background: #fff;
	width: 210px;
	height: 2px;
	top: -1px;
	left: 0;
	position: absolute;
}
.sec_project .container h4 {
	position: absolute;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0;
	top: -40px;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 15px 0 35px;
}
.sec_project .container h4 span {
	font-size: 50px;
	font-weight: 600;
	margin: 0 0 12px 10px;
}
.sec_project .container .project_name span {
	font-size: 36px;
	font-weight: bold;
	display: block;
}
.sec_project .container h4::before {
	content: "";
	position: absolute;
	top: 22px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
}
@media only screen and (max-width: 768px){
.sec_project {
	margin-bottom: 80px;
}
.sec_project .container:not(:last-child) {
	margin-bottom: 75px;
}
.sec_project .ttl_area {width: fit-content;/* display: flex; */}
.sec_project .ttl_area h3 {
	font-size: 12px;
	margin-bottom: 70px;
	padding: 0;
}
.sec_project .ttl_area h3 span {
	font-size: 20px;
	margin-bottom: 5px;
}
.sec_project .ttl_area h3 span {
}
.sec_project .ttl_area .img {
	width: 35%;
	right: -30%;
	top: 50%;
	max-width: 100px;
	/* position: static; */
	/* -webkit-transform: translateY(0); */
	/* transform: translateY(0); */
}
.sec_project .container .flex_area {
	margin-bottom: 22.5px;
	padding: 20px 0 12.5px 10px;
}
.sec_project .container .flex_area::before {
	width: 140px;
	height: 2px;
	top: -1px;
	left: 0;
	position: absolute;
}
.sec_project .container h4 {
	font-size: 16px;
	padding: 0 7.5px 0 20px;
	top: -25px;
}
.sec_project .container h4 span {
	font-size: 30px;
	margin: 0 0 5px 5px;
}
.sec_project .container .project_name span {
	font-size: 16px;
	margin-bottom: 5px;
}
.sec_project .container .project_name .txt {
	margin-bottom: 10px;
}
.sec_project .container h4::before {
	border-width: 20px 20px 0 0;
	top: 7.5px;
}
}
/* project01 */
.sec_project .container.project01 h4 {
	color: #CCDAEE;
}
.sec_project .container.project01 h4::before {
	border-color: var(--project1_main_color) transparent transparent transparent;
}
.sec_project .container.project01 .project_name span {
	color: var(--project1_main_color);
}
/* project02 */
.sec_project .container.project02 h4 {
	color: rgb(0 130 200 / 50%);
}
.sec_project .container.project02 h4::before {
	border-color: var(--project2_main_color) transparent transparent transparent;
}
.sec_project .container.project02 .project_name span {
	color: var(--project2_main_color);
}
/* project03 */
.sec_project .container.project03 h4 {
	color: rgb(229 75 75 / 50%);
}
.sec_project .container.project03 h4::before {
	border-color: var(--project3_main_color) transparent transparent transparent;
}
.sec_project .container.project03 .project_name span {
	color: var(--project3_main_color);
}
/* project04 */
.sec_project .container.project04 h4 {
	color: rgb(22 124 128 / 50%);
}
.sec_project .container.project04 h4::before {
	border-color: var(--project4_main_color) transparent transparent transparent;
}
.sec_project .container.project04 .project_name span {
	color: var(--project4_main_color);
}
/* project05 */
.sec_project .container.project05 h4 {
	color: rgb(22 82 142 / 50%);
}
.sec_project .container.project05 h4::before {
	border-color: var(--project5_main_color) transparent transparent transparent;
}
.sec_project .container.project05 .project_name span {
	color: var(--project5_main_color);
}
/* project06 */
.sec_project .container.project06 h4 {
	color: rgb(192 0 0 / 50%);
}
.sec_project .container.project06 h4::before {
	border-color: var(--project6_main_color) transparent transparent transparent;
}
.sec_project .container.project06 .project_name span {
	color: var(--project6_main_color);
}
/* project_end */
.sec_project .container.project_end h4 {
	color: rgb(122 122 122 / 50%);
}
.sec_project .container.project_end h4::before {
	border-color: var(--project_end_main_color) transparent transparent transparent;
}
.sec_project .container.project_end .project_name span {
	color: var(--project_end_main_color);
}






.sec_project .container .inner {
	justify-content: space-between;
	position: relative;
}
.sec_project .container .swiper {
	max-width: 1000px;
	overflow: visible;
	width: 90%;
}
.sec_project .container .swiper-wrapper {
	gap: 0 3.33%;
}
.sec_project .container .swiper-slide img {
	width: 100%;
	/*transition: top 0.2s, left 0.2s, transform 0.2s;*/
	/* transition: all 0.2s ease-in-out!important; */
	position: relative;
	will-change: filter;
	margin-bottom: 15px;
}
.sec_project .container .swiper-slide img:hover {
	left: 4px;
	top: 4px;
	filter: none!important;
}
.sec_project .container .swiper-slide a:hover {
	/*opacity: 1;*/
}
.sec_project .container .swiper-slide p {
	font-size: 14px;
	letter-spacing: 0.018em;
	font-weight: bold;
	line-height: 1.5714;
	padding-right: 50px;
	position: relative;
	transition: all 0.2s ease-in-out!important;
}
.sec_project .container .swiper-slide p::after {
	content: "";
	position: absolute;
	top: 1em;
	right: 0;
	/*-webkit-transform : translateY(-50%);*/
	/*transform : translateY(-50%);*/
	width: 35px;
	height: 35px;
	transition: all 0.2s ease-in-out!important;
}
.sec_project .container .swiper-slide a {
	transition: all 0.2s ease-in-out;
}
.sec_project .container .swiper-slide a:hover {
	opacity: 1;
}
@media only screen and (max-width: 768px){
.sec_project .container .inner {
}
.sec_project .container .swiper {width: 90%;overflow: hidden;}
.sec_project .container .swiper-wrapper {
	gap: 0;
}
.sec_project .container .swiper-slide img {
	width: 100%;
}
.sec_project .container .swiper-slide {
	/* width: 100%!important; */
}
.sec_project .container .swiper-slide img {
	/*transition: top 0.2s, left 0.2s, transform 0.2s;*/
	/*transition: all 0.2s ease-in-out!important;*/
	position: relative;
	will-change: filter;
	margin-bottom: 15px;
}
.sec_project .container .swiper-slide img:hover {
	left: 4px;
	top: 4px;
	filter: none!important;
}
.sec_project .container .swiper-slide a:hover {
	/*opacity: 1;*/
}
.sec_project .container .swiper-slide p {
	font-size: 14px;
	letter-spacing: 0.018em;
	font-weight: bold;
	line-height: 1.5714;
	padding-right: 50px;
	position: relative;
	min-height: calc(25px + 1em);
}
.sec_project .container .swiper-slide p::after {
	width: 25px;
	height: 25px;
	right: 4%;
}
}
/* project01 */
.sec_project .container.project01 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project1_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project1_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project1_main_color));
	filter:drop-shadow(4px 4px 0 var(--project1_main_color));
}
.sec_project .container.project01 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p01.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project01 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p01.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project01 .swiper-slide a:hover p {
	color: var(--project1_main_color);
}
/* project02 */
.sec_project .container.project02 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project2_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project2_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project2_main_color));
	filter:drop-shadow(4px 4px 0 var(--project2_main_color));
}
.sec_project .container.project02 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p02.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project02 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p02.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project02 .swiper-slide a:hover p {
	color: var(--project2_main_color);
}
/* project03 */
.sec_project .container.project03 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project3_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project3_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project3_main_color));
	filter:drop-shadow(4px 4px 0 var(--project3_main_color));
}
.sec_project .container.project03 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p03.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project03 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p03.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project03 .swiper-slide a:hover p {
	color: var(--project3_main_color);
}
/* project04 */
.sec_project .container.project04 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project4_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project4_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project4_main_color));
	filter:drop-shadow(4px 4px 0 var(--project4_main_color));
}
.sec_project .container.project04 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p04.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project04 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p04.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project04 .swiper-slide a:hover p {
	color: var(--project4_main_color);
}
/* project05 */
.sec_project .container.project05 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project5_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project5_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project5_main_color));
	filter:drop-shadow(4px 4px 0 var(--project5_main_color));
}
.sec_project .container.project05 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p05.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project05 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p05.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project05 .swiper-slide a:hover p {
	color: var(--project5_main_color);
}
/* project06 */
.sec_project .container.project06 .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 var(--project6_main_color));
	-moz-filter:drop-shadow(4px 4px 0 var(--project6_main_color));
	-ms-filter:drop-shadow(4px 4px 0 var(--project6_main_color));
	filter:drop-shadow(4px 4px 0 var(--project6_main_color));
}
.sec_project .container.project06 .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_p06.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project06 .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_p06.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project06 .swiper-slide a:hover p {
	color: var(--project6_main_color);
}
/* project_end */
.sec_project .container.project_end .swiper-slide img {
	-webkit-filter:drop-shadow(4px 4px 0 rgb(122 122 122 / 50%));
	-moz-filter:drop-shadow(4px 4px 0 rgb(122 122 122 / 50%));
	-ms-filter:drop-shadow(4px 4px 0 rgb(122 122 122 / 50%));
	filter:drop-shadow(4px 4px 0 rgb(122 122 122 / 50%));
}
.sec_project .container.project_end .swiper-slide p::after  {
	background: url("/premier-pj/asset/images/top/arrow02_end.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project_end .swiper-slide a:hover p::after {
	background: url("/premier-pj/asset/images/top/arrow_end.png") no-repeat;
	background-size: cover;
}
.sec_project .container.project_end .swiper-slide a:hover p {
	color: rgb(122 122 122 / 50%);
}


/*--------- tab menu ------------*/
.sec_project .tab{
	margin-bottom: 160px;
}
.sec_project .tab-list{
  display: flex;
	gap: 20px;
	position: relative;
}

.sec_project .tab-top .tab-list-item{
	font-size: 16px;
	color: #fff;
  width: 34%;
  text-align: center;
  padding: 13px 0;
  cursor: pointer;
	border: none;
	border-radius: 8px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec_project .tab-bottom .tab-list-item{
	font-size: 16px;
	color: #fff;
  width: 34%;
  text-align: center;
  padding: 26px 0;
  cursor: pointer;
	border: none;
	border-radius: 8px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec_project .tab-list .tab-list-item p{
	position: relative;
}


.sec_project .tab-list .gray p::before,
.sec_project .tab-list .gray p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .gray p::before{
	right: -22%;
	top: 20%;
}
.sec_project .tab-list .gray p::after{
	right: -22%;
	top: 20%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.gray p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.gray p:after{
	background: #8497B0;
}

.sec_project .tab-list .blue p::before,
.sec_project .tab-list .blue p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .blue p::before{
	right: -8%;
	top: 18%;
}
.sec_project .tab-list .blue p::after{
	right: -8%;
	top: 18%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.blue p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.blue p:after{
	background: #0082C8;
}

.sec_project .tab-list .pink p::before,
.sec_project .tab-list .pink p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .pink p::before{
	right: -35%;
	top: 34%;
}
.sec_project .tab-list .pink p::after{
	right: -35%;
	top: 34%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.pink p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.pink p:after{
	background: #E54B4B;
}

.sec_project .tab-list .green p::before,
.sec_project .tab-list .green p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .green p::before{
	right: -20%;
	top: 20%;
}
.sec_project .tab-list .green p::after{
	right: -20%;
	top: 20%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.green p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.green p:after{
	background: #167C80;
}

.sec_project .tab-list .navy p::before,
.sec_project .tab-list .navy p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .navy p::before{
	right: -28%;
	top: 20%;
}
.sec_project .tab-list .navy p::after{
	right: -28%;
	top: 20%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.navy p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.navy p:after{
	background: #16528E;
}

.sec_project .tab-list .red p::before,
.sec_project .tab-list .red p::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .tab-list .red p::before{
	right: -19%;
	top: 20%;
}
.sec_project .tab-list .red p::after{
	right: -19%;
	top: 20%;
	transform: rotate(90deg);
}
.sec_project .tab-list .is-btn-active.red p:before{
	display: none;
}
.sec_project .tab-list .is-btn-active.red p:after{
	background: #C00000;
}

.sec_project .tab-list .gray{
	background: #8497B0;
}
.sec_project .tab-list .blue{
	background: #0082C8;
}
.sec_project .tab-list .pink{
	background: #E54B4B;
}
.sec_project .tab-list .green{
	background: #167C80;
}
.sec_project .tab-list .navy{
	background: #16528E;
}
.sec_project .tab-list .red{
	background: #C00000;
}

.sec_project .tab-contents{
  background: #fff;
  display: none;
  padding: 45px 30px;
	margin-bottom: 20px;
}
.sec_project .tab-contents-wrap .project01{
  border: 2px solid #8497B0;
	border-radius: 0 8px 8px 8px;
}
.sec_project .tab-contents-wrap .project02{
  border: 2px solid #0082C8;
	border-radius: 8px;
}
.sec_project .tab-contents-wrap .project03{
  border: 2px solid #E54B4B;
	border-radius: 8px 0 8px 8px;
}
.sec_project .tab-contents-wrap .project04{
  border: 2px solid #167C80;
	border-radius: 0 8px 8px 8px;
}
.sec_project .tab-contents-wrap .project05{
  border: 2px solid #16528E;
	border-radius: 8px;
}
.sec_project .tab-contents-wrap .project06{
  border: 2px solid #C00000;
	border-radius: 8px 0 8px 8px;
}

.sec_project .tab-list .is-btn-active{
  background: #fff;
  font-weight: bold;
	position: relative;
}
.sec_project .tab-list .is-btn-active.gray{
	color: #8497B0;
	border-top: 2px solid #8497B0;
	border-right: 2px solid #8497B0;
	border-left: 2px solid #8497B0;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.gray::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #8497B0;
	border-right: 2px solid #8497B0;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}
.sec_project .tab-list .is-btn-active.blue{
	color: #0082C8;
	border-top: 2px solid #0082C8;
	border-right: 2px solid #0082C8;
	border-left: 2px solid #0082C8;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.blue::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #0082C8;
	border-right: 2px solid #0082C8;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}
.sec_project .tab-list .is-btn-active.pink{
	color: #E54B4B;
	border-top: 2px solid #E54B4B;
	border-right: 2px solid #E54B4B;
	border-left: 2px solid #E54B4B;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.pink::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #E54B4B;
	border-right: 2px solid #E54B4B;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}
.sec_project .tab-list .is-btn-active.green{
	color: #167C80;
	border-top: 2px solid #167C80;
	border-right: 2px solid #167C80;
	border-left: 2px solid #167C80;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.green::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #167C80;
	border-right: 2px solid #167C80;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}
.sec_project .tab-list .is-btn-active.navy{
	color: #16528E;
	border-top: 2px solid #16528E;
	border-right: 2px solid #16528E;
	border-left: 2px solid #16528E;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.navy::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #16528E;
	border-right: 2px solid #16528E;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}
.sec_project .tab-list .is-btn-active.red{
	color: #C00000;
	border-top: 2px solid #C00000;
	border-right: 2px solid #C00000;
	border-left: 2px solid #C00000;
	border-radius: 8px 8px 0 0;
}
.sec_project .tab-list .is-btn-active.red::after{
	content: "";
	background: #fff;
	position: absolute;
	border-left: 2px solid #C00000;
	border-right: 2px solid #C00000;
	width: 100%;
	height: 33px;
	left: -2px;
	bottom: -32px;
}

.sec_project .is-contents-active{
  display: block;
}

.sec_project .tab-contents-wrap .flex{
	display: flex;
}

.sec_project .tab-contents-wrap .tab-ttl{
	margin-right: 25px;
	width: 30%;
}

.sec_project .tab-contents-wrap h4{
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 50px;
}
.sec_project .tab-contents-wrap h4 span{
	font-size: 63px;
	font-weight: 600;
	margin: 0 0 12px 10px;
}

.sec_project .tab-contents-wrap .project01 h4{
	color: #8497B0;
}
.sec_project .tab-contents-wrap .project02 h4{
	color: #0082C8;
}
.sec_project .tab-contents-wrap .project03 h4{
	color: #E54B4B;
}
.sec_project .tab-contents-wrap .project04 h4{
	color: #167C80;
}
.sec_project .tab-contents-wrap .project05 h4{
	color: #16528E;
}
.sec_project .tab-contents-wrap .project06 h4{
	color: #C00000;
}
.sec_project .tab-contents-wrap .project0_end h4{
	color: #333;
}

.sec_project .tab-contents-wrap .img{
	text-align: center;
}
.sec_project .tab-contents-wrap .img img{
	max-width: 50%;
}

.sec_project .tab-contents-wrap .tab-number{
	width: 70%;
	padding-top: 15px;
	margin-left: 20px;
}
.sec_project .tab-contents-wrap .tab-number li{
	font-weight: bold;
	line-height: 2.2;
	position: relative;
}
.sec_project .tab-contents-wrap .project01 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p01.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}
.sec_project .tab-contents-wrap .project02 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p02.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}
.sec_project .tab-contents-wrap .project03 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p03.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}
.sec_project .tab-contents-wrap .project04 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p04.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}
.sec_project .tab-contents-wrap .project05 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p05.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}
.sec_project .tab-contents-wrap .project06 .tab-number li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p06.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -20px;
	top: 5px;
}


.tab-contents-wrap .tab-contents .close_btn{
	background: #8497B0;
	border-radius: 5px;
	max-width: 233px;
	margin: 25px auto 0;
	position: relative;
	cursor: pointer;
}
.tab-contents-wrap .project02 .close_btn{
	background: #0082C8;
}
.tab-contents-wrap .project03 .close_btn{
	background: #E54B4B;
}
.tab-contents-wrap .project04 .close_btn{
	background: #167C80;
}
.tab-contents-wrap .project05 .close_btn{
	background: #16528E;
}
.tab-contents-wrap .project06 .close_btn{
	background: #C00000;
}
.tab-contents-wrap .tab-contents .close_btn p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0;
	position: relative;
}
.tab-contents-wrap .tab-contents .close_btn p::before,
.tab-contents-wrap .tab-contents .close_btn p::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 33%;
  width: 1px; /* °ô¤Î·ù£¨Ì«¤µ£© */
  height: 16px; /* °ô¤Î¸ß¤µ */
  background: #fff;
}
.tab-contents-wrap .tab-contents .close_btn p::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.tab-contents-wrap .tab-contents .close_btn p::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}


@media only screen and (max-width: 1150px){
	.sec_project .tab-contents-wrap h4 {
		padding-left: 4vw;
	}
.sec_project .tab-list .gray p::before{
	right: -15%;
}
.sec_project .tab-list .gray p::after{
	right: -15%;
}

.sec_project .tab-list .blue p::before{
	right: -5%;
}
.sec_project .tab-list .blue p::after{
	right: -5%;
}

.sec_project .tab-list .pink p::before{
	right: -25%;
}
.sec_project .tab-list .pink p::after{
	right: -25%;
}

.sec_project .tab-list .green p::before{
	right: -13%;
}
.sec_project .tab-list .green p::after{
	right: -13%;
}

.sec_project .tab-list .navy p::before{
	right: -17%;
}
.sec_project .tab-list .navy p::after{
	right: -17%;
}

.sec_project .tab-list .red p::before{
	right: -12%;
}
.sec_project .tab-list .red p::after{
	right: -12%;
}
}


@media only screen and (max-width: 1000px){
	.sec_project .tab-contents {
    padding: 40px 35px;
}
	.sec_project .tab-top .tab-list-item {
		font-size: 14px;
		padding: 10px 0;
}
.sec_project .tab-bottom .tab-list-item {
	font-size: 14px;
	padding: 20px 0;
}
.sec_project .tab-contents-wrap .tab-number li {
	font-size: 12px;
}
.sec_project .tab-contents-wrap h4 {
	font-size: 22px;
	margin-bottom: 40px;
}
.sec_project .tab-contents-wrap h4 span{
	font-size: 56px;
}
}

@media only screen and (max-width: 900px){
	.sec_project .tab-list .tab-list-item {
		font-size: 12px;
}
}

/* --------------- accordion ---------------- */
.sec_project .accordion{
	margin-bottom: 80px;
}

.sec_project .accordion nav{
	display: none;
	border: 2px solid #8497B0;
	margin-bottom: 17px;
}
.sec_project .accordion nav:nth-of-type(2){
	border: 2px solid #0082C8;
}
.sec_project .accordion nav:nth-of-type(3){
	border: 2px solid #E54B4B;
}
.sec_project .accordion nav:nth-of-type(4){
	border: 2px solid #167C80;
}
.sec_project .accordion nav:nth-of-type(5){
	border: 2px solid #0082C8;
}
.sec_project .accordion nav:nth-of-type(6){
	border: 2px solid #C00000;
	margin-bottom: 70px;
}

.sec_project .accordion .nav-open{
	padding: 15px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	background: #8497B0;
	position: relative;
	margin-top: 17px;
}
/* é]¤¸¤Æ¤¤¤ë•r */
.sec_project .accordion .nav-open::before,
.sec_project .accordion .nav-open::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 1px;
	height: 16px;
	background: #fff;
}
.sec_project .accordion .nav-open::before{
	right: 7%;
	top: 34%;
}
.sec_project .accordion .nav-open::after{
	right: 7%;
	top: 34%;
	transform: rotate(90deg);
}
/* é_¤¤¤Æ¤¤¤ë•r */
.sec_project .accordion .nav-open.active::before{
	display: none;
}
/* é]¤¸¤ë¥Ü¥¿¥ó¡¡é]¤¸¤¿•r */
.sec_project .accordion .nav-open.selected::before{
	display: block;
}

.sec_project .accordion .nav-open:nth-of-type(2){
	background: #0082C8;
}
.sec_project .accordion .nav-open:nth-of-type(3){
	background: #E54B4B;
}
.sec_project .accordion .nav-open:nth-of-type(4){
	background: #167C80;
}
.sec_project .accordion .nav-open:nth-of-type(5){
	background: #16528E;
}
.sec_project .accordion .nav-open:nth-of-type(6){
	background: #C00000;
}

.sec_project .accordion nav ul{
	padding: 25px 14px 35px 45px;
}

.sec_project .accordion nav li{
	position: relative;
	line-height: 1.8;
	font-weight: bold;
}

.sec_project .accordion nav li::before{
	content: "";
	background-image: url(/premier-pj/asset/images/top/arrow03_p01.png);
	background-size: cover;
	width: 17px;
	height: 17px;
	position: absolute;
	left: -30px;
	top: 3px;
}
.sec_project .accordion nav:nth-of-type(2) li::before{
	background-image: url(/premier-pj/asset/images/top/arrow03_p02.png);
}
.sec_project .accordion nav:nth-of-type(3) li::before{
	background-image: url(/premier-pj/asset/images/top/arrow03_p03.png);
}
.sec_project .accordion nav:nth-of-type(4) li::before{
	background-image: url(/premier-pj/asset/images/top/arrow03_p04.png);
}
.sec_project .accordion nav:nth-of-type(5) li::before{
	background-image: url(/premier-pj/asset/images/top/arrow03_p05.png);
}
.sec_project .accordion nav:nth-of-type(6) li::before{
	background-image: url(/premier-pj/asset/images/top/arrow03_p06.png);
}


.sec_project .accordion nav .close{
	background: #8497B0;
	border-radius: 5px;
	max-width: 233px;
	margin: 0 auto 25px;
	position: relative;
}
.sec_project .accordion nav:nth-of-type(2) .close{
	background: #0082C8;
}
.sec_project .accordion nav:nth-of-type(3) .close{
	background: #E54B4B;
}
.sec_project .accordion nav:nth-of-type(4) .close{
	background: #167C80;
}
.sec_project .accordion nav:nth-of-type(5) .close{
	background: #16528E;
}
.sec_project .accordion nav:nth-of-type(6) .close{
	background: #C00000;
}
.sec_project .accordion nav .close p{
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0;
	position: relative;
}
.sec_project .accordion nav .close::after{
	content: "";
	position: absolute;
	background-image: url(/premier-pj/asset/images/top/nanbo03.png);
	background-size: cover;
	width: 70px;
	height: 70px;
	right: 6%;
	bottom: 0;
}
.sec_project .accordion nav .close p::before,
.sec_project .accordion nav .close p::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 33%;
  width: 1px; /* °ô¤Î·ù£¨Ì«¤µ£© */
  height: 16px; /* °ô¤Î¸ß¤µ */
  background: #fff;
}
.sec_project .accordion nav .close p::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.sec_project .accordion nav .close p::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}

/*=======================================
¡¡swiper
=======================================*/
.swiper-slide img {
	width: 100%;
}
/* ʸӡ¥«¥¹¥¿¥Þ¥¤¥º */
.swiper-button-prev, .swiper-button-next {
	font-size: 16px;
	font-weight: 500;
	gap: 10px;
}
.swiper-button-prev {
	flex-direction: row-reverse;
	position: relative;
	padding-right: 20px;
	margin-right: 30px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	transition: background-image 0.2s ease-in-out;
}
.swiper-button-prev::after {
	transform: rotate( 180deg );
}
.arrow {
	display: flex;
	align-items: center;
}
.swiper-button-prev::before {
	content: "";
	width: 1px;
	height: 16px;
	background: #8497B0;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	right: 0;
}
@media only screen and (max-width: 768px){
.swiper-slide img {
	width: 100%;
}
/* ʸӡ¥«¥¹¥¿¥Þ¥¤¥º */
.swiper-button-prev, .swiper-button-next {
	font-size: 13px;
	gap: 5px;
}
.swiper-button-prev {
	padding-right: 10px;
	margin-right: 20px;
}
.swiper-button-prev::after, .swiper-button-next::after {
	width: 25px;
	height: 25px;
}
.swiper-button-prev::after {
	transform: rotate( 180deg );
}
.arrow {justify-content: flex-end;}
.swiper-button-prev::before {
	content: "";
	width: 1px;
	height: 16px;
	background: #8497B0;
	position: absolute;
	top: 50%;
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	right: 0;
}
}
/* project01 */
.container.project01 .swiper-button-prev,
.container.project01 .swiper-button-next {
	color: var(--project1_main_color);
}
.container.project01 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p01.png");
}
.container.project01 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p01.png");
}
.container.project01 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p01.png");
}
.container.project01 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p01.png");
}
/* project02 */
.container.project02 .swiper-button-prev,
.container.project02 .swiper-button-next {
	color: var(--project2_main_color);
}
.container.project02 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p02.png");
}
.container.project02 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p02.png");
}
.container.project02 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p02.png");
}
.container.project02 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p02.png");
}
/* project03 */
.container.project03 .swiper-button-prev,
.container.project03 .swiper-button-next {
	color: var(--project3_main_color);
}
.container.project03 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p03.png");
}
.container.project03 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p03.png");
}
.container.project03 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p03.png");
}
.container.project03 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p03.png");
}
/* project04 */
.container.project04 .swiper-button-prev,
.container.project04 .swiper-button-next {
	color: var(--project4_main_color);
}
.container.project04 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p04.png");
}
.container.project04 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p04.png");
}
.container.project04 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p04.png");
}
.container.project04 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p04.png");
}
/* project05 */
.container.project05 .swiper-button-prev,
.container.project05 .swiper-button-next {
	color: var(--project5_main_color);
}
.container.project05 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p05.png");
}
.container.project05 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p05.png");
}
.container.project05 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p05.png");
}
.container.project05 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p05.png");
}
/* project06 */
.container.project06 .swiper-button-prev,
.container.project06 .swiper-button-next {
	color: var(--project6_main_color);
}
.container.project06 .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p06.png");
}
.container.project06 .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_p06.png");
}
.container.project06 .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p06.png");
}
.container.project06 .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_p06.png");
}
/* project_end */
.container.project_end .swiper-button-prev,
.container.project_end .swiper-button-next {
	color: #7A7A7A;
}
.container.project_end .swiper-button-prev::after {
	background-image: url("/premier-pj/asset/images/top/arrow_end.png");
}
.container.project_end .swiper-button-next::after {
	background-image: url("/premier-pj/asset/images/top/arrow_end.png");
}
.container.project_end .swiper-button-prev:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_end.png");
}
.container.project_end .swiper-button-next:hover::after {
	background-image: url("/premier-pj/asset/images/top/arrow02_end.png");
}