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



/* 基本
------------------------------------------------------*/
body {
	font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #bae2f8;
}

/* 1733修正 */
body.no-scroll {
  overflow: hidden;
  touch-action: none; /* スマホでのスワイプも防止 */
}


a,
.accordion-header,
.close-btn,
#page-top img {
    transition: .5s;
}

a:hover,
.accordion-header:hover,
.close-btn:hover,
#page-top img:hover {
	opacity:0.7;
}

.overflow-hidden {
	overflow: hidden;
}

.wrap-swp {
	padding-bottom: 10%;
	overflow: hidden;
}
#page-top {
	position: fixed;
	bottom: 85px;
	right: 5px;
	cursor: pointer;
	z-index: 99;
	background: #fff;
	border-radius: 50%;
}

@media (min-width: 540px) {

	#page-top {
		bottom: 20px;
		right: 20px;
	}

}
@media (min-width: 1500px) {

	#page-top {
		bottom: 20px;
		right: 20px;
	}

}


.animate__animated {
	opacity: 0;
}

.lity-wrap {
	padding: 25px;
}
.lity-wrap .lity-container,
.lity-wrap .lity-content {
	height: 100%;
}
.lity-wrap .lity-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lity-wrap .lity-content img {
	max-height: 100% !important;
}


/* ハンバーガー
----------------------------------------------------------- */

#hbg,
#hbg .icon,
#menu-hbg {
	position: absolute;
}
#hbg,
#menu-hbg {
	width: 100%;
}
#hbg {
	top: 0;
	left: 0;
	aspect-ratio: 800 / 132;
	z-index: 11;
}
#hbg .icon {
	width: 12.25%;
	z-index: 1;
	top: 83%;
	right: 2.4%;
}
#menu-hbg {
	top: 0;
	left: 0;
	padding-top: 11%;
}
#menu-hbg .menu {
	background: #bae2f8;
	padding: 5% 0% 10%;
	overflow-y: auto;
	height: 70vh;
	max-height: 646px;
	box-sizing: border-box;
}





/* 追従ボタン
----------------------------------------------------------- */
.fl {
	bottom: 0;
	aspect-ratio: 375 / 72;
	background-color: rgba(255, 255, 255, 0.8); /* ← 白の80%不透明 */
	display: flex;
	align-items: center;
	padding: 0 1%;
	box-sizing: border-box;
	gap: 2.5%;
	z-index: 999;
}



#menu-hbg .menu_sub {
	margin-top: 10%;
}
#menu-hbg .menu_sub li {
    width: 100%;
    margin-bottom: 1.5%;
}
#menu-hbg .btns {
	margin-top: 9%;
}
#menu-hbg .btns .btn {
	width: 71.5%;
	display: block;
	margin: 0 auto;
}


/* .accordion
------------------------------------------------------*/

.accordion {
  overflow: hidden;
}

/* タイトル部分 */
.accordion-header {
  cursor: pointer;
}



#lpwrap .accordion .accordion-header .opn,
#lpwrap .accordion.active .accordion-header .cls {
	display: none;
}
#lpwrap .accordion .accordion-header .cls,
#lpwrap .accordion.active .accordion-header .opn {
	display: inline;
}

/* コンテンツ部分（初期は非表示） */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, padding 0.2s ease;
  box-sizing: border-box;
}


/* 「閉じる」ボタン */
.close-btn {
  display: inline-block;
  border: none;
  cursor: pointer;
}






/* lp
------------------------------------------------------*/

.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}
.position-fixed {
	position: fixed;
}


@media (min-width: 576px) {

	.mw-375px {
		max-width: 375px;
	}

}


.mw-400px {
	max-width: 400px;
}
.mw-450px {
	max-width: 450px;
}
.mw-768px {
	max-width: 768px;
}
.mx-auto {
	margin-right: auto;
	margin-left: auto;
}
.bg-ffffff {
	background: #ffffff;
}
.shadow {
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}

#lpwrap img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}

.side {
	flex-grow: 1;
}
.side.left {
}
.side.right {
}

.lpmain {
	padding-bottom: 19%;
	overflow: hidden;
	background: #bae2f8;
}



@media (min-width: 1200px) {

	.lpmain .hd {
		display: none;
	}

}




.top1_03 {
	background: url("../images/top1_03.jpg") no-repeat 0 0 / 100% auto;
}
.top1_04 .btn {
	width: 51.7%;
	top: 83.5%;
	left: 24.15%;
}

.top2_02 .btn {
	display: block;
	width: 41.1%;
	position: absolute;
	top: 21.9%;
	left: 7.6%;
	overflow: hidden;
	border-radius: 5px;
}
.top2_02 .btn:after {
	position: absolute;
	top: -200%;
	left: -150%;
	content: "";
	height: 500%;
	width: 70px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
	transform: rotate(60deg);
	animation: 2s shine infinite linear;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

.top2_02 .btn.cp2,
.top2_02 .btn.cp4 {
	left: 51.4%;
}
.top2_02 .btn.cp3,
.top2_02 .btn.cp4 {
	top: 56.3%;
}


.sec {
	padding-top: 18%;
	margin-top: -18%;
}

.top3_01 {
	position: absolute;
	top: 22.4%;
	left: 0;
}
.top3_01.top3_01_2 {
	top: 39.6%;
}
.top3_01.top3_01_3 {
	top: 56.7%;
}
.top3_01.top3_01_4 {
	top: 73.9%;
}

.top3_02 .btn {
	position: absolute;
	top: 50.4%;
	left: 12%;
	width: 33.4%;
}
.top3_02 .btn.btn2,
.top3_02 .btn.btn4 {
	left: 54.6%;
}
.top3_02 .btn.btn3,
.top3_02 .btn.btn4 {
	top: 80.9%;
}



.cp1 .btn {
	width: 80%;
	top: 86.2%;
	left: 10%;
}
.cp1.cp1_03 .btn {
	top: 88.6%;
}
.cp1.cp1_04 .btn {
	top: 84.6%;
}

.cp1_02 {
	background: url("../images/cp1_02-bg.jpg") no-repeat 0 0 / 100% auto;
}
.cp1_03 {
	background: url("../images/cp1_03-bg.jpg") no-repeat 0 0 / 100% auto;
}
.cp1_04 {
	background: url("../images/cp1_04-bg.jpg") no-repeat 0 0 / 100% auto;
}


.cp2_01 .btn {
	position: absolute;
    top: 8.89%;
	left: 0;
	width: 100%;
}
.cp2_01 .btn.cp2 {
    top: 22.8%;
}
.cp2_01 .btn.cp3 {
    top: 36.9%;
}
.cp2_01 .btn.cp4 {
	top: 51%;
}
.cp2_01 .btn.cp5 {
    top: 65%;
}
.cp2_01 .btn.cp6 {
	top: 79%;
}
.cp2_01 .btn.cp7 {
    top: 7%;
}
.cp2_01 .btn.cp8 {
    top: 65.5%;
}
.cp2_01 .btn.cp9 {
    top: 81.4%;
}

#sec5 .close-btn {
	position: absolute;
	width: 53.6%;
	bottom: 4.1%;
	left: 23.3%;
	padding: 0;
	background-color: transparent;
}

.cp3_05 .btn {
	position: absolute;
	width: 68%;
	top: 16.6%;
	left: 16%;
}
.cp3_05 .btn.pu2 {
	top: 28.6%;
}

.sk_mnt1_02 .btn {
	position: absolute;
	width: 72.3%;
	top: 56%;
	left: 13.7%;
}

#sec7 {
	background: #ccebf8;
}

.sk_mnt3_01 .btn {
	position: absolute;
	width: 78.9%;
	top: 62.5%;
	left: 10.6%;
}
.sk_mnt3_01 .btn.zaiko2 {
	top: 76.1%;
}


.sk_mnt3_02 .btn {
	position: absolute;
	width: 85.1%;
	top: 27.9%;
	left: 7.3%;
}
.sk_mnt3_02 .btn.ft2 {
	top: 44.3%;
}
.sk_mnt3_02 .btn.ft3 {
	top: 60.6%;
}


.smtp_sns {
  position: relative;
}
.sne_icon,
.pgtp01 {
  position: absolute;
  display: block;
}
.sne_icon01 {
    top: 9.9%;
    left: 11.5%;
    width: 20.4%;
}

.sne_icon02 {
	top: 9.9%;
    right: 40.4%;
    width: 20%;
}

.sne_icon03 {
    top: 9.9%;
    right: 11.5%;
    width: 20%;
}

.pgtp01 {
    bottom: 12%;
    left: 41.1%;
    width: 17.7%;
}
	
.smcnt-pgtp_wrp {
  position: relative;
}

.pgtp02 {
	position: absolute;
    display: block;
    bottom: 8%;
    left: 41.1%;
    width: 17.7%;
}
.pgtp03 {
	position: absolute;
    display: block;
    bottom: 20%;
    left: 41.1%;
    width: 17.7%;
}



/* 左右コンテンツ
------------------------------------------------------*/
.side {
	position: fixed;
	top: 0;
	width: calc(50% - 225px);
	height: 100vh;
	display: none;
	flex-direction: column;
}
@media (min-width: 1200px) {

	.side {
		display: flex;
	}

}

/* 1926修正 */
.side.left {
	left: 0;
}
.side.left .main {
	background: url("../images/bg-l.png") repeat-y top right,url("../images/top_smcnt_pc/top_left_smfesu_honda.png") no-repeat center center / contain;
}


.side.right {
	background: url("../images/bg-r.png") repeat-y top left;
	right: 0;
}

.side > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.side .hd {
	background: #fff;
	height: 100px;
	flex-shrink: 0;
}

#lpwrap .side .hd img {
	max-width: 660px;
}
#lpwrap .side.right .hd img {
	max-width: 661px;
}
.side .main {
	flex: 1;
	padding: 30px 30px 80px;;
	height: calc(100vh - 100px);
	box-sizing: border-box;
}

@media (min-width: 1700px) {

	.side .main {
		padding: 30px;
	}

}
@media (min-width: 2000px) {

	.side .main {
		padding: 66px;
	}

}



#lpwrap .side .main img {
	width: 100%;
	max-width: 650px; /* 上限 */
	height: auto;
	margin-top: 5%;
}

.side.right .main .wrap {
	width: 100%;
	max-width: 453px;
	max-height: 100%;
	box-sizing: border-box;
	border-radius: 20px;
	padding: 40px 25px 50px;
	overflow-y: auto;
}
#lpwrap .side.right .main .wrap .menu {
	width: 100%;
	max-width: 345px;
	margin: 0 auto;
}
#lpwrap .side.right .main .wrap .menu img.ttl {
	margin: 0 auto;
}
#lpwrap .side.right .main .wrap .menu .menu_main {
	margin-top: 3%;
	margin-bottom: 8%;
}
#lpwrap .side.right .main .wrap .menu .menu_main li {
	margin-bottom: 3%;
}
#lpwrap .side.right .main .wrap .menu .menu_main li:nth-child(3) {
	margin-bottom: 1%;
}

#lpwrap .side.right .main .wrap .menu .menu_sub {
	padding: 0 6%;
	margin-bottom: 4%;
}
#lpwrap .side.right .main .wrap .menu .menu_sub,
#lpwrap .side.right .main .wrap .menu .btns {
	display: flex;
	justify-content: space-between;
}
#lpwrap .side.right .main .wrap .menu .menu_sub li,
#lpwrap .side.right .main .wrap .menu .btns .btn {
	width: 49%;
	display: block;
}
@media (max-width: 1900px) {
  #lpwrap .top-main-img {
    display: none;
  }
}



/* スライド
------------------------------------------------------*/
    .dummy-content { padding: 2em; background: #ececec; text-align: center; }
    .swiper-container { width: 100%; position: relative; overflow: visible; }
    .swiper-slide { position: relative; }
    .slide-image { width: 100%; height: 100%; object-fit: cover; }
    .popup-btn, .popup-btn2, .accordion-btn, .link-btn { cursor: pointer; display: block; margin: 1em auto; }
    /* swiper1: ドット型ページャー下部配置 */


	/* 1926修正 */
	.swiper1 {
		margin-top: -17.5%;
		padding-bottom: 13%;
	}

	.swiper2 {
		background: #f00000;
	}
	.swiper3 {
		padding-bottom: 10%;
	}
	.swiper4 {
		background: #fff;
	}
	.swiper5 {
		background: #6e86b2;
	}

	.link-btn {
		position: absolute;
		left: 2.4%;
		bottom: 1.7%;
		margin: 0;
		width: 94.6%;
	}
	.link-btn2 {
		position: absolute;
		left: 18%;
		bottom: 19.7%;
		margin: 0;
		width: 64%;
	}
	.link-btn3 {
		position: absolute;
		left: 2.4%;
		bottom: 3.7%;
		margin: 0;
		width: 94.6%;
	}

	.swiper4 .link-btn {
		left: 17.4%;
		bottom: 17.9%;
		width: 65.2%;
	}


    /* swiper2-5: 画像型ページャー上部配置 */
    .swiper2 .swiper-pagination,
    .swiper3 .swiper-pagination,
    .swiper4 .swiper-pagination,
    .swiper5 .swiper-pagination {
      position: absolute;
      top: -23%;
      left: 0;
      right: 0;
      bottom: auto;
      margin: 0 auto;
      text-align: center;
      z-index: 10;
    }

    .swiper1 .swiper-pagination {
      position: absolute;
      bottom: 3%;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center;
      z-index: 10;
    }

    .swiper2.accordion-open .swiper-pagination {
      top: -16.35%;
    }

    .swiper3 .swiper-pagination {
      top: -22%;
    }
    .swiper3.accordion-open .swiper-pagination {
      top: -15.7%;
    }
    .swiper4 .swiper-pagination {
      top: -33.5%;
    }
    .swiper5 .swiper-pagination {
      top: -34%;
    }
    .swiper5.accordion-open .swiper-pagination {
      top: -21%;
    }
    /* 画像型ページャーのサイズを大きく */
    #lpwrap .swiper2 .swiper-pagination img,
    #lpwrap .swiper3 .swiper-pagination img,
    #lpwrap .swiper4 .swiper-pagination img,
    #lpwrap .swiper5 .swiper-pagination img {
      width: 26.5%;
      border-radius: 0;
		display: inline;
		margin: 0 1.5%;
		opacity: 1;
    }
    #lpwrap .swiper3 .swiper-pagination img {
		margin: 0 3%;
    }
    #lpwrap .swiper4 .swiper-pagination img {
      width: 32%;
		margin: 0 -0.5%;
    }
    #lpwrap .swiper5 .swiper-pagination img {
      width: 37.5%;
		margin: 0 1%;
    }

	.swiper2 .swiper-pagination-bullet,
	.swiper2 .swiper-pagination-bullet-active,
	.swiper3 .swiper-pagination-bullet,
	.swiper3 .swiper-pagination-bullet-active,
	.swiper4 .swiper-pagination-bullet,
	.swiper4 .swiper-pagination-bullet-active,
	.swiper5 .swiper-pagination-bullet,
	.swiper5 .swiper-pagination-bullet-active {
		background: none;
	}

	.swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #00a0e9;
	}
	.swiper1 .swiper-pagination-bullet {
		background: #80d0f4;
		opacity: 1;
		width: 10px;
		height: 10px;
	}


	#lpwrap .popup-btn {
		position: absolute;
		top: 45.8%;
		left: 20.5%;
		width: 59%;
	}
	#lpwrap .popup-btn1 {
		position: absolute;
		top: 38.3%;
		left: 20.5%;
		width: 59%;
	}

	/* 1926修正 */
	#lpwrap .popup-btn2 {
		position: absolute;
		top: 38.5%;
		left: 17%;
		width: 65%;
	}
	#lpwrap .swiper4 .popup-btn2 {
		top: 72.5%;
	}
	#lpwrap .swiper4 .swiper-slide3 .popup-btn2 {
		top: 70%;
	}



	#lpwrap .popup-btn3 {
		position: absolute;
		top: 71%;
		left: 17%;
		width: 65%;
	}
	#lpwrap .slide-accordion-btn {
		position: absolute;
		top: 90.3%;
		left: 0;
	}
	#lpwrap .open .slide-accordion-btn {
	    top: 63.1%;
	}
	#lpwrap .open .popup-btn {
	    top: 32.55%;
	}
	#lpwrap .open .popup-btn2 {
    	top: 26.9%;
	}
	#lpwrap .accordion-open .swiper-button-prev {
		top: 35.5%;
	}
	#lpwrap .accordion-open .swiper-button-next {
		top: 35.5%;
	}
	#lpwrap .swiper2 .open .slide-accordion-btn {
	    top: 64.15%;
	}
	#lpwrap .swiper3.accordion-open .swiper-button-prev {
	    top: 35.6%;
	}
	#lpwrap .swiper3.accordion-open .swiper-button-next {
	    top: 35.6%;
	}
	#lpwrap .swiper5 .slide-accordion-btn {
    	top: 87.5%;
	}
	#lpwrap .swiper5.accordion-open .swiper-button-prev {
	    top: 30.8%;
	}
	#lpwrap .swiper5.accordion-open .swiper-button-next {
	    top: 30.8%;
	}
	#lpwrap .swiper5 .open .slide-accordion-btn {
    	top: 53.9%;
	}
    .swiper-button-prev, .swiper-button-next { color: #000; z-index: 10; cursor: pointer; }
    .swiper-button-prev { left: 10px; }
    .swiper-button-next { right: 10px; }
    /* グローバルモーダル */
    #modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); display: none; align-items: center; justify-content: center; z-index: 1000; }




	/* 1926修正 */
    .modal { padding: 1em; text-align: center; max-width: 450px; max-height: 80%; overflow-y: auto;}
    .modal .inr-modal {
		position: relative;
	}
    .close-modal {
		cursor: pointer;
		background: url("../images/seiyaku_smcnt/popup_ppup_cls.png") no-repeat 0 0 / contain;
		position: absolute;
		bottom: 3.8%;
		left: 8.5%;
		width: 82.6%;
		aspect-ratio: 445 / 70;
		border: none;
		padding: 0;
	}
    .modal--modal2-1 .inr-modal,
	.modal--modal2-2 .inr-modal {
		padding: 4%;
	}
    .modal--modal2-1 .close-modal,
	.modal--modal2-2 .close-modal {
		background: url("../images/teikinri_smcnt/popup_tekinri_cls.png") no-repeat 0 0 / contain;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		width: 10%;
		aspect-ratio: 1 / 1;
	}
    .modal--modal4-1 .close-modal,
	.modal--modal4-2 .close-modal,
	.modal--modal4-3 .close-modal {
		background: url("../images/teikinri_smcnt/popup_tkr_cls.png") no-repeat 0 0 / contain;
		bottom: 3%;
		left: 16%;
		width: 68%;
		aspect-ratio: 460 / 115;
	}



    .accordion-content { display: none; text-align: center; }


	.swiper-button-next,
	.swiper-button-prev {
		width: 13%;
		height: 0;
		max-width: 80px;
		padding-top: 13%;
	}
	.swiper-button-next:after,
	.swiper-button-prev:after {
		content: none!important; /* または content: ""; でも可 */
		display: block!important;
	}

	.swiper-button-next {
		background: url("../images/top_smcnt_sp/nv_right_slide.png") no-repeat 0 0 / 100% auto;
	}
	.swiper-button-prev {
		background: url("../images/top_smcnt_sp/nv_left_slide.png") no-repeat 0 0 / 100% auto;
	}

/* 各nvi */
/* swiper2 ナビ画像 */
.swiper2 .swiper-button-prev {
  background-image: url("../images/seiyaku_smcnt/nv_seiyaku_left.png");
}
.swiper2 .swiper-button-next {
  background-image: url("../images/seiyaku_smcnt/nv_seiyaku_right.png");
}

/* swiper3 ナビ画像 */
.swiper3 .swiper-button-prev {
  background-image: url("../images/teikinri_smcnt/nv_teikinri_left.png");
}
.swiper3 .swiper-button-next {
  background-image: url("../images/teikinri_smcnt/nv_teikinri_right.png");
}

/* swiper4 ナビ画像 */
.swiper4 .swiper-button-prev {
  background-image: url("../images/teikinri_smcnt/nv_teikinri_left.png");
}
.swiper4 .swiper-button-next {
  background-image: url("../images/teikinri_smcnt/nv_teikinri_right.png");
}

/* swiper5 ナビ画像 */
.swiper5 .swiper-button-prev {
  background-image: url("../images/sinkosya_smcnt/nv_sinkosya_left.png");
}
.swiper5 .swiper-button-next {
  background-image: url("../images/sinkosya_smcnt/nv_sinkosya_right.png");
}

/* FV
------------------------------------------------------*/
.anm {
	position: absolute;
}
#lpwrap .anm.anm1 {
  width: 90.93%;
  opacity: 0;
  top: 16.6%;
  left: 5%;
  /* 中央を起点に縦横同時に拡大 */
  transform-origin: center center;
  transform: scale(0);
  animation: fadeExpand 1s ease-out forwards;
	z-index: 1;
}

/* Fade-in and expand animation from center (both X and Y) */
@keyframes fadeExpand {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


#lpwrap .anm.anm2 {
    width: 85.7%;
    top: 71.4%;
    left: 4%;
	z-index: 2;
    /* 初期状態で完全に透明 */
    opacity: 0;
    /* 2秒後に上からフェードイン（1秒）、終わった後ピコピコを無限ループ */
    animation:
        fade-in-from-top 1s ease 4s forwards,
        piko-piko 1.5s ease-in-out 5s infinite;
}

@keyframes fade-in-from-top {
  0% {
    transform: translateY(-50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes piko-piko {
  0%, 100% {
    transform: translateY(0);
  }
  10%, 30% {
    transform: translateY(-3%);
  }
  20%, 40% {
    transform: translateY(0);
  }
}

#lpwrap .anm.anm3 {
  width: 46.1%;
  top: 55.3%;
  left: 27.5%;
  /* 初期状態 */
  opacity: 0;
  transform: translateY(20%);
  animation: fadeMove3 1.5s ease-out 2.5s forwards;
}

@keyframes fadeMove3 {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#lpwrap .anm.anm4 {
	width: 16.1%;
	top: 29.3%;
	left: 78.7%;
  /* 初期状態 */
  opacity: 0;
  transform: translateY(-50%);
  animation: fadeMove4 1.1s ease-out 1s forwards;
}

@keyframes fadeMove4 {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



#lpwrap .anm.anm5 {
	width: 23.7%;
	top: 64.2%;
	left: 19.6%;
  /* 初期状態 */
  opacity: 0;
  transform: translateX(120%);
  animation: fadeMove5 1.2s ease-out 1.2s forwards;
}

@keyframes fadeMove5 {
  0% {
    opacity: 0;
    transform: translateX(120%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



#lpwrap .anm.anm6 {
	width: 27.1%;
	top: 52.9%;
	left: 74.8%;
  /* 初期状態 */
  opacity: 0;
  transform: translateX(-120%);
  animation: fadeMove6 1s ease-out 1s forwards;
}


@keyframes fadeMove6 {
  0% {
    opacity: 0;
    transform: translateX(-120%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


#lpwrap .anm.anm7 {
	width: 26.3%;
	top: 3%;
	left: 6.9%;
  /* 初期状態 */
  opacity: 0;
  transform: translateX(30%);
  animation: fadeMove7 1s ease-out 1s forwards;
}


@keyframes fadeMove7 {
  0% {
    opacity: 0;
    transform: translateX(30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}