@charset "UTF-8";
main  { position: relative;}
.decoimg { position: absolute; z-index: 111111;}
.decobg { position: absolute; z-index: -1}
/* main::before { position: absolute; top: 0; right: -210px; content: ""; display: inline-block; width: 1515px; height: 900px; background-image: url('../img/flower01_pc.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; z-index: -1;}
main::after { position: absolute; top: 820px; left: -200px; content: ""; display: inline-block; width: 752px; height: 849px; background-image: url('../img/flower02_pc.png'); background-position: center top; background-repeat: no-repeat; background-size: contain; z-index: -1;} */


#mv .inner { max-width: 850px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 2;}
#mv .mvcopy { margin: 0 auto 60px auto; text-align: center; padding-top: clamp(150px,17vw,300px);}
#mv .mvcopy p:nth-of-type(1) { letter-spacing: 0.03em; font-size: clamp(7rem,9vw,15rem); line-height: 1.2;}
#mv .mvcopy p:nth-of-type(2)  { width: 50px; height: 50px; margin: 10px auto;}
#mv .mvcopy p:nth-of-type(3) { letter-spacing: 0.03em; font-size: clamp(7rem,9vw,15rem); margin-bottom: 40px; line-height: 1.1;}
#mv .mvcopy p:nth-of-type(4) { letter-spacing: 0.18em; font-size: clamp(1.6rem,1.6vw,2.4rem);}
#mv ul { display: flex; justify-content: space-between; margin: 0 auto 10px;}
#mv ul li { width: 216px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(255, 255, 255,.9); position: relative;}
#mv ul li .txtBox { }
#mv ul li .txtBox { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; letter-spacing: 0.06em; line-height: 1.2;}
#mv ul li .txtBox p:nth-of-type(1) { font-size: 1.7rem;}
#mv ul li .txtBox p:nth-of-type(2) { font-size: 6rem;}
#mv ul li .txtBox p:nth-of-type(3) { font-size: 2rem;}
#mv ul li .decoimg { width: 286px; left: 165px; top: 0px; display: none;}
#mv p.notice { font-size: 1.4rem; text-align: left;}



/*---スクロールダウン---*/
.scrolldown { display: block; position:absolute; bottom: 130px; right: 95%;}
.scrolldown span { position: absolute; left: -8px; top: -184px; color: #000; font-size: 1.2rem; letter-spacing: 0.14em; -ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl; writing-mode: vertical-rl;}
.scrolldown:before { content: ""; position: absolute; bottom: 0; left: -3px; width: 7px; height: 7px; border-radius: 50%; background:#000; animation:/*丸の動き1.6秒かけて透過し、永遠にループ*/ circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;/* 丸の描写 */}
@keyframes circlemove {/*下からの距離が変化して丸の全体が上から下に動く*/ 0%{bottom:80px;} 100%{bottom:-18px;}}
@keyframes circlemovehide {/*上から下にかけて丸が透過→不透明→透過する*/ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;}}
.scrolldown:after { content:""; position: absolute; bottom:-18px; left:0; width:1px; height: 100px; background:#000;}








@media screen and (max-width: 749px) {
.scrolldown { display: none;}
#mv ul li .decoimg { width: 130px; left: 80%; top: -3px;}
#mv .inner { width: 86.66%; padding: 0; margin: 0 auto; position: relative; z-index: 2;}
#mv .mvcopy { margin: 0 auto 30px auto; text-align: center; padding-top: 140px;}
#mv .mvcopy p:nth-of-type(1) { letter-spacing: 0.1em; font-size: 5.6rem;}
#mv .mvcopy p:nth-of-type(2)  { width: 35px; height: 35px; margin: 10px auto;}
#mv .mvcopy p:nth-of-type(3) { letter-spacing: 0.1em; font-size: 5.6rem; margin-bottom: 20px;}
#mv .mvcopy p:nth-of-type(4) { letter-spacing: 0.18em; font-size: 1.6rem;}
#mv ul { display: flex; justify-content: space-between; margin: 0 auto 10px; column-gap: 2%; max-width: 390px;}
#mv ul li { width: 216px; max-width: 130px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(255, 255, 255,.9);}
#mv ul li .txtBox { }
#mv ul li .txtBox { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; letter-spacing: 0.06em; line-height: 1.2;}
#mv ul li .txtBox p:nth-of-type(1) { font-size: 1.2rem;}
#mv ul li .txtBox p:nth-of-type(2) { font-size: 2.8rem;}
#mv ul li .txtBox p:nth-of-type(3) { font-size: 1.2rem;}
#mv p.notice { font-size: 1.2rem; text-align: left;}
}
  


/*==================================
 top_pickup
===================================*/
#top_pickup { position: relative; z-index: 1;}
/* 前へ次への矢印カスタマイズ */
#top_pickup .swiper-button-next::after { background-image: url(../img/common/arrow.svg); transform: scale(-1);}
#top_pickup .swiper-button-next::after { background-repeat: no-repeat; background-size: contain; content: ""; height: 60px; margin: auto;}
#top_pickup .swiper-slide img { height: auto;width: 100%;object-fit: cover;}
#top_pickup .marginSliderInner .date { color: #999999; font-size: 1.2rem; line-height: 1; letter-spacing: 0.15em;}
#top_pickup .marginSliderInner .txt { font-weight: bold; font-size: 1.6rem;}


@media screen and (min-width: 750px) {
#top_pickup .marginSlider { max-width: 1280px; margin: 100 auto; margin-right: auto; margin-left: auto;}
#top_pickup .marginSlider a { padding-left: 60px; width: 370px;}
#top_pickup .marginSliderWrapper { width: calc(100% + (100vw - 1280px) / 2); overflow: hidden; z-index: 2;}
#top_pickup .marginSliderInner { padding: 80px 0; background: #ffffff; border-top-left-radius: 80px; padding-left: 80px; position: relative;}
#top_pickup .marginSliderInner::before { position: absolute; left: 0; top: 0; display: block; content: ""; width: 80px; height: 100%; background-color: #ffffff; border-top-left-radius: 80px; z-index: 111111111;}
#top_pickup .swiper-slide img { height: 180px;}
}
  
@media (min-width: 750px) and (max-width: 1279px) {
#top_pickup {  padding-left: 6.67%;}
#top_pickup .marginSliderWrapper { width: 100%;}
#top_pickup .marginSlider a { padding-left: 40px; width: 320px;}
#top_pickup .marginSliderInner { border-top-left-radius: 50px;}
}

@media screen and (max-width: 749px) {
#top_pickup { padding-left: 6.67%;}
#top_pickup .swiper-slide img { height: 114px;}
#top_pickup .marginSlider { max-width: 1280px; margin: 100 auto; margin-right: auto; margin-left: auto;}
#top_pickup .marginSlider a { padding-left: 10%; width: 65%;}
#top_pickup .marginSliderWrapper { width: 100%; overflow: hidden; z-index: 2;}
#top_pickup .marginSliderInner { padding: 45px 0 45px 0; background: #ffffff; border-top-left-radius: 50px;}
#top_pickup .marginSliderInner .txt { font-size: 1.3rem;}
}





/*==================================
 top_interview
===================================*/  
#top_interview { position: relative; z-index: 1;}

/* 前へ次への矢印カスタマイズ */
#top_interview .swiper-button-prev::after { background-image: url(../img/common/arrow.svg);}
#top_interview .swiper-button-next::after { background-image: url(../img/common/arrow.svg); transform: scale(-1);}
#top_interview .swiper-button-prev::after, .swiper-button-next::after { background-repeat: no-repeat; background-size: contain; content: ""; height: 60px; margin: auto;}
#top_interview .swiper-slide img { height: auto;width: 100%;object-fit: cover;}
#top_interview .swiper-button-lock {display: block !important; opacity: 1 !important;visibility: visible !important;}

@media screen and (min-width: 750px) {
#top_interview .decoimg.item01 { width: 17%; max-width: 245px; min-width: 200px; right: 50%; transform: translateX(560px); top: 90px;}
#top_interview .decoimg.item02 { width: 23%; max-width: 363px; min-width: 300px; left: 50%; transform: translateX(-590px); top: 250px;}
#top_interview .swiper-slide img {height: 440px;}
/*スライドの幅を指定*/
#top_interview .swiper-slide { width: 720px; height: 100%; margin: 0 60px; position: relative;}
#top_interview .swiper-slide .ttl { font-size: 2.6rem;}
#top_interview .swiper-slide .client { font-size: 1.4rem;}
#top_interview .swiper-slide .client span { font-size: 1.2rem; color: #999999;}

/* 前へ次への矢印カスタマイズ */
#top_interview .swiper-button-prev::after, #top_interview .swiper-button-next::after { width: 60px; height: 60px;}
#top_interview .swiper-button-prev,#top_interview .swiper-button-next {height: 60px;width: 60px;position: absolute;}
#top_interview .swiper-button-prev { left: 50%; transform: translateX(-460px);}
#top_interview .swiper-button-next { right: 50%; left: auto; transform: translateX(460px);}
}

@media (min-width: 750px) and (max-width: 1279px) {
#top_interview .decoimg.item01 { width: 17%; max-width: 245px; min-width: 200px; right: -2%; transform: translateX(0); top: 50px;}
#top_interview .decoimg.item02 { width: 23%; max-width: 363px; min-width: 300px; left: 50%; transform: translateX(-590px); top: 180px;}
}

@media screen and (max-width: 749px) {
#top_interview .secTit { line-height: 1.2; margin-bottom: 10px;}
#top_interview .decoimg.item01 { width: 17%; max-width: 245px; min-width: 100px; right: -8%; transform: translateX(0); top: 50px;}
#top_interview .decoimg.item02 { width: 23%; max-width: 363px; min-width: 120px; left: -4%; transform: translateX(0); top: 180px;}
#top_interview .swiper-slide img {height: 220px;}
/*スライドの幅を指定*/
#top_interview .swiper-slide { width: 86.66%; height: 100%; margin: 0 40px; position: relative;}
#top_interview .swiper-slide .ttl { font-size: 1.8rem;}
#top_interview .swiper-slide .client { font-size: 1.4rem;}
#top_interview .swiper-slide .client span { font-size: 1.2rem; color: #999999;}
/* 前へ次への矢印カスタマイズ */
#top_interview .swiper-button-prev::after, .swiper-button-next::after { width: 40px; height: 40px;}
#top_interview .swiper-button-prev,.swiper-button-next {height: 40px;width: 40px;position: absolute;}
#top_interview .swiper-button-prev {top:30%; left: 2%;}
#top_interview .swiper-button-next {top:30%; right: 2%; left: auto;}
}


/*==================================
 top_feature
===================================*/
#top_feature { position: relative; z-index: 1; background: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 11%, rgba(255, 255, 255, 1)100%);}
#top_feature ul li .txtBox { display: flex; flex-direction: column; justify-content: center;}
#top_feature ul li .txtBox { }
#top_feature ul li:nth-of-type(3) .img img { border-radius: 50%;}
#top_feature ul li:nth-of-type(2),#top_feature ul li:nth-of-type(4) { position: relative;}
#top_feature .decoimg { display: block;}

@media screen and (min-width: 750px) {
  #top_feature .decoimg.item01 { width: 22%; max-width: 347px; min-width: 200px; right: -2%; top: -100px;}
  #top_feature .decoimg.item02 { width: 22%; max-width: 267px; min-width: 200px; right: 50%; transform: translateX(10px); top: -30px;}
  #top_feature .decoimg.item03 { width: 25%; max-width: 363px; min-width: 200px; right: 15%; transform: translateX(240px); top: -200px;}
  #top_feature .decoimg.item04 { top: -50px; z-index: -1;}
  
  #top_feature .secTit { font-size: 5.5rem;}
  #top_feature ul li .txtBox .num { font-size: 1.4rem;}
  #top_feature ul li .txtBox .ttl { font-size: 3.6rem; letter-spacing: 0.1em;}
  #top_feature ul li .txtBox .txt { color: #666666; letter-spacing: 0.075em; line-height: 2;}
  #top_feature ul li { display: flex; justify-content: space-between;}
  #top_feature ul li:nth-of-type(even) { flex-direction: row-reverse;}
  #top_feature ul li:nth-of-type(1) .img { width: 53%;}
  #top_feature ul li:nth-of-type(1) .txtBox { width: 35%;}
  #top_feature ul li:nth-of-type(2) .img { width: 60%; transform: translateX(160px);}
  #top_feature ul li:nth-of-type(2) .img img { border-top-left-radius: 60px;}
  #top_feature ul li:nth-of-type(2) .txtBox { width: 40%; text-align: center;}
  #top_feature ul li:nth-of-type(3) .img { width: 49%;}
  #top_feature ul li:nth-of-type(3) .txtBox { width: 44%;}
#top_feature ul li:nth-of-type(4) { justify-content: end;}
#top_feature ul li:nth-of-type(4) .img { width: 53%;}
#top_feature ul li:nth-of-type(4) .txtBox { width: fit-content; margin-right: 7%;}

/* 背景のモヤモヤ */
#top_feature ul li:nth-of-type(1),#top_feature ul li:nth-of-type(3) { position: relative;}
#top_feature ul li:nth-of-type(1) .decobg { right: -20%; top: 200px;}
#top_feature ul li:nth-of-type(3) .decobg { right: 20%; bottom: -280px;}

}

@media (min-width: 750px) and (max-width: 1279px) {
#top_feature .decoimg.item01 { width: 19%; max-width: 347px; min-width: 200px; right: -3%; top: -211px;}
#top_feature .decoimg.item02 { width: 22%; max-width: 267px; min-width: 200px; right: 50%; transform: translateX(100px); top: -30px;}
#top_feature .decoimg.item03 { width: 25%; max-width: 363px; min-width: 200px; right: 15%; transform: translateX(0); top: -70px;}
}

@media screen and (max-width: 749px) {
#top_feature .decoimg.item01 { width: 17%; max-width: 347px; min-width: 150px; right: -5%; top:4%;}
#top_feature .decoimg.item02 { width: 22%; max-width: 267px; min-width: 120px; left: -17%; top: -30px;}
#top_feature .decoimg.item03 { width: 35%; max-width: 363px; min-width: 120px; right: 40%; transform: translateX(050%); bottom: 110px;}
#top_feature .decoimg.item04 { width: 90%; left: -11%; top: -32px; z-index: -1;}

#top_feature .secTit { font-size: 3rem; line-height: 1.7; margin-bottom: 10px;}
#top_feature ul li { margin-bottom: 40px;}
#top_feature ul li .img { margin-bottom: 20px;}
#top_feature ul li .txtBox .num { font-size: 1.2rem; margin-bottom: 5px; letter-spacing: 0.18em;}
#top_feature ul li .txtBox .ttl { font-size: 2.2rem; margin-bottom: 5px; letter-spacing: 0.18em;}
#top_feature ul li .txtBox .txt { color: #666666; letter-spacing: 0.075em; line-height: 2; font-size: 1.3rem;}
#top_feature ul li:nth-of-type(2) .img { transform: translateX(6.67%);}
#top_feature ul li:nth-of-type(2) .img img { border-top-left-radius: 30px;}

/* 背景のモヤモヤ */
#top_feature ul li:nth-of-type(1),#top_feature ul li:nth-of-type(3) { position: relative;}
#top_feature ul li:nth-of-type(1) .decobg { width: 80%; right: 12%; top: 49%;}
#top_feature ul li:nth-of-type(3) .decobg { width: 80%; right: -22%; bottom: 2%;}
}


/*==================================
 top_service
===================================*/
@keyframes waves_w_move{0%{background-position:0 0;transform:translate(0,0)}50%{background-position:2000px 0;transform:translate(0,0)}100%{background-position:4000px 0;transform:translate(0,0)}}
@keyframes waves_w_move_sp{0%{background-position:0 0;transform:translate(0,0)}50%{background-position:1000px 0;transform:translate(0,0)}100%{background-position:2000px 0;transform:translate(0,0)}}
#top_service .waveline_area { height: 35px; position: absolute; left: 0;  display: flex; width: 100%; overflow: hidden;}
#top_service .waveline_area .waveline { width: 100%; height: 100%; animation: waves_w_move 20s linear infinite; transform-origin: 0% 0%;background: url("../img/top/service_waveline_wht.png") repeat-x; background-size: auto 100%;}
#top_service .waveline_area.top { top: -1px;}
#top_service .waveline_area.bottom { bottom: 0; transform: scale(1, -1);}
#top_service { position: relative; z-index: 1;}
#top_service ul { display: flex; flex-wrap: wrap;}
#top_service ul li .txt{ font-size: 1.6rem; color: #666666;}

@media screen and (min-width: 750px) {
#top_service { padding-bottom: 280px;}
#top_service ul {}
#top_service ul li { width: 25%; margin-bottom: 80px;}
#top_service ul li .img { width: 80px; margin: 0 auto;}
#top_service ul li .ttl { font-size: 2.4rem;}
#top_service ul li .txt{ font-size: 1.2rem;}
#top_service .imgBox { display: flex; width: 70%; max-width: 1430px; aspect-ratio: 1430/440; position: absolute; bottom: -16%; z-index: 11111;}
#top_service .imgBox .img { width: 50%;}
#top_service .imgBox .img.item02 img { border-top-right-radius: 100px;}
}

@media (min-width: 750px) and (max-width: 1279px) {
  #top_service { padding-bottom: 240px;}
  #top_service .imgBox { display: flex; width: 86%; max-width: 1430px; aspect-ratio: 1430/440; position: absolute; bottom: -10%; z-index: 11111;}
  }


@media screen and (max-width: 749px) {
#top_service { padding-bottom: 180px;}
#top_service ul { flex-wrap: wrap; row-gap: 30px;}
#top_service ul li { width: 50%;}
#top_service ul li .img { width: 80px; margin: 10px auto;}
#top_service ul li .ttl { font-size: 1.8rem;}
#top_service ul li .txt{ font-size: 1.4rem;}
#top_service .imgBox { display: flex; width: 80%; max-width: 360px; aspect-ratio: 715/440; position: absolute; top: 91%; z-index: 11111;}
#top_service .imgBox .img { width: 100%;}
#top_service .imgBox .img.item01 { display: none;}
#top_service .imgBox .img.item02 img { border-top-right-radius: 50px;}
}



/*==================================
 top_works
===================================*/
@media screen and (min-width: 750px) {
#top_works { padding-top: 350px; padding-bottom: 200px; position: relative;}
#top_works .decoimg.item01 { width: 17%; max-width: 245px; min-width: 200px; left: 50%; transform: translateX(-590px) scale(-1,1) rotate(-37deg); top: 180px;}
#top_works .decoimg.item02 { width: 25%; max-width: 317px; min-width: 200px; right: 50%; transform: translateX(780px); top: 300px;}
#top_works h2 { margin-bottom: 180px;}
#top_works ul { display: flex; justify-content: space-between; row-gap: 100px; flex-wrap: wrap;}
#top_works ul li { width: 27%;}
#top_works ul li:nth-of-type(2),#top_works ul li:nth-of-type(5) { transform: translateY(-100px);}
#top_works ul li .img { margin-bottom: 20px;}
#top_works ul li .img img { border-top-left-radius: 40px; box-shadow: 0px 10px 15px 0px rgba(214, 214, 214, 0.2); object-fit: cover;object-position: top;height: 400px;}
#top_works ul li .ttl { font-size: 2rem; margin-bottom: 15px;}
#top_works ul li .client { font-size: 1.2rem; color: #666666;}

/* 背景のモヤモヤ */
#top_works { position: relative;}
#top_works .decobg.item01  { right: 50%; transform: translateX(50%); top: 32%; z-index: 1;}
#top_works .decobg.item02 { display: none;}
}

@media (min-width: 750px) and (max-width: 1279px) {
#top_works .decoimg.item01 { width: 17%; max-width: 245px; min-width: 200px; right: -50%; transform: translateX(-470px) scale(-1,1) rotate(-37deg); top: 180px;}
#top_works .decoimg.item02 { width: 25%; max-width: 317px; min-width: 200px; right: -4%; transform: translateX(0); top: 300px;}
#top_works ul li .img img {height: 232px;}
}

@media screen and (max-width: 749px) {
 #top_works .decoimg.item01 { width: 17%; max-width: 200px; min-width: 100px; left: -10%; transform: translateX(0) scale(-1,1) rotate(-37deg); top: 180px;}
#top_works .decoimg.item02 { width: 25%; max-width: 220px; min-width: 120px; right: -10%;transform: translateX(0);top: 67px;}
#top_works { padding-top: 130px; padding-bottom: 160px;}
#top_works ul { margin-bottom: 50px;}
#top_works ul li { width: 100%; max-width: 320px; margin: 0 auto;}
#top_works ul li:not(:last-of-type) { margin-bottom: 30px;}
#top_works ul li .img { margin-bottom: 20px;}
#top_works ul li .img img { border-top-left-radius: 40px; box-shadow: 0px 10px 15px 0px rgba(214, 214, 214, 0.2); height: 232px; object-fit: cover;object-position: top;height: 250px;}
#top_works ul li .ttl { font-size: 1.8rem; margin-bottom: 5px;}
#top_works ul li .client { font-size: 1.2rem; color: #666666;}

/* 背景のモヤモヤ */
#top_works { position: relative;}
#top_works .decobg.item01  { width: 75%; right: -17%; top: 14%; z-index: 1;}
#top_works .decobg.item02 { width: 75%; left: -22%; bottom: 15%; z-index: 1;}
}

/*==================================
 top_dnote
===================================*/
#top_dnote .swiper-slide img { height: auto;width: 100%;object-fit: cover;}
#top_dnote .swiper-container .swiper-wrapper .swiper-slide .txt { font-weight: bold; font-size: 1.6rem;}
@media screen and (min-width: 750px) {
#top_dnote { padding-top: 100px; padding-bottom: 140px;}
#top_dnote .decoimg.item01 { width: 36%; max-width: 502px; min-width: 300px; right: 0; top: -300px;}
#top_dnote .decoimg.item02 { width: 36%; max-width: 556px; min-width: 300px; left: -140px; top: 180px;}
#top_dnote .swiper-container { position: relative;}
#top_dnote .swiper-button-prev {position: absolute; top: -40px; width: 60px; height: 60px; right: 80px!important; left: auto!important; transform: translate(0);}
#top_dnote .swiper-button-next {position: absolute; top: -40px; width: 60px; height: 60px; right: 0!important; left: auto!important; transform: translate(0);}
#top_dnote .swiper-button-prev::after { background-image: url(../img/common/arrow.svg);}
#top_dnote .swiper-button-next::after { background-image: url(../img/common/arrow.svg); transform: scale(-1);}
#top_dnote .swiper-button-prev::after,#top_dnote .swiper-button-next::after { background-repeat: no-repeat; background-size: contain; content: ""; width: 100%; height: 100%; margin: auto;}
#top_dnote .swiper-slide img { height: 200px;}
#top_dnote .swiper-container { padding-left: 40px; /* 左右の余白はcontainerに指定する */}
#top_dnote .swiper-container .swiper-wrapper { padding: 30px 0;}
#top_dnote .swiper-container .swiper-wrapper .swiper-slide { /* slideに任意の幅と高さ指定 */ width: 350px; margin: 0 20px; /* 以下見た目調節 */ align-items: center; justify-content: center;}
#top_dnote .swiper-container .swiper-wrapper .swiper-slide .img { margin-bottom: 20px;}
}
@media (min-width: 750px) and (max-width: 1279px) {
 #top_dnote .decoimg.item01 { width: 30%; max-width: 502px; min-width: 300px; right: 0; top: -160px;}
 }
@media screen and (max-width: 749px) {
#top_dnote { padding-top: 75px;padding-bottom: 110px;}
#top_dnote .decoimg.item01 {display: none;}
#top_dnote .decoimg.item02 { width: 80%; max-width: 300px; left: -73px; top: -30px;}
#top_dnote .outer { width: auto;}
#top_dnote .mb90 { margin-bottom: 20px;}
#top_dnote .swiper-container { position: relative;}
#top_dnote .swiper-button-prev { display: none;}
#top_dnote .swiper-button-next {position: absolute; right: 2%!important; left: auto!important; transform: translate(0);}
#top_dnote .swiper-button-prev::after { background-image: url(../img/common/arrow.svg);}
#top_dnote .swiper-button-next::after { background-image: url(../img/common/arrow.svg); transform: scale(-1);}
#top_dnote .swiper-button-prev::after, #top_dnote .swiper-button-next::after { background-repeat: no-repeat; background-size: contain; content: ""; height: 40px; margin: auto;}
#top_dnote .swiper-slide img { height: 200px;width: 100%;}
#top_dnote .swiper-container { padding: 0 0; /* 左右の余白はcontainerに指定する */}
#top_dnote .swiper-container .swiper-wrapper { padding: 30px 0;}
#top_dnote .swiper-container .swiper-wrapper .swiper-slide { /* slideに任意の幅と高さ指定 */ width: 86.66%; margin: 0 6.67%; /* 以下見た目調節 */ align-items: center; justify-content: center;}
#top_dnote .swiper-container .swiper-wrapper .swiper-slide .img { margin-bottom: 30px;}
}