@charset "UTF-8";

/* --------------------------------------
	global
-------------------------------------- */


/* hacks */

@media only screen and (min-width:768px) {
    .sp {
        display: none !important;
    }
}

@media only screen and (max-width:767px) {
    .pc {
        display: none !important;
    }
}

#mata_s03 img {
    width: 100%;
    display: block;
    vertical-align: bottom;
}

#mata_s03 a img {
    transition: opacity ease 0.3s;
}

#mata_s03 .ma {
    margin-left: auto;
    margin-right: auto;
}

#mata_s03 .pr {
    position: relative;
}

#mata_s03 .pa {
    position: absolute;
}

#mata_s03 .pf {
    position: fixed;
}

#mata_s03 .db {
    display: block;
}

#mata_s03 .di {
    display: inline;
}

#mata_s03 .dib {
    display: inline-block;
}

#mata_s03 .dn {
    display: none;
}

#mata_s03 .df {
    display: flex;
}

#mata_s03 .fww {
    flex-wrap: wrap;
}

#mata_s03 .fwnw {
    flex-wrap: nowrap;
}

#mata_s03 .jcc {
    justify-content: center;
}

#mata_s03 .jcsb {
    justify-content: space-between;
}

#mata_s03 .jcfs {
    justify-content: flex-start;
}

#mata_s03 .jcfe {
    justify-content: flex-end;
}

#mata_s03 .aic {
    align-items: center;
}

#mata_s03 .aifs {
    align-items: flex-start;
}

#mata_s03 .aife {
    align-items: flex-end;
}

#mata_s03 .oxh {
    overflow-x: hidden;
}

#mata_s03 .tl {
    text-align: left;
}

#mata_s03 .tc {
    text-align: center;
}

#mata_s03 .tr {
    text-align: right;
}

#mata_s03 .tj {
    text-align: justify;
}

#mata_s03 .hac {
    left: 50%;
    transform: translateX(-50%);
}

#mata_s03 .vam {
    top: 50%;
    transform: translateY(-50%);
}

.marugo {
    font-family: dnp-shuei-mgothic-std, 'Shuei MaruGo', sans-serif !important;
    font-weight: 400;
}

.bold,
.bold * {
    font-weight: 600 !important;
}

.orange {
    color: #ff8701;
}


/* layout */

body {
    scrollbar-width: none;
    /*Firefox対応のスクロールバー非表示コード*/
    -ms-overflow-style: none;
    /*Internet Explore対応のスクロールバー非表示コード*/
}

body::-webkit-scrollbar {
    display: none;
    /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}

body {
    background: #F9F5ED;
}

header {
    height: 7rem;
    width: 100%;
    max-width: 750px;
    position: fixed;
    z-index: 999;
    left: calc(50% - 375px);
    top: 0;
    padding: 2.5rem;
    background: rgba(255, 255, 255, 0.75);
}

header h1 {
    margin: 0 auto;
}

header nav .menu {
    background: #fffdeb;
}

header nav .menu__inner ul li a {
    color: #333;
    font-size: 1.8rem;
}

header nav .menu .closeBtn span {
    color: #333;
}

#mata_s03 {
    max-width: 750px;
    background: #fff;
    box-shadow: 0px 0px 54px 0px rgb(0 0 0 / 30%);
    overflow-x: hidden;
    margin: auto;
}

#mata_s03 main .inner {
    width: 89.334%;
    margin: 0 auto;
}

footer {
    height: unset;
    margin: 0 0 90px;
}

@media screen and (max-width:767px) {
    header {
        padding: 5vw 0 0 4vw;
    }
    header {
        height: 3.5rem;
        width: 100%;
        left: 0;
        top: 0;
        padding: 1rem;
    }
    header h1 {
        width: 11rem;
        display: block;
    }
    #mata_s03 {
        box-shadow: none;
        max-width: 100%;
        position: relative;
        overflow: hidden;
    }
    footer {
        height: unset;
        padding-bottom: 0;
        margin: 0 0 12vw;
    }
}


/* ----------------------------------
	decorations
---------------------------------- */

#mata_s03 .fadeIn,
#mata_s03 .fadeIn.faded {
    transition: 1.2s;
}

#mata_s03 .dcrt {
    width: 100%;
    position: absolute;
    left: 0;
}

#mata_s03 .dcrt-add {
    top: 0px;
}

#mata_s03 .dcrt-cv0 {
    top: 0px;
}

#mata_s03 .dcrt-cv1 {
    top: 0px;
}

#mata_s03 .dcrt-cv2 {
    top: 2350px;
}

#mata_s03 .dcrt-cv3 {
    top: 4470px;
}

#mata_s03 #cv3-re .dcrt-cv-off {
    top: 0px;
}

#mata_s03 #cv3-re .dcrt-cv-svc {
    top: 400px;
}

#mata_s03 #cv3-re .dcrt-cv1 {
    top: 0px;
}

#mata_s03 #cv3-re .dcrt-cv2 {
    top: 2350px;
}

#mata_s03 #cv3-re .dcrt-cv3 {
    top: 5200px;
}

#mata_s03 #cv3-re .dcrt-cv4 {
    top: 7320px;
}

#mata_s03 .dcrt03 {
    top: 0px;
}

#mata_s03 .dcrt04 {
    top: 0px;
}

#mata_s03 .dcrt05 {
    top: 850px;
}

#mata_s03 .dcrt06 {
    top: 2025px;
}

#mata_s03 .dcrt07 {
    top: 2505px;
}

#mata_s03 .dcrt08 {
    top: 3585px;
}

#mata_s03 .dcrt09 {
    top: 3995px;
}

#mata_s03 .dcrt10 {
    top: 0px;
}

#mata_s03 .dcrt11 {
    top: 940px;
}

#mata_s03 .dcrt12 {
    top: 2275px;
}

#mata_s03 .dcrt13 {
    top: 3055px;
}

#mata_s03 .dcrt14 {
    top: 3555px;
}

#mata_s03 .dcrt15 {
    top: 0px;
}

#mata_s03 .dcrt16 {
    top: 300px;
}

#mata_s03 .dcrt17 {
    top: 2810px;
}

#mata_s03 .dcrt18 {
    top: 3830px;
}

#mata_s03 .dcrt19 {
    top: 0%;
}

#mata_s03 .dcrt20 {
    top: 300px;
}

#mata_s03 .dcrt21 {
    top: 848px;
}

#mata_s03 .dcrt22 {
    top: 1450px;
}

#mata_s03 .dcrt24 {
    top: 0px;
}

#mata_s03 .dcrt25 {
    top: 300px;
}

#mata_s03 .dcrt26 {
    top: 1390px;
}

#mata_s03 .dcrt27 {
    top: 0px;
}

#mata_s03 .dcrt28 {
    top: 800px;
}

#mata_s03 .dcrt29 {
    top: 1510px;
}

#mata_s03 .dcrt30 {
    top: 2624px;
}

#mata_s03 .dcrt31 {
    top: 3544px;
}

#mata_s03 .dcrt32 {
    top: 4701px;
}

#mata_s03 .dcrt33 {
    top: 5051px;
}

#mata_s03 .dcrt34 {
    top: 5443px;
}

#mata_s03 .dcrt35 {
    top: 5919px;
}

#mata_s03 .dcrt36 {
    top: 6696px;
}


/* add */

#mata_s03 .dcrt41 {
    top: 0px;
}

#mata_s03 .dcrt42 {
    top: 200px;
}

#mata_s03 .dcrt43 {
    top: 500px;
}

#mata_s03 .dcrt44 {
    top: 1400px;
}

#mata_s03 .anchor {
    -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

#mata_s03 .dcrt45 {
    top: 0px;
}

#mata_s03 .dcrt46 {
    top: 350px;
}

#mata_s03 .dcrt47 {
    top: 750px;
}

@media screen and (max-width:767px) {
    #mata_s03 .dcrt-cv1 {
        top: 0px;
    }
    #mata_s03 .dcrt-cv2 {
        top: 313.333vw;
    }
    #mata_s03 .dcrt-cv3 {
        top: 596vw;
    }
    #mata_s03 #cv3-re .dcrt-cv1 {
        top: 0px;
    }
    #mata_s03 #cv3-re .dcrt-cv2 {
        top: 313.333vw;
    }
    #mata_s03 #cv3-re .dcrt-cv3 {
        top: 693.333vw;
    }
    #mata_s03 #cv3-re .dcrt-cv4 {
        top: 976vw;
    }
    #mata_s03 .dcrt05 {
        top: 113.333vw;
    }
    #mata_s03 .dcrt06 {
        top: 270vw;
    }
    #mata_s03 .dcrt07 {
        top: 334vw;
    }
    #mata_s03 .dcrt08 {
        top: 478vw;
    }
    #mata_s03 .dcrt09 {
        top: 532.667vw;
    }
    #mata_s03 .dcrt11 {
        top: 126.667vw;
    }
    #mata_s03 .dcrt12 {
        top: 305.333vw;
    }
    #mata_s03 .dcrt13 {
        top: 410.667vw;
    }
    #mata_s03 .dcrt14 {
        top: 477.333vw;
    }
    #mata_s03 .dcrt16 {
        top: 40vw;
    }
    #mata_s03 .dcrt17 {
        top: 374.667vw;
    }
    #mata_s03 .dcrt18 {
        top: 510.667vw;
    }
    #mata_s03 .dcrt19 {
        top: 0vw;
    }
    #mata_s03 .dcrt20 {
        top: 40.333vw;
    }
    #mata_s03 .dcrt21 {
        top: 114.667vw;
    }
    #mata_s03 .dcrt22 {
        top: 194.667vw;
    }
    #mata_s03 .dcrt25 {
        top: 40vw;
    }
    #mata_s03 .dcrt26 {
        top: 185.333vw;
    }
    #mata_s03 .dcrt28 {
        top: 106.667vw;
    }
    #mata_s03 .dcrt29 {
        top: 201.333vw;
    }
    #mata_s03 .dcrt30 {
        top: 349.867vw;
    }
    #mata_s03 .dcrt31 {
        top: 472.533vw;
    }
    #mata_s03 .dcrt32 {
        top: 626.8vw;
    }
    #mata_s03 .dcrt33 {
        top: 673.467vw;
    }
    #mata_s03 .dcrt34 {
        top: 725.733vw;
    }
    #mata_s03 .dcrt35 {
        top: 789.6vw;
    }
    #mata_s03 .dcrt36 {
        top: 891.6vw;
    }
    #mata_s03 .dcrt42 {
        top: 26.667vw;
    }
    #mata_s03 .dcrt43 {
        top: 66.667vw;
    }
    #mata_s03 .dcrt44 {
        top: 186.667vw;
    }
    #mata_s03 .anchor {
        -webkit-filter: drop-shadow(10.133vw 0.4vw 0.667vw rgba(0, 0, 0, 0.2));
        -moz-filter: drop-shadow(10.133vw 0.4vw 0.667vw rgba(0, 0, 0, 0.2));
        -ms-filter: drop-shadow(10.133vw 0.4vw 0.667vw rgba(0, 0, 0, 0.2));
        filter: drop-shadow(10.133vw 0.4vw 0.667vw rgba(0, 0, 0, 0.2));
    }
    #mata_s03 .dcrt46 {
        top: 46.667vw;
    }
    #mata_s03 .dcrt47 {
        top: 100vw;
    }
}


/* ----------------------------------
	details
---------------------------------- */

#mata_s03 .add {
    background: #fdf0ee;
}

#mata_s03 .video {
    width: 89.334%;
    top: 0%;
}

#mata_s03 .p26 {
    margin: 0;
}

#mata_s03 #acc2 {
    margin: 0 0 50px 0;
}

#mata_s03 .links div {
    background: url('../img/links/bg.png') center top / 100% repeat-y;
}

#mata_s03 .links div.branches {
    padding: 0 0 75px;
}

#mata_s03 .links div.branches ul {
    margin: 30px 0 0 0;
}

#mata_s03 .links div.branches ul li {
    margin: 0 auto 30px;
}

#mata_s03 .links div.branches ul li:nth-child(1) {
    width: 38.133%;
}

#mata_s03 .links div.branches ul li:nth-child(2) {
    width: 18.800%;
}

#mata_s03 .links div.branches ul li:nth-child(3) {
    width: 14.133%;
}

#mata_s03 .links div.branches ul li:nth-child(4) {
    width: 50.133%;
    margin-bottom: 0;
}

#mata_s03 .links div.branches ul li a {
    font-size: 32px;
    color: #649ed5;
    text-decoration: underline;
    margin: 0 0 30px;
}

#mata_s03 .links div.tel {
    padding: 0 0 75px;
}

#mata_s03 .links div.tel .number {
    width: 78.668%;
    margin: 40px auto 30px;
}

#mata_s03 .links div.tel .txt {
    font-size: 24px;
}

#mata_s03 .links div.sns ul:nth-of-type(1) {
    width: 69.6%;
    padding: 40px 0;
    margin: 0 auto;
}

#mata_s03 .links div.sns ul:nth-of-type(2) {
    width: 50.0%;
    margin: 0 auto;
}

#mata_s03 .links div.sns ul:nth-of-type(1) li {
    width: 45.978%;
}

#mata_s03 .links div.sns ul:nth-of-type(2) li {
    width: 24.268%;
}

#mata_s03 footer .logo {
    width: 46.668%;
    padding: 50px 0;
    margin: 0 26.5%;
}

#mata_s03 footer small {
    font-size: 20px;
}

@media screen and (max-width:767px) {
    #mata_s03 .p26 {
        margin: 0 0 6.667vw 0;
    }
    #mata_s03 #acc2 {
        margin: 0 0 6.667vw 0;
    }
    #mata_s03 .links div.branches {
        padding: 0 0 10vw;
    }
    #mata_s03 .links div.branches ul {
        margin: 4vw 0 0 0;
    }
    #mata_s03 .links div.branches ul li {
        margin: 0 auto 4vw;
    }
    #mata_s03 .links div.branches ul li:nth-child(4) {
        margin-bottom: 0;
    }
    #mata_s03 .links div.branches ul li a {
        font-size: 4.267vw;
        margin: 0 0 4vw;
    }
    #mata_s03 .links div.tel {
        padding: 0 0 10vw;
    }
    #mata_s03 .links div.tel .number {
        margin: 5.333vw auto 4vw;
    }
    #mata_s03 .links div.tel .txt {
        font-size: 3.2vw;
    }
    #mata_s03 .links div.sns ul:nth-of-type(1) {
        padding: 5.333vw 0;
    }
    #mata_s03 footer .logo {
        padding: 6.667vw 0;
        margin: 0 26.5%;
    }
    #mata_s03 footer small {
        font-size: 2.667vw;
    }
}


/* --------------------------------------
	cv
-------------------------------------- */

#mata_s03 .cv .btn {
    width: 88.134%;
    cursor: pointer;
}

#mata_s03 .cv .btn:hover img {
    opacity: 0.7;
}

#mata_s03 .cv .btn1 {
    top: 29.6%;
}

#mata_s03 .cv .btn2 {
    top: 66.3%;
}

#mata_s03 .cv .btn3 {
    top: 95.4%;
}

#mata_s03 .cv .btn4 {
    top: 84%;
}

#mata_s03 .cv .btn5 {
    top: 37.8%;
}

#mata_s03 .cv .btn6 {
    top: 62.1%;
}

#mata_s03 .cv .btn7 {
    top: 88.9%;
}

#mata_s03 #cv3-re .btn1 {
    top: 20.0%;
}

#mata_s03 #cv3-re .btn2 {
    top: 50.8%;
}

#mata_s03 #cv3-re .btn3 {
    top: 77.2%;
}

#mata_s03 #cv3-re .btn4 {
    top: 96.8%;
}


/* anm */

.btn a {
    display: block;
    animation-name: pulse;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

@keyframes dokidoki {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    from {
        transform: translateX(0%);
    }
    5% {
        transform: translateX(2%);
    }
    10% {
        transform: translateX(0%);
    }
    to {
        transform: translateX(0%);
    }
}


/* ----------------------------
	acc
---------------------------- */

#mata_s03 .acc_area .acc {
    width: 78.8%;
    top: 50px;
}

@media screen and (max-width:767px) {
    #mata_s03 .acc_area .acc {
        top: 6.667vw;
    }
}

#mata_s03 .acc_area .acc::before,
#mata_s03 .acc_area .acc::after {
    content: '';
    width: 3.6%;
    height: 2%;
    background: #756c67;
    position: absolute;
    right: 4.8%;
    top: 50%;
}

#mata_s03 .acc_area .acc::after {
    transition: transform 0.4s 0.1s ease-in-out;
    transform: rotate(90deg);
}

#mata_s03 .acc_area .acc.active::after {
    transition: transform 0.4s 0.1s ease-in-out;
    transform: rotate( 0deg);
}

#mata_s03 .qa .acc::before,
#mata_s03 .qa .acc::after {
    content: '';
    width: 2.8%;
    height: 2%;
    background: #ffffff;
    position: absolute;
    right: 4.95%;
    top: 65%;
}

#mata_s03 .qa .acc::after {
    transition: transform 0.4s 0.1s ease-in-out;
    transform: rotate(90deg);
}

#mata_s03 .qa .acc.active::after {
    transition: transform 0.4s 0.1s ease-in-out;
    transform: rotate( 0deg);
}



/* accordion */
#mata_s03 .acc-wrap .acc::before,
#mata_s03 .acc-wrap .acc::after {
    transition: transform 0.5s;
    content: '';
    display: block;
    background: #756c67;
    width: 3%;
    height: 4%;
    position: absolute;
    right: 10%;
    top: 50%;
}

#mata_s03 .acc-wrap .acc::after {
    transition: transform 0.5s;
    transform: rotate(90deg);
}

#mata_s03 .acc-wrap .acc.active::after {
    transition: transform 0.5s;
    transform: rotate(0deg);
}

/* ----------------------------------
	slide, slick
---------------------------------- */


/* 
.slide ul {
    width: 100%;
    left: 0%;
    top: 32%;
}

.slide ul li {
    margin: 0 20px;
}

.slide .slick-prev {
    z-index: 10;
    border-radius: 50%;
    font-size: 0;
    opacity: 0.8;
    width: 80px;
    height: 80px;
    background: url(../img/slide/arrow-prev.png) center no-repeat;
    background-size: contain;
    left: -6%;
    top: 50%;
}

.slide .slick-next {
    z-index: 10;
    border-radius: 50%;
    font-size: 0;
    opacity: 0.8;
    width: 80px;
    height: 80px;
    background: url(../img/slide/arrow-next.png) center no-repeat;
    background-size: contain;
    right: -6%;
    top: 50%;
}

.slide .slick-prev::before {
    content: '';
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
}

.slide .slick-next::before {
    content: '';
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
}

.slide .slick-slide img {
    display: block;
    margin: auto;
}

@media screen and (max-width:767px) {
    .slide {
        width: 100vw;
    }
    .slide ul li {
        width: 47.334vw;
        margin: 0;
    }
    .slide .slick-prev {
        width: 11vw;
        height: 11vw;
        left: -6%;
    }
    .slide .slick-next {
        width: 11vw;
        height: 11vw;
        right: -6%;
    }
    .slide .slick-prev::before {
        width: 2.4vw;
        height: 2.4vw;
    }
    .slide .slick-next::before {
        width: 2.4vw;
        height: 2.4vw;
    }
    .slick-slide {
        width: 100vw;
        height: auto;
    }
    .slide ul li {
        margin: 0 2vw;
    }
    .slide .slick-prev::before {
        width: 2.667vw;
        height: 2.667vw;
    }
    .slide .slick-next::before {
        width: 2.667vw;
        height: 2.667vw;
    }
    .slide .slick-prev {
        top: 25vw;
    }
    .slide .slick-next {
        top: 25vw;
    }
} */


/* -----------------------------------------------------------------
	safariのみの対応
----------------------------------------------------------------- */

_::-webkit-full-page-media,
_:future,
:root #sec03 {
    min-height: 18vw;
}

#sec03-insrt1 {
    margin-top: -9%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     ::i-block-chrome,
    #sec03 {
        min-height: 18vw;
    }
    #sec03-insrt1 {
        margin-top: -9%
    }
}


/* 202306追加 */

#fv {
    position: relative;
}

#fv .btn {
    position: absolute;
    z-index: 1;
    left: 5.65%;
    bottom: 2%;
    width: 88.3%;
}

.cv-img {
    position: absolute;
    z-index: 1;
    left: 0;
}

.cv-area .cv-title {
    top: 0.8%;
}

.cv-area .cv-item01 {
    top: 0%;
}

.cv-area .cv-item01 .cv-btn {
    bottom: 19%;
    left: 5.65%;
    width: 88.3%;
}

.cv-area .cv-item02 {
    top: 45%;
}

.cv-area .cv-item02 .cv-btn {
    bottom: 25.7%;
    left: 5.65%;
    width: 88.3%;
}

.cv-area .cv-item05 .cv-btn {
    bottom: 13%;
    left: 5.65%;
    width: 88.3%;
}

.cv-area .cv-img01 {
    bottom: 0;
}

.cv-area .cv-img01 .cv-btn {
    bottom: 3.2%;
    left: 5.65%;
    width: 88.3%;
}

#cv02 .cv-title {
    top: 0.5%;
}

#cv02 .cv-item01 {
    top: 0.2%;
}

#cv02 .cv-item01 .cv-btn {
    bottom: 19.4%;
    left: 5.65%;
    width: 88.3%;
}

#cv02 .cv-item06 .cv-btn {
    bottom: 19.4%;
    left: 5.65%;
    width: 88.3%;
}

#cv02 .cv-item02 {
    top: 83%;
}

#cv02 .cv-item02 .cv-btn {
    bottom: 25.7%;
    left: 5.65%;
    width: 88.3%;
}

#cv02 .cv-item03 {
    top: 29%;
}

#cv02 .cv-item03 .cv-btn {
    bottom: 18.5%;
    left: 5.65%;
    width: 88.3%;
}

#cv02 .cv-item04 {
    top: 55.7%;
}

#cv02 .cv-item04 .cv-btn {
    bottom: 26.5%;
    left: 5.65%;
    width: 88.3%;
}

.award {
    margin-top: 3rem;
}

.interview {
    padding-top: 25%;
}

.interview-img01 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.voice .slide {
    width: 80%;
    margin: -2rem auto 8rem;
}

.voice .slick-slide {
    margin: 0 2vw;
}

.anc {
    display: block;
    height: 0;
    /* padding-top: 10rem;
    margin-top: -7rem; */
}

@media screen and (max-width:767px) {
    .award {
        margin-top: 1.5rem;
    }
    .voice .slide {
        margin: -1rem auto 4rem;
    }
    .anc {
        /* padding-top: 3.5rem;
        margin-top: -3.5rem; */
    }
}


/* ----------------------------------
    slide, slick
---------------------------------- */

.slide .slick-prev {
    z-index: 10;
    border-radius: 50%;
    font-size: 0;
    opacity: 0.8;
    width: 40px;
    height: 40px;
    background: url(../img/add3/ar_left.png) center no-repeat;
    background-size: contain;
    left: -8%;
    top: 50%;
}

.slide .slick-next {
    z-index: 10;
    border-radius: 50%;
    font-size: 0;
    opacity: 0.8;
    width: 40px;
    height: 40px;
    background: url(../img/add3/ar_right.png) center no-repeat;
    background-size: contain;
    right: -8%;
    top: 50%;
}

.slide .slick-prev::before {
    content: "";
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
}

.slide .slick-next::before {
    content: "";
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
}

.slide .slick-slide img {
    display: block;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .slide {
        width: 100vw;
    }
    .slide .slick-prev {
        width: 6vw;
        height: 6vw;
        left: -9%;
        top: 43%;
    }
    .slide .slick-next {
        width: 6vw;
        height: 6vw;
        right: -9%;
        top: 43%;
    }
    .slide .slick-prev::before {
        width: 2.4vw;
        height: 2.4vw;
    }
    .slide .slick-next::before {
        width: 2.4vw;
        height: 2.4vw;
    }
    .slick-slide {
        width: 100vw;
        height: auto;
    }
    .slide .slick-prev::before {
        width: 2.667vw;
        height: 2.667vw;
    }
    .slide .slick-next::before {
        width: 2.667vw;
        height: 2.667vw;
    }
}

.slide-dots {
    margin: 0 auto 0;
    padding: 0;
    text-align: center;
}

.slide-dots li {
    display: inline-block;
    margin: 0 7px;
}

.slide-dots li button {
    position: relative;
    text-indent: -9999px;
}

.slide-dots li button::before {
    background-image: url(../img/add3/dots02.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 13.5px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 24px;
    width: 2vw;
}

.slide-dots li.slick-active button::before {
    background-image: url(../img/add3/dots01.png);
}

button {
    background: none;
    border: none;
    outline: none;
    padding: 0 7px;
}

.slide .slick-dots li {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    list-style: none;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    color: #d3cfc7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 767px) {
    .slide-dots {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    .slide-dots li {
        display: inline-block;
        margin: 0 0.4vw;
    }
}

.coupon-box {
    position: absolute;
    top: 4%;
}