@charset "UTF-8";

/*common*/
:root {
  --primary-color: #0068B7;
  --secondary-color: #CCE1F1;
  --black: #000;
  --white: #fff;
  --layer-breadcrumbs: 100;
  --layer-article: 20;
  --layer-mainbg: -1;
  --font-normal: 'Noto Sans JP', sans-serif;
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('/common/fonts/NotoSansJP-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('/common/fonts/NotoSansJP-Bold.woff2') format('woff2');
}
/*common*/

/*base*/
html {
  font-size: 62.5%;
  line-height: 1.5;
}
#niigata_photo2025 #wrapper {
  padding: 0;
}
#niigata_photo2025 .wrapper__inner{
  font-family: var(--font-normal);
  font-size: 62.5%;
  line-height: 1.5;
}
#niigata_photo2025 #footer{
  position: relative;
  margin-top: -24px;
}
#niigata_photo2025 .breadcrumbs-list-outer{
  position: relative;
  top: -30px;
  z-index: var(--layer-breadcrumbs);
}
#niigata_photo2025 a{
  text-decoration: underline;
}
#niigata_photo2025 p{
  margin: 0 0 16px;
}
#niigata_photo2025 p:last-child{
  margin: 0;
}
/*base*/

/*heroWrap*/
.heroWrap{
  position: relative;
  width: 100%;
  margin: 0;
  padding: 56.22% 0 0 0;
}
.heroWrap h1{
  display: none;
}
.heroWrap .swiper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.heroWrap .swiper__col{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.heroWrap .heroWrap__col__imgbg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.heroWrap .heroWrap__col__imgbg1{
  background: url(/common/crea/images/niigata_photo2025/mainimg01.webp?202510011730) 50% 50% no-repeat;
}
.heroWrap .heroWrap__col__imgbg2{
  background: url(/common/crea/images/niigata_photo2025/mainimg02.webp?202510011730) 50% 50% no-repeat;
}
.heroWrap .heroWrap__col__imgbg3{
  background: url(/common/crea/images/niigata_photo2025/mainimg03.webp?202510011730) 50% 50% no-repeat;
}
/*heroWrap*/

/*taglineWrap*/
.taglineWrap{
  width: 100%;
  margin: 0 auto;
  padding: 1.5vw 0 0 0;
  background: var(--primary-color);
}
.taglineWrap__inner{
  width: 90%;
  max-width: 1108px;
  margin: 0 auto;
  background: var(--primary-color);
}
.taglineWrap__h2{
  margin: 0 auto 1.5vw;
  padding: 0;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 2.2vw;
  color: var(--white);
  text-align: center;
}
.taglineWrap__datecol{
  margin: 0 auto;
  text-align: center;
}
.taglineWrap__date{
  margin: 0 auto;
  padding: 0.8vw 1.7vw;
  font-size: 1.7vw;
  font-weight: 700;
  line-height: 1.5vw;
  color: var(--black);
  background: var(--white);
  display: inline-block;
}
.taglineWrap__date span{
  font-size: 3vw;
  line-height: 3vw;
}
/*taglineWrap*/

/*contWrap*/
.contWrap{
  width: 100%;
  margin: 0 auto;
  padding: 4vw 0 0 0;
}
/*contWrap*/

/*depWrap*/
.depWrap{
  position: relative;
  width: 100%;
  margin: 0 auto 4vw;
}
.depWrap::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 15.5vw;
  height: 20vw;
  background: var(--primary-color);
  z-index: var(--layer-mainbg);
}
.depWrap__inner{
  width: 90%;
  margin: 0 auto;
}
.depWrap__h3{
  margin: 0 auto;
  padding: 2vw 0 0 0;
  display: grid;
  grid-template-columns: 12vw 1fr;
  align-items: end;
}
.depWrap__h3--num{
  font-size: 2vw;
  font-weight: 700;
  color: var(--white);
  text-align: center;
}
.depWrap__h3--num span{
  font-size: 5vw;
  line-height: 4.6vw;
  display: block;
}
.depWrap__h3--txt{
  font-size: 4vw;
  line-height: 3vw;
  font-weight: 700;
}
.depWrap__h3--txt span{
  margin: 0 0 0 1vw;
  font-size: 3vw;
  color: var(--primary-color);
}
.depWrap__contcol{
  width: 94%;
  margin: 1vw 0 0 6%;
  padding: 1vw 0 2vw;
  background: var(--secondary-color);
}

.depWrap__contcol--h4{
  margin: 0;
  padding: 0 2vw 0 0;
  text-align: right;
  font-size: 1.5vw;
  font-weight: 700;
  color: var(--primary-color);
  letter-spacing: 0.5vw;
}

.insta__swiper .swiper-slide {
  height: auto;
}

.depWrap__contcol--photo{
  margin: 1vw 0 0 -7%;
  padding: 2vw 0;
  background: var(--white);
}

.depWrap__contcol--photoWrap{
  width: 100%;
  height: 198px;
  text-align: center;
}
.depWrap__contcol--photoWrap .splide{
  width: 100%;
  margin: 0;
}
.depWrap__contcol--photoWrap .splide__slide{
  margin: 0 !important;
  padding: 0 !important;
}
.depWrap__contcol--photoWrap .splide__slide img{
  width: auto;
  height: 198px;
  display: block;
}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

.depWrap__txtcol{
  width: 70%;
  margin: 2vw auto 0;
}
.depWrap__txtcol--btn{
  width: 560px;
  height: 80px;
  margin: 0 auto 1.4vw;
  padding: 1vw;
  color: var(--white);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  display: grid;
  place-content: center;
  background: var(--primary-color);
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 5px 5px 0 var(--secondary-color);
}
.depWrap__txtcol--btn small{
  font-size: 1.5rem;
  line-height: 150%;
  display: block;
}
.depWrap__txtcol--info{
  margin: 0 auto 1.4vw;
  display: grid;
  grid-template-columns: 8vw 1fr;
  gap: 1.5vw;
  align-items: center;
}
.depWrap__txtcol--info__name{
  width: 8vw;
  height: 8vw;
  font-size: 1.8vw;
  font-weight: 700;
  color: var(--white);
  border-radius: 100%;
  background: var(--primary-color);
  display: grid;
  place-content: center;
}
.depWrap__txtcol--info__txt{
  font-size: 2.4vw;
  font-weight: 700;
}
.depWrap__txtcol--att{
  padding: 14px;
  font-size: 1.6rem;
  border: 1px solid var(--black);
}
.depWrap__txtcol--att small{
  font-size: 1.4rem;
  line-height: 130%;
  display: block;
}
/*depWrap*/

/*applyWrap*/
.applyWrap{
  position: relative;
  width: 100%;
  margin: 4vw 0 0 0;
  padding: 4vw 0 5vw;
}
.applyWrap::before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--secondary-color);
  display: block;
}
.applyWrap::after{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: url(/common/crea/images/niigata_photo2025/bg_apply.webp) 50% 50%  no-repeat;
  background-size: cover;
  mix-blend-mode: overlay;
  display: block;
}
.applyWrap__inner{
  position: relative;
  width: 90%;
  max-width: 952px;
  margin: 0 auto;
  padding: 50px 4% 20px;
  background: var(--white);
  z-index: var(--layer-article);
}
.applyWrap__title{
  position: relative;
  width: 200px;
  margin: 0 auto 34px;
  font-size: 4.4rem;
  font-weight: 700;
  text-align: center;
}
.applyWrap__title::before{
  content:'';
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 14px;
  margin: 0 auto;
  background: var(--secondary-color);
  display: block;
  z-index: var(--layer-mainbg);
}
.applyWrap__title2{
  position: relative;
  width: 120px;
  height: 40px;
  margin: 0 auto 34px;
  padding: 0 0 4px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
  color: var(--white);
  background: var(--primary-color);
  display: grid;
  place-content: center;
}
.applyWrap dl{
  position: relative;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  grid-template-columns: 210px 1fr;
}
.applyWrap dt{
  margin: 0 0 20px;
  padding: 0 30px 20px 0;
  font-size: 1.6rem;
  font-weight: 700;
  border-bottom: 2px solid var(--secondary-color);
}
.applyWrap dd{
  margin: 0 0 20px;
  padding: 0 0 20px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%;
  border-bottom: 2px solid var(--secondary-color);
}
.applyWrap dd small{
  font-size: 1.4rem;
  line-height: 130%;
  display: block;
}
.applyWrap dd ul{
  margin: 0;
  padding: 0 0 0 24px;
  list-style-type: inherit;
}
.applyWrap dd ol{
  margin: 14px 0 0 0;
  padding: 0 0 0 24px;
}
.applyWrap .applybtn{
  width: 460px;
  height: 64px;
  margin: 0 auto 1.4vw;
  padding: 1vw;
  color: var(--white);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  display: grid;
  place-content: center;
  background: var(--primary-color);
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 5px 5px 0 var(--secondary-color);
}
/*applyWrap*/