/* visual
------------------------------------------------ */
.top-visual-lists__photo {position: relative;/* padding-bottom: 111.204481793%; */width: 100%;height: auto;overflow: hidden;/* z-index: 1; */}
.top-visual-lists__photo img {/* position: absolute; */top: 0;left: 0;}
.sp{display: none}
@media screen and (max-width: 768px) {
  .top-visual .splide__pagination { display: none; }
  .pc{display: none}
  .sp{display: block}
}

.type__list{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}

/* guide
------------------------------------------------ */
.l-gnav-links .l-gnav-links__item:nth-of-type(1) a{
  background: url(../../img/icon/i-home.png) no-repeat center left;
  background-size: 20px;
}
.l-gnav-links .l-gnav-links__item:nth-of-type(2) a{
  background: url(../../img/icon/i-intro.png) no-repeat center left;
  background-size: 20px;
}
.l-gnav-links .l-gnav-links__item:nth-of-type(3) a{
  background: url(../../img/icon/i-sche.png) no-repeat center left;
  background-size: 18px;
  position: relative;
}
.l-gnav-links .l-gnav-links__item:nth-of-type(3) a::after {content: '';position: absolute;top: 50%;right: -8px;transition: transform 0.4s ease;margin-top: -5px;width: 14px;height: 10px;background: url(../../img/icon/arrow_down1.svg) no-repeat center center;background-size: 100% 100%;}
.top-guide{margin: 60px 0 60px 0;}
.top-guide-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.top-guide-lists__item{width:calc(100% / 3 - 40px);margin:0 0 30px;position:relative;display:flex;align-items:start;flex-wrap:wrap}
.top-guide-tit{font-size:1.4rem;font-weight:700;background:url(../../img/icon/i-use.png) no-repeat center left;background-size:16px;padding:0 0 0 22px;margin:0 0 20px;display:block;color: #767778;}
.top-product-lists__num{font-weight:700;font-size:3.2rem;color:#6390D4;width:13%;margin:-11px 0 0}
.top-guide-list .top-guide-lists__item:nth-of-type(2) .top-product-lists__num{
  color: #EC796D;
}
.top-guide-list .top-guide-lists__item:nth-of-type(3) .top-product-lists__num{
  color: #77C275;
}
.top-guide-list .top-guide-lists__item:nth-of-type(3) .top-product-lists__icon img{
  margin-top: 23px;
}
.top-guide-list .top-guide-lists__item{
  position: relative;
}
.top-guide-list .top-guide-lists__item::before{content:'';position:absolute;right:-51px;background:url(../../img/icon/i_right.png) no-repeat center;background-size:45%;padding:25px;top:20%}
.top-guide-list .top-guide-lists__item:nth-of-type(3)::before{
  display: none;
}
.top-product-lists__icon img{width: 33px;margin: 10px 0 0 0;}
.top-guide-lists__title{font-weight:700;font-size:2rem}
.top-guide-lists__txt{font-weight:700;font-size:1.4rem}
.top-guide-lists__txt a{color:#2E77E4}
.top-product-lists__icon{width:19%}
.top-guide-lists__info{width:68%}
.top-infor{display:flex;justify-content:space-between;align-items:center;background-color:#F8F8F8;padding:20px 6%;border-radius:16px;margin: 0 auto 50px;}
.top-infor-lists__title{font-size:1.6rem;font-weight:700}
.top-infor-lists__txt{font-size:1.2rem}
@media screen and (max-width: 1200px) {
  .top-infor{padding: 20px;}
}
@media screen and (max-width: 1024px) {
  .top-infor { padding: 20px 2%;}
  .top-infor .top-infor-lists__item:nth-of-type(1){margin-right: 20px;width: 31%;}
}
@media screen and (max-width: 768px) {
  .top-guide{margin:40px 0}
  .top-guide-tit{font-family: 1.8rem;}
  .top-infor,.top-guide-list{display: block;}
  .top-guide-lists__item{width: 100%;margin: 0 0 55px;}
  .top-guide-lists__title{font-size: 2.2rem;}
  .top-guide-lists__txt {font-weight: 500;}
  .top-infor .top-infor-lists__item:nth-of-type(1){width: 100%;margin: 0 auto;}
  .top-infor-lists__title{font-size:2rem;text-align:center;margin: 0 auto 15px;}
  .top-infor-lists__txt{font-size:1.4rem}
  .top-guide-list .top-guide-lists__item::before{content:'';position:absolute;right:0;background:url(../../img/icon/i_right.png) no-repeat center bottom;background-size:25px;padding:29px;top:unset;bottom:-56px;left:0;transform:rotate(90deg)}
  .top-guide-lists__item:last-child{margin:0 0 30px}
  .top-infor{padding:20px;margin: 0 auto 40px;}
  .top-product-lists__num{
    width: 39px;
    margin: 5px 0 0;
}
.top-product-lists__icon{width: 53px;}
.top-guide-lists__info {
  width: 68%;
}
.top-guide-list .top-guide-lists__item:nth-of-type(2) .top-product-lists__icon img {
  margin-top: 14px;
}
.top-guide-list .top-guide-lists__item:nth-of-type(3) .top-product-lists__icon img {
  margin-top: 21px;
}
}
/* event
------------------------------------------------ */
.top-event{padding: 60px 0 30px 0;background-color: #F2F4F6;position:relative;z-index:1;}
.top-event-title{font-size: 3rem;border-bottom: 1px solid #C0CAD3;text-align: center;padding-bottom: 15px;margin: 0 0 60px 0;color: #617D99;}
.top-event-lists{max-width: 860px;margin: auto;}
.top-event-lists__item{display: flex;align-items: flex-start;justify-content: flex-start;}
.top-event-lists__tit{font-size: 2.4rem;font-weight: 500;text-align: center;color: #373A3E;margin: 0;padding-right: 5px;}
.top-event-lists__datestart p{font-weight: 500;}
.top-event-lists__datestart{border-radius: 16px;background-color: #fff;padding: 21px 11px;box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;}
.top-event-lists__item-date .top-event-lists__datestart:nth-of-type(1){/* margin-right: 13px; */}
.top-event-lists__item-date .top-event-lists__datestart{width: calc(50% - 5px);margin: 0 0 10px;}
.top-event-lists__item{width: calc(50% - 1px);margin: 0 0 30px;}
.top-event-lists__datestart a p,.top-event-lists__datestart a{color:#63666A}
.top-event-lists__item-date{display: flex;align-items: start;justify-content: space-between;width: 60%;flex-wrap: wrap;}
.top-event-lists__item-title{width: 36%;display: flex;align-items: center;justify-content: center;height: 100%;}
.top-event-lists__mon{font-size: 1.6rem;}
.top-event-lists__month{font-size: 1rem;}
.top-event-lists__day{font-size: 3.2rem;font-weight: bold;line-height: 28px;width: 37px;display: inline-block;text-align: right;margin-right: 3px;}
.top-event-lists__days{font-size: 1.4rem;font-weight: bold;margin-right: 6px;}
.top-event-lists__start#weekday{background-color: #3A80EA;}
.top-event-lists__start{font-size: 1rem;font-weight: bold;background-color: #E15555;color: #fff;padding: 4px;line-height: 10px;display: inline-block;border-radius: 50%;}
.top-event-lists__start#Sat{background-color:#3A80EA}
.top-event-lists__start#Sun{background-color: #E15555;}
.top-event-lists__start{background-color:#c7c6c6}
.top-event-lists__datestart a p{position: relative;}
.top-event-lists__datestart a p::after{content:'';width:10px;height:15px;background:url(../../../_assets/img/icon/i-arrow-right.png) no-repeat right center;background-size:100% 100%;position:absolute;right:0;bottom:3px}
@media screen and (max-width: 1024px) {
  .top-event-lists__item-title{width:39%}
  .top-event-lists__item-date {width: 64%;}
  .top-event-lists__datestart {padding: 15px 15px;}
  .top-event-lists__item {width: calc(50% - 1px);}
}
@media screen and (max-width: 768px) {
  .top-event{padding:30px 0;background-color:#F2F4F6}
  .top-event-lists{display: block;}
  .top-event-lists__item{width: 100%;display: block;margin: 0 0 17px;}
  .top-event-title {margin: 0 0 30px 0;}
  .top-event-lists__item:last-child{margin-bottom: 0;}
  .top-event-lists__item-title{width:100%;text-align:left;justify-content: left;}
  .top-event-lists__tit{text-align:left;margin:0 0 15px}
  .top-event-lists__datestart{padding: 18px 16px;}
  .top-event-lists__item-date{width:100%}
  .top-event-lists__item-date .top-event-lists__datestart{width:calc(50% - 8px);margin:0 0 16px}
  .top-event-lists__mon{font-size:2.2rem}
  .top-event-lists__month{font-size:1.6rem}
  .top-event-lists__day{font-size: 3.5rem;line-height:41px;width:50px;text-align: left;margin-right: 0;}
  .top-event-lists__days{font-size:2.6rem;text-align: left;}
  .top-event-lists__start{font-size:1.4rem;padding:6px;line-height:14px;border-radius:50%;position: relative;top: -3px;}
  .top-event-lists__datestart a p{position: relative;}
  .top-event-lists__datestart a p::after{content:'';left: unset;width: 12px;height: 21px;right:0;bottom: 9px;background: url(../../../_assets/img/icon/i-arrow-right.png) no-repeat right bottom;background-size: 100%;}
}
/* companies
------------------------------------------------ */
.top-company{padding: 60px 0 0 0;position:relative;z-index:1;}
/* .l-wrap__in{max-width: 800px;margin: auto;} */
.top-company>.l-wrap {max-width: 800px;}
.top-company__title{font-size: 3rem;font-weight: bold;text-align: center;margin: 0 0 25px 0;}
.lists-company{display:flex;flex-wrap:wrap}
.top-company .lists-company-item{margin:30px 32px 0 0;width:calc(100% / 4 - 24px)}
.top-company .lists-company-item:nth-of-type(4n){margin-right:0}
.lists-company-title{margin:15px 0 0;text-align:center;font-size:1.8rem;color: #63666A;}
.company-btn a{display:flex;align-items:center;justify-content:center;padding:11px 10px;width:370px;text-align:center;font-size:1.8rem;font-weight:700;position:relative;background-color:#F2F4F6;margin:50px auto 0;border-radius:50px;color:#767778}
.company-btn a::after{content:'';width:13px;height:20px;background:url(../../../_assets/img/icon/i-arrow-right.png) no-repeat right center;background-size:100% 100%;position:absolute;right:15px}
.company-btn a::before{content:'';width:23px;height:23px;background:url(../../../_assets/img/icon/i-use.png) no-repeat right center;background-size:100% 100%;position:absolute;left:15px}
.company-btn a:hover{opacity:.7}
.lists-company-photo img{border-radius: 5px;width: 100%;height: 168px;object-fit: cover;}
@media screen and (max-width: 768px) {
  .top-company{padding:30px 0 0}
  .top-company__title{margin:0 0 30px}
  .top-company .lists-company-item{margin:0 22px 27px 0;width:calc(100% / 2 - 11px)}
  .top-company .lists-company-item:nth-of-type(2n){margin-right: 0;}
  .company-btn a{width: 100%;margin: 20px auto 0;}
  .lists-company-photo img{height: 155px;}
}