@charset "UTF-8";

.background {
  opacity: 0;
  transition: opacity 1s ease;
}
.background.show {
  opacity: 1;
}

.bg-video{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 100vh;
  transform: translate(-50%, -50%);
  z-index: -1;
	display: none;
}
@media (min-aspect-ratio: 16/9) {
  .bg-video {
    width: 100vw;
    height: 56.25vw;
  }
}
@media (min-aspect-ratio: 9/16) {
	.bg-video {
		height: 177.78vh;
	}
}

@media (min-width: 768px) {
	.video-pc {
		display: block;
	}
	.video-sp {
		display: none;
	}
}

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

@media screen and (min-width: 768px) {
  .sp-obj{
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-obj{
    display: none !important;
  }
  .font-kerning-01 {
    letter-spacing: -0.05em;
  }
}

/* imgscroll */
@media screen and (min-width: 768px) {
  .imgscroll_txt{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .imgscroll_txt{
    margin: calc((8vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
}

/* c-caption */
/* c-caption */
.c-caption-reference{
  position: relative;
}
.c-caption{
  position: absolute;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  display: flex;
  justify-content: right;
  align-items: flex-end;
  width: auto;
}
.c-caption-f-black{
  color: #251E1C;
}
@media screen and (min-width: 768px) {
.c-caption{
    font-size: calc((12vw / 1366) * 100) ;
    line-height: 1;
    bottom: calc((15vw / 1366) * 100);
    right: calc((17vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .c-caption{
    font-size: calc((12vw / 390) * 100);
    line-height: 1;
    bottom: calc((6vw / 390) * 100);
    right: calc((6vw / 390) * 100);
  }
}

/* c-imagephoto */
.c-imagephoto{
  position: absolute;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  display: flex;
  justify-content:flex-end;
  align-items:flex-end;
  width: 100%;
  flex-direction: column;
  width: auto;
}
.c-imagephoto.c-imagephoto-f-black{
  color: #251E1C;
}
@media screen and (min-width: 768px) {
  .c-imagephoto{
    bottom: calc((10vw / 1366) * 100);
    font-size: calc((12vw / 1366) * 100) ;
    line-height: 1;
    right: calc((15vw / 1366) * 100);
  }
  .c-imagephoto-small{
    bottom: calc((10vw / 1366) * 100);
    font-size: calc((8vw / 1366) * 100) ;
    right: calc((10vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .c-imagephoto{
    font-size: calc((10vw / 390) * 100);
    line-height: 1;
    right: calc((8vw / 390) * 100);
    bottom: calc((8vw / 390) * 100);
  }
  .c-imagephoto span{
    font-size: calc((6vw / 390) * 100);
  }
}

/* imgscroll */
@media screen and (min-width: 768px) {
  .imgscroll_txt{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .imgscroll_txt{
    margin: calc((8vw / 390) * 100) auto 0;
    width: calc((242vw / 390) * 100);
  }
}


/* visual */
.visual {
  position: relative;
}
.visual_img img {
  vertical-align: top;
}
.visual_title {
  position: absolute;
  text-align: center;
}
.visual_title_en {
  width: 100%;
}
.visual_title_ja {
  color: #fff;
}
.visual_catch {
  color: #fff;
  font-weight: 700;
  position: absolute;
}
.visual_caption {
  color: #fff;
}

@media (min-width: 768px) {
  .visual_title {
    left: calc((226vw / 1366) * 100);
    top: calc((236vw / 1366) * 100);
    width: calc((296vw / 1366) * 100);
    text-align: center;
  }
  .visual_title_ja {
    font-size: calc((21vw / 1366) * 100);
    line-height: calc((30vw / 1366) * 100);
    margin-top:  calc((6vw / 1366) * 100);
  }
  .visual_catch {
    font-size: calc((26vw / 1366) * 100);
    left: calc((170vw / 1366) * 100);
    line-height: calc((37vw / 1366) * 100);
    top:  calc((348vw / 1366) * 100);
    width: calc((442vw / 1366) * 100);
    text-align: center;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .visual_title {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: calc((72vw / 390) * 100);
    width: calc((206vw / 390) * 100);
  }
  .visual_title_ja {
    font-size: calc((16vw / 390) * 100);
    line-height: calc((18vw / 390) * 100);
    margin-top:  calc((6vw / 390) * 100);
  }
  .visual_catch {
    font-size: calc((18vw / 390) * 100);
    left: 0;
    line-height: calc((18vw / 390) * 100);
    text-align: center;
    bottom:  calc((32vw / 390) * 100);
    width: 100%;
  }
  .visual_caption {
    bottom: calc((9vw / 390) * 100);
    font-size: calc((8vw / 390) * 100);
    right: calc((9vw / 390) * 100);
  }
}

/* emotion */
.emotion {
  background-color: rgba(255, 255, 255, .75);
  color: #251E1C;
  font-weight: 600;
  position: relative;
  text-align: center;
  z-index: 2;
}
.emotion_title ,
.emotion_text {
  font-weight: 600;
}
@media (min-width: 768px) {
  .emotion {
    padding: calc((112vw / 1366) * 100) 0;
  }
  .emotion_text {
    margin-top: calc((48vw / 1366) * 100);
  }
}

@media (max-width: 767px) {
  .emotion {
    padding: calc((42vw / 390) * 100) 0;
  }
  .emotion_text {
    margin-top: calc((24vw / 390) * 100);
  }
}

.movie {
	background-color: #fff;
  font-size: 0;
	position: relative;
}
.movie_video {
	display: none;
  font-size: 0;
	width: 100%;
}
@media (min-width: 768px) {
	.movie-pc {
		display: block;
	}
}
@media (max-width: 767px) {
	.movie-sp {
		display: block;
	}
}

@keyframes slide-scroll {
  from {
    margin-left: 0;
  }
  to {
    margin-left: calc(-1 * (708vw / 390) * 45);
  }
}

/* movie_wrap */
.movie_wrap {
	padding-top: 56.25%;
	position: relative;
}
.movie_wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media (min-width: 768px) {
	.movie-pc {
		display: block;
	}
	.movie-sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.movie_wrap {
		padding-top: 178%;
		width: 100%;
	}
	.movie-pc {
		display: none;
	}
  .movie-sp {
		display: block;
	}
}

/* image1 */
.image1,
.image2,
.image3 {
  position: relative;
}


/* certification */
.certification{
  text-align: center;
  background-color: rgba(255, 255, 255, .75);
}
.certification_title ,
.certification_text {
  font-weight: 600;
}
.certification_item{
  background-color: #fff;
  box-sizing: border-box;
  color: #AF9265;
}
.certification_item_lead{
  text-align: left;
}
.certification_item{
  z-index: 1;
}
.certification_list{
  position: relative;
}
.certification_item_lead sup{
  letter-spacing: -0.2em;
  white-space: nowrap;
}
.certification_note{
  text-align: left;
}
.certification_item_title{
  line-height: 1!important;
}

@media (min-width: 768px) {
  .certification{
    padding: calc((80vw / 1366) * 100) 0 calc((67vw / 1366) * 100);
  }
  .certification_text{
    margin-top: calc((30vw / 1366) * 100);
  }
  .certification_inner{
    margin: calc((27vw / 1366) * 100) auto 0;
    width: calc((1000vw / 1366) * 100);
  }
  .certification_list{
    display: flex;
    justify-content: space-between;
  }
  .certification_item{
    padding: calc((50vw / 1366) * 100);
    width: calc((468vw / 1366) * 100);
  }
  .certification_item_title span{
    font-size: calc((12vw / 1366) * 100) ;
  }
  .certification_item_lead{
    margin-top:  calc((30vw / 1366) * 100);
  }
  .certification_item_lead sup{
    font-size: calc((10vw / 1366) * 100) ;
  }
  .certification_item_deco{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: calc((108vw / 1366) * 100) ;
    width: calc((79vw / 1366) * 100) ;
    z-index: 2;
    top: calc((108vw / 1366) * 100) ;
    width: calc((79vw / 1366) * 100) ;
  }
  .certification_note{
    margin-top: calc((10vw / 1366) * 100);
    width: calc((468vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .certification{
    padding: calc((40vw / 390) * 100) 0 calc((60vw / 390) * 100);
  }
  .certification_text{
    margin-top: calc((24vw / 390) * 100);
  }
  .certification_inner{
    margin: calc((40vw / 390) * 100) auto 0;
    width: calc((342vw / 390) * 100);
  }
  .certification_item{
    padding: calc((24vw / 390) * 100) calc((18vw / 390) * 100);
    z-index: 1;
  }
  .certification_item + .certification_item {
    margin-top: calc((16vw / 390) * 100);
  }
  .certification_item_title span{
    font-size: calc((12vw / 390) * 100) ;
  }
  .certification_item_lead{
    margin-top:  calc((8vw / 390) * 100);
  }
  .certification_item_lead sup{
    font-size: calc((10vw / 390) * 100) ;
  }
  .certification_item_deco{
    margin: calc((-6vw / 390) * 100) auto calc((-8vw / 390) * 100) ;
    width: calc((30vw / 390) * 100) ;
    position: relative;
    z-index: 2;
  }
  .certification_note{
    margin-top: calc((5vw / 390) * 100);
  }
}

/* features_nav */
.features{
  background-color: rgba(175, 146, 101, .75);
}
.features_title{
  color: #fff;
  font-weight: 600;
}
.features_nav a{
  color: #fff;
  display: block;
  text-decoration: none;
}
.features_navtxt-txt{
  font-weight: 700;
}
.features_nav li:nth-child(1) ,
.feature_block:nth-of-type(1) {
  background-color: #C7C7B3;
}
.features_nav li:nth-child(2),
.feature_block:nth-of-type(2) {
  background-color: #AEB9BD;
}
.features_nav li:nth-child(3),
.feature_block:nth-of-type(3) {
  background-color: #CCBDA3;
}
@media (min-width: 768px) {
  .features_nav li:hover{
    transition: 0.4s;
    background-color: #000;
  }
}
@media (min-width: 768px) {
  .features{
    padding: calc((80vw / 1366) * 100) 0 calc((80vw / 1366) * 100);
  }
  .features_nav{
    margin: calc((30vw / 1366) * 100) auto 0;
    display: flex;
    gap: 0 calc((10vw / 1366) * 100);
    justify-content: center;
  }
  .features_nav li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc((180vw / 1366) * 100);
    height: calc((180vw / 1366) * 100);
  }
  .features_navtxt{
    text-align: center;
    line-height: 1;
  }
  .features_navtxt span{
    display: block;
  }
  .features_navtxt-num{
    margin: 0 auto;
    width: calc((34vw / 1366) * 100);
  }
  .features_navtxt-txt {
    margin-top: calc((10vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100);
  }
  .features_navicon{
    margin: calc((14vw / 1366) * 100) auto 0;
    width: calc((70vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .features{
    padding: calc((16vw / 390) * 100) 0 calc((64vw / 1366) * 100);
  }
  .features_nav{
    margin: calc((24vw / 390) * 100) auto 0;
    width: calc((342vw / 390) * 100);
    display: flex;
    flex-direction: column;
    gap: calc((8vw / 390) * 100) 0;
  }
  .features_nav li a{
    padding: 0 calc((40vw / 390) * 100);
    height:  calc((123vw / 390) * 100);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .features_navtxt-num{
    margin: 0 auto;
    width: calc((34vw / 390) * 100);
  }
  .features_navtxt-txt {
    margin-top: calc((8vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
  }
  .features_navicon{
    width: calc((79vw / 390) * 100);
  }
}

.feature_box {
  font-weight: 600;
}
.feature_block{
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  color: #fff;
}
.feature_head{
  text-align: center;
}
.feature_head-num{
  margin: 0 auto;
}
#features01 .feature_box,
#features02 .feature_box {
  background-color: #fff;
}
.feature_body,
.feature_box{
  box-sizing: border-box;
}
.feature_title{
  text-align: center;
}
#featuresbels .feature_title{
  font-weight: 600;
}
#featuresbels .feature_flex-r{
  text-align: center;

}
.feature_head-txt{
  font-weight: 700;
}
@media (min-width: 768px) {
  .feature_block{
    margin-top: calc((50vw / 1366) * 100) ;
    padding: calc((40vw / 1366) * 100) 0 calc((50vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  .feature_head-num{
    width: calc((64vw / 1366) * 100);
  }
  .feature_head-txt{
    margin-top: calc((20vw / 1366) * 100);
    font-size: calc((18vw / 1366) * 100);
  }
  .feature_title{
    margin-top: calc((30vw / 1366) * 100);
    font-size: calc((24vw / 1366) * 100);
    line-height: calc((40vw / 1366) * 100);
  }
  .feature_body{
    margin-top: calc((30vw / 1366) * 100);
  }

  /* #features01 */
  #features01 .feature_body {
    display: flex;
    justify-content: center;
    gap: 0 calc((40vw / 1366) * 100);
  }
  #features01 .feature_flex-l ,
  #features01 .feature_flex-r{
    width: calc((380vw / 1366) * 100);
  }
  #features01 .feature_flex-l {
    padding: calc((45vw / 1366) * 100) calc((15vw / 1366) * 100);
    background-color: #fff;
  }
  #features01 .feature_flex-r .feature_box{
    padding: calc((23vw / 1366) * 100) calc((47vw / 1366) * 100);
  }
  .feature_note{
    margin-top: calc((9vw / 1366) * 100);
    font-size: calc((12vw / 1366) * 100);
    line-height: calc((20vw / 1366) * 100);
  }
  /* #features02 */
  #features02 .feature_body {
    background-color: #fff;
    margin: calc((30vw / 1366) * 100) auto 0;
    padding: calc((30vw / 1366) * 100) 0;
    width: calc((600vw / 1366) * 100);
  }
  #features02 .feature_body .feature_flex-l {
    margin: 0 auto;
    width: calc((439vw / 1366) * 100);
  }
  /* #features03 */
  #features03 .feature_body {
    margin: calc((30vw / 1366) * 100) auto 0;
    width: calc((800vw / 1366) * 100);
  }
  #features03 .feature_body .feature_box {
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
    text-align: left;
  }
  /* featuresbels */
  #featuresbels{
    margin-top: calc((90vw / 1366) * 100);
    padding: 0;
  }
  #featuresbels .feature_head-txt{
    margin: 0 auto;
    width: calc((71vw / 1366) * 100);
  }
  #featuresbels .feature_body{
    display: flex;
    justify-content: space-between;
    gap: 0 calc((63vw / 1366) * 100);
    width: calc((1000vw / 1366) * 100);
  }
  #featuresbels .feature_flex-l{
    margin-top: calc((-72vw / 1366) * 100);
    width: calc((468vw / 1366) * 100);
  }
  #featuresbels .feature_flex-r{
    flex: 1;
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .feature_block{
    margin-top: calc((40vw / 390) * 100) ;
    padding: calc((24vw / 390) * 100) 0 calc((40vw / 390) * 100);
  }
  #features01.feature_block{
    margin-top: calc((24vw / 390) * 100) ;
  }
  .feature_head-num{
    width: calc((58vw / 390) * 100);
  }
  .feature_head-txt{
    margin-top: calc((8vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
  }
  .feature_title{
    margin-top: calc((24vw / 390) * 100);
    font-size: calc((20vw / 390) * 100);
    line-height: calc((28vw / 390) * 100);
  }
  .feature_body{
    margin-top: calc((24vw / 390) * 100);
  }

  /* #features01 */
  #features01 .feature_flex-l ,
  #features01 .feature_flex-r{
    margin: calc((24vw / 390) * 100) auto 0;
    width: calc((342vw / 390) * 100);
  }
  #features01 .feature_box{
    background-color: #fff;
  }
  #features01 .feature_flex-l .feature_box{
    padding: calc((24vw / 390) * 100) calc((17vw / 390) * 100);
  }
  #features01 .feature_flex-r .feature_box{
    padding: calc((24vw / 390) * 100) calc((43vw / 390) * 100);
  }
  .feature_note{
    margin-top: calc((8vw / 390) * 100);
    font-size: calc((10vw / 390) * 100);
    line-height: calc((17vw / 390) * 100);
  }
  /* #features02 */
  #features02 .feature_body {
    background-color: #fff;
    margin: calc((18vw / 390) * 100) auto 0;
    padding: calc((45vw / 390) * 100) 0 calc((42vw / 390) * 100);
    width: calc((342vw / 390) * 100);
  }
  #features02 .feature_body .feature_box {
    margin: 0 auto;
    width: calc((306vw / 390) * 100);
  }
    /* #features03 */
  #features03 .feature_body {
    margin: calc((24vw / 390) * 100) auto 0;
  }
  #features03 .feature_body .feature_box {
    font-size: calc((14vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
    text-align: center;
    letter-spacing: -0.01em;
  }
  /* featuresbels */
  #featuresbels{
    margin-top: calc((53vw / 390) * 100);
  }
  #featuresbels .feature_head-txt{
    margin:0 auto;
    width: calc((66vw / 390) * 100);
  }
  #featuresbels .feature_body{
    display: flex;
    flex-direction: column;
    gap: calc((28vw / 390) * 100) 0;
  }
  #featuresbels .feature_flex-l{
    margin-left: calc((50vw / 390) * 100);
    width: calc((325vw / 390) * 100);
  }
  #featuresbels .feature_flex-r{
    font-size: calc((16vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
    text-align: center;
  }
}

#featuresbels .feature_title {
  line-height: 1.25;
}
#featuresbels .feature_title span {
  font-size: 66%;
}
@media (max-width: 767px) {
  #featuresbels .feature_title span {
    font-size: 85%;
  }
}

.feature_bels {
  margin: 0 auto;
}
.feature_bels img {
  width: 100%;
}
@media (min-width: 768px) {
  .feature_bels {
    margin-top: calc((60vw / 1366) * 100);
    width: calc((360vw / 1366) * 100);
  }
}
@media (max-width: 767px) {
  .feature_bels {
    margin-top: calc((50vw / 390) * 100);
    width: 78%;
  }
}

/* abinc */
.abinc{
  background-color: rgba(255, 255, 255, .75);
}
.abinc_logo{
  margin: 0 auto;
}
.binc-quality_image{
  position: relative;
}
.abinc_title ,
.abinc-quality_title ,
.abinc-quality_lead {
  font-weight: 600;
}
@media (min-width: 768px) {
  .abinc{
    padding: calc((80vw / 1366) * 100) 0 calc((100vw / 1366) * 100);
  }
  .abinc_logo{
    width: calc((110vw / 1366) * 100);
  }
  .abinc_title{
    margin-top: calc((60vw / 1366) * 100);
    text-align: center;
  }
  .abinc_lead{
    margin-top: calc((40vw / 1366) * 100);
    text-align: center;
  }
  .abinc_note{
    margin: calc((84vw / 1366) * 100) auto 0;
    font-size: calc((12vw / 1366) * 100);
    line-height: calc((23vw / 1366) * 100);
    width: calc((956vw / 1366) * 100);
  }
  .abinc-quality{
    margin-top: calc((123vw / 1366) * 100);
    padding: calc((50vw / 1366) * 100) 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    gap: 0 calc((35vw / 1366) * 100);
    width: 100%;
  }
  .abinc-quality_block{
    width: calc((310vw / 1366) * 100);
  }
  .abinc-quality_title{
    height: calc((60vw / 1366) * 100);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc((18vw / 1366) * 100);
    line-height: calc((30vw / 1366) * 100);
    text-align: center;
  }
  .abinc-quality_lead{
    margin-top: calc((25vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100);
    line-height: calc((24vw / 1366) * 100);
  }
  .abinc-quality_image{
    margin-top: calc((25vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .abinc{
    padding: calc((40vw / 390) * 100) 0 calc((32vw / 390) * 100);
  }
  .abinc_logo{
    width: calc((110vw / 390) * 100);
  }
  .abinc_title{
    margin-top: calc((40vw / 390) * 100);
    text-align: center;
  }
  .abinc_lead{
    margin-top: calc((32vw / 390) * 100);
    text-align: center;
  }
  .abinc_note{
    margin: calc((56vw / 390) * 100) auto 0;
    font-size: calc((12vw / 390) * 100);
    line-height: calc((22vw / 390) * 100);
    width: calc((339vw / 390) * 100);
  }
  .abinc-quality{
    margin: calc((36vw / 390) * 100) auto 0;
    padding: calc((56vw / 390) * 100) 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc((48vw / 390) * 100) 0;
    width: calc((342vw / 390) * 100) ;
  }
  .abinc-quality_block{
    margin: 0 auto;
    width: calc((288vw / 390) * 100);
  }
  .abinc-quality_title{
    font-size: calc((18vw / 390) * 100);
    line-height: calc((26vw / 390) * 100);
    text-align: center;
  }
  .abinc-quality_lead{
    margin-top: calc((26vw / 390) * 100);
    font-size: calc((14vw / 390) * 100);
    line-height: calc((24vw / 390) * 100);
  }
  .abinc-quality_image{
    margin-top: calc((20vw / 390) * 100);
  }
}

/* art */
.art{
  background-color: rgba(175, 146, 101, .75);
  font-weight: 600;
}
.art_title ,
.art_lead {
  text-align: center;
  color: #fff;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .art{
    padding: calc((100vw / 1366) * 100) 0;
  }
  .art_lead {
    margin-top: calc((25vw / 1366) * 100);
    font-size: calc((14vw / 1366) * 100) ;
    line-height: calc((24vw / 1366) * 100);
  }
  .artist{
    margin: calc((40vw / 1366) * 100) auto 0;
    padding: calc((50vw / 1366) * 100) 0;
    width: calc((1000vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .art{
    padding: calc((55vw / 390) * 100) 0;
  }
  .art_lead {
    margin-top: calc((32vw / 390) * 100);
    font-size: calc((14vw / 390) * 100) ;
    line-height: calc((33vw / 390) * 100);
  }
  .artist{
    margin-top: calc((32vw / 390) * 100);
  }
}
.artist{
  background-color: #fff;
  box-sizing: border-box;
}
.artist_title {
  margin: 0 auto;
}
.artist_title img{
  display: block;
  margin: 0 auto;
}
.artist_lead{
  text-align: center;
}
.artist_name-en{
  display: block;
  color: #B08057;
  font-style: italic;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.artist_txt{
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .artist{
    margin: calc((40vw / 1366) * 100) auto 0;
    padding: calc((50vw / 1366) * 100) 0;
    width: calc((1000vw / 1366) * 100);
  }
  .artist_logo{
    margin: 0 auto;
    width: calc((278vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100) ;
    line-height: calc((42vw / 1366) * 100);
    text-align: center;
  }
  .artist_logo img{
    margin-top: calc((10vw / 1366) * 100);
  }
  .artist_title{
    margin-top: calc((30vw / 1366) * 100);
    border-bottom: calc((1vw / 1366) * 100) solid #B08057;
    width: calc((620vw / 1366) * 100);
  }
  .artist_title img{
    width: calc((81vw / 1366) * 100);
  }
  .artist_lead{
    margin-top: calc((40vw / 1366) * 100);
    font-size: calc((16vw / 1366) * 100) ;
    line-height: calc((42vw / 1366) * 100);
  }
  .artist_body{
    display: flex;
    justify-content: center;
    margin-top: calc((54vw / 1366) * 100) ;
  }
  .artist_block{
    margin-right: calc((30vw / 1366) * 100) ;
    padding-right: calc((30vw / 1366) * 100);
    border-right: calc((1vw / 1366) * 100) solid #B08057;
    width: calc((368vw / 1366) * 100);
    overflow: hidden;
  }
  .artist_block:nth-of-type(2n){
    padding-right: 0;
    border-right: none;
  }
  .artist_image{
    width: calc((165vw / 1366) * 100);
    float: left;
  }
  .artist_profile {
    float: right;
    width: calc((187vw / 1366) * 100);
  }
  .artist_name{
    font-size: calc((16vw / 1366) * 100) ;
    line-height: 1;
  }
  .artist_name-en{
    margin-top: calc((5vw / 1366) * 100) ;
  }
  .artist_career{
    margin-top: calc((15vw / 1366) * 100) ;
    font-size: calc((13vw / 1366) * 100) ;
    line-height: calc((22vw / 1366) * 100) ;
  }
  .artist_txt{
    padding-top: calc((15vw / 1366) * 100) ;
    clear: both;
    font-size: calc((14vw / 1366) * 100) ;
    line-height: calc((24vw / 1366) * 100);
    font-feature-settings:"palt";
    letter-spacing: -0.05em;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .artist{
    margin: calc((32vw / 390) * 100) auto 0;
    padding: calc((56vw / 390) * 100) 0;
    width: calc((342vw / 390) * 100);
  }
  .artist_logo{
    margin: 0 auto;
    width: calc((216vw / 390) * 100);
    font-size: calc((16vw / 390) * 100) ;
    line-height: calc((42vw / 390) * 100);
    text-align: center;
  }
  .artist_logo img {
    margin-top: calc((10vw / 390) * 100);
  }
  .artist_title{
    margin-top: calc((42vw / 390) * 100);
    border-bottom: calc((1vw / 390) * 100) solid #B08057;
    width: calc((288vw / 390) * 100);
  }
  .artist_title img{
    width: calc((81vw / 390) * 100);
  }
  .artist_lead{
    margin-top: calc((24vw / 390) * 100);
    font-size: calc((18vw / 390) * 100) ;
    line-height: calc((26vw / 390) * 100);
  }
  .artist_body{
    margin: 0 auto;
    width: calc((288vw / 390) * 100);
  }
  .artist_block{
    margin-top: calc((32vw / 390) * 100) ;
    padding-top: calc((32vw / 390) * 100);
    border-top: calc((1vw / 390) * 100) solid #B08057;
  }
  .artist_block:first-child{
    margin-top: calc((24vw / 390) * 100) ;
    padding-top: 0;
    border-top: none;
  }
  .artist_image{
    width: calc((159vw / 390) * 100);
    margin: 0 auto;
  }
  .artist_profile{
    margin-top: calc((16vw / 390) * 100) ;
  }
  .artist_name{
    text-align: center;
    font-size: calc((22vw / 390) * 100) ;
    line-height: 1;
  }
  .artist_name-en{
    margin-top: calc((10vw / 390) * 100) ;
    font-size: calc((18vw / 390) * 100) ;
  }
  .artist_career{
    margin-top: calc((15vw / 390) * 100) ;
    font-size: calc((13vw / 390) * 100) ;
    line-height: calc((22vw / 390) * 100) ;
  }
  .artist_txt{
    margin-top: calc((16vw / 390) * 100) ;
    font-size: calc((14vw / 390) * 100) ;
    line-height: calc((24vw / 390) * 100);
    text-align: left;
  }
}
/* image4 */
.image4{
  position: relative;
}
.image4_img{
  z-index: 1;
}
.image4_desc{
  position: absolute;
  color: #fff;
  font-weight: 600;
  z-index: 2;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .image4_desc{
    top: calc((247vw / 1366) * 100);
  }
  .image4_lead{
    margin-top: calc((40vw / 1366) * 100);
  }
}

@media screen and (max-width: 767px) {
  .image4_desc{
    top: calc((232vw / 390) * 100);
  }
  .image4_lead{
    margin-top: calc((32vw / 390) * 100);
  }
}

/* c-entrybtn-pageend */
.c-entrybtn-pageend{
  background-color: #fff;
}
.c-entrybtn-pageend .c-entrybtn{
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .c-entrybtn-pageend{
    padding: calc((120vw / 1366) * 100) 0;
  }
}
@media screen and (max-width: 767px) {
  .c-entrybtn-pageend{
    padding: calc((40vw / 390) * 100) 0;
  }
  .c-entrybtn-pageend .c-entrybtn{
    width: calc((300vw / 390) * 100);
  }
}

.drag-scroll {
  cursor: grab;
  user-select: none;
}
.drag-scroll img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* ------------------------------------------------- */
/* font style */
/* セクションタイトル */
.font-title{
  text-align: center;
}
@media screen and (min-width: 768px) {
  .font-title{
    font-size: calc((24vw / 1366) * 100) ;
    line-height: calc((42vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-title{
    font-size: calc((18vw / 390) * 100) ;
    line-height: calc((26vw / 390) * 100);
  }
}

/* 小見出し */
@media screen and (min-width: 768px) {
  .font-heading-sub{
    font-size: calc((26vw / 1366) * 100) ;
    line-height: calc((42vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-heading-sub{
    font-size: calc((18vw / 390) * 100) ;
    line-height: calc((36vw / 390) * 100);
  }
}

/* キャッチコピー */
.font-catchcopy{
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .font-catchcopy{
    font-size: calc((18vw / 1366) * 100) ;
    line-height: calc((32vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-catchcopy{
    font-size: calc((16vw / 390) * 100) ;
    line-height: calc((26vw / 390) * 100);
  }
}

/* リード */
.font-lead{
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .font-lead{
    font-size: calc((18vw / 1366) * 100) ;
    line-height: calc((36vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-lead{
    font-size: calc((14vw / 390) * 100) ;
    line-height: calc((28vw / 390) * 100);
  }
}
/* 本文 */
.font-basic{
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .font-basic{
      font-size: calc((16vw / 1366) * 100) ;
      line-height: calc((24vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-basic{
      font-size: calc((14vw / 390) * 100) ;
      line-height: calc((24vw / 390) * 100);
  }
}
/* 本文 small */
.font-basic-small {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .font-basic-small {
      font-size: calc((14vw / 1366) * 100) ;
      line-height: calc((24vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-basic-small {
      font-size: calc((12vw / 390) * 100) ;
      line-height: calc((19vw / 390) * 100);
  }
}
/* 補足文・注釈 */
@media screen and (min-width: 768px) {
  .font-note{
    font-size: calc((12vw / 1366) * 100) ;
    line-height: calc((17vw / 1366) * 100);
  }
}
@media screen and (max-width: 767px) {
  .font-note{
    font-size: calc((10vw / 390) * 100) ;
    line-height: calc((17vw / 390) * 100);
  }
}