@charset "utf-8";
/* CSS Document */

/*==================================
	common
==================================*/
body { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; font-weight: 400; color: #333; letter-spacing: 0.05em; font-feature-settings: "palt";}
body a { text-decoration: none; outline: none !important; color: #333; -webkit-tap-highlight-color: transparent;}
#contents { max-width: 750px; margin: 0 auto; width: 100%;overflow: hidden;background: #FFF;box-shadow: 6px 0px 5px -5px rgb(28 10 0 / 10%), -6px 0px 5px -5px rgb(28 10 0 / 10%);}
img { width: 100%;}
#pcBg { position: fixed;/*background: url(../img/pc_bg.jpg) #f7f5f2;*/ background-repeat: no-repeat; background-position: center top; width: 100%; height: 100%; z-index: -1;}


/* accordion */
.accordion { width:86.66%; margin: 0 auto;}
.accordion dt { cursor: pointer; padding: 55px 8% 35px 8%; background:url(../img/accordion_icon_off.png) no-repeat 94% center #f7f7f7; background-size: auto 14px; margin-top: 30px; text-align: left; margin-bottom: 0; display: flex; justify-content: flex-start; align-items: center; border-radius: 10px; -webkit-tap-highlight-color: transparent;}
.accordion dt.open { background:url(../img/accordion_icon.png) no-repeat 94% center #f7f7f7; background-size:auto 14px; border-radius: 10px 10px 0 0;}
.accordion dd {background:#f7f7f7; display:none;text-align: left; padding: 0 8% 55px 8%; line-height: 160%; margin-left: 0; border-radius: 0 0 10px 10px;}
.accordion dd p { padding-top: 45px; border-top: solid 1px #666;}
/* SP */
@media screen and (max-width: 750px) {
.accordion dt { padding: 7.33vw 8% 4.66vw 8%; margin-top: 4vw; border-radius: 1.33vw; background-size:auto 1.86vw;}
.accordion dt.open { border-radius: 1.33vw 1.33vw 0 0; background-size:auto 1.86vw;}
.accordion dd { padding: 0 8% 7.33vw 8%; border-radius: 0 0 1.33vw 1.33vw;}
.accordion dd p { padding-top: 6vw;}
}

/* popup */
.mask { display: none; opacity: 0;}
.rawmaterialBtn { cursor: pointer; -webkit-tap-highlight-color: transparent;}
.rawmaterialDetail { display: none;}
.rawmaterialDetail .close { cursor: pointer;}
.rawmaterialDetail .close .icon { width: 30px; height: 30px; display: block; position: relative;}
.rawmaterialDetail .close .icon:before,
.rawmaterialDetail .close .icon:after { width: 2px; height: 30px; content: ""; position: absolute; top: 50%; left: 50%; background: #333; border-radius: 2px;}
.rawmaterialDetail .close .icon:before { transform: translate(-50%,-50%) rotate(45deg);}
.rawmaterialDetail .close .icon:after { transform: translate(-50%,-50%) rotate(-45deg);}
body.popup { overflow: hidden;}
body.popup .mask { display: block; position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 110;}
body.popup .rawmaterialDetail { padding: 20px; width: 80%; height: 80vh; background: #fff; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 130; border-radius: 10px; overflow-y: scroll;}
body.popup .rawmaterialDetail .close { position: fixed; right: 10px; top: 10px;}

@media screen and (max-width: 750px) {
}


/* cvBtnArea */
.cvSelectArea { position: relative;}
.cvSelectArea form { display: flex; justify-content: center; position: absolute; bottom: 1%;}
.cvSelectArea input[type=radio] { display: none;}
.cvSelectArea label { position: absolute; z-index: 100; bottom: 0; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent;}
.cvSelectArea label[ data-icon ]{ position: relative; display: inline-block; width: 374px; height: 544px;}
.cvSelectArea label[ data-icon ] input{ position: absolute; z-index: 0;}
.cvSelectArea label[ data-icon ] p{ position: absolute; left: 0px; top: 0px; z-index: 100; display: block; width: 100%; height: 100%; background-position: center top; cursor: pointer;}
.cvSelectArea label[ data-icon ] input:checked+p{ background-position: center bottom;}
.cvSelectArea label[ data-icon="1" ] { left: 2%;}
.cvSelectArea label[ data-icon="2" ] { right: 0.5%;}
.cvSelectArea label[ data-icon="1" ] p{ background-image: url('../img/cv_02_btn01.png'); background-size: cover;}
.cvSelectArea label[ data-icon="2" ] p{ background-image: url('../img/cv_02_btn02.png'); background-size: cover;}
.cvBtnArea { position: relative;}
.cvBtnArea a { position: absolute; z-index: 100; bottom: 0; left: 0; width: 100%; height: 100%;}
.cvBtnArea .btnArea { width: 92.5%; display: inline-block; position: relative; top: 0; left: 3.5%; overflow: hidden; z-index: 1; border-radius: 12vw;}
.cvBtnArea .btnArea .btn { display: inline-block; position: relative; text-decoration: none; overflow: hidden;}
.cvBtnArea .btnArea .btn:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn 3s ease-in-out infinite;}
.cvBtnArea .btnArea .btn img { width: 100%;}
@media screen and (max-width: 750px) {
.cvSelectArea label[ data-icon ]{  width: 49.86vw; height: 72.53vw;}
}

@-webkit-keyframes shiny-btn {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@keyframes fall {
  to { top: 120%;}
}
@keyframes sway1 {
  from { transform: translateX(0px) rotate(0deg);}
  to { transform: translateX(200px) rotate(-45deg);}
}
@keyframes sway2 {
  from { transform: translateX(200px) rotate(-45deg);}
  to { transform: translateX(0px) rotate(0deg);}
}

/*==================================
	cv01
==================================*/
#cv01 { padding-bottom: 55px; background: #f7f7f7;}
@media screen and (max-width: 750px) {
#cv01 { padding-bottom: 7.33vw;}
}

/*==================================
	evolution
==================================*/
#evolution {}
#evolution .evolution_01,
#evolution .evolution_02 { position: relative;}
#evolution .evolution_01 { height: 165.33vw; max-height: 1240px;}
#evolution .evolution_01 .txt01,
#evolution .evolution_01 .txt02,
#evolution .evolution_01 .ph,
#evolution .evolution_01 .bg_blind,
#evolution .evolution_01 .bg { position: absolute; left: 0;}
#evolution .evolution_01 .txt01 { top: 160px; z-index: 50;}
#evolution .evolution_01 .txt02 { bottom: 0; z-index: 50;}
#evolution .evolution_01 .ph { bottom: 200px; z-index: 20;}
#evolution .evolution_01 .bg_blind { bottom: 0; z-index: 40;}
#evolution .evolution_01 .bg { bottom: 0; z-index: 10;}
#evolution .evolution_01 .confetti,
#evolution .evolution_01 .confetti_over { position: absolute; padding: 0; margin: 0; top: 0; width: 100%; height: 165.33vw; max-height: 1240px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#evolution .evolution_01 .confetti span,
#evolution .evolution_01 .confetti_over span { position: absolute; list-style: none; top: -100px;}
#evolution .evolution_01 .confetti_over { z-index: 30;}
#evolution .evolution_01 .confetti_over .confetti_over01 { width: 10.67%; height: 10px;
  left: 10%; top: -110px;
  animation: fall 9s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 8s;
}
#evolution .evolution_01 .confetti_over .confetti_over02{ width: 11.07%; height: 10px;
  left: 60%; top: -130px;
  animation: fall 12s linear infinite,
             sway2 3.5s ease-in-out infinite alternate;
  animation-delay: 6s;
}
#evolution .evolution_01 .confetti_over .confetti_over03{ width: 14%; height: 10px;
  left: 0; top: -110px;
  animation: fall 10s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 4s;
}
#evolution .evolution_01 .confetti_over .confetti_over04{ width: 8.67%; height: 10px;
  left: 40%; top: -100px;
  animation: fall 11s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 1s;
}
#evolution .evolution_01 .confetti { z-index: 0;}
#evolution .evolution_01 .confetti .confetti01{ width: 8%; height: 10px;
  left: 5%; top: -100px;
  animation: fall 15s linear infinite,
             sway2 2s ease-in-out infinite alternate;
  animation-delay: 7s;
}
#evolution .evolution_01 .confetti .confetti02{ width: 8.67%; height: 10px;
  left: 15%; top: -100px;
  animation: fall 18s linear infinite,
             sway1 3.5s ease-in-out infinite alternate;
  animation-delay: 12s;
}
#evolution .evolution_01 .confetti .confetti03{ width: 12.94%; height: 10px;
  left: 10%; top: -120px;
  animation: fall 8s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 6s;
}
#evolution .evolution_01 .confetti .confetti04{ width: 8.67%; height: 10px;
  left: 80%; top: -100px;
  animation: fall 19s linear infinite,
             sway1 4s ease-in-out infinite alternate;
  animation-delay: 1s;
}
#evolution .evolution_01 .confetti .confetti05{ width: 10.94%; height: 10px;
  left: 70%; top: -100px;
  animation: fall 11s linear infinite,
             sway2 3s ease-in-out infinite alternate;
  animation-delay: 3s;
}
#evolution .evolution_01 .confetti .confetti06{ width: 12.27%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 18s linear infinite,
             sway1 3.5s ease-in-out infinite alternate;
  animation-delay: 11s;
}
#evolution .evolution_01 .confetti .confetti07{ width: 15.06%; height: 10px;
  left: 20%; top: -160px;
  animation: fall 15s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 4s;
}
#evolution .evolution_01 .confetti .confetti08{ width: 16.53%; height: 10px;
  left: 65%; top: -160px;
  animation: fall 10s linear infinite,
             sway2 3s ease-in-out infinite alternate;
  animation-delay: 2s;
}
#evolution .evolution_01 .confetti .confetti09{ width: 10.67%; height: 10px;
  left: 15%; top: -110px;
  animation: fall 12s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 10s;
}
#evolution .evolution_01 .confetti .confetti10{ width: 11.07%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 8s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 8s;
}
#evolution .evolution_01 .confetti .confetti11{ width: 14%; height: 10px;
  left: 20%; top: -110px;
  animation: fall 15s linear infinite,
             sway2 4.5s ease-in-out infinite alternate;
  animation-delay: 10s;
}
#evolution .evolution_01 .confetti .confetti12{ width: 12.27%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 10s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 5s;
}
#evolution .evolution_01 .confetti .confetti13{ width: 8%; height: 10px;
  left: 5%; top: -100px;
  animation: fall 16s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 3s;
}
#evolution .evolution_02 {}
#evolution .evolution_02 .item01,
#evolution .evolution_02 .item02 { position: absolute; width: 10%; top: 15%; margin: 0 auto; overflow: visible; opacity: 0;}
#evolution .evolution_02 .item01 img,
#evolution .evolution_02 .item02 img { width: 100%;}
#evolution .evolution_02 .item01 { width: 15%; top: 18%; left: 21%;}
#evolution .evolution_02 .item02 { width: 15%; top: 18%; right: 21%;}
@media screen and (max-width: 750px) {
#evolution .evolution_01 .txt01 { top: 21.33vw;}
#evolution .evolution_01 .ph { bottom: 26.66vw;}
}


/*==================================
	sns
==================================*/
#sns .sns_02 { position: relative;}
#sns .sns_02 .base { position: relative; z-index: 10;}
#sns .sns_02 .mov01 { width: 340px; height: 490px; top: 40px; right: 30px; position: absolute; background: #ddd;}
#sns .sns_02 .mov02 { width: 340px; height: 400px; bottom: 150px; left: 30px; position: absolute; background: #ddd;}
#sns .sns_02 .hero{position: relative;overflow: hidden;height: 420px;border-radius: 16px;}
#sns .sns_02 .hero__bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0; }
@media screen and (max-width: 750px) {
#sns .sns_02 .mov01 { width: 45.33vw; height: 65.33vw; top: 5.33vw; right: 4vw;}
#sns .sns_02 .mov02 { width: 45.33vw; height: 53.33vw; bottom: 20vw; left: 4vw;}
}


/*==================================
	reason
==================================*/
#reason .reason_01_video { 
    width: 100%;
    vertical-align: top;
}
#reason .reason_02_video { 
    width: 100%;
    vertical-align: top;
}


/*==================================
	technology
==================================*/
#technology {}
#technology .technology_01_ph,
#technology .technology_02_ph,
#technology .technology_03_ph { position: relative;}
#technology .technology_01_ph .pkg,
#technology .technology_02_ph .pkg,
#technology .technology_03_ph .pkg { position: absolute;}
#technology .technology_01_ph .pkg { top: 70px; right: 30px; width: 392px; height: 697px;}
#technology .technology_02_ph .pkg { top: 80px; left: 0; width: 425px; height: 690px;}
#technology .technology_03_ph .pkg { top: 90px; left: 20px; width: 462px; height: 669px;}
@media screen and (max-width: 750px) {
#technology .technology_01_ph .pkg { top: 9.34vw; right: 4vw; width: 52.26vw; height: 92.93vw;}
#technology .technology_02_ph .pkg { top: 10.67vw; left: 0; width: 56.66vw; height: 92vw;}
#technology .technology_03_ph .pkg { top: 12vw; left: 2.67vw; width: 61.6vw; height: 89.2vw;}
}

/* moving */
#technology .pkg { animation: floating-y 1.5s ease-in-out infinite alternate-reverse;}
@keyframes floating-y {
0% { transform: translateY(-2%);}
100% { transform: translateY(2%);}
}

/*==================================
	heat
==================================*/
#heat {}
#heat .heat_03,
#heat .heat_04 { position: relative;}
#heat .heat_03 .ph { width: 360px; height: 350px; left: 0; top: 0; position: absolute;}
#heat .heat_04 .txt { top: 80px;; width: 750px; height: 240px; left: 0; position: absolute; z-index: 10;}
#heat .heat_04 .ph { top: 295px; width: 640px; height: 300px; left: 0; right: 0; margin: auto; position: absolute;}
@media screen and (max-width: 750px) {
#heat .heat_03 .ph { width: 48vw; height: 46.66vw;}
#heat .heat_04 .txt { top: 10.66vw;; width: 100%; height: 32vw;}
#heat .heat_04 .ph { top: 38.33vw; width: 85.33%; height: 40vw;}
}


/*==================================
	step
==================================*/
#step .step_01,
#step .step_02 { position: relative;}
#step .step_movArea01,
#step .step_movArea02,
#step .step_movArea03 { position: absolute; width: 320px; height: 240px;}
#step .step_movArea01 .item,
#step .step_movArea02 .item,
#step .step_movArea03 .item { position: absolute;}
#step .step_movArea01 .step_mov01,
#step .step_movArea02 .step_mov02,
#step .step_movArea03 .step_mov03 { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; text-align: center; background: #ccc;}
#step .step_movArea01 { top: 160px; right: calc( 50% + 10px);}
#step .step_movArea01 .item { width: 122px; height: 262px; right: -56px; bottom: -40px;}
#step .step_movArea02 { top: 170px; right: calc( 50% + 10px);}
#step .step_movArea02 .item { width: 114px; height: 222px; right: -16px; bottom: -38px;}
#step .step_movArea03 { top: 170px; left: calc( 50% + 10px);}
#step .step_movArea03 .item { width: 123px; height: 221px; right: -22px; bottom: -34px;}
@media screen and (max-width: 750px) {
#step .step_movArea01,
#step .step_movArea02,
#step .step_movArea03 { width: 42.66vw; height: 32vw;}
#step .step_movArea01 .step_mov01,
#step .step_movArea02 .step_mov02,
#step .step_movArea03 .step_mov03 { border-radius: 1.33vw;}
#step .step_movArea01 { top: 21.33vw; right: calc( 50% + 1.33vw);}
#step .step_movArea01 .item { width: 16.26vw; height: 34.93vw; right: -7.46vw; bottom: -5.33vw;}
#step .step_movArea02 { top: 22.66vw; right: calc( 50% + 1.33vw);}
#step .step_movArea02 .item { width: 15.2vw; height: 29.6vw; right: -2.13vw; bottom: -5.06vw;}
#step .step_movArea03 { top: 22.66vw; left: calc( 50% + 1.33vw);}
#step .step_movArea03 .item { width: 16.4vw; height: 29.46vw; right: -2.93vw; bottom: -4.53vw;}
}


/*==================================
	awards
==================================*/
#awards .awards_01 { position: relative;}
#awards .awards_01 .txt01,
#awards .awards_01 .txt02,
#awards .awards_01 .ph,
#awards .awards_01 .bg_blind,
#awards .awards_01 .bg { position: absolute;}
#awards .awards_01 .txt01 { top: 0; z-index: 50;}
#awards .awards_01 .txt02 { bottom: 0; z-index: 50;}
#awards .awards_01 .ph { top: 482px; z-index: 20;}
#awards .awards_01 .bg_blind { bottom: 0; z-index: 40;}
#awards .awards_01 .bg  { bottom: 0; z-index: 10;}
#awards .awards_01 .confetti,
#awards .awards_01 .confetti_over { display: none;}
#awards .awards_01 .confetti,
#awards .awards_01 .confetti_over { position: absolute; padding: 0; margin: 0; top: 0; width: 100%; height: 170.66vw; max-height: 1280px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#awards .awards_01 .confetti span,
#awards .awards_01 .confetti_over span { position: absolute; list-style: none; top: -100px;}
#awards .awards_01 .confetti_over { z-index: 30;}
#awards .awards_01 .confetti_over .confetti_over01 { width: 10.67%; height: 10px;
  left: 10%; top: -110px;
  animation: fall 9s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 8s;
}
#awards .awards_01 .confetti_over .confetti_over02{ width: 11.07%; height: 10px;
  left: 60%; top: -130px;
  animation: fall 12s linear infinite,
             sway2 3.5s ease-in-out infinite alternate;
  animation-delay: 6s;
}
#awards .awards_01 .confetti_over .confetti_over03{ width: 14%; height: 10px;
  left: 0; top: -110px;
  animation: fall 10s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 4s;
}
#awards .awards_01 .confetti_over .confetti_over04{ width: 8.67%; height: 10px;
  left: 40%; top: -100px;
  animation: fall 11s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 1s;
}
#awards .awards_01 .confetti { z-index: 0;}
#awards .awards_01 .confetti .confetti01{ width: 8%; height: 10px;
  left: 5%; top: -100px;
  animation: fall 15s linear infinite,
             sway2 2s ease-in-out infinite alternate;
  animation-delay: 7s;
}
#awards .awards_01 .confetti .confetti02{ width: 8.67%; height: 10px;
  left: 15%; top: -100px;
  animation: fall 18s linear infinite,
             sway1 3.5s ease-in-out infinite alternate;
  animation-delay: 12s;
}
#awards .awards_01 .confetti .confetti03{ width: 12.94%; height: 10px;
  left: 10%; top: -120px;
  animation: fall 8s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 6s;
}
#awards .awards_01 .confetti .confetti04{ width: 8.67%; height: 10px;
  left: 80%; top: -100px;
  animation: fall 19s linear infinite,
             sway1 4s ease-in-out infinite alternate;
  animation-delay: 1s;
}
#awards .awards_01 .confetti .confetti05{ width: 10.94%; height: 10px;
  left: 70%; top: -100px;
  animation: fall 11s linear infinite,
             sway2 3s ease-in-out infinite alternate;
  animation-delay: 3s;
}
#awards .awards_01 .confetti .confetti06{ width: 12.27%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 18s linear infinite,
             sway1 3.5s ease-in-out infinite alternate;
  animation-delay: 11s;
}
#awards .awards_01 .confetti .confetti07{ width: 15.06%; height: 10px;
  left: 20%; top: -160px;
  animation: fall 15s linear infinite,
             sway2 4s ease-in-out infinite alternate;
  animation-delay: 4s;
}
#awards .awards_01 .confetti .confetti08{ width: 16.53%; height: 10px;
  left: 65%; top: -160px;
  animation: fall 10s linear infinite,
             sway2 3s ease-in-out infinite alternate;
  animation-delay: 2s;
}
#awards .awards_01 .confetti .confetti09{ width: 10.67%; height: 10px;
  left: 15%; top: -110px;
  animation: fall 12s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 10s;
}
#awards .awards_01 .confetti .confetti10{ width: 11.07%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 8s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 8s;
}
#awards .awards_01 .confetti .confetti11{ width: 14%; height: 10px;
  left: 20%; top: -110px;
  animation: fall 15s linear infinite,
             sway2 4.5s ease-in-out infinite alternate;
  animation-delay: 10s;
}
#awards .awards_01 .confetti .confetti12{ width: 12.27%; height: 10px;
  left: 50%; top: -130px;
  animation: fall 10s linear infinite,
             sway1 3s ease-in-out infinite alternate;
  animation-delay: 5s;
}
#awards .awards_01 .confetti .confetti13{ width: 8%; height: 10px;
  left: 5%; top: -100px;
  animation: fall 16s linear infinite,
             sway1 2s ease-in-out infinite alternate;
  animation-delay: 3s;
}
@media screen and (max-width: 750px) {
#awards .awards_01 .ph { top: 64.26vw;}
}



/*==================================
	sas
==================================*/
#sas .sas_01 { position: relative;}
#sas .sas_01 .sas_movArea { width: 600px; height: 335px; position: absolute; left: 0; right: 0; top: 0; margin: auto; text-align: center; background: #ccc;}
#sas .sas_01 .sas_movArea .sas_mov01 { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; text-align: center; background: #ccc;}
@media screen and (max-width: 750px) {
#sas .sas_01 .sas_movArea { width: 80vw; height: 44.66vw;}
}

/*==================================
	lineup
==================================*/
#lineup { padding-bottom: 160px; background: #e3e3e3;}
#lineup .splide__list li { margin: 0 30px 0 0;}
#lineup .splide__pagination { bottom: -60px;}
#lineup .splide__pagination__page { width: 15px; height: 15px; margin: 0 7px; background: #e3e3e3; border: solid 1px #000; opacity: 1;}
#lineup .splide__pagination__page.is-active{ background: #000; transform: scale(1);}
@media screen and (max-width: 750px) {
#lineup { padding-bottom: 21.33vw;}
#lineup .splide__list li { margin: 0 2vw;}
#lineup .splide__pagination { bottom: -8vw;}
#lineup .splide__pagination__page { width: 2vw; height: 2vw; margin: 0 0.933vw;}
}

/*==================================
	cv02
==================================*/
#cv02 { padding-bottom: 110px; background: #e3e3e3;}
@media screen and (max-width: 750px) {
#cv02 { padding-bottom: 14.66vw;}
}

/*==================================
	seibun
==================================*/
.rawmaterialDetail .seibun_box .seibun_tlt { background: #000;color: #fff;padding: 1% 2%;font-size: 14px; }
.rawmaterialDetail .seibun_box dl {display: grid;grid-template-columns: 54px 1fr;column-gap: initial;row-gap: 10px;margin: 0;margin-top: 10px;font-size: 12px; }
.seibun_box dl dt { display: grid; }
.seibun_box dl dt { font-weight: 600;margin: 0;padding-bottom: 10px;border-bottom: 1px solid #000; }
.seibun_box dl dd {margin: 0;border-bottom: 1px solid #000; }
.seibun_box dl dt:last-of-type, .seibun_box dl dd:last-of-type { border-bottom: 0; }

/*==================================
	footer
==================================*/
footer .ftLink { width: 90%; margin: 120px auto 80px auto; display: flex; flex-wrap: wrap; justify-content: center;}
footer .ftLink li { font-size: 22px;}
footer .ftLink li:nth-child(n+4) { margin-top: 15px;}
footer .ftLink li:nth-child(1):after,
footer .ftLink li:nth-child(2):after,
footer .ftLink li:nth-child(4):after { content: "/"; margin: 0 20px;}
footer .ftLink li a {}
footer .copyArea { background: #333; color: #fff;}
footer copy { font-size: 20px; text-align: center; display: block; padding: 3% 0; font-family: "Roboto", sans-serif; font-weight: 500;}
/* SP */
@media screen and (max-width: 750px) {
footer .ftLink { margin: 16vw auto 10.67vw auto;}
footer .ftLink li { font-size: 2.94vw;}
footer .ftLink li:nth-child(n+4) { margin-top: 2vw;}
footer .ftLink li:nth-child(1):after,
footer .ftLink li:nth-child(2):after,
footer .ftLink li:nth-child(4):after { margin: 0 2.67vw;}
footer copy { font-size: 2.67vw;}
}