/* BASIC css start */
body { background-color: #f3efec; }
.st-section img { width: 100%; }
.st-section .ff1 { font-family: 'Cormorant Garamond', serif; }
.st-section .ff2 { font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; }

.st_02 { overflow: hidden; padding: 8vw 0; }
.st_02 .st-title { margin-bottom: 12vw; text-align: center; }
.st_02 .st-title h3 { margin-top: 10px; font-weight: 600; font-size: 20px; }
.st_02 .st-title img { width: 30px; }
.st_02 .slide-box { width: 100%; padding-left: 62px; box-sizing: border-box; }
.st_02 .slide-box .swiper { padding-bottom: 30px; }
.st_02 .slide-box li { width: 38%; }
.st_02 .slide-box li img { width: 100%; }
.st_02 .slide-box .info { padding-top: 10px; font-weight: 600; font-size: 10px; }
.st_02 .slide-box .info strong { display: block; margin-bottom: 2px; font-size: 14px; }
.st_02 .swiper-horizontal > .swiper-pagination-progressbar { top: inherit; bottom: 0; width: calc(100% - 62px); height: 2px; }
.st_02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #333; }

.st_03 { padding: 8vw 0; }
.st_03 .st-title { margin-bottom: 8vw; text-align: center; }
.st_03 .st-title h3 { padding: 5px 0 10px; font-weight: 600; font-size: 20px; }
.st_03 .st-title p { font-weight: 600; font-size: 16px; }
.st_03 .st-title span { font-weight: 600; font-size: 12px; }
.st_03 .st-video { position: relative; height: 0; padding-bottom: 56.4%; }
.st_03 .st-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.st_04 { padding: 0 10px; }
.st_04 .swiper-button-prev { height: 14px; margin-top: -7px; background: url("/design/dinto/design/ico_arr_before.png") no-repeat 0 0; background-size: contain; }
.st_04 .swiper-button-next { height: 14px; margin-top: -7px; background: url("/design/dinto/design/ico_arr_next.png") no-repeat 100% 0; background-size: contain; }
.st_04 .swiper-button-prev:after,
.st_04 .swiper-button-next:after { font-size: 0; }
/* BASIC css end */