@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : top.css
Description :
===================================================================== */

/* =====================================================================
*    mv
* =================================================================== */
.mv::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url(../images/top/img_mv_sp.jpg) no-repeat center top;
    background-size: 100% auto;
}

.mv .inner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.mv_ttl {
    width: calc(580 / 750 * 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: calc(544 / 750 * 100%) auto 0;
}

.mv_catch {
    width: calc(290 / 750 * 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: calc(475 / 750 * 100%) 0 0 calc(82 / 750 * 100%);
}

.mv_date {
    width: calc(588 / 750 * 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: calc(682 / 750 * 100%) auto 0;
}

@media screen and (min-width: 768px) {
    .mv {
        background-color: #f7f8f9;
    }

    .mv::before {
        padding-top: calc(800 / 1600 * 100%);
        background: url(../images/top/img_mv_pc.jpg) no-repeat center top;
        background-size: auto 100%;
    }

    .mv_ttl {
        width: calc(435 / 1600 * 100%);
        margin: calc(616 / 1600 * 100%) auto 0;
    }

    .mv_catch {
        width: calc(290 / 1600 * 100%);
        margin: calc(23 / 1600 * 100%) 0 0 calc(323 / 1600 * 100%);
    }

    .mv_date {
        width: calc(440 / 1600 * 100%);
        margin: calc(734 / 1600 * 100%) auto 0;
    }
}

@media screen and (min-width: 1600px) {
    .mv::before {
        padding-top: 800px;
    }
}


/* =====================================================================
*    article
* =================================================================== */
.article {
    margin: 0 0 calc(100 / 750 * 100%);
    padding: calc(60 / 750 * 100%) 0 calc(100 / 750 * 100%);
    overflow: hidden;
}

.article::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e1fbff;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(60 / 750 * 100%) 0 0;
}

.article .inner::before {
    content: "ARTICLE";
    display: block;
    position: absolute;
    top: -0.19em;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.7);
    font-size: 18rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.07em;
    text-align: center;
}

.article .sec_ttl {
    background-color: #00ffff;
    letter-spacing: 0.4em;
}

.article_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: calc(80 / 750 * 100%);
}

.article_pickup {
    width: calc(630 / 750 * 100%);
    margin: 0 auto;
}

.article_pickup_box {
    width: 100%;
}

.article_new {
    width: 100%;
    margin: calc(80 / 750 * 100%) 0 0;
    padding: calc(55 / 750 * 100%) 0 calc(70 / 750 * 100%);
}

.article_new::before,
.article_new::after {
    content: "";
    display: block;
    width: calc(625 / 750 * 100%);
    height: 100%;
    background: url(../images/common/bg_dot_gray40.png) repeat left top #00ffff;
    background-size: calc(36 / 625 * 100%) auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.article_new::after {
    background: #e2ff00;
    margin: calc(40 / 750 * 100%) calc(30 / 750 * 100%) 0 0;
    z-index: 1;
}

.article_new_ttl_box::before {
    content: "NEW";
    display: block;
    width: calc(625 / 750 * 100%);
    position: absolute;
    top: -0.49em;
    right: 0.08em;
    z-index: 3;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
}

.article_new_ttl {
    display: inline-block;
    padding: 0 calc(5 / 750 * 100%) 0 calc(60 / 750 * 100%);
    background-color: #e60019;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    z-index: 3;
}

.article_new_box {
    margin: calc(55 / 750 * 100%) 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 3;
}

.article_new_list {
    display: inline-flex;
    align-items: flex-start;
}

.article_new_list li {
    width: calc(452 / 750 * 100vw);
    margin: 0 calc(38 / 750 * 100vw) calc(8 / 750 * 100vw) 0;
}

.article_new_list li:first-child {
    margin-left: calc(60 / 750 * 100vw);
}

.article_new_list li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e60019;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(8 / 452 * 100%) 0 0 calc(8 / 452 * 100%);
}

.article_new_list li a {
    padding: calc(20 / 452 * 100%) calc(20 / 452 * 100%) calc(45 / 452 * 100%);
    background-color: #fff;
}

.article_new_photo {
    width: 100%;
}

.article_new_txt {
    width: 100%;
    margin: calc(25 / 630 * 100%) 0 0;
}

.article_new_txt1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: -0.05em;
}

.article_new_txt2 {
    margin: 1em 0 0;
    color: #909090;
    font-size: 16px;
    letter-spacing: 0.05em;
}

.article_link {
    margin-top: calc(120 / 750 * 100%);
}

@media screen and (min-width: 768px) {
    .article {
        margin: 0 0 calc(100 / 1600 * 100%);
        padding: calc(64 / 1600 * 100%) 0 calc(100 / 1600 * 100%);
    }

    .article::before {
        margin: calc(60 / 1600 * 100%) 0 0;
    }

    .article_wrap {
        margin-top: calc(80 / 1600 * 100%);
    }

    .article_pickup {
        width: calc(630 / 1600 * 100%);
        margin: 0 auto 0 calc(100 / 1600 * 100%);
    }

    .article_new {
        width: calc(740 / 1600 * 100%);
        margin: calc(155 / 1600 * 100%) 0 0;
        padding: calc(50 / 1600 * 100%) 0 calc(45 / 1600 * 100%);
    }

    .article_new::before,
    .article_new::after {
        width: 50vw;
        right: auto;
        left: 0;
        margin: 0 0 0 calc(60 / 740 * 100%);
        background-size: calc(36 / 1600 * 100vw) auto;
    }

    .article_new::after {
        margin: calc(23 / 740 * 100%) 0 0 calc(28 / 740 * 100%);
    }

    .article_new_ttl_box::before {
        width: auto;
        right: auto;
        top: -0.47em;
        left: 0.25em;
        font-size: 17.5rem;
        letter-spacing: 0.05em;
    }

    .article_new_ttl {
        padding: 0 calc(5 / 740 * 100%) 0 calc(50 / 740 * 100%);
        font-size: 24px;
        line-height: 1.75;
    }

    .article_new_box {
        overflow-x: hidden;
        margin: 0;
        padding: calc(60 / 740 * 100%) 0 calc(70 / 740 * 100%);
    }

    .article_new_list {
        display: block;
        width: calc(740 / 1600 * 100vw);
    }

    .article_new_list .draggable {
        padding: 0 calc(100 / 1600 * 100vw) 0 0 !important;
        overflow: visible;
    }

    .article_new_list li {
        margin: 0!important;
        padding: 0 calc(40 / 320 * 100%) 0 0;
        top: 0;
        transition: 0.3s ease;
    }

    .article_new_list li:hover {
        top: -1.5rem;
    }

    .article_new_list li::before {
        width: calc(280 / 320 * 100%);
        margin: calc(6 / 320 * 100%) 0 0 calc(6 / 320 * 100%);
    }

    .article_new_list li a {
        padding: calc(12 / 280 * 100%) calc(12 / 280 * 100%) calc(20 / 280 * 100%);
    }

    .article_new_txt1 {
        font-size: 18px;
    }

    .article_new_txt2 {
        font-size: 18px;
    }

    .article_link {
        margin-top: calc(100 / 1600 * 100%);
    }
}

@media screen and (min-width: 1600px) {
    .article {
        margin: 0 0 100px;
        padding: 64px 0 100px;
    }

    .article::before {
        margin: 60px 0 0;
    }

    .article_wrap {
        margin-top: 80px;
    }

    .article_new::before {
        background-size: 36px auto;
    }

    .article_new_box {
        width: calc(50vw - 60px);
    }

    .article_new_list {
        width: 740px;
    }

    .article_new_list .draggable {
        padding: 0 100px 0 0 !important;
    }
}


/* =====================================================================
*    movie
* =================================================================== */
.movie {
    padding: calc(60 / 750 * 100%) 0 calc(100 / 750 * 100%);
    overflow: hidden;
}

.movie::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f5ffd1;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(60 / 750 * 100%) 0 0;
}

.movie .inner::before {
    content: "MOVIE";
    display: block;
    width: 100%;
    position: absolute;
    top: -0.19em;
    left: 0.05em;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}

.movie .sec_ttl {
    background-color: #e2ff00;
    letter-spacing: 0.4em;
}

.movie_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: calc(80 / 750 * 100%);
}

.movie_new {
    width: 100%;
    margin: 0;
    padding: calc(80 / 750 * 100%) 0 calc(70 / 750 * 100%)
}

.movie_new::before,
.movie_new::after {
    content: "";
    display: block;
    width: calc(625 / 750 * 100%);
    height: 100%;
    background: url(../images/common/bg_dot_gray40.png) repeat left top #e2ff00;
    background-size: calc(36 / 625 * 100%) auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.movie_new::after {
    background: #00ffff;
    margin: calc(40 / 750 * 100%) 0 0 calc(30 / 750 * 100%);
    z-index: 1;
}

.movie_new_box {
    z-index: 3;
}

.movie_new_list {
    width: calc(550 / 750 * 100%);
    margin: 0 calc(60 / 750 * 100%) 0 auto;
}

.movie_new_list li {
    margin: 0 0 calc(35 / 550 * 100%);
}

.movie_new_list li:last-child {
    margin-bottom: 0;
}

.movie_new_list li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e60019;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(-6 / 550 * 100%) 0 0 calc(-6 / 550 * 100%);
}

.movie_new_list li a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    padding: calc(25 / 550 * 100%);
    background-color: #fff;
}

.movie_new_photo {
    width: 100%;
}

.movie_new_txt {
    width: 100%;
    margin-top: calc(15 / 500 * 100%);
}

.movie_new_txt1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.05em;
}

.movie_new_txt2 {
    margin: 1em 0 0;
    color: #909090;
    font-size: 16px;
    letter-spacing: 0.05em;
}

.movie_link {
    margin-top: calc(120 / 750 * 100%);
}

@media screen and (min-width: 768px) {
    .movie {
        padding: calc(64 / 1600 * 100%) 0 calc(100 / 1600 * 100%);
    }

    .movie::before {
        margin: calc(60 / 1600 * 100%) 0 0;
    }

    .movie_wrap {
        margin-top: calc(80 / 1600 * 100%);
    }

    .movie_new {
        padding: calc(80 / 1600 * 100%) 0 calc(80 / 1600 * 100%);
    }

    .movie_new::before,
    .movie_new::after {
        width: 50vw;
        left: 50%;
        margin-left: -50vw;
        background-size: calc(36 / 1600 * 100vw) auto;
    }

    .movie_new::after {
        margin: calc(23 / 1600 * 100vw) 0 0 calc(30 / 1600 * 100vw - 50vw);
    }

    .movie_new_list {
        width: calc(800 / 1600 * 100%);
        margin: 0 auto;
    }

    .movie_new_list li {
        margin: 0 0 calc(40 / 800 * 100%);
        top: 0;
        transition: 0.3s ease;
    }

    .movie_new_list li:hover {
        top: -1.5rem;
    }

    .movie_new_list li::before {
        margin: calc(-6 / 800 * 100%) 0 0 calc(-6 / 800 * 100%);
    }

    .movie_new_list li a {
        flex-direction: row;
        padding: calc(20 / 800 * 100%);
    }

    .movie_new_photo {
        width: calc(220 / 760 * 100%);
    }

    .movie_new_txt {
        width: calc(520 / 760 * 100%);
        margin-top: 0;
    }

    .movie_new_txt1 {
        font-size: 18px;
    }

    .movie_new_txt2 {
        font-size: 18px;
    }

    .movie_link {
        margin-top: calc(100 / 1600 * 100%);
    }
}

@media screen and (min-width: 1600px) {
    .movie {
        padding: 64px 0 100px;
    }

    .movie::before {
        margin: 60px 0 0;
    }

    .movie_wrap {
        margin-top: 80px;
    }

    .movie_new::before {
        background-size: 36px auto;
    }

    .movie_new::after {
        margin: 23px 0 0 calc(-50vw + 30px);
    }
}


/* =====================================================================
*    goiken
* =================================================================== */
.goiken {
    padding: calc(120 / 750 * 100%) 0 calc(100 / 750 * 100%);
    background-color: #f9fafa;
}

.goiken::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: calc(400 / 750 * 100%);
    background-color: #e60019;
    position: absolute;
    bottom: 0;
    left: 0;
}

.goiken_wrap {
    width: calc(680 / 750 * 100%);
    margin: 0 0 0 calc(30 / 750 * 100%);
    padding: calc(70 / 750 * 100%) 0;
    background: url(../images/common/bg_dot_gray15.png) repeat left top #fff;
    background-size: calc(36 / 680 * 100%) auto;
    -webkit-box-shadow: calc(7 / 750 * 100vw) calc(7 / 750 * 100vw) 0 rgba(31, 37, 37, 0.25);
    box-shadow: calc(7 / 750 * 100vw) calc(7 / 750 * 100vw) 0 rgba(31, 37, 37, 0.25);
}

.goiken_ttl {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}

.goiken_ttl span {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.45em;
    left: 0.225em;
}

.goiken_ttl::after {
    content: "";
    display: block;
    width: calc(160 / 680 * 100%);
    margin: 0.5em auto 0;
    padding-top: calc(4 / 680 * 100%);
    background-color: #e60019;
}

.goiken_box1 {
    width: calc(580 / 680 * 100%);
    margin: calc(70 / 680 * 100%) auto 0;
    padding: 1em;
    background-color: #edf2f2;
    font-size: 16px;
    line-height: 1.714;
}

.goiken_txt2 {
    padding: 0 0 0 2em;
    text-indent: -2em;
}

.goiken_box2 {
    width: calc(580 / 680 * 100%);
    margin: calc(70 / 680 * 100%) auto 0;
    font-size: 2.8rem;
    line-height: 1.714;
}

.goiken_box2 dl:not(:last-child) {
    margin: 0 0 calc(70 / 580 * 100%);
}

.goiken_txt3 dt {
    padding: 0 0 0 calc(80 / 580 * 100%);
    font-weight: 700;
    font-size: 16px;
}

.goiken_txt3 dd {
    font-size: 16px;
}

.goiken_txt3 dt::before {
    content: "";
    display: block;
    width: calc(65 / 580 * 100%);
    height: 2px;
    background-color: #e60019;
    position: absolute;
    top: 0.84em;
    left: 0;
}

.goiken_txt3 dd {
    margin: 1.2em 0 0;
    padding: 0.85em 0;
    background-image: linear-gradient( 140deg, #edf2f2 63%, #f4f7f7 63.1%);
    font-weight: 700;
    text-align: center;
}

.goiken_box3 {
    width: calc(588 / 680 * 100%);
    margin: calc(110 / 680 * 100%) auto 0;
    font-size: 16px;
    line-height: 1.714;
}

.goiken_box3 li {
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.goiken_box4 {
    width: calc(630 / 680 * 100%);
    margin: calc(110 / 680 * 100%) auto 0;
    padding: 2em 0 0;
    border-top: 1px solid #dde2e0;
    font-size: 2.8rem;
    line-height: 1.714;
}

.goiken_box4 p {
    width: calc(580 / 630 * 100%);
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .goiken {
        padding: calc(100 / 1600 * 100%) 0 calc(100 / 1600 * 100%);
    }

    .goiken::before {
        padding-top: calc(230 / 1600 * 100%);
    }

    .goiken_wrap {
        width: calc(1300 / 1600 * 100%);
        margin: 0 auto;
        padding: calc(50 / 1600 * 100%) 0 calc(100 / 1600 * 100%);
        background-size: calc(36 / 1000 * 100%) auto;
        -webkit-box-shadow: calc(7 / 1600 * 100vw) calc(7 / 1600 * 100vw) 0 rgba(31, 37, 37, 0.25);
        box-shadow: calc(7 / 1600 * 100vw) calc(7 / 1600 * 100vw) 0 rgba(31, 37, 37, 0.25);
    }

    .goiken_ttl {
        font-size: 22px;
    }

    .goiken_ttl span {
        font-size: 34px;
    }

    .goiken_ttl::after {
        width: calc(160 / 1000 * 100%);
        padding-top: 2px;
    }

    .goiken_box1 {
        width: calc(800 / 1000 * 100%);
        margin: calc(60 / 1000 * 100%) auto 0;
        padding: 1.2em 4em;
        font-size: 18px;
        line-height: 1.75;
    }

    .goiken_box2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(800 / 1000 * 100%);
        margin: calc(60 / 1000 * 100%) auto 0;
        font-size: 1.6rem;
        line-height: 1.75;
    }

    .goiken_box2 dl {
        width: calc(380 / 800 * 100%);
    }

    .goiken_box2 dl:not(:last-child) {
        margin: 0;
    }

    .goiken_txt3 dt {
        font-size: 18px;
    }

    .goiken_txt3 dt::before {
        width: calc(40 / 380 * 100%);
    }

    .goiken_txt3 dd {
        margin: 0.8em 0 0;
        font-size: 18px;
    }

    .goiken_txt3 dd a {
        display: inline;
    }

    .goiken_txt3 dd a[href^="tel:"] {
        pointer-events: none;
        cursor: default;
    }

    .goiken_box3 {
        width: calc(800 / 1000 * 100%);
        margin: calc(60 / 1000 * 100%) auto 0;
        font-size: 18px;
        line-height: 1.75;
    }

    .goiken_box4 {
        width: calc(800 / 1000 * 100%);
        margin: calc(60 / 1000 * 100%) auto 0;
        padding: 1.3em 0 0;
        font-size: 1.4rem;
        line-height: 1.75;
    }

    .goiken_box4 p {
        width: 100%;
    }
}

@media screen and (min-width: 1300px) {
    .goiken_ttl {
        font-size: 26px;
    }

    .goiken_ttl span {
        font-size: 44px;
    }

    .goiken_wrap {
        width: calc(1000 / 1600 * 100%);
    }
}

@media screen and (min-width: 1600px) {
    .goiken {
        padding: 100px 0 100px;
    }

    .goiken::before {
        padding-top: 230px;
    }

    .goiken_wrap {
        -webkit-box-shadow: 7px 7px 0 rgba(31, 37, 37, 0.25);
        box-shadow: 7px 7px 0 rgba(31, 37, 37, 0.25);
    }
}


/* =====================================================================
*    footer
* =================================================================== */
.footer {
    background-color: #e60019;
}

.footer_txt {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .footer_txt {
        margin: -4em auto 0;
    }
}

/* =====================================================================
*    TOP Bnr 2020.08 add
* =================================================================== */

.bnr1 {
    width: 90%;
    margin: 6em auto 2em;
}
.bnr1 img {
    width: 100%;
}

@media screen and (min-width: 768px) {
.bnr1 {
    width: 650px;

}
}

/* =====================================================================
*    attention
* =================================================================== */

.attention {
  width: calc(680 / 750 * 100%);
  margin: 0 auto calc(50 / 750 * 100%);
  background-color: #fff;
  padding: 2em;
  font-size: 2.8rem;
  line-height: 1.667;
  -webkit-box-shadow: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) 0 rgba(31, 37, 37, 0.25);
  box-shadow: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) 0 rgba(31, 37, 37, 0.25);
}

@media screen and (min-width: 768px) {
    .attention {
        width: calc(1000 / 1600 * 100%);
        font-size: 1.6rem;
        margin: 0 auto calc(50 / 1600 * 100%);
        -webkit-box-shadow: calc(7 / 1600 * 100vw) calc(7 / 1600 * 100vw) 0 rgba(31, 37, 37, 0.25);
        box-shadow: calc(7 / 1600 * 100vw) calc(7 / 1600 * 100vw) 0 rgba(31, 37, 37, 0.25);
    }
}
/* =====================================================================
*    cast
* =================================================================== */

#cast {
    padding: 1rem ;
    font-size: 16px;
    line-height: 1.714;
    margin: 1rem;
    color: #000;
}

@media screen and (min-width: 768px) {
    #cast {
            font-size: 18px;
            margin: 0 auto;
        }
}
/* =====================================================================
*    cook-info
* =================================================================== */
.cook-info {
    width:90%;
    margin: 0 auto calc(90 / 750 * 100%);
    padding:1rem;
border: 4px solid #141A1A;
background: url(../images/common/bg_dot_gray15.png) repeat left top #fff;
background-size: calc(36 / 680 * 100%) auto;
}

.cook-info h4 {
    font-weight: bold;
    font-size: 18px;
    padding: .2rem;
    text-align: center;
    background-color: #E2FF00;
    color: #141B1B;
}

.cook-info h4::before {
content: "";
    display: inline-block;
    background: url(../images/top/insta.png);
    background-size: cover;
    width: 3.6rem;
    height: 3.6rem;
    vertical-align: middle;
    margin-right: 1rem;

}

.cook-info h4::after {
content: "";
    display: inline-block;
    background: url(../images/top/insta.png);
    background-size: cover;
    width: 3.6rem;
    height: 3.6rem;
    vertical-align: middle;
    margin-left:1rem;
}
.cook-info ul {
     line-height: 1.714;
}
.cook-info li {
    list-style:disc;
    list-style-position: inside;
    padding: .5rem;
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    .cook-info {
        width: max-content;
        margin: 0 auto calc(120 / 1600 * 100%);
        background-size: calc(36 / 780 * 100%) auto;
    }
    .cook-info h4 {
        font-size: 26px;
    }
    .cook-info ul {
        line-height: 3rem;
    }
    .cook-info li {
        padding: 1rem;
        font-size: 18px;
    }
}

@media screen and (min-width: 1300px) {
    .cook-info ul {
        line-height: 1.6rem;
    }
}

/* =====================================================================
*    info-bana
* =================================================================== */

.info_bana {
  width:90%;
  margin: 0 auto calc(45 / 750 * 100%);
  padding:2rem;
  border: 1px solid #e60019;
  font-size: 20px;
  color: #000;
}

.info_bana a {
  display: block;
  color: #000;
}

.info_bana a:hover {
  display: block;
  color: #e60019;
}

@media screen and (min-width: 768px) {
  .info_bana {
    width: max-content;
    margin: 0 auto calc(60 / 1600 * 100%);
    background-size: calc(36 / 780 * 100%) auto;
  }
}

@media screen and (min-width: 1300px) {
}