@charset "UTF-8";

/* ----------------------------------
  わんわんイベント
---------------------------------- */
.ev-wrap-w2025{
  background: #fff1a9;
  padding: 0;
  color: #000;
}
.info-area.w2025 .sp {
  display: none;
}
@media ( max-width : 767px ) {
  .info-area.w2025 .pc {
    display: none;
  }
  .info-area.w2025 .sp {
    display: block;
  }
}

.info-area.w2025 .ev-title{
  margin: 0;
  padding-top: clamp(1.5rem, 1.148rem + 1.5vw, 2.5rem);
}
.info-area.w2025 .ev-date{
  width: 85%;
  margin: 0 auto;
}
@media ( max-width : 767px ) {
  .info-area.w2025 .ev-date{
    width: 90%;
  }
}


/*  */
.info-area.w2025 .info-area-inner {
  padding: 0 3em 3em;
  position: relative;
}
.info-area.w2025 .ev-info{
  position: relative;
	display: flex;
	align-items: center;
  justify-content: center;
}
.info-area.w2025 .ev-info div {
	margin: clamp(1.875rem, 1.479rem + 1.69vw, 3rem) 0;

  p{
    color: #45896d;
    font-weight: bold;
	  font-size: 1.1em;
    margin: 0;
  }
}
/* .info-area.w2025 .ev-info figure {
	margin: 0;
} */
@media ( max-width : 767px ) {
  .info-area.w2025 .info-area-inner {
    padding: 0 2em 2em;
  }
  .info-area.w2025 .info-area-inner::before{
    width: 200px;
    height: 199px;
  }
  .info-area.w2025 .ev-info{
    width: 95%;
    flex-direction: column-reverse;
  }
  .info-area.w2025 .ev-info div {
    width: 100%;
  }
  .info-area.w2025 .ev-info figure {
    width: 100%;
  }
}

/* ページ内リンク */
.info-area.w2025 .page-link {
  display: flex;
  gap: 1em;
  position: relative;
  /* margin-top: 20px; */
}
.info-area.w2025 .page-link li{
	flex: 1;
	text-align: center;
}
.info-area.w2025 .page-link li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
  font-size: clamp(0.813rem, 0.746rem + 0.28vw, 1rem);
	padding: 1em;
	text-decoration: none;
	position: relative;

  &::after{
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 24px;
  }

  &:hover{
    transform: translateY(3px);
    opacity: .8;
  }
}
.info-area.w2025 .page-link li:first-child a{
  background: #f4a665;
}
.info-area.w2025 .page-link li:last-child a{
  background: #64a5da;
}
@media ( max-width : 767px ) {
  .info-area.w2025 .page-link li a{
    justify-content: space-between;
    padding: 1em;

    &::after{
      width: 8px;
      height: 8px;
      right: 12px;
    }
  }
}

/* 共通 */
.info-area.w2025 .corner-label{
  background: linear-gradient(135deg, #fff1a9 3%, #fff 3%, #fff 97%, #fff1a9 97%);
  /* background: #fff; */
  padding: 3em 2em;
  position: relative;
  margin-top: clamp(20px, 5vw, 30px);
}

.info-area.w2025 #real-area .ev-detail-box,
.info-area.w2025 #online-area .ev-detail-box{

}
.info-area.w2025 #real-area .ev-detail-box li,
.info-area.w2025 #online-area .ev-detail-box li{

}

/* リアル */
.info-area.w2025 .real-ttl{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2em;
}
.info-area.w2025 .real-ttl h4{
  width: clamp(200px, 50%, 300px);
  margin: 0;
}
.info-area.w2025 .real-ttl span{
  font-weight: bold;
}
@media ( max-width : 767px ) {
  .info-area.w2025 .real-ttl{
    flex-direction: column;
    gap: 0;
  }
}

/* corner-01 */
.info-area.w2025 #real-area .real-cont .corner-01 h5{
  margin: 0;

  figure{ margin: 0; }
}
.info-area.w2025 #real-area .real-cont .corner-01 ul{
	display: flex;
  justify-content: center;
  gap: 1em;
  position: relative;
  padding: 2em;
  margin-bottom: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
  border: 2px solid #f4a665;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  @media ( max-width : 767px ) {
    flex-direction: column;
    gap: 2em;
  }

   &::before,
   &::after{
    content: "";
    border: 1px dashed #f4a665;
    align-self: stretch;
  }

  li{
    flex: 1;
    color: #604c3f;
    font-weight: bold;
  }
  li:first-child{
    order: -1;
  }
  li:last-child{
    order: 3;
  }
}
.info-area.w2025 #real-area .real-cont .corner-01 li{
	
}

.info-area.w2025 #real-area .real-cont .corner-01 dl{
	padding: 1em;
	margin: 0;
}
.info-area.w2025 #real-area .real-cont .corner-01 dt{
	text-align: center;
  margin: 1em auto;
  width: clamp(150px, 50%, 200px);
}


/* corner-02 */
.info-area.w2025 #real-area .real-cont .corner-02 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  position: relative;
  margin: clamp(1rem, 0.824rem + 0.75vw, 1.5rem) 0;
  @media ( max-width : 767px ) {
    flex-direction: column;
  }

   &::before{
    content: "";
    border: 1px dashed #f4a665;
    align-self: stretch;
  }

  li{
    width: calc(50% - 4em);
    color: #604c3f;
    font-weight: bold;
  }
  li:first-child{
    order: -1;
  }
}
.info-area.w2025 #real-area .real-cont .corner-02 ul + ul{
  border-top: 1px dashed #f4a665;
  padding-top: 2em;
}
@media ( max-width : 767px ) {
  .info-area.w2025 #real-area .real-cont .corner-02 ul{

    li{
      width: 100%;
    }
  }
}

/* 地図 */
.info-area.w2025 #real-area .real-cont .map-area{
	margin: 60px auto 0;
}
.info-area.w2025 #real-area .real-cont .map-area .map-area-title{
	width: clamp(300px, 50%, 400px);
	margin: 0 auto 1em;
}
.info-area.w2025 #real-area .real-cont .map-area p{
  font-size: 11px;
  text-align: center;
}
.info-area.w2025 #real-area .real-cont .map-area ul{
	width: 90%;
	margin: 20px auto;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.info-area.w2025 #real-area .real-cont .map-area li{
	width: calc(50% - 15px);
}
.info-area.w2025 #real-area .real-cont .map-area a:hover{
	opacity: .8;
}
@media ( max-width : 767px ) {
	.info-area.w2025 #real-area .real-cont .map-area .map-area-title{
		width: 100%;
		margin: 0 auto;
	}
	.info-area.w2025 #real-area .real-cont .map-area ul{
		flex-direction: column;
		gap: 1em;
		margin: 0 auto;
    width: 95%;
	}	
	.info-area.w2025 #real-area .real-cont .map-area li{
		width: 100%;
	}
}


/* オンライン */
.info-area.w2025 .online-ttl{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2em;
}
.info-area.w2025 .online-ttl h4{
  width: clamp(200px, 50%, 300px);
  margin: 0;
}
.info-area.w2025 .online-ttl span{
  font-weight: bold;
}
@media ( max-width : 767px ) {
  .info-area.w2025 .online-ttl{
    flex-direction: column;
    gap: 0;
  }
}

/* corner-03 */
.info-area.w2025 #online-area .online-cont .corner-03{
	margin-top: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
}
.info-area.w2025 #online-area .online-cont .corner-03 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  position: relative;
  margin: clamp(1rem, 0.824rem + 0.75vw, 1.5rem) 0;
  @media ( max-width : 767px ) {
    flex-direction: column;
  }

  &::before{
    content: "";
    border: 1px dashed #64a5da;
    align-self: stretch;
  }

  li{
    width: calc(50% - 4em);
    color: #604c3f;
    font-weight: bold;
  }
  li:first-child{
    order: -1;
  }
}
.info-area.w2025 #online-area .online-cont .corner-03 ul + ul{
  border-top: 1px dashed #64a5da;
  padding-top: 2em;
}
@media ( max-width : 767px ) {
  .info-area.w2025 #online-area .online-cont .corner-03 ul{

    li{
      width: 100%;
    }
  }
}

/* corner-04 */
.info-area.w2025 #online-area .online-cont .corner-04 h5{
  margin: clamp(2rem, 1.824rem + 0.75vw, 2.5rem) 0 0;

  figure{ margin: 0; }
}
.info-area.w2025 #online-area .online-cont .corner-04 ul{
  display: flex;
  justify-content: center;
  gap: 2em;
  position: relative;
  padding: 2em;
  margin-bottom: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
  border: 2px solid #64a5da;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  @media ( max-width : 767px ) {
    flex-direction: column;
  }

  &::before{
    content: "";
    border: 1px dashed #64a5da;
    align-self: stretch;
  }

  li{
    flex: 1;
    color: #604c3f;
    font-weight: bold;
  }
  li:first-child{
    order: -1;
  }
}


.info-area.w2025 .entry-end{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2em;

  & p{
    margin: 0;
    font-weight: bold;
  }
  & p.entry-end-ttl{
    background: #6a3906;
    color: #fff;
    padding: .2em 2em;
    border-radius: 50px;
  }
  & p.real{
    color: #E95412;
    margin: 1em 0 0;
  }
  & p.online{
    color: #E95412;
    margin: 1em 0 0;
  }
}



/* ----------------------------------
  にゃんカレッジ
---------------------------------- */
.ev-wrap-n2025 {
  background-color: #efc4bd;
  background-image: radial-gradient(circle, #f2cec7 5px, transparent 5px), radial-gradient(circle, #f2cec7 5px, transparent 5px);
  background-position: 0 0, 25px 30px;
  background-size: 50px 60px;
  color: #604c3f;
}

.info-area.n2025 .sp {
  display: none;
}
@media ( max-width : 767px ) {
  .info-area.n2025 .pc {
    display: none;
  }
  .info-area.n2025 .sp {
    display: block;
  }
}

.info-area.n2025 .ev-title{
  margin: 0;
}
.info-area.n2025 .ev-date{
  width: 90%;
  margin: 0 auto;
}
@media ( max-width : 767px ) {
  .info-area.n2025 .ev-date{
    width: 96%;
  }
}

/*  */
.info-area.n2025 .info-area-inner{
  width: 90%;
  margin: 0 auto;
  padding: 0 0 clamp(3.75rem, 3.31rem + 1.88vw, 5rem);
}
.info-area.n2025 .ev-text{
  display: flex;
  justify-content: center;
  margin: clamp(1.875rem, 1.479rem + 1.69vw, 3rem) 0;
}
.info-area.n2025 .ev-text p{
  font-weight: bold;
  margin: 0;
}
.info-area.n2025 .ev-text div{
  width: 40%;
  transform:rotate(5deg); 
}
@media ( max-width : 767px ) {
  .info-area.n2025 .info-area-inner{
  }
  .info-area.n2025 .ev-text{
    flex-direction: column;
  }
  .info-area.n2025 .ev-text div{
    width: 100%;
  }
}

/* ページ内リンク */
.info-area.n2025 .page-link {
  display: flex;
  gap: 1em;
  position: relative;
}
.info-area.n2025 .page-link li{
	flex: 1;
	text-align: center;
}
.info-area.n2025 .page-link li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
  font-size: clamp(0.813rem, 0.746rem + 0.28vw, 1rem);
	padding: 1em;
	text-decoration: none;
	position: relative;

  &::after{
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 24px;
  }

  &:hover{
    transform: translateY(3px);
    opacity: .8;
  }
}
.info-area.n2025 .page-link li:first-child a{
  background: #b062a3;
}
.info-area.n2025 .page-link li:last-child a{
  background: #22ac38;
}
@media ( max-width : 767px ) {
  .info-area.n2025 .page-link li a{
    justify-content: space-between;
    padding: 1em;
    /* font-size: 13px; */

    &::after{
      width: 8px;
      height: 8px;
      right: 12px;
    }
  }
}

/* 共通 */
.info-area.n2025 .ev-info-inner h4{
  width: clamp(280px, 50%, 320px);
  margin: 0 auto;
}

/* リアル */
.info-area.n2025 #real-area{
  padding: 60px 0 0;
  position: relative;
}
.info-area.n2025 #real-area .ev-info-inner{
  background: #fff;
  border: 1px solid #b062a3;
  border-radius: 1px;
  padding: clamp(2rem, 1.648rem + 1.5vw, 3rem) clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
  position: relative;

  & hr{
    border: 0;
    border-top: 1px dashed #604c3f;
    margin: 2em 0;
    padding: 0;
  }

  & h5{
    width: clamp(17.5rem, 14.859rem + 11.27vw, 25rem);/* 280px - 400px */
    margin: 0 auto 2em;
  }

  & .real-cont{
    display: flex;
    gap: 2em;
    position: relative;
  }
  & .real-cont::before{
    content: "";
    border: 1px dashed #604c3f;
    align-self: stretch;
  }
  & .real-cont div{
    flex: 1;
  }
  & .real-cont div.seminar{
    order: -1;
  }
}
@media ( max-width : 767px ) {
  .info-area.n2025 #real-area .ev-info-inner{
    & .real-cont{
      flex-direction: column;
      gap: 1em;
    }
  }
}

/* オンライン */
.info-area.n2025 #online-area{
  padding: 60px 0 30px;
}
.info-area.n2025 #online-area .ev-info-inner{
  background: #fff;
  border: 1px solid #19663a;
  border-radius: 1px;
  padding: clamp(2rem, 1.648rem + 1.5vw, 3rem) clamp(1.5rem, 1.324rem + 0.75vw, 2rem);
  position: relative;

  & h5{
    width: clamp(17.5rem, 14.859rem + 11.27vw, 25rem);/* 280px - 400px */
    margin: 1em auto 2em;
  }

  & .online-cont{
    display: flex;
    gap: 2em;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
  }
  & .online-cont::before{
    content: "";
    border: 1px dotted #604c3f;
    align-self: stretch;
  }
  & .online-cont div{
    flex: 1;
  }
  & .online-cont div.seminar{
    order: -1;
  }
}
@media ( max-width : 767px ) {
  .info-area.n2025 #online-area .ev-info-inner{
    & .real-cont{
      flex-direction: column;
      gap: 1em;
    }
  }

  .info-area.n2025 #online-area .ev-info-inner{
    & .online-cont{
      flex-direction: column;
      gap: 1em;
    }
  }
}

/* page-link-min */
.info-area.n2025 .page-link-min{
	display: flex;
	margin: 2em 0;
	flex-wrap: wrap;
	gap: 1em;
	width: 100%;

  & li{
    flex: 1;
  }
  & li a{
    display: block;
    border: 1px solid #604c3f;
    font-weight: bold;
    padding: 1em;
    border-radius: 4px;
    text-decoration: none;
    color: #604c3f;
    text-align: center;
  }
  & li a:hover{
    background: #604c3f;
	  color: #fff;
  }
}
@media ( max-width : 767px ) {
	.info-area.n2025 .page-link-min{
    flex-wrap: wrap;

    & li{
      flex: inherit;
      width: calc(100% / 2 - .5em);
    }
    & li a{
      padding: 1em 0;
		  position: relative;
    }
	}
}

/* 地図 */
.ev-wrap-n2025 .map-area{
	margin: 40px auto 0;
}
.ev-wrap-n2025 .map-area-title{
	width: clamp(300px, 50%, 420px);
	margin: 0 auto;
}
.ev-wrap-n2025 .map-list{
	display: flex;
	gap: 2em;
	margin: 30px auto;

  & li{
    flex: 1;
	  position: relative;
  }

  & li:not(:last-child):before{
    content: "";
    display: block;
    height: 100%;
    width: 0;
    border-right: 3px dotted #816450;
    position: absolute;
    right: -1em;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  & li a:hover{
    opacity: .8;
  }
}
@media ( max-width : 767px ) {
	.ev-wrap-n2025 .map-area{
		margin: 20px auto 0;
	}
	.ev-wrap-n2025 .map-list{
		flex-direction: column;
		gap: 1em;
    width: 80%;

    & li:not(:last-child):before{
      border-right: none;
    }

    & li:nth-child(2){
      border-top: 3px dotted #816450;
		  border-bottom: 3px dotted #816450;
		  padding: 1.5em 0;
    }
	}
}

/* 講師 */
.info-area.n2025 #koushi{
	margin: 20px auto;
}
.info-area.n2025 #koushi ul{
	display: flex;
	gap: 2em;

  & li{
    flex: 1;
  }
}
@media ( max-width : 767px ) {
  .info-area.n2025 #koushi{
    width: 90%;
  }
	.info-area.n2025 #koushi ul{
		flex-direction: column;
	}
}

.info-area.n2025 .entry-end{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3em;

  & p{
    margin: 0;
    font-weight: bold;
    color: #40210f;
  }
  & p.entry-end-ttl{
    background: #6a3906;
    color: #fff;
    padding: .2em 2em;
    border-radius: 50px;
  }
  & p.real{
    color: #EC6D57;
    margin: 1em 0 0;
  }
  & p.online{
    color: #006934;
    margin: 1em 0 0;
  }
}

/* 告知 */
.ev-wrap-n2025 .teaser-list{
  display: flex;
  gap: 2em;
  justify-content: center;
  position: relative;
  @media ( max-width : 767px ) {
    flex-direction: column;
  }

  &::before{
    content: "";
    border: 1px dashed #604c3f;
    align-self: stretch;
  }

  li{
    flex: 1;
  }
  li:first-child{
    order: -1;
  }

  .tag-seminar{
    background: #ea586c;
    border-radius: 50px;
    color: #fff;
    padding: .2em 1em;
    font-weight: bold;
  }
  .tag-ws{
    background: #7486c2;
    border-radius: 50px;
    color: #fff;
    padding: .2em 1em;
    font-weight: bold;
  }
  p{
    margin: .5em 0;
    font-weight: bold;
  }
  .seminar p:last-child{
    color: #ea586c;

    span:first-child{
      font-size: .8em;
      padding-right: 1em;
    }
  }
  .ws p:last-child{
    color: #7486c2;

    span:first-child{
      font-size: .8em;
      padding-right: 1em;
    }
  }
}