@charset "UTF-8";


.block-container-section {
    padding: 0!important;
}

#magazine {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "Noto Sans JP", sans-serif;
  color: #000;
}
@media(min-width: 1201px){
  #magazine {
    font-size: 20px;
  }
}

.inBlock_XS {
  max-width: 25em;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.inBlock_S {
  max-width: 31.5em;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.inBlock_M {
  max-width: 35.5em;
  padding-right: 1.25em;
  padding-left: 1.25em;
}
.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1em;
}
.mt2 {
  margin-top: 2em;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1em;
}
.mb2 {
  margin-bottom: 2em;
}



#magazine .red {
  color: #E26F6F;
}

/* --------------------
   Header
-------------------- */
.articleHeader {
  clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 10vw), 50% 100%, 0 calc(100% - 10vw));
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 10vw), 50% 100%, 0 calc(100% - 10vw));
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}


#fixedBnr {
  width: 9.625em;
  position: fixed;
  left: 0;
  bottom: 1.5em;
  z-index: 5;
}

#fixedBnr img {
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.2));
}



@media(min-width: 769px){
  #fixedBnr {
    width: 231px;
    left: 185px;
  }
}
@media(min-width: 961px){
  #fixedBnr {
    width: 343px;
    left: auto;
    right: 83px;
  }
  #footer_pagetop {
    bottom: 200px !important;
  }
}



/* --------------------
   #cont1
-------------------- */
#cont1 {
  margin-top: -10vw;
  padding-top: 10vw;
  background: #FFF url(../img/240910/1__bg.jpg) no-repeat center bottom / cover;
  overflow: hidden;
  position: relative;
}
#cont1 p:not(:last-of-type) {
  margin-bottom: .5em;
}

/* --------------------
   #cont2
-------------------- */
#cont2 {
  background: #FFF url(../img/240910/2__bg.jpg) no-repeat center top / cover;
  padding-top: 3em;

  clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 16vw), 50% 100%, 0 calc(100% - 16vw));
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 16vw), 50% 100%, 0 calc(100% - 16vw));
  position: relative;
  z-index: 2;
}

@media(max-width: 769px){
  #cont2 .inBlock_M {
    padding: 0;
  }
}


/* --------------------
   #cont3
-------------------- */
#cont3 {
  margin-top: -16vw;
  background: #901125;
  overflow: hidden;
  position: relative;
}

#cont3 .inner {
  padding-top: 16vw;
  background: #fd2248;
}

/* --------------------
   #cont4
-------------------- */
#cont4 {
  background: #F5B8C2;
  /* overflow: hidden; */
}

#cont4 .features {
  background: #FFF;
}
#cont4 .feature {
  position: relative;
  z-index: 2;
}
#cont4 .feature .inBlock_S {
  padding: 1em 5.5% 1.5em;
  position: relative;
}
#cont4 .feature .gif-anime {
  min-width: 100%;
}

#cont4 .feature3 .inBlock_S {
  padding-bottom: 40%;
  max-height: 60vw;
}
#cont4 .feature .anime {
  width: 100%;
  padding-top: 50%;
  position: absolute;
  top: -40%;
  left: 16%;
  z-index: -1;
}
#cont4 .feature .anime .inner {
  background: url(../img/240910/4__anime.png) no-repeat left top / auto 100%;
  width: 0;
  height: 100%;
  transform: rotate(45deg);
  transform-origin: left center;
  position: absolute;
  top: 0;
  left: 0;
  transition: width .4s .8s;
}


#cont4 .feature .anime.js-delayfadein.js-ready {
  transform: translate3d(-10%, -20%, 0) !important;
  transition: opacity ease-in .3s .8s, transform ease-in-out .4s .8s !important;
}
#cont4 .feature .anime.js-delayfadein.js-ready.js-done {
  transform: translate3d(0, 0, 0) !important;
}
#cont4 .feature .anime.js-delayfadein.js-ready.js-done .inner {
  width: 100%;
}


#cont4 .movie {
  background: #901125;
  padding-top: 5%;
  padding-bottom: 1em;
}


/* --------------------
   #cont5
-------------------- */
#cont5 {
  background: #FFF url(../img/240910/5__bg.jpg) no-repeat center top / cover;
  padding-top: 3em;
  position: relative;
}



/* --------------------
   #cont6
-------------------- */
#cont6 {
  overflow: hidden;
  position: relative;
}
#cont6 > div {
  padding-top: .5em;
  padding-bottom: .5em;
}
#cont6 .head {
  margin-bottom: 3em;
}


#cont6 .voice {
  font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.125em;
  padding: 3em 10%;
  position: relative;
}
#cont6 .voice h2 {
  text-align: center;
}
#cont6 .voice p {
  margin-bottom: .5em;
}

#cont6 .voice::before,
#cont6 .voice::after {
  content: '';
  display: block;
  width: 2em;
  height: 2em;
  background: url(../img/240910/kakko.png) no-repeat center center / contain;
  position: absolute;
}
#cont6 .voice::before {
  top: 0;
  left: 0;
}
#cont6 .voice::after {
  transform: rotate(180deg);
  right: 0;
  bottom: 0;
}
@media(min-width: 769px){
  #cont6 {
    padding-top: 12rem;
  }
}
@media(max-width: 940px){
  #cont6 .voice {
    padding: 2em 5.5%;
  }
}
@media(max-width: 480px){
  #cont6 .voice h2 {
    font-size: 1.25em;
  }
}



/* --------------------
   #cont7
-------------------- */
#cont7 {
  background: #E0D0C0;
  overflow: hidden;
}



/* --------------------
   CV
-------------------- */
.cvBox {
  background: #FFF;
  box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
}
.cvBox-ttl {
  background: #901125;
  color: #FFF;
  text-align: center;
  font-weight: 600;
  padding: .75em 0;
}
.cvBox-inner {
  padding: 1em 5.5% 1.25em;
}

.cvBtn {
  display: inline-block;
  font-size: 1.5em;
  font-weight: 600;
  width: 100%;
  line-height: 1;
  margin: .5em auto;
  padding: .75em 0;
  border-radius: 2em;
  border: 1.5px solid #FFF;
  background: rgb(123,12,29);
  background: linear-gradient(0deg, rgba(123,12,29,1) 0%, rgba(181,35,58,1) 50%, rgba(123,12,29,1) 100%);
  color: #FFF !important;
  box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: .2s;
}
.cvBtn:hover {
  box-shadow: 0 3px 5px 0px rgba(0,0,0,0.2);
  transform: translateY(-.15em);
}

@media (max-width: 769px){
  .cvBtn {
    font-size: 1.5em;
  }
}


.others .cvBox {
  box-shadow: none;
}
.others .cvBox-ttl {
  background: #FFF;
  color: #901125;
  border-bottom: 2px solid currentColor;
}
.others .cvBtn {
  background: #901125;
}



.modal-inner {
  font-family: "Noto Sans JP", sans-serif !important;
  color: #222;
}