/* Visual */
.sec--visual .visual {
	position: relative;
  width: 100%;
  overflow: hidden;
}

.sec--visual .visual-container {
	position: relative;
  width:100%;
  height:100vh;
	background-color: #595959;
	overflow: hidden;
}

.sec--visual .visual-inner--pc {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	padding: 120px 80px 160px;
	margin-left: -1150px;
	margin-top: -781px;
	white-space: nowrap;
	text-align: center;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: 1.5s;
	transition-duration: 1.5s;
}


.sec--visual .visual-inner--mo {
	display: none;
}

.sec--visual .visual-inner--pc .visual-item-list {
	display: inline-block;
	vertical-align: top;
	margin: 15px 27px;
}

.sec--visual .visual-inner--pc .visual-item-top {
	margin-top:183px;
}

.sec--visual .visual-inner--pc .visual-item-btm {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 285px;
}

.sec--visual .visual-inner--pc .visual-item-list li {
	display: block;
	padding: 25px 0;
	border-radius: 10px;
	-webkit-animation-name: tagOpacity;
	animation-name: tagOpacity;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-transition: 1.2s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s; 
}

.sec--visual .visual-inner--pc .visual-item-list .img {
	overflow: hidden;
	position: relative;
	display: block;
	width: 285px;
	height: 399px;
	text-align: center;
	box-shadow: 20px 50px 40px 0 rgba(0, 0, 0, 0.2);
	font-size:0px;
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear,
	-webkit-transform .3s linear;
	overflow: hidden; 
	border-radius:10px;
}

.sec--visual .visual-inner--pc .visual-item-list .img img {
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	height: auto;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transition: 1.2s;
}

.sec--visual .visual-inner--pc .visual-item-list:nth-child(1) li:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(1) li:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(2) li:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(2) li:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(2) li:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(3) li:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(3) li:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(3) li:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(4) li:nth-child(1) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(4) li:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(4) li:nth-child(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(5) li:nth-child(1) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(5) li:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(5) li:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(6) li:nth-child(1) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(6) li:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(6) li:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(7) li:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.sec--visual .visual-inner--pc .visual-item-list:nth-child(7) li:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

@keyframes tagOpacity {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.sec--visual .visual-inner--pc .visual-item-list .img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

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

}
@media screen and (max-width:992px) {
	.sec--visual .visual-container {
		height:auto;
		padding:0px 12px;
	}

	.sec--visual .visual-inner--pc {
		display: none;
	}
	
	.sec--visual .visual-inner--mo {
		display: block;
	}


	.sec--visual .visual-inner--mo ul {
    width: 100%;
    animation: none;
    margin:12px 0px;
  }

  .sec--visual .visual-inner--mo li {
    padding:12px 0px;
  }

  .sec--visual .visual-inner--mo .img {
		width:100%;
    height:auto;
		font-size:0px;
  }
}
@media screen and (max-width:768px) {
	
	.sec--visual .visual-inner--mo ul {
    margin:6px 0px;
  }

  .sec--visual .visual-inner--mo li {
    padding:6px 0px;
  }
}
@media screen and (max-width:576px) {

}

/* .sec--visual .visual-pc {
  display: block;
}

.sec--visual .visual-mo {
  display: none;
}

.sec--visual .visual-inner {
  display: flex;
  gap:0px 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}

.sec--visual .visual-list {
  width:285px;
  animation: visualScale 2s forwards;
}

.sec--visual .visual-list--01 {
  margin-top:-80px;
}

.sec--visual .visual-list--02 {
  margin-top:100px;
}

.sec--visual .visual-list--03 {
  margin-top:-80px;
}

.sec--visual .visual-list--04 {
  margin-top:100px;
}

.sec--visual .visual-list--05 {
  margin-top:-80px;
}

.sec--visual .visual-list--06 {
  margin-top:100px;
}

.sec--visual .visual-list li {
  width:100%;
  padding:25px 0px;
  overflow: hidden;
}

.sec--visual .visual-list .img {
  display: block;
  position: relative;
  width:285px;
  height:399px;
  overflow: hidden;
}

.sec--visual .visual-list .img img {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:0;
  height:auto;
  animation: visualWidth 2s forwards;
}

.sec--visual .visual-list--01 .img img {
  animation-delay: .05s;
}

.sec--visual .visual-list--02 .img img {
  animation-delay: .1s;
}

.sec--visual .visual-list--03 .img img {
  animation-delay: .2s;
}

.sec--visual .visual-list--04 .img img {
  animation-delay: .3s;
}

.sec--visual .visual-list--05 .img img {
  animation-delay: .2s;
}

.sec--visual .visual-list--06 .img img {
  animation-delay: .05s;
}

@keyframes visualScale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes visualWidth {
  0% {
    width:0;
  }
  100% {
    width:100%;
  }
}
@media screen and (max-width:1200px) {
  .sec--visual {
    height:calc(100vh - 60px);
  }
}
@media screen and (max-width:992px) {
  .sec--visual {
    height:auto;
  }

  .sec--visual .visual {
    padding:0px 12px;
  }

  .sec--visual .visual-pc {
    display: none;
  }
  
  .sec--visual .visual-mo {
    display: block;
  }

  .sec--visual .visual-inner {
    position: relative;
    top:unset;
    left: unset;
    transform: none;
    width:100%;
  }

  .sec--visual .visual-list {
    width: 100%;
    animation: none;
    margin:12px 0px;
  }

  .sec--visual .visual-list li {
    padding:12px 0px;
  }

  .sec--visual .visual-list .img {
    width:100%;
    height:auto;
  }

  .sec--visual .visual-list .img img {
    position: relative;
    top:unset;
    left: unset;
    transform: none;
    width:100%;
    height:auto;
    animation: none;
  }
}
@media screen and (max-width:768px) {
  .sec--visual .visual-list {
    margin:6px 0px;
  }

  .sec--visual .visual-list li {
    padding:6px 0px;
  }
}
@media screen and (max-width:576px) {

}
 */



/* Link */
.sec--link {
  padding:120px 0px;
}

.sec--link .item-inner {
  display: flex;
  flex-wrap: wrap;
  gap:40px;
}

.sec--link .item {
  position: relative;
  overflow: hidden;
  border-radius:10px;
}

.sec--link .item--01 {
  width:100%;
}

.sec--link .item--02 {
  width:31.25%;
}

.sec--link .item--03 {
  width:calc(100% - calc(31.25% + 40px));
}

.sec--link .item--04 {
  width:100%;
}

.sec--link .context {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:60px;
  z-index:10;
}

.sec--link .title {
  font-family: "Albert Sans", sans-serif;
  font-size:2rem;
  font-weight:500;
  line-height:.8;
  color:#fff;
}

.sec--link .title span {
  display: block;
  font-weight:700;
}

.sec--link .title span.big {
  font-size:4.6rem;
  margin-top:20px;
}

.sec--link .title span.small {
  font-size:3.8rem;
}

.sec--link .text {
  font-size:2rem;
  line-height:1.7;
  color:#fff;
  margin-bottom:120px;
  transition:all .3s ease;
}

.sec--link .arrow {
  display:flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left:60px;
  bottom:60px;
  width:63px;
  height:63px;
  background: url('/child/img/common/btn_arr.png') no-repeat center;
  border:2px solid #fff;
  border-radius:50%;
  transition:all .3s ease;
}

.sec--link .background {
  position: relative;
  font-size:0px;
}

.sec--link .background::before {
  content:"";
  display: block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: #1fb8df;
  opacity:0;
  transition:all .3s ease;
}

.sec--link .background-pc {
  display: block;
}

.sec--link .background-mo {
  display: none;
}

@media screen and (min-width:1201px) {
  .sec--link .text {
    opacity:0;
  }

  .sec--link .arrow {
    opacity:0;
  }

  .sec--link .item:hover .background::before {
    opacity:1;
  }
  
  .sec--link .item:hover .text {
    opacity:1;
  }
  
  .sec--link .item:hover .arrow {
    opacity:1;
  }
}
@media screen and (max-width:1200px) {
  .sec--link .title {
    font-size:1.8rem;
  }

  .sec--link .title span.big {
    font-size:3.6rem;
  }

  .sec--link .title span.small {
    font-size:3rem;
  }

  .sec--link .text {
    display: none;
  }
}
@media screen and (max-width:992px) {
  .sec--link {
    padding:100px 0px;
  }

  .sec--link .item-inner {
    gap:24px;
  }

  .sec--link .item--03 {
    width:calc(100% - calc(31.25% + 24px));
  }

  .sec--link .context {
    padding:40px;
  }

  .sec--link .title span.big {
    margin-top:18px;
  }

  .sec--link .arrow {
    left:40px;
    bottom:40px;
    width:48px;
    height:48px;
    background-size:auto 16px;
  }
}
@media screen and (max-width:768px) {
  .sec--link {
    padding:80px 0px;
  }

  .sec--link .item-inner {
    gap:16px;
  }

  .sec--link .item--03 {
    width:calc(100% - calc(31.25% + 16px));
  }

  .sec--link .context {
    padding:30px;
  }

  .sec--link .title {
    font-size:1.7rem;
  }

  .sec--link .title span.big {
    font-size:2.8rem;
    margin-top:16px;
  }

  .sec--link .title span.small {
    font-size:2.4rem;
  }

  .sec--link .arrow {
    left:30px;
    bottom:30px;
    width:40px;
    height:40px;
    background-size:auto 12px;
  }
}
@media screen and (max-width:576px) {
  .sec--link .item-inner {
    gap:12px;
  }

  .sec--link .item--02 {
    width:100%;
  }
  
  .sec--link .item--03 {
    width:100%;
  }

  .sec--link .context {
    padding:20px;
  }

  .sec--link .title {
    font-size:1.6rem;
  }

  .sec--link .title span.big {
    font-size:2.4rem;
    margin-top:10px;
  }

  .sec--link .title span.small {
    font-size:2rem;
  }

  .sec--link .arrow {
    left:24px;
    bottom:24px;
    width: 32px;
    height:32px;
  }

  .sec--link .background-pc {
    display: none;
  }
  
  .sec--link .background-mo {
    display:block;
  }
}