@charset "utf-8";

.serif{
  font-family: "Noto Serif JP", serif;
}
#VcArea-MainColum{
	text-align: left;
}


#vcbody-wrapper .topMainNews01{
  position: fixed;
  z-index: 999999999999;
}

#VcArea-MainColum.Toppage{
	text-align: center;
}
.posi01{
  overflow-x: hidden;
}
.local_wrap {
  padding-top: 5vw;
}

@media screen and (max-width:768px) {
  .local_wrap{
    padding-top: 56px;
  }
}
.contBottomToTop01{
	text-align: center;
}
.Mt0{
  margin-top: 0!important;
}

.t-center{
	text-align: center;
}

.careContBox01 img{
  width: 100%;
}
.local_bana_h1{
  padding: 5vw 0px 0px;
}
@media screen and (max-width:768px) {
  .local_bana_h1{
  padding: 56px 0px 0px;
  }
}
h2{
	margin-top: 5.555vw;
}

@media screen and (max-width: 768px) {
    h2{
	margin-top: 60px;
}
}
.h2text{
  font-size: 3.3vw;
  line-height: 1.2;
  font-weight: normal;
  color: #0051a3;
  /*margin-bottom: 0.4vw;*/
  margin-top: 5.555vw;
  text-align: center;
  letter-spacing: 0.5vw;
	margin-bottom: 3.472vw;
}

/* SP */
@media screen and (max-width:768px){
  .h2text{
    font-size: 32px;
    line-height: 1.2;
    margin-top: 40px;
    margin-bottom: 10px;
    letter-spacing: 6px;
  }
}

#VcArea-MainColum.localpage .careContBox01{
	width: auto;
}
#VcArea-MainColum.local_wrap p{
	font-size: 1.111vw;
    line-height: 1.8em;
	margin-top: 0.8em;
}
@media screen and (max-width: 768px) {
    #VcArea-MainColum.local_wrap p{
	font-size: 14px;
}
}
.localpage .detailBlockBase01 {
    padding: 2vw 0px 2vw ;
}
.detailBlockBase02 {
  padding: 2vw 0px 2vw ;
}

@media screen and (max-width:768px) {
  .detailBlockBase02 {
    padding: 48px 20px 0px;
  }
}


.topProjectBlock01 h3 {
    margin-top: 4.166vw;
}	
@media screen and (max-width:768px) {
.topProjectBlock01 h3 {
    margin-top: 40px;
}	
}
.bannerH401{
	margin-top: 5.55vw;
}
@media screen and (max-width:768px) {
.bannerH401{
	margin-top: 50px;
}
}
.bannerBox01 > .bannerH401:first-child{
  margin-top: 0;
}


.bannerList02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.666vw 0;
  margin-top: 2.777vw;
}

.bannerList02 li {
  display: flex;
  width: 48.5%;
}

.bannerList02 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition-duration: 0.3s;
}

.bannerList02 a:hover {
  opacity: 0.7;
}

.bannerList02 img {
  display: block;
/*  width: auto;
  max-width: 100%;*/
  height: auto;
}

@media screen and (max-width: 768px) {
  .bannerList02 {
    display: block;
    margin-top: 24px;
  }

  .bannerList02 li {
    width: 100%;
    margin-top: 15px;
  }

  .bannerList02 li:first-child {
    margin-top: 0;
  }
}

.text-blue{
	color: #0051a3
}
.font_small{
	font-size: 0.6em
}
.symposium_bg .detailBlockBase01{
	padding-top: 0px;
}
@media screen and (max-width: 768px) {
.symposium_bg{
  margin-top: 0;
}
}


/*スクロール*/
/* ===============================
  Top Anniversary Project Scroll
=============================== */

.topProjectScroll01 {
  position: relative;
  height: 200vh;
  margin-top: 1.111vw;
}

.topProjectPin01 {
  position: sticky;
  top: 7vw;
  height: calc(80vh - 5vw);
  display: flex;
  overflow: hidden;

  clip-path: polygon(
    2.083vw 0,
    calc(100% - 2.083vw) 0,
    100% 2.083vw,
    100% calc(100% - 2.083vw),
    calc(100% - 2.083vw) 100%,
    2.083vw 100%,
    0 calc(100% - 2.083vw),
    0 2.083vw
  );
}

.topProjectTextArea01 {
  width: 50%;
  height: 100%;
  overflow: hidden;
  background: #1D3E9A;
  background: linear-gradient(180deg, rgba(29, 62, 154, 1) 0%, rgba(34, 141, 216, 1) 100%);
  color: #ffffff;
}

.topProjectTextTrack01,
.topProjectImgTrack01 {
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
}

.topProjectItem01 {
  height: calc(80vh - 5vw);
  text-align: left;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 2.777vw 6.944vw 2.777vw 9.027vw;
  color: #ffffff;
}

.topProjectImgArea01 {
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
}

.topProjectImgItem01 {
  height: calc(80vh - 5vw);
}

.topProjectImgItem01 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SP */
@media screen and (max-width: 768px) {
  .topProjectScroll01 {
    height: auto;
    margin-top: 24px;
  }

  .topProjectPin01 {
    position: relative;
    top: auto;
    height: auto;
    display: block;
    overflow: visible;

    clip-path: polygon(
      28px 0,
      calc(100% - 28px) 0,
      100% 28px,
      100% calc(100% - 28px),
      calc(100% - 28px) 100%,
      28px 100%,
      0 calc(100% - 28px),
      0 28px
    );

    background: #1D3E9A;
    background: linear-gradient(180deg, rgba(29, 62, 154, 1) 0%, rgba(34, 141, 216, 1) 100%);
  }

  .topProjectTextArea01,
  .topProjectImgArea01 {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .topProjectTextTrack01,
  .topProjectImgTrack01 {
    transform: none !important;
  }

  .topProjectItem01 {
    height: auto;
    display: block;
    padding: 54px 20px 40px;
  }

  .topProjectImgItem01 {
    height: auto;
  }

  .topProjectImgItem01 img {
    width: 100%;
    height: auto;
    object-fit: initial;
  }
}
.topProjectSpImg01 {
  display: none;
}

@media screen and (max-width: 768px) {
  .topProjectScroll01 {
    height: auto !important;
    margin-top: 24px;
  }

  .topProjectPin01 {
    position: relative;
    top: auto;
    height: auto;
    display: block;
    overflow: visible;
    clip-path: none;
    background: none;
  }

  .topProjectTextArea01 {
    width: auto;
    height: auto;
    overflow: visible;
    background: none;
  }

  .topProjectTextTrack01 {
    transform: none !important;
  }

  .topProjectItem01 {
    height: auto;
    display: block;
    padding: 0;
    margin-top: 24px;
    overflow: hidden;

    clip-path: polygon(
      28px 0,
      calc(100% - 28px) 0,
      100% 28px,
      100% calc(100% - 28px),
      calc(100% - 28px) 100%,
      28px 100%,
      0 calc(100% - 28px),
      0 28px
    );

    background: #1D3E9A;
    background: linear-gradient(180deg, rgba(29, 62, 154, 1) 0%, rgba(34, 141, 216, 1) 100%);
  }

  .topProjectItem01:first-child {
    margin-top: 0;
  }

  .topProjectItem01 > div:first-child {
    padding: 54px 20px 38px;
    box-sizing: border-box;
  }

  .topProjectImgArea01 {
    display: none;
  }

  .topProjectSpImg01 {
    display: block;
  }

  .topProjectSpImg01 img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.topProjectScroll01 {
  position: relative;
  height: 200vh;
  margin-top: 1.111vw;
  z-index: 0;
  isolation: isolate;
}

.topProjectPin01 {
  z-index: 1;
}
.topContWrap01 {
  background-color: #ffffff;
  background-image: url("../img/back.webp");
  background-repeat: no-repeat;
  background-position: center top 5.55vw;
  background-size: 100% auto;
  background-attachment: fixed;
  position: relative;
}


@media screen and (max-width: 768px) {
  .topContWrap01 {
    background-attachment: scroll;
  }
}