@charset "UTF-8";
body.modal {
  position: fixed;
  width: 100%;
}
@media only screen and (max-width:768px) {
  .l-header{
    background-color: #fff;
  }
}

#pageMain {
  font-family: "Zen Antique", serif;
  font-size: 16px;
  padding-top: 139px;
  overflow: hidden;
}

#pageMain.literatureTopPage{
  color: #47410D;
}

#pageMain.literatureUnderPage{
  color: #433030;
}

@media only screen and (max-width:1280px) {
  #pageMain{
    padding-top: 75px;
  }
}

@media only screen and (max-width:768px) {
  #pageMain {
    font-size: calc((13 / 375) * 100 * 1vw);
    padding-top: 60px;
  }
}

#pageMain img{
  width: 100%;
  height: auto;
}

#pageMain .icon svg{
  width: 100%;
  height: auto;
}

#pageMain a,
#pageMain a *{
  transition: all 0.2s;
}

#pageMain br.sp{
  display: none;
}
@media only screen and (max-width:768px) {
  #pageMain br.sp{
    display: inline;
  }
}

.literature__sectionTitle{
  display: flex;
  justify-content: center;
}

#pageMain .icon-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  position: relative;
  overflow: hidden;
}

#pageMain .icon-arrow::after{
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
  background-color: #fff;
}

#pageMain .icon-arrow svg{
  display: block;
  position: relative;
  z-index: 1;
  width: 19px;
  height: 17px;
}

@media (hover: hover) {
  #pageMain a:hover .icon-arrow svg{
    animation: arrow_move 0.5s 0s 1;
  }
}

@keyframes arrow_move {
  0% {
    transform: translateX(0%);
  }
  49.9% {
    transform: translateX(300%);
  }
  50% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(0%);
  }
}

@media only screen and (max-width:768px) {
  #pageMain .icon-arrow{
    width: calc((39 / 375) * 100 * 1vw);
    height: calc((39 / 375) * 100 * 1vw);
  }

  #pageMain .icon-arrow svg{
    width: calc((11 / 375) * 100 * 1vw);
    height: calc((10 / 375) * 100 * 1vw);
  }
}

/* Top page */
/*-- mv  */
.mv__container{
  position: relative;
  width: 100%;
  height: calc((856 / 1440) * 100 * 1vw);
  background-image: url(../img/academics/literature/2506/mv.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.mv__text{
  width: calc((490 / 1440) * 100 * 1vw);
  height: calc((676 / 1440) * 100 * 1vw);
  position: absolute;
  top: calc((60 / 1440) * 100 * 1vw);
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width:768px) {
  .mv__container{
    height: calc((753 / 375) * 100 * 1vw);
    background-image: url(../img/academics/literature/2506/sp/mv.webp);
  }
  .mv__text{
    width: calc((318 / 375) * 100 * 1vw);
    height: calc((430 / 375) * 100 * 1vw);
    top: calc((130 / 375) * 100 * 1vw);
  }
}

/*-- lead  */
.sec-lead{
  position: relative;
  z-index: 1;
  background-color: #FAF4E2;
  background-image: url(../img/academics/literature/2506/lead_deco.svg);
  background-size: 366px auto;
  background-position: center 153px;
  background-repeat: no-repeat;
  padding-top: 264px;
  padding-bottom: 280px;
}

.lead__content{
  position: relative;
  z-index: 2;
}

.lead__text{
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 0 40px;
}

.lead__textLine{
  writing-mode: vertical-rl;
  line-height: 2.25;
  font-size: 20px;
}

.lead__textLine .num{
  text-combine-upright: all;
}

.lead__textLine .text_70.pc{
  display: inline-flex;
  width: 20px;
}

.lead__textLine .text_70.sp{
  display: none;
}


.lead__obj{
  position: absolute;
  z-index: 1;
}

.lead__obj.obj01{
  width: 224px;
  top: 138px;
  right: calc(50% + 424px);
}

.lead__obj.obj02{
  width: 360px;
  top: 569px;
  right: calc(50% + 264px);
}

.lead__obj.obj03{
  width: 206px;
  top: 93px;
  left: calc(50% + 382px);
}

.lead__obj.obj04{
  width: 112px;
  top: 710px;
  right: calc(50% + 33px);
}

.lead__obj.obj05{
  width: 191px;
  top: 530px;
  left: calc(50% + 407px);
}

.lead__obj.obj06{
  width: 154px;
  top: 685px;
  left: calc(50% + 263px);
}

.lead__obi{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc((38 / 1440) * 100 * 1vw);
  left: 0;
  bottom: 0;
  background-image: url(../img/academics/literature/2506/lead_obi.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.lead__flower{
  position: absolute;
  z-index: 0;
  width: 997px;
  top: 65px;
  right: calc(50% - 505px);
}

@media only screen and (max-width:768px) {
  .sec-lead{
    background-size: calc((256 / 375) * 100 * 1vw) auto;
    background-position: center calc((217 / 375) * 100 * 1vw);
    padding-top: calc((279 / 375) * 100 * 1vw);
    padding-bottom: calc((305 / 375) * 100 * 1vw);
  }

  .lead__content{
    text-align: center;
  }

  .lead__text{
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    gap: calc((20 / 375) * 100 * 1vw) 0;
  }

  .lead__textLine{
    writing-mode: unset;
    font-size: calc((14 / 375) * 100 * 1vw);
    letter-spacing: 0;
  }

  .lead__textLine .text_70.pc{
    display: none;
  }

  .lead__textLine .text_70.sp{
    display: inline;
  }

  .lead__obj.obj01{
    width: calc((112 / 375) * 100 * 1vw);
    top: calc((58 / 375) * 100 * 1vw);
    right: calc(50% + ((70 / 375) * 100 * 1vw));
  }

  .lead__obj.obj02{
    width: calc((180 / 375) * 100 * 1vw);
    top: calc((700 / 375) * 100 * 1vw);
    right: calc(50% + ((20 / 375) * 100 * 1vw));
  }

  .lead__obj.obj03{
    width: calc((103 / 375) * 100 * 1vw);
    top: calc((53 / 375) * 100 * 1vw);
    left: calc(50% + ((32 / 375) * 100 * 1vw));
  }

  .lead__obj.obj04{
    width: calc((68 / 375) * 100 * 1vw);
    top: calc((708 / 375) * 100 * 1vw);
    left: calc(50% + ((27 / 375) * 100 * 1vw));
    right: auto;
  }

  .lead__obj.obj05{
    width: calc((115 / 375) * 100 * 1vw);
    top: calc((523 / 375) * 100 * 1vw);
    left: calc(50% + ((110 / 375) * 100 * 1vw));
  }

  .lead__obj.obj06{
    width: calc((93 / 375) * 100 * 1vw);
    top: calc((617 / 375) * 100 * 1vw);
    left: calc(50% + ((20 / 375) * 100 * 1vw));
  }

  .lead__obi{
    height: calc((12 / 375) * 100 * 1vw);
  }

  .lead__flower{
    width: calc((313 / 375) * 100 * 1vw);
    top: calc((20 / 375) * 100 * 1vw);
    right: calc(50% - ((181 / 375) * 100 * 1vw));
  }
}

/*-- feature */
.sec-feature{
  background-image: url(../img/academics/literature/2506/feature_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: 142px;
  padding-bottom: 172px;
}

.feature__inner{
  max-width: 1440px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 auto;
}

.feature__title{
  width: 245px;
  margin-bottom: 78px;
}

.feature__content{
  display: flex;
}

.feature__content + .feature__content{
  margin-top: 196px;
}

.feature__contentImgBox{
  width: 50%;
  position: relative;
  z-index: 1;
}

.feature__contentImg{
  width: calc(100% + 107px);
}

.feature__contentTextWrapper{
  width: 50%;
  position: relative;
  z-index: 2;
}

.feature__contentTextBox{
  max-width: 600px;
  width: 100%;
  background-color: #FAF4E2;
  border: 3px solid #000;
  border-radius: 0 40px 0 40px;
  padding: 8px;
  position: relative;
}

.feature__contentTextInner{
  border: 2px solid #433030;
  border-radius: 0 32px 0 32px;
  padding-left: 67px;
  padding-right: 72px;
  background-image: url(../img/academics/literature/2506/feature_deco01.svg), url(../img/academics/literature/2506/feature_deco02.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 19px 17px, calc(100% - 14px) calc(100% - 18px);
  background-size: 33px 33px, 33px 33px;
}

.feature__content .feature__contentNum{
  position: absolute;
  top: -90px;
  right: 40px;
}

.feature__content .feature__contentNum svg{
  width: 100%;
  height: auto;
}

.literatureTopPage .feature__content .feature__contentNum svg .path01,
.literatureTopPage .feature__content .feature__contentNum svg .path02{
  fill: #E2CB00;
}

.feature__contentTitle{
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  padding-bottom: 24px;
}

.literature-english .feature__contentTitle{
  font-size: 30px;
}

.literature-history .feature__contentTitle{
  font-size: 32px;
}

.feature__separator svg{
  width: 100%;
  height: auto;
  display: block;
}

.feature__contentText01{
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.04em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.feature__content.content02 .feature__contentImgBox{
  order: 2;
  padding-top: 107px;
}

.feature__content.content02 .feature__contentImg{
  margin-left: -107px;
}

.feature__content.content01 .feature__contentTextWrapper,
.feature__content.content03 .feature__contentTextWrapper{
  padding-top: 140px;
}

.feature__content.content02 .feature__contentTextWrapper{
  order: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.feature__content.content01 .feature__contentTextInner,
.feature__content.content03 .feature__contentTextInner{
  padding-top: 116px;
  padding-bottom: 92px;
}

.feature__content.content02 .feature__contentTextInner{
  padding-top: 83px;
  padding-bottom: 75px;
}

.feature__content.content01 .feature__contentNum{
  width: 161px;
}

.feature__content.content02 .feature__contentNum,
.feature__content.content03 .feature__contentNum{
  width: 183px;
}

.literature-english .feature__content.content01 .feature__contentNum{
  width: 145px;
}

.literature-english .feature__content.content02 .feature__contentNum{
  width: 158px;
}

@media only screen and (max-width:1440px) {
  .feature__inner{
    padding-left: calc((70 / 1440) * 100 * 1vw);
    padding-right: calc((70 / 1440) * 100 * 1vw);
  }

  .feature__content + .feature__content{
    margin-top: calc((196 / 1440) * 100 * 1vw);
  }

  .feature__contentImg{
    width: calc(100% + ((107 / 1440) * 100 * 1vw));
  }

  .feature__contentTextBox{
    border-radius: 0 calc((40 / 1440) * 100 * 1vw) 0 calc((40 / 1440) * 100 * 1vw);
    padding: calc((8 / 1440) * 100 * 1vw);
  }

  .feature__contentTextInner{
    border-radius: 0 calc((32 / 1440) * 100 * 1vw) 0 calc((32 / 1440) * 100 * 1vw);
    padding-left: calc((67 / 1440) * 100 * 1vw);
    padding-right: calc((72 / 1440) * 100 * 1vw);
    background-position: calc((19 / 1440) * 100 * 1vw) calc((17 / 1440) * 100 * 1vw), calc(100% - ((14 / 1440) * 100 * 1vw)) calc(100% - ((18 / 1440) * 100 * 1vw));
    background-size: calc((33 / 1440) * 100 * 1vw) calc((33 / 1440) * 100 * 1vw), calc((33 / 1440) * 100 * 1vw) calc((33 / 1440) * 100 * 1vw);
  }

  .feature__content .feature__contentNum{
    top: calc((90 / 1440) * 100 * -1vw);
    right: calc((40 / 1440) * 100 * 1vw);
  }

  .feature__contentTitle{
    font-size: calc((36 / 1440) * 100 * 1vw);
    padding-bottom: calc((24 / 1440) * 100 * 1vw);
  }

  .literature-english .feature__contentTitle{
    font-size: calc((30 / 1440) * 100 * 1vw);
  }

  .literature-history .feature__contentTitle{
    font-size: calc((32 / 1440) * 100 * 1vw);
  }

  .feature__contentText01{
    margin-top: calc((24 / 1440) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentImgBox{
    padding-top: calc((107 / 1440) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentImg{
    margin-left: calc((107 / 1440) * 100 * -1vw);
  }

  .feature__content.content01 .feature__contentTextWrapper,
  .feature__content.content03 .feature__contentTextWrapper{
    padding-top: calc((140 / 1440) * 100 * 1vw);
  }

  .feature__content.content01 .feature__contentTextInner,
  .feature__content.content03 .feature__contentTextInner{
    padding-top: calc((116 / 1440) * 100 * 1vw);
    padding-bottom: calc((92 / 1440) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentTextInner{
    padding-top: calc((83 / 1440) * 100 * 1vw);
    padding-bottom: calc((75 / 1440) * 100 * 1vw);
  }

  .feature__content.content01 .feature__contentNum{
    width: calc((161 / 1440) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentNum,
  .feature__content.content03 .feature__contentNum{
    width: calc((183 / 1440) * 100 * 1vw);
  }

  .literature-english .feature__content.content01 .feature__contentNum{
    width: calc((145 / 1440) * 100 * 1vw);
  }

  .literature-english .feature__content.content02 .feature__contentNum{
    width: calc((158 / 1440) * 100 * 1vw);
  }
}

@media only screen and (max-width:768px) {
  .sec-feature{
    background-image: url(../img/academics/literature/2506/sp/feature_bg.png);
    padding-top: calc((54 / 375) * 100 * 1vw);
    padding-bottom: calc((87 / 375) * 100 * 1vw);
  }

  .feature__inner{
    padding-left: 0;
    padding-right: 0;
  }

  .feature__title{
    width: calc((140 / 375) * 100 * 1vw);
    margin-bottom: calc((42 / 375) * 100 * 1vw);
  }

  .feature__content{
    display: block;
  }

  .feature__content + .feature__content{
    margin-top: calc((67 / 375) * 100 * 1vw);
  }

  .feature__contentImgBox{
    width: 100%;
  }

  .feature__contentImg{
    width: calc(100% - ((20 / 375) * 100 * 1vw));
  }

  .feature__contentTextWrapper{
    width: 100%;
    padding-left: calc((20 / 375) * 100 * 1vw);
    padding-right: calc((20 / 375) * 100 * 1vw);
    margin-top: calc((36 / 375) * 100 * -1vw);
  }

  .feature__contentTextBox{
    border-radius: 0 calc((30 / 375) * 100 * 1vw) 0 calc((30 / 375) * 100 * 1vw);
    padding: calc((4 / 375) * 100 * 1vw);
  }

  .feature__contentTextInner{
    border-radius: 0 calc((27 / 375) * 100 * 1vw) 0 calc((27 / 375) * 100 * 1vw);
    padding-left: calc((32 / 375) * 100 * 1vw);
    padding-right: calc((32 / 375) * 100 * 1vw);
    background-position: calc((12 / 375) * 100 * 1vw) calc((12 / 375) * 100 * 1vw), calc(100% - ((12 / 375) * 100 * 1vw)) calc(100% - ((12 / 375) * 100 * 1vw));
    background-size: calc((20 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw), calc((20 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw);
  }

  .feature__content .feature__contentNum{
    top: calc((47 / 375) * 100 * -1vw);
    right: calc((16 / 375) * 100 * 1vw);
  }

  .feature__contentTitle{
    font-size: calc((22 / 375) * 100 * 1vw);
    padding-bottom: calc((16 / 375) * 100 * 1vw);
  }

  .literature-english .feature__contentTitle{
    font-size: calc((17 / 375) * 100 * 1vw);
    padding-bottom: calc((15 / 375) * 100 * 1vw);
  }

  .literature-history .feature__contentTitle{
    font-size: calc((18 / 375) * 100 * 1vw);
    padding-bottom: calc((15 / 375) * 100 * 1vw);
  }

  .feature__contentText01{
    margin-top: calc((16 / 375) * 100 * 1vw);
    font-size: calc((13 / 375) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentImgBox{
    padding-top: 0;
    display: flex;
    justify-content: flex-end;
  }

  .feature__content.content02 .feature__contentImg{
    margin-left: 0;
  }

  .feature__content.content01 .feature__contentTextWrapper,
  .feature__content.content03 .feature__contentTextWrapper{
    padding-top: 0;
  }

  .feature__content.content01 .feature__contentTextInner,
  .feature__content.content03 .feature__contentTextInner{
    padding-top: calc((49 / 375) * 100 * 1vw);
    padding-bottom: calc((57 / 375) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentTextInner{
    padding-top: calc((49 / 375) * 100 * 1vw);
    padding-bottom: calc((57 / 375) * 100 * 1vw);
  }

  .feature__content.content01 .feature__contentNum{
    width: calc((89 / 375) * 100 * 1vw);
  }

  .feature__content.content02 .feature__contentNum,
  .feature__content.content03 .feature__contentNum{
    width: calc((101 / 375) * 100 * 1vw);
  }

  .feature__content.content03 .feature__contentNum{
    width: calc((91 / 375) * 100 * 1vw);
  }

  .literature-english .feature__content.content01 .feature__contentNum{
    width: calc((80 / 1440) * 100 * 1vw);
  }

  .literature-english .feature__content.content02 .feature__contentNum{
    width: calc((87 / 1440) * 100 * 1vw);
  }
}

/*-- charm */
.sec-charm{
  position: relative;
  background-color: #FAF4E2;
  background-image: url(../img/academics/literature/2506/charm_bg.webp);
  background-repeat: no-repeat;
  background-size: 1440px auto;
  background-position: center 232px;
  padding-top: 162px;
  padding-bottom: 391px;
}

.charm__inner{
  max-width: 1440px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 auto;
}

.charm__title{
  width: 245px;
  margin-bottom: 78px;
}

.charm__content{
  display: flex;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.charm__contentImgBox{
  position: relative;
}

.charm__contentText{
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 0 90px;
}

.charm__contentTextLine{
  writing-mode: vertical-rl;
  line-height: 2.25;
  font-size: 20px;
}

.charm__contentTextLine .text_ai.pc{
  display: inline-flex;
  width: 20px;
  position: relative;
  left: 1px
}

.charm__contentTextLine .text_ai.sp{
  display: none;
}

.charm__content.content01{
  max-width: 1002px;
}

.charm__content.content01 .charm__contentImgBox{
  padding-top: 115px;
  margin-right: 127px;
}

.charm__content.content01 .charm__contentImg{
  width: 474px;
}

.charm__content.content01 .charm__contentTextLine.line02{
  margin-top: 105px;
}

.charm__content.content02{
  max-width: 1000px;
  margin-top: 123px;
}

.charm__content.content02 .charm__contentImgBox{
  padding-top: 86px;
  margin-left: 205px;
  order: 2;
}

.charm__content.content02 .charm__contentImg{
  width: 350px;
}

.charm__content.content02 .charm__contentTextWrapper{
  order: 1;
}

.charm__content.content02 .charm__contentTextLine.line02{
  margin-top: 105px;
}

.charm__content.content03{
  max-width: 1200px;
  margin-top: 74px;
}

.charm__content.content03 .charm__contentImgBox{
  padding-top: 124px;
  margin-right: 181px;
}

.charm__content.content03 .charm__contentImg{
  width: 500px;
}

.charm__content.content03 .charm__contentTextLine.line02{
  margin-top: 96px;
}

.charm__content.content04{
  max-width: 1200px;
}

.charm__content.content04 .charm__contentImgBox.img04{
  padding-top: 332px;
  margin-left: 100px;
  margin-right: 212px;
}

.charm__content.content04 .charm__contentImgBox.img04 .charm__contentImg{
  width: 380px;
}

.charm__content.content04 .charm__contentImgBox.img05{
  margin-top: -122px;
  margin-left: 181px;
}

.charm__content.content04 .charm__contentImgBox.img05 .charm__contentImg{
  width: 320px;
}

.charm__content.content04 .charm__contentTextLine{
  margin-top: 252px;
}

.charm__obj{
  position: absolute;
  z-index: 2;
}

.charm__obj.obj01{
  bottom: -73px;
  right: -44px;
  width: 740px;
}

.charm__obj.obj02{
  top: 350px;
  left: -70px;
  width: 648px;
}

.charm__obj.obj03{
  display: none;
}

.charm__obi__top,
.charm__obi__btm{
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.charm__obi__top{
  height: calc((50 / 1440) * 100 * 1vw);
  top: 0;
  background-image: url(../img/academics/literature/2506/charm_obi_top.png);
  background-position: center bottom;
}

.charm__obi__btm{
  height: calc((55 / 1440) * 100 * 1vw);
  bottom: 0;
  background-image: url(../img/academics/literature/2506/charm_obi_btm.png);
  background-position: center top;
}

@media only screen and (max-width:1440px) {
  .sec-charm{
    background-size: 100% auto;
    background-position: center calc((232 / 1440) * 100 * 1vw);
  }

  .charm__inner{
    padding-left: calc((70 / 1440) * 100 * 1vw);
    padding-right: calc((70 / 1440) * 100 * 1vw);
  }

  .charm__contentText{
    gap: 0 calc((90 / 1440) * 100 * 1vw);
  }

  .charm__content.content01 .charm__contentImgBox{
    padding-top: calc((115 / 1440) * 100 * 1vw);
    margin-right: calc((127 / 1440) * 100 * 1vw);
  }

  .charm__content.content01 .charm__contentImg{
    width: calc((474 / 1440) * 100 * 1vw);
  }

  .charm__content.content01 .charm__contentTextLine.line02{
    margin-top: calc((105 / 1440) * 100 * 1vw);
  }

  .charm__content.content02{
    margin-top: calc((123 / 1440) * 100 * 1vw);
  }

  .charm__content.content02 .charm__contentImgBox{
    padding-top: calc((86 / 1440) * 100 * 1vw);
    margin-left: calc((205 / 1440) * 100 * 1vw);
  }

  .charm__content.content02 .charm__contentImg{
    width: calc((350 / 1440) * 100 * 1vw);
  }

  .charm__content.content02 .charm__contentTextLine.line02{
    margin-top: calc((105 / 1440) * 100 * 1vw);
  }

  .charm__content.content03{
    margin-top: calc((74 / 1440) * 100 * 1vw);
  }

  .charm__content.content03 .charm__contentImgBox{
    padding-top: calc((124 / 1440) * 100 * 1vw);
    margin-right: calc((181 / 1440) * 100 * 1vw);
  }

  .charm__content.content03 .charm__contentImg{
    width: calc((500 / 1440) * 100 * 1vw);
  }

  .charm__content.content03 .charm__contentTextLine.line02{
    margin-top: calc((96 / 1440) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img04{
    padding-top: calc((332 / 1440) * 100 * 1vw);
    margin-left: calc((100 / 1440) * 100 * 1vw);
    margin-right: calc((212 / 1440) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img04 .charm__contentImg{
    width: calc((380 / 1440) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img05{
    margin-top: calc((122 / 1440) * 100 * -1vw);
    margin-left: calc((181 / 1440) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img05 .charm__contentImg{
    width: calc((320 / 1440) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentTextLine{
    margin-top: calc((252 / 1440) * 100 * 1vw);
  }

  .charm__obj.obj01{
    bottom: calc((73 / 1440) * 100 * -1vw);
    right: calc((44 / 1440) * 100 * -1vw);
    width: calc((740 / 1440) * 100 * 1vw);
  }

  .charm__obj.obj02{
    top: calc((350 / 1440) * 100 * 1vw);
    left: calc((70 / 1440) * 100 * -1vw);
    width: calc((648 / 1440) * 100 * 1vw);
  }
}

@media only screen and (max-width:768px) {
  .sec-charm{
    background-image: url(../img/academics/literature/2506/sp/charm_bg.webp);
    background-position: center calc((192 / 375) * 100 * 1vw);
    padding-top: calc((81 / 375) * 100 * 1vw);
    padding-bottom: calc((96 / 375) * 100 * 1vw);
  }

  .charm__inner{
    padding-left: 0;
    padding-right: 0;
  }

  .charm__title{
    width: calc((140 / 375) * 100 * 1vw);
    margin-bottom: calc((83 / 375) * 100 * 1vw);
  }

  .charm__content{
    flex-direction: column;
  }

  .charm__contentText{
    display: inline-flex;
    flex-direction: column;
    gap: calc((20 / 375) * 100 * 1vw) 0;
  }

  .charm__contentTextLine{
    writing-mode: unset;
    font-size: calc((14 / 375) * 100 * 1vw);
    letter-spacing: 0;
    line-height: 2;
  }

  .charm__contentTextLine .text_ai.pc{
    display: none;
  }

  .charm__contentTextLine .text_ai.sp{
    display: inline;
  }

  .charm__content.content01 .charm__contentImgBox{
    padding: 0 calc((34 / 375) * 100 * 1vw);
    margin-right: 0;
    margin-top: calc((71 / 375) * 100 * 1vw);
    order: 2;
  }

  .charm__content.content01 .charm__contentImg{
    width: 100%;
  }

  .charm__contentTextWrapper{
    padding: 0 calc((20 / 375) * 100 * 1vw);
  }

  .charm__content.content01 .charm__contentTextWrapper{
    order: 1;
  }

  .charm__content.content01 .charm__contentTextLine.line02{
    margin-top: 0;
    margin-left: calc((68 / 375) * 100 * 1vw);
  }

  .charm__content.content02{
    margin-top: calc((92 / 375) * 100 * 1vw);
  }

  .charm__content.content02 .charm__contentImgBox{
    padding-top: calc((64 / 375) * 100 * 1vw);
    padding-right: calc((34 / 375) * 100 * 1vw);
    margin-left: 0;
    display: flex;
    justify-content: flex-end;
  }

  .charm__content.content02 .charm__contentImg{
    width: calc((201 / 375) * 100 * 1vw);
  }

  .charm__content.content02 .charm__contentTextLine.line02{
    margin-top: 0;
    margin-left: calc((31 / 375) * 100 * 1vw);
  }

  .charm__content.content03{
    margin-top: calc((107 / 375) * 100 * 1vw);
  }

  .charm__content.content03 .charm__contentImgBox{
    padding: 0 calc((34 / 375) * 100 * 1vw);
    margin-right: 0;
    margin-top: calc((83 / 375) * 100 * 1vw);
    order: 2;
  }

  .charm__content.content03 .charm__contentImg{
    width: 100%;
  }

  .charm__content.content03 .charm__contentTextWrapper{
    order: 1;
  }

  .charm__content.content03 .charm__contentTextLine.line02{
    margin-top: 0;
    margin-left: calc((60 / 375) * 100 * 1vw);
  }

  .charm__content.content04{
    margin-top: calc((65 / 375) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img04{
    padding-top: calc((72 / 375) * 100 * 1vw);
    margin-left: calc((20 / 375) * 100 * 1vw);
    margin-right: 0;
    order: 3;
  }

  .charm__content.content04 .charm__contentImgBox.img04 .charm__contentImg{
    width: calc((190 / 375) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentImgBox.img05{
    margin-top: 0;
    margin-left: 0;
    padding-right: calc((20 / 375) * 100 * 1vw);
    display: flex;
    justify-content: flex-end;
    order: 1;
  }

  .charm__content.content04 .charm__contentImgBox.img05 .charm__contentImg{
    width: calc((175 / 375) * 100 * 1vw);
  }

  .charm__content.content04 .charm__contentTextWrapper{
    order: 2;
    text-align: center;
  }

  .charm__content.content04 .charm__contentText{
    text-align: left;
  }

  .charm__content.content04 .charm__contentTextLine{
    margin-top: calc((60 / 375) * 100 * 1vw);
  }

  .charm__obj.obj01{
    bottom: calc((44 / 375) * 100 * -1vw);
    right: auto;
    left: 0;
    width: calc((323 / 375) * 100 * 1vw);
  }

  .charm__obj.obj02{
    top: calc((285 / 375) * 100 * 1vw);
    left: 0;
    width: calc((341 / 375) * 100 * 1vw);
    z-index: 0;
  }

  .charm__obj.obj03{
    display: block;
    top: calc((14 / 375) * 100 * -1vw);
    left: 0;
    width: calc((366 / 375) * 100 * 1vw);
  }

  .charm__obi__top{
    height: calc((14 / 375) * 100 * 1vw);
  }

  .charm__obi__btm{
    height: calc((16 / 375) * 100 * 1vw);
  }
}

/*-- major */
.sec-major{
  position: relative;
  background-image: url(../img/academics/literature/2506/major_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: 122px;
  padding-bottom: 160px;
}

.major__inner{
  max-width: 1340px;
  padding-left: 70px;
  padding-right: 70px;
  margin: 0 auto;
}

.major__title{
  width: 245px;
  margin-bottom: 68px;
}

.major__leadText{
  max-width: 800px;
  margin: 0 auto;
  color: #fff;
  line-height: 1.8;
  letter-spacing: -0.04em;
}

.major__contentWrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 226px;
  gap: 63px 0;
}

.major__content{
  width: calc((100% - 40px) / 2);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: center top, center bottom;
  position: relative;
}

.major__contentFrame{
  position: relative;
  height: 100%;
  display: block;
}

.major__contentFrame::after{
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 178px);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: center top;
  position: absolute;
  top: 89px;
  left: 0;
  z-index: 0;
}

.major__contentInner{
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 36px 64px 76px;
}

.major__contentTitle{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 33px 0;
  position: absolute;
  right: 39px;
  bottom: 69px;
  z-index: 2;
}

.major__content .major__contentTitle .title{
  margin-right: 4px;
}

.major__contentTitle-en{
  text-align: center;
  color: #fff;
}

.major__contentTitle-en .text{
  font-family: "Emblema One", system-ui;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-flex;
  justify-content: center;
  gap: 0 12px;
}

.major__contentTitle-en .text:before,
.major__contentTitle-en .text:after{
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(../img/academics/literature/2506/icon_flower.svg);
  background-size: contain;
}

.major__contentImg{
  margin-top: 24px;
  overflow: hidden;
}

.major__contentText{
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0;
  color: #fff;
  margin-top: 30px;
}

.major__content.content01{
  background-image: url(../img/academics/literature/2506/frame01_top.png), url(../img/academics/literature/2506/frame01_btm.png);
  top: -130px;
}

.major__content.content01 .major__contentFrame::after{
  background-image: url(../img/academics/literature/2506/frame01_mid.png);
}

.major__content.content02{
  background-image: url(../img/academics/literature/2506/frame02_top.png), url(../img/academics/literature/2506/frame02_btm.png);
}

.major__content.content02 .major__contentFrame::after{
  background-image: url(../img/academics/literature/2506/frame02_mid.png);
}

.major__content.content03{
  background-image: url(../img/academics/literature/2506/frame03_top.png), url(../img/academics/literature/2506/frame03_btm.png);
  top: -130px;
}

.major__content.content03 .major__contentFrame::after{
  background-image: url(../img/academics/literature/2506/frame03_mid.png);
}

.major__content.content04{
  background-image: url(../img/academics/literature/2506/frame04_top.png), url(../img/academics/literature/2506/frame04_btm.png);
}

.major__content.content04 .major__contentFrame::after{
  background-image: url(../img/academics/literature/2506/frame04_mid.png);
}

.major__content.content01 .major__contentTitle .title{
  width: 59px;
}

.major__content.content01 .major__contentTitle .icon-arrow svg path{
  stroke: #7F4665;
}

.major__content.content02 .major__contentTitle .title{
  width: 59px;
}

.major__content.content02 .major__contentTitle .icon-arrow svg path{
  stroke: #9E2C4E;
}

.major__content.content03 .major__contentTitle .title{
  width: 126px;
}

.major__content.content03 .major__contentTitle .icon-arrow svg path{
  stroke: #B36B00;
}

.major__content.content04 .major__contentTitle .title{
  width: 59px;
}

.major__content.content04 .major__contentTitle .icon-arrow svg path{
  stroke: #349181;
}

.major__linkBox{
  margin-top: 113px;
}

.literature__link{
  display: block;
  width: 298px;
  height: 68px;
  margin: 0 auto;
}

.literature__linkInner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
}

.literature__linkInner .text{
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #47410D;
}

#pageMain .literature__linkInner .icon-arrow{
  position: absolute;
  top: 0;
  right: -34px;
}

#pageMain .literature__linkInner .icon-arrow::after{
  background-color: #C1925D;
}

#pageMain.literature-history .literature__linkInner .icon-arrow::after{
  background-color: #A67032;
}

#pageMain .literature__linkInner .icon-arrow svg path{
  stroke: #fff;
}


@media (hover: hover) {
  #pageMain a.major__contentFrame .major__contentImg img{
    transform: scale(1);
    transition: all 0.3s ease-in;
  }

  #pageMain a.major__contentFrame:hover .major__contentImg img{
    transform: scale(1.1);
  }
}

@media only screen and (max-width:1340px) {
  .major__inner{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }

  .major__contentWrapper{
    margin-top: calc((226 / 1340) * 100 * 1vw);
    gap: calc((63 / 1340) * 100 * 1vw) 0;
  }

  .major__content{
    width: calc((100% - ((40 / 1340) * 100 * 1vw)) / 2);
  }

  .major__contentFrame::after{
    height: calc(100% - ((176 / 1340) * 100 * 1vw));
    top: calc((88 / 1340) * 100 * 1vw);
  }

  .major__contentInner{
    padding: calc((36 / 1340) * 100 * 1vw) calc((64 / 1340) * 100 * 1vw) calc((76 / 1340) * 100 * 1vw);
  }
}

@media only screen and (max-width:1160px) {
  .major__contentWrapper{
    justify-content: center;
    margin-top: 96px;
    gap: 63px 0;
  }

  .major__content{
    width: 100%;
    max-width: 580px;
  }

  .major__contentFrame::after{
    height: calc(100% - 176px);
    top: 88px;
  }

  .major__contentInner{
    padding: 36px 64px 76px;
  }

  .major__content.content01{
    top: 0;
  }

  .major__content.content03{
    top: 0;
  }
}

@media only screen and (max-width:768px) {
  .sec-major{
    background-image: url(../img/academics/literature/2506/major_bg.webp);
    padding-top: calc((70 / 375) * 100 * 1vw);
    padding-bottom: calc((80 / 375) * 100 * 1vw);
  }

  .major__inner{
    padding-left: calc((20 / 375) * 100 * 1vw);
    padding-right: calc((20 / 375) * 100 * 1vw);
  }

  .major__title{
    width: calc((140 / 375) * 100 * 1vw);
    margin-bottom: calc((26 / 375) * 100 * 1vw);
  }

  .major__contentWrapper{
    margin-top: calc((41 / 375) * 100 * 1vw);
    gap: calc((20 / 375) * 100 * 1vw) 0;
  }

  .major__contentFrame::after{
    height: calc(100% - ((90 / 375) * 100 * 1vw));
    top: calc((44 / 375) * 100 * 1vw);
  }

  .major__contentInner{
    padding: calc((20 / 375) * 100 * 1vw) calc((37 / 375) * 100 * 1vw) calc((30 / 375) * 100 * 1vw);
  }

  .major__contentTitle{
    gap: calc((14 / 375) * 100 * 1vw) 0;
    right: calc((23 / 375) * 100 * 1vw);
    bottom: calc((44 / 375) * 100 * 1vw);
  }

  .major__content .major__contentTitle .title{
    margin-right: calc((2 / 375) * 100 * 1vw);
  }

  .major__contentTitle-en .text{
    font-size: calc((10 / 375) * 100 * 1vw);
    gap: 0 calc((11 / 375) * 100 * 1vw);
  }

  .major__contentTitle-en .text:before,
  .major__contentTitle-en .text:after{
    width: calc((12 / 375) * 100 * 1vw);
    height: calc((12 / 375) * 100 * 1vw);
  }

  .major__contentImg{
    margin-top: calc((14 / 375) * 100 * 1vw);
  }

  .major__contentText{
    font-size: calc((14 / 375) * 100 * 1vw);
    margin-top: calc((17 / 375) * 100 * 1vw);
  }

  .major__content.content01 .major__contentTitle .title{
    width: calc((35 / 375) * 100 * 1vw);
  }

  .major__content.content02 .major__contentTitle .title{
    width: calc((35 / 375) * 100 * 1vw);
  }

  .major__content.content03 .major__contentTitle .title{
    width: calc((75 / 375) * 100 * 1vw);
  }

  .major__content.content04 .major__contentTitle .title{
    width: calc((35 / 375) * 100 * 1vw);
  }

  .major__linkBox{
    margin-top: calc((40 / 375) * 100 * 1vw);
  }

  .literature__link{
    width: calc((300 / 375) * 100 * 1vw);
    height: calc((39 / 375) * 100 * 1vw);
  }

  #pageMain .literature__linkInner .icon-arrow{
    position: absolute;
    top: 0;
    right: calc((20 / 375) * 100 * -1vw);
  }
}

/* Under Page */
/*-- mv */
.u-mv__container{
  background-repeat: repeat-x, no-repeat, no-repeat;
  background-size: auto 12px, 100% auto, 100% auto;
  background-position: center bottom, center top, center bottom;
  width: 100%;
  padding: 46px 70px 79px;
}

.literature-japanese .u-mv__container{
  background-image: url(../img/academics/literature/2506/japanese/deco_belt.png), url(../img/academics/literature/2506/japanese/mv_bg_top.png), url(../img/academics/literature/2506/japanese/mv_bg_btm.png);
  background-color: #7F4665;
}

.literature-english .u-mv__container{
  background-image: url(../img/academics/literature/2506/english/deco_belt.png), url(../img/academics/literature/2506/english/mv_bg_top.png), url(../img/academics/literature/2506/english/mv_bg_btm.png);
  background-color: #9E2C4E;
}

.literature-history .u-mv__container{
  background-image: url(../img/academics/literature/2506/history/deco_belt.png), url(../img/academics/literature/2506/history/mv_bg_top.png), url(../img/academics/literature/2506/history/mv_bg_btm.png);
  background-color: #C67D0F;
}

.literature-psychology .u-mv__container{
  background-image: url(../img/academics/literature/2506/psychology/deco_belt.png), url(../img/academics/literature/2506/psychology/mv_bg_top.png), url(../img/academics/literature/2506/psychology/mv_bg_btm.png);
  background-color: #349181;
}

.u-mv__inner{
  display: flex;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.u-mv__imgBox{
  width: calc((680 / 1200) * 100 * 1%);
  position: relative;
}

.u-mv__img{
  position: relative;
  z-index: 1;
}

.u-mv__deco{
  position: absolute;
  z-index: 2;
}

.literature-japanese .u-mv__deco{
  right: calc((54 / 680) * 100 * -1%);
  bottom: -38px;
  width: calc((203 / 680) * 100 * 1%);
}

.literature-english .u-mv__deco{
  right: calc((58 / 680) * 100 * -1%);
  bottom: -10px;
  width: calc((206 / 680) * 100 * 1%);
}

.literature-history .u-mv__deco{
  right: calc((64 / 680) * 100 * -1%);
  bottom: -30px;
  width: calc((191 / 680) * 100 * 1%);
}

.literature-psychology .u-mv__deco{
  right: calc((119 / 680) * 100 * -1%);
  bottom: -25px;
  width: calc((311 / 680) * 100 * 1%);
}

.u-mv__text{
  width: calc((412 / 1200) * 100 * 1%);
  margin-left: calc((71 / 1200) * 100 * 1%);
}

@media only screen and (max-width:1340px) {
  .u-mv__container{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }
}

@media only screen and (max-width:768px) {
  .u-mv__container{
    background-size: auto 12px, 200% auto, 200% auto;
    padding: calc((60 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw) calc((50 / 375) * 100 * 1vw);
  }

  .u-mv__inner{
    flex-direction: column;
    align-items: center;
    position: relative;
    gap: calc((30 / 375) * 100 * 1vw) 0;
  }

  .u-mv__imgBox{
    width: calc((240 / 375) * 100 * 1vw);
    z-index: 1;
    order: 2;
  }

  .u-mv__deco{
    width: calc((62 / 275) * 100 * 1vw);
  }

  .literature-japanese .u-mv__deco{
    right: calc((20 / 375) * 100 * -1vw);
    bottom: calc((10 / 375) * 100 * -1vw);
  }

  .literature-english .u-mv__deco{
    right: calc((30 / 375) * 100 * -1vw);
    bottom: calc((5 / 375) * 100 * -1vw);
  }

  .literature-history .u-mv__deco{
    right: calc((30 / 375) * 100 * -1vw);
    bottom: calc((30 / 375) * 100 * -1vw);
  }

  .literature-psychology .u-mv__deco{
    right: calc((30 / 375) * 100 * -1vw);
    bottom: calc((10 / 375) * 100 * -1vw);
  }

  .u-mv__text{
    width: calc((240 / 375) * 100 * 1vw);
    margin-left: 0;
    order: 1
  }

}

/*-- feature */
.literatureUnderPage .sec-feature{
  background-image: none;
  background-color: #FAF4E2;
}

.u-literature__sectionTitle{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}

.u-literature__title{
  font-size: 64px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  margin: 18px 0 8px;
}

.literature-english .u-literature__title{
  font-family: "Gloock", serif;
  text-transform: uppercase;
}

.u-literature__title-en{
  font-size: 18px;
  line-height: 1;
  letter-spacing: 11%;
  font-family: "Emblema One", system-ui;
  margin-top: 10px;
  text-transform: uppercase;
}

.literature-english .u-literature__title-en{
  font-size: 20px;
  font-family: "Zen Antique", serif;
}

.literatureUnderPage .feature__contentTextBox{
  background-color: #fff;
}

.literature-japanese .feature__content .feature__contentNum svg .path01,
.literature-japanese .feature__content .feature__contentNum svg .path02{
  fill: #CF70A4;
}

.literature-english .feature__content .feature__contentNum svg .path01,
.literature-english .feature__content .feature__contentNum svg .path02{
  fill: #DE4371;
}

.literature-history .feature__content .feature__contentNum svg .path01,
.literature-history .feature__content .feature__contentNum svg .path02{
  fill: #F3B02D;
}

.literature-psychology .feature__content .feature__contentNum svg .path01,
.literature-psychology .feature__content .feature__contentNum svg .path02{
  fill: #2BC2A8;
}

@media only screen and (max-width:768px) {
  .u-literature__sectionTitle{
    margin-bottom: calc((40 / 375) * 100 * 1vw);
  }

  .u-literature__title__deco01{
    width: calc((262 / 375) * 100 * 1vw);
  }

  .u-literature__title__deco02{
    width: calc((35/ 375) * 100 * 1vw);
  }

  .u-literature__sectionTitle svg{
    width: 100%;
    height: auto;
  }

  .u-literature__title{
    font-size: calc((32 / 375) * 100 * 1vw);
    margin: calc((10 / 375) * 100 * 1vw) 0 calc((4 / 375) * 100 * 1vw);
  }

  .u-literature__title-en{
    font-size: calc((12 / 375) * 100 * 1vw);
    margin-top: calc((10 / 375) * 100 * 1vw);
  }

  .literature-english .u-literature__title-en{
    font-size: calc((13 / 375) * 100 * 1vw);
  }
}

/*-- interview */
.sec-interview{
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
  width: 100%;
  padding: 100px 70px 140px;
}

.literature-japanese .obi__wrapper{
  background-color: #7F4665;
}

.literature-japanese .sec-interview{
  background-image: url(../img/academics/literature/2506/japanese/interview_bg.png);
}

.literature-english .obi__wrapper{
  background-color: #9E2C4E;
}

.literature-english .sec-interview{
  background-image: url(../img/academics/literature/2506/english/interview_bg.png);
}

.literature-history .obi__wrapper{
  background-color: #C67D0F;
}

.literature-history .sec-interview{
  background-image: url(../img/academics/literature/2506/history/interview_bg.png);
}

.literature-psychology .obi__wrapper{
  background-color: #349181;
}

.literature-psychology .sec-interview{
  background-image: url(../img/academics/literature/2506/psychology/interview_bg.png);
}

.obi__obj01{
  background-repeat: repeat-x;
  background-size: auto 12px;
  width: 100%;
  height: 12px;
}

.literature-japanese .obi__obj01{
  background-image: url(../img/academics/literature/2506/japanese/deco_belt.png);
}

.literature-japanese .color__type02 .u-literature__title__deco01 svg .path01{
  fill: #C6A492;
}

.literature-english .obi__obj01{
  background-image: url(../img/academics/literature/2506/english/deco_belt.png);
}

.literature-english .color__type02 .u-literature__title__deco01 svg .path01{
  fill: #CAA079;
}

.literature-history .obi__obj01{
  background-image: url(../img/academics/literature/2506/history/deco_belt.png);
}

.literature-history .color__type02 .u-literature__title__deco01 svg .path01{
  fill: #E4B275;
}

.literature-psychology .obi__obj01{
  background-image: url(../img/academics/literature/2506/psychology/deco_belt.png);
}

.literature-psychology .color__type02 .u-literature__title__deco01 svg .path01{
  fill: #C3AB7C;
}

.color__type02 .u-literature__title,
.color__type02 .u-literature__title-en{
  color: #fff;
}

.literature-japanese .u-literature__title__deco02 svg .path01{
  fill: #7F4665;
}

.literature-japanese .color__type02 .u-literature__title__deco02 svg .path01{
  fill: #CF3F7B;
}

.literature-english .u-literature__title__deco02 svg .path01{
  fill: #9E2C4E;
}

.literature-english .color__type02 .u-literature__title__deco02 svg .path01{
  fill: #EB5454;
}

.literature-history .u-literature__title__deco02 svg .path01{
  fill: #C67D0F;
}

.literature-history .color__type02 .u-literature__title__deco02 svg .path01{
  fill: #FDA700;
}

.literature-psychology .u-literature__title__deco02 svg .path01{
  fill: #349181;
}

.literature-psychology .color__type02 .u-literature__title__deco02 svg .path01{
  fill: #2BC2A8;
}

.interview__list{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 0 24px;
}

.interview__item{
  width: calc((384 / 1200) * 100 * 1%);
}

.interview__btn{
  width: 100%;
}

.interview__itemImgBox{
  width: 100%;
  position: relative;
}

.interview__itemDeco{
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc((50 / 1200) * 100 * -1%);
  left: 0;
  z-index: 2;
}

.interview__itemDeco svg{
  width: 100%;
  height: auto;
}

.literature-japanese .interview__itemDeco svg .deco-1{
  stroke: #7F4665;
}

.literature-english .interview__itemDeco svg .deco-1{
  stroke: #9E2C4E;
}

.literature-history .interview__itemDeco svg .deco-1{
  stroke: #C67D0F;
}

.literature-history .interview__itemDeco svg path{
  fill: #E4B275;
}

.literature-psychology .interview__itemDeco svg .deco-1{
  stroke: #349181;
}

.literature-psychology .interview__itemDeco svg path{
  fill: #C1925D;
}

.interview__itemImg{
  position: relative;
  z-index: 1;
  padding-top: calc((60 / 1200) * 100 * 1%);
  left: 3px;
  width: calc(100% - 6px);
}

.interview__itemTitle{
  text-align: left;
  margin-top: -80px;
  position: relative;
  z-index: 2;
}

.interview__itemTitle .text__bg{
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: -0.04em;
  background-color: #fff;
  padding: 2px 12px;
  display: inline-block;
  font-weight: 400;
}

.interview__itemName{
  font-size: 14px;
  margin-top: 16px;
  text-align: left;
  color: #fff;
}

.interview__itemName .text01{
  margin-right: 16px;
}

.interview__iconBox{
  text-align: right;
}

.interview__icon{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  gap: 0 8px;
}

.interview__icon .text{
  color: #fff;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

#pageMain .interview__icon .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  position: relative;
  overflow: hidden;
  clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
}

#pageMain.literature-japanese .interview__icon .icon{
  background-color: #C1925D;
}

#pageMain.literature-english .interview__icon .icon{
  background-color: #C1925D;
}

#pageMain.literature-history .interview__icon .icon{
  background-color: #7D501E;
}

#pageMain.literature-psychology .interview__icon .icon{
  background-color: #C1925D;
}

#pageMain .interview__icon .icon svg{
  display: block;
  position: relative;
  z-index: 1;
  width: 15px;
  height: 16px;
}

@keyframes icon_move {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@media (hover: hover) {
  #pageMain .interview__icon:hover .icon{
    animation: icon_move 0.3s 0s 1;
  }
}

@media only screen and (max-width:1340px) {
  .sec-interview{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }

  .interview__list{
    gap: 0 calc((24 / 1340) * 100 * 1vw);
  }

  .interview__itemTitle{
    margin-top: calc((80 / 1340) * 100 * -1vw);
  }

  .interview__itemTitle .text__bg{
    font-size: calc((20 / 1340) * 100 * 1vw);
    padding: 2px calc((12 / 1340) * 100 * 1vw);
  }
}

@media only screen and (max-width:768px) {
  .sec-interview{
    background-size: 100% auto;
    background-repeat: repeat;
    padding: calc((54 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw) calc((87 / 375) * 100 * 1vw);
  }

  .interview__list{
    display: flex;
    flex-direction: column;
    gap: calc((40 / 375) * 100 * 1vw) 0;
    padding: 0 calc((20 / 375) * 100 * 1vw);
    margin: 0 auto;
  }

  .interview__item{
    width: 100%;
  }

  .interview__itemTitle{
    margin-top: calc((60 / 375) * 100 * -1vw);
  }

  .interview__itemTitle .text__bg{
    font-size: calc((15 / 375) * 100 * 1vw);
    padding: 2px calc((12 / 375) * 100 * 1vw);
  }

  #pageMain .interview__icon .icon{
    width: calc((42 / 375) * 100 * 1vw);
    height: calc((42 / 375) * 100 * 1vw);
  }

  #pageMain .interview__icon .icon svg{
    width: calc((16 / 375) * 100 * 1vw);
    height: calc((16 / 375) * 100 * 1vw);
  }
}

/* learning */
.sec-learning{
  background-color: #FAF4E2;
  padding-top: 100px;
  padding-bottom: 140px;
}

.learning__inner{
  max-width: 1340px;
  margin: 0 auto;
  padding-left: 70px;
  padding-right: 70px;
}

.learning__frame{
  border: 3px solid #000;
  background-color: #fff;
  padding: 8px;
}

.learning__frame + .learning__frame{
  margin-top: 48px;
}

.learning__content{
  border: 2px solid #433030;
  padding: 32px;
}

.learning__contentInner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.learning__contentImg{
  width: calc((590 / 1110) * 100 * 1%);
}

.learning__contentTextBox{
  width: calc((520 / 1110) * 100 * 1%);
  display: flex;
  justify-content: center;
  padding-left: 32px;
}

.learning__contentTextInner{
  max-width: 440px;
}

.learning__contentLabel{
  display: inline-flex;
  align-items: center;
  gap: 0 8px;
  background-color: #7F4665;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 12px 34px;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
}

.literature-japanese .learning__contentLabel{
  background-color: #7F4665;
}

.literature-english .learning__contentLabel{
  background-color: #B32B4B;
}

.literature-history .learning__contentLabel{
  background-color: #C67D0F;
}

.literature-psychology .learning__contentLabel{
  background-color: #349181;
}

.learning__contentLabel .num{
  font-family: "Emblema One", system-ui;
  text-transform: uppercase;
  display: inline-block;
}

.learning__contentLabel .star svg{
  width: 20px;
  height: auto;
}

.literature-history .learning__contentLabel .star svg path{
  fill: #7D501E;
}

.learning__contentLabel .text{
  letter-spacing: -0.04em;
}

.learning__contentTitle{
  margin-top: 24px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  padding-bottom: 24px;
}

.learning__contentTitle .mid-dots{
  display: inline-block;
  margin: 0 -0.8em;
}

.learning__contentTitle .smallText{
  font-size: 20px;
  display: block;
  margin-top: 0.2em;
}

.learning__contentTitle br.b1{
  display: none;
}

.learning__contentText{
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.04em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

@media only screen and (max-width:1340px) {
  .learning__inner{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }

  .learning__contentTitle br.b1{
    display: inline;
  }
}

@media only screen and (max-width:768px) {
  .sec-learning{
    padding-top: calc((54 / 375) * 100 * 1vw);
    padding-bottom: calc((87 / 375) * 100 * 1vw);
  }

  .learning__inner{
    padding-left: calc((20 / 375) * 100 * 1vw);
    padding-right: calc((20 / 375) * 100 * 1vw);
  }

  .learning__frame{
    padding: calc((4 / 375) * 100 * 1vw);
  }

  .learning__content{
    padding: calc((20 / 375) * 100 * 1vw);
  }

  .learning__contentInner{
    display: block;
  }

  .learning__contentImg{
    width: 100%;
  }

  .learning__contentTextBox{
    width: 100%;
    padding-top: calc((28 / 375) * 100 * 1vw);
    padding-left: 0;
  }

  .learning__contentTextInner{
    max-width: none;
  }

  .learning__contentLabel{
    gap: 0 calc((4 / 375) * 100 * 1vw);
    font-size: calc((14 / 375) * 100 * 1vw);
    padding: calc((6 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw);
    clip-path: polygon(calc((10 / 375) * 100 * 1vw) 0, calc(100% - ((10 / 375) * 100 * 1vw)) 0, 100% 50%, calc(100% - ((10 / 375) * 100 * 1vw)) 100%, calc((10 / 375) * 100 * 1vw) 100%, 0 50%);
  }

  .learning__contentLabel .star svg{
    width: calc((14 / 375) * 100 * 1vw);
  }

  .learning__contentTitle{
    margin-top: calc((16 / 375) * 100 * 1vw);
    font-size: calc((20 / 375) * 100 * 1vw);
    padding-bottom: calc((18 / 375) * 100 * 1vw);
  }

  .learning__contentTitle .smallText{
    font-size: calc((14 / 375) * 100 * 1vw);
  }

  .learning__contentText{
    margin-top: calc((16 / 375) * 100 * 1vw);
    font-size: calc((13 / 375) * 100 * 1vw);
  }
}

/*-- future */
.sec-future{
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  width: 100%;
  padding: 100px 70px 170px;
}

.literature-japanese .sec-future{
  background-image: url(../img/academics/literature/2506/japanese/future_bg.png);
}

.future__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.future__content{
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.future__contentTitle{
  width: 480px;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.04em;
}

.future__contentText{
  width: calc(100% - 480px);
  max-width: 606px;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: -0.04em;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.literature-history .future__contentTitle{
  width: 515px;
}

.literature-history .future__contentText{
  width: calc(100% - 515px);
  max-width: 606px;
}

.literature-psychology .future__contentTitle{
  width: 550px;
}

.literature-psychology .future__contentText{
  width: calc(100% - 550px);
  max-width: 606px;
}

.future__frame{
  border: 3px solid #000;
  background-color: #fff;
  padding: 8px;
  border-radius: 0 40px 0 40px;
  margin-top: 64px;
}

.future__frameInner{
  display: flex;
  align-items: center;
  border: 2px solid #433030;
  border-radius: 0 32px 0 32px;
  padding: 24px 0 22px;
}

.future__frameTitle{
  width: 306px;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
}

.future__frameDeco{
  width: 6px;
}

.literature-japanese .future__frameDeco svg path{
  fill: #7F4665;
}

.literature-english .future__frameDeco svg path{
  fill: #9E2C4E;
}

.literature-history .future__frameDeco svg path{
  fill: #C67D0F;
}

.literature-psychology .future__frameDeco svg path{
  fill: #349181;
}

.future__frameDeco.sp{
  display: none;
}

.future__frameListBox{
  width: calc(100% - 312px);
  padding-left: 48px;
  display: flex;
  gap: 0 48px;
}

.future__frameList{
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.future__frameList li{
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.future__frameList li + li{
  margin-top: 24px;
}

.future__frameList li .icon{
  width: 12px;
}

.literature-japanese .future__frameList li .icon svg path{
  fill: #7F4665;
}

.literature-english .future__frameList li .icon svg path{
  fill: #9E2C4E;
}

.literature-history .future__frameList li .icon svg path{
  fill: #C67D0F;
}

.literature-psychology .future__frameList li .icon svg path{
  fill: #349181;
}

.future__linkList{
  margin-top: 100px;
  margin-left: -17px;
  display: flex;
  justify-content: center;
  gap: 0 66px;
}

@media only screen and (max-width:1340px) {
  .sec-future{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }

  .future__frameListBox{
    flex-direction: column;
    gap: 24px
  }

}

@media only screen and (max-width:768px) {
  .sec-future{
    padding-top: calc((54 / 375) * 100 * 1vw);
    padding-left: calc((20 / 375) * 100 * 1vw);
    padding-right: calc((20 / 375) * 100 * 1vw);
    padding-bottom: calc((87 / 375) * 100 * 1vw);
  }

  .future__content{
    display: block;
  }

  .future__contentTitle{
    width: 100%;
    font-size: calc((20 / 375) * 100 * 1vw);
  }

  .future__contentText{
    width: 100%;
    margin-top: calc((20 / 375) * 100 * 1vw);
    font-size: calc((13 / 375) * 100 * 1vw);
  }

  .literature-history .future__contentTitle,
  .literature-psychology .future__contentTitle{
    width: 100%;
  }

  .literature-history .future__contentText,
  .literature-psychology .future__contentText{
    width: 100%;
    max-width: none;
  }

  .future__frame{
    padding: calc((4 / 375) * 100 * 1vw);
    border-radius: 0 calc((36 / 375) * 100 * 1vw) 0 calc((36 / 375) * 100 * 1vw);
    margin-top: calc((30 / 375) * 100 * 1vw);
  }

  .future__frameInner{
    display: block;
    border-radius: 0 calc((30 / 375) * 100 * 1vw) 0 calc((30 / 375) * 100 * 1vw);
    padding: calc((24 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw);
  }

  .future__frameTitle{
    width: 100%;
    font-size: calc((16 / 375) * 100 * 1vw);
  }

  .future__frameDeco{
    position: relative;
  }

  .future__frameDeco.pc{
    display: none;
  }

  .future__frameDeco.sp{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: calc((10 / 375) * 100 * 1vw);
    margin-bottom: calc((16 / 375) * 100 * 1vw);
  }

  .future__frameListBox{
    width: 100%;
    padding-left: 0;
    gap: calc((10 / 375) * 100 * 1vw) 0;
  }

  .future__frameList{
    font-size: calc((14 / 375) * 100 * 1vw);
  }

  .future__frameList li{
    gap: 0 calc((10 / 375) * 100 * 1vw);
  }

  .future__frameList li + li{
    margin-top: calc((10 / 375) * 100 * 1vw);
  }

  .future__frameList li .icon{
    width: calc((12 / 375) * 100 * 1vw);
  }

  .future__linkList{
    flex-direction: column;
    margin-top: calc((30 / 375) * 100 * 1vw);
    margin-left: 0;
    gap: calc((20 / 375) * 100 * 1vw) 0;
  }
}

/* pickup */
.sec-pickup{
  background-color: #fff;
  background-image: url(../img/academics/literature/2506/pickup_bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  padding-top: 100px;
  padding-bottom: 288px;
}

.pickup__inner{
  max-width: 1340px;
  margin: 0 auto;
  padding-left: 70px;
  padding-right: 70px;
}

.pickup__list{
  display: flex;
  flex-wrap: wrap;
  gap: 95px 33px;
}

.pickup__listItem{
  width: calc((100% - 66px) / 3);
}

#pageMain .pickup__itemLink{
  display: block;
  color: #433030;
}

.pickup__itemImgBox{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 79.36%;
}

.pickup__itemImgDeco{
  position: absolute;
  z-index: 2;
  top: -23px;
  left: -3px;
  width: 384px;
}

.pickup__itemImg{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid #572E12;
}

#pageMain .pickup__itemImg img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pickup__itemTitle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.pickup__itemTitle h3{
  width: calc(100% - 58px);
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.04em;
  font-weight: 400;
}

#pageMain .pickup__itemTitle .icon-arrow{
  width: 48px;
  height: 48px;
}

#pageMain .pickup__itemLink .icon-arrow::after{
  background-color: #C1925D;
}

#pageMain .pickup__itemLink .icon-arrow svg{
  width: 14px;
  height: 12px;
}

#pageMain .pickup__itemLink .icon-arrow svg path{
  stroke: #fff;
}

.pickup__itemText{
  font-size: 14px;
  margin-top: 10px;
}

.pickup__itemLink.__disabled{
  pointer-events: none;
}

#pageMain .pickup__itemLink.__disabled .icon-arrow{
  display: none;
}

@media (hover: hover) {
  #pageMain a.pickup__itemLink .pickup__itemImg img{
    transform: scale(1);
    transition: all 0.3s ease-in;
  }

  #pageMain a.pickup__itemLink:hover .pickup__itemImg img{
    transform: scale(1.1);
  }
}

@media only screen and (max-width:1340px) {
  .pickup__inner{
    padding-left: calc((70 / 1340) * 100 * 1vw);
    padding-right: calc((70 / 1340) * 100 * 1vw);
  }

  .pickup__itemImgDeco{
    top: calc((23 / 1340) * 100 * -1vw);
    left: calc((3 / 1340) * 100 * -1vw);
    width: calc((384 / 1340) * 100 * 1vw);
  }
}

@media only screen and (max-width:768px) {
  .sec-pickup{
    padding-top: calc((54 / 375) * 100 * 1vw);
    padding-bottom: calc((110 / 375) * 100 * 1vw);
    background-size: 200% auto;
  }

  .pickup__inner{
    padding-left: calc((20 / 375) * 100 * 1vw);
    padding-right: calc((20 / 375) * 100 * 1vw);
  }

  .pickup__list{
    flex-direction: column;
    gap: calc((50 / 375) * 100 * 1vw) 0;
  }

  .pickup__listItem{
    width: 100%;
  }

  .pickup__itemImgDeco{
    top: calc((23 / 375) * 100 * -1vw);
    left: calc((6 / 375) * 100 * -1vw);
    width: calc(100% + ((12 / 375) * 100 * 1vw));
  }

  .pickup__itemTitle{
    margin-top: calc((16 / 375) * 100 * 1vw);
  }

  .pickup__itemTitle h3{
    width: calc(100% - ((58 / 375) * 100 * 1vw));
    font-size: calc((16 / 375) * 100 * 1vw);
  }

  #pageMain .pickup__itemTitle .icon-arrow{
    width: calc((40 / 375) * 100 * 1vw);
    height: calc((40 / 375) * 100 * 1vw);
  }

  #pageMain .pickup__itemLink .icon-arrow svg{
    width: calc((11 / 375) * 100 * 1vw);
    height: calc((10 / 375) * 100 * 1vw);
  }

  .pickup__itemText{
    font-size: calc((12 / 375) * 100 * 1vw);
    margin-top: calc((10 / 375) * 100 * 1vw);
  }

}

/* modal */
.interview__modalLayer{
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.interview__modalLayer.open {
  opacity: 1;
  visibility: visible;
}

.interview__modalLayerBg{
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  will-change: filter;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: rgba(47, 9, 0, 0.6);
}

.interview__modalWrapper{
  width: calc(100% - 110px);
  height: calc(100% - 70px);
  max-width: 1050px;
  max-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.interview__modalFrame{
  position: relative;
  z-index: 2;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  overflow: hidden;
  border-radius: 20px;
  background-color: #FAF4E2;
}

.interview__modalClose{
  position: absolute;
  z-index: 3;
  top: 50px;
  right: 50px;
  width: 23px;
  height: 23px;
  margin: 0;
  padding: 0;
}
.interview__modalFrameInner{
  padding-top: 45px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 45px;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.interview__modalFrameInner::-webkit-scrollbar{
  display: none;
}

.interview__modalDeco .deco svg{
  width: 37px;
  height: auto;
}

.interview__modalDeco .text{
  font-family: "Emblema One", system-ui;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 11%;
  line-height: 1;
}

.interview__modalItem{
  margin: 33px auto 0;
  display: none;
}

.interview__modalItem.active{
  display: flex;
  justify-content: center;
  gap: 0 60px;
}

.interview__modalItemLeft{
  width: 280px;
}

.interview__modalItemRight{
  width: calc(100% - 340px);
}

.interview__modalImg{
  width: 280px;
}
.interview__modalCaption{
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  margin-top: 24px;
}

.interview__modalTitle{
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  background-image: url(../img/academics/literature/2506/feature_deco03.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  padding-bottom: 34px;
}

.interview__modalQ{
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.6;
  position: relative;
  padding-left: 20px;
}
.interview__modalQ::before{
  content: "";
  display: block;
  width: 6px;
  height: 1.4em;
  position: absolute;
  top: 0.2em;
  left: 0;
  background-color: #CF3F7B;
}

.interview__modalTitle + .interview__modalQ{
  margin-top: 35px;
}

.interview__modalText{
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.interview__modalQ + .interview__modalText{
  margin-top: 20px;
}
.interview__modalText + .interview__modalQ{
  margin-top: 40px;
}

@media only screen and (max-width:1260px) {
  .interview__modalFrame{
    border-radius: calc((20 / 1260) * 100 * 1vw);
  }

  .interview__modalWrapper{
    width: calc(100% - ((110 / 1260) * 100 * 1vw));
    height: calc(100% - ((70 / 1260) * 100 * 1vw));
  }

  .interview__modalFrame{
    width: calc(100% - ((23 / 1260) * 100 * 1vw));
    height: calc(100% - ((23 / 1260) * 100 * 1vw));
  }

  .interview__modalFrameInner{
    padding-top: calc((45 / 1260) * 100 * 1vw);
    padding-left: calc((80 / 1260) * 100 * 1vw);
    padding-right: calc((80 / 1260) * 100 * 1vw);
    padding-bottom: calc((45 / 1260) * 100 * 1vw);
  }

  .interview__modalDeco .deco svg{
    width: calc((37 / 1260) * 100 * 1vw);
  }

  .interview__modalDeco .text{
    font-size: calc((18 / 1260) * 100 * 1vw);
  }

  .interview__modalItem{
    margin-top: calc((52 / 1260) * 100 * 1vw);
    gap: 0 calc((90 / 1260) * 100 * 1vw);
  }

  .interview__modalItemLeft{
    width: calc((280 / 1260) * 100 * 1vw);
  }

  .interview__modalItemRight{
    width: calc(100% - ((340 / 1260) * 100 * 1vw));
  }

  .interview__modalImg{
    width: calc((280 / 1260) * 100 * 1vw);
  }
  .interview__modalCaption{
    font-size: 15px;
    margin-top: calc((24 / 1260) * 100 * 1vw);
  }

  .interview__modalTitle{
    font-size: calc((26 / 1260) * 100 * 1vw);
  }

  .interview__modalText{
    margin-top: calc((20 / 1260) * 100 * 1vw);
  }
}
@media only screen and (max-width:768px) {
  .interview__modalFrame{
    border-radius: calc((10 / 375) * 100 * 1vw);
  }
  .interview__modalWrapper{
    width: calc(100% - 10vw);
    height: calc(100% - 10vw);
  }
  .interview__modalFrame{
    width: 100%;
    height: 100%;
  }
  .interview__modalClose{
    width: calc((23 / 375) * 100 * 1vw);
    height: calc((23 / 375) * 100 * 1vw);
    top: calc((20 / 375) * 100 * 1vw);
    right: calc((20 / 375) * 100 * 1vw);
    padding: 0;
  }
  .interview__modalFrameInner{
    padding: calc((20 / 375) * 100 * 1vw) calc((20 / 375) * 100 * 1vw) calc((80 / 375) * 100 * 1vw);
  }
  .interview__modalDeco .deco svg{
    width: calc((30 / 375) * 100 * 1vw);
  }
  .interview__modalDeco .text{
    font-size: calc((14 / 375) * 100 * 1vw);
  }
  .interview__modalItem.active{
    margin-top: 4vw;
    flex-direction: column;
    gap: 4vw 0;
  }
  .interview__modalItemLeft{
    width: 100%;
  }
  .interview__modalItemRight{
    width: 100%;
  }
  .interview__modalImg{
    width: 50vw;
    margin: 0 auto;
  }
  .interview__modalCaption{
    font-size: calc((14 / 375) * 100 * 1vw);
    margin-top: calc((12 / 375) * 100 * 1vw);
  }
  .interview__modalTitle{
    font-size: calc((16 / 375) * 100 * 1vw);
    padding-bottom: calc((26 / 375) * 100 * 1vw);
  }
  .interview__modalQ{
    font-size: calc((14 / 375) * 100 * 1vw);
    padding-left: calc((16 / 375) * 100 * 1vw);
  }
  .interview__modalTitle + .interview__modalQ{
    margin-top: calc((20 / 375) * 100 * 1vw);
  }
  .interview__modalQ + .interview__modalText{
    margin-top: calc((10 / 375) * 100 * 1vw);
  }
  .interview__modalText + .interview__modalQ{
    margin-top: calc((30 / 375) * 100 * 1vw);
  }
}