@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/lightGallery/css/lightgallery.min.css);
@import url(../_plugin/lightGallery/css/lg-video.css);
@import url(common_parts.css);
@import url(common.css);

/*
 index
==============================*/


/* mv ----------*/

#mv {
    padding-top: 10rem;
    background-image: url(../_img/index/mv_bg.jpg);
    background-repeat: no-repeat;
    background-position: 65% center;
    background-size: cover;
}

#mv h2 {
    margin-bottom: 11rem;
    color: #593819;
    font-size: 2.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;
}

#mv h1 {
    margin-bottom: 8.5rem;
}

#mv ul {
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

#mv ul li {
    margin-right: 2rem;
}

#mv ul li span {
    display: block;
    width: 20rem;
    height: 20rem;
    padding-top: 6.5rem;
    border-radius: 50%;
    color: #FFF;
    background: linear-gradient(180deg, #0487B4 0%, rgba(4, 135, 180, 0) 86.46%);
    text-align: center;
    text-shadow: 0px 0px 10px #0487B4;
    line-height: 1.4;
    font-size: 2.4rem;
    font-weight: bold;
}

#mv ul li.contact {
    margin-left: auto;
    margin-right: 0;
}

#mv ul li.contact .bt {
    min-width: 40rem;
}

@media screen and (max-width:1200px) {
    #mv ul li {
        margin-right: 1rem;
    }
    #mv ul li span {
        width: 16rem;
        height: 16rem;
        padding-top: 4.5rem;
        font-size: 2rem;
    }
    #mv ul li.contact .bt {
        min-width: auto;
    }
}

@media screen and (max-width:1024px) {
    /* iPad 横 l */
    #mv {
        padding-top: 6rem;
        padding-bottom: 2rem;
    }
    #mv h2 {
        margin-bottom: 6rem;
        padding-right: 30%;
        line-height: 1.3;
        font-size: 1.8rem;
    }
    #mv h1 {
        margin-bottom: 5rem;
        padding-right: 30%;
    }
    #mv ul {
        justify-content: center;
    }
    #mv ul li.contact {
        margin-left: inherit;
        margin-top: -2rem;
    }
}

@media screen and (max-width:768px) {
    /* iPhone 縦 s */
    #mv {
        padding-top: 3rem;
        background-position: 60% center;
    }
    #mv h2 {
        margin-bottom: 3rem;
        padding-right: 35%;
        font-size: 1.6rem;
    }
    #mv h1 {
        margin-bottom: 2rem;
        padding-right: 25%;
    }
    #mv ul li span {
        width: 26vw;
        height: 26vw;
        padding-top: 3.5rem;
        font-size: 1.6rem;
    }
    #mv ul li.contact {
        width: 100%;
    }
    #mv ul li.contact .bt {
        min-width: 100%;
        padding: 1.5rem;
    }
}


/* trouble ----------*/

#trouble h2 {
    margin-bottom: 6rem;
    text-align: center;
    font-size: 4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;
    letter-spacing: 0.2em;
}

#trouble h2 small {
    font-size: 3rem;
}

#trouble h2 mark {
    background: linear-gradient(transparent 60%, #FCFF68 60%);
}

#trouble h3 {
    margin-bottom: 4rem;
    color: #0487B4;
    text-align: center;
    font-size: 3rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;
    vertical-align: baseline;
}

#trouble h3 mark {
    color: #0487B4;
    background: linear-gradient(transparent 60%, #FCFF68 60%);
    font-size: 5rem;
    vertical-align: baseline;
}

#trouble .w {
    margin-bottom: 6rem;
    background-image: url(../_img/index/bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

#trouble .w .troubles {
    padding-bottom: 36rem;
}

#trouble .w .troubles li {
    margin-bottom: 1rem;
    padding: 2rem 1rem;
    border-radius: 1.5rem;
    background: #FFFFFF;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.8rem;
}

#trouble .w .troubles>div:first-child li {
    border: 2px solid rgba(89, 56, 25, 0.5);
    color: #593819;
}

#trouble .w .troubles>div:last-child li {
    border: 2px solid rgba(4, 135, 180, 0.5);
    color: #0487B4;
}

#trouble .box-brown {
    max-width: 98rem;
    margin: auto;
}

#trouble .box-brown p {
    color: #593819;
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
}

#trouble .arrow {
    margin-bottom: -5rem;
    text-align: center;
}

#trouble .box-brown2 {
    display: flex;
    flex-flow: wrap;
    padding: 4rem;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#trouble .box-brown2 p {
    margin: 0;
    color: #FFF;
    line-height: 1.4;
    font-weight: bold;
    font-size: 2.4rem;
}

#trouble .box-brown2 p.n {
    margin-right: 2rem;
}

#trouble .box-brown2 p strong {
    font-size: 5rem;
}

#trouble .box-brown2 p strong small {
    font-size: 4rem;
}

#trouble .box-brown2 p strong span {
    color: #FCFF68;
}

@media screen and (max-width:1200px) {
    #trouble h2 {
        margin-bottom: 3rem;
        font-size: 3rem;
        letter-spacing: 0;
    }
    #trouble h2 small {
        font-size: 2rem;
    }
    #trouble h3 {
        margin-bottom: 2rem;
        font-size: 2.4rem;
    }
    #trouble h3 mark {
        font-size: 4rem;
    }
    #trouble .w .troubles {
        padding-bottom: 40vw;
    }
}

@media screen and (max-width:1024px) {
    /* iPad 横 l */
    #trouble .w {
        background-size: 140%;
    }
}

@media screen and (max-width:768px) {
    /* iPad 縦 m */
    #trouble .w {
        background-size: 160%;
    }
    #trouble .box-brown2 p strong {
        font-size: 4rem;
    }
    #trouble .box-brown2 p strong small {
        font-size: 3rem;
    }
}

@media screen and (max-width:768px) {
    /* iPhone 縦 s */
    #trouble .w {
        background-size: 240%;
    }
    #trouble .box-brown2 p {
        text-align: center;
        margin-right: 0 !important;
    }
    #trouble .box-brown2 p strong small {
        display: block;
    }
    #trouble .arrow {
        max-width: 20vw;
        margin: 0 auto -5rem;
    }
}


/* product ----------*/

.product h2 {
    margin-bottom: 6rem;
    text-align: center;
    font-size: 5rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;
    vertical-align: baseline;
}

.product h2 span {
    vertical-align: baseline;
}

.product h2 strong {
    font-size: 6rem;
    vertical-align: baseline;
}

.product .infos span {
    display: block;
}

.product .infos .p {
    margin-bottom: 2rem;
    text-align: center;
}

.product .infos .t {
    text-align: center;
}

.product .btw {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .btw img {
    max-width: 12rem !important;
    margin: 0 1rem;
}

.product .btw a {
    margin: 0 1rem;
}

@media screen and (max-width:1200px) {
    .product h2 {
        margin-bottom: 3rem;
        font-size: 4rem;
        line-height: 1.3;
    }
    .product h2 strong {
        font-size: 5rem;
    }
}

@media screen and (max-width:1024px) {
    /* iPad 横 l */
    .product .btw {
        display: block;
        text-align: center;
    }
    .product .btw img {
        display: inline-block;
    }
    .product .btw a {
        display: block;
        margin-top: 2rem;
    }
}

@media screen and (max-width:768px) {
    /* iPad 縦 m */
    .product .infos .p img {
        max-width: 70vw !important;
    }
}


/* will ----------*/

#will {
    background: linear-gradient(180deg, rgba(178, 217, 191, 0.3) 0%, rgba(178, 217, 191, 0) 100%);
}

#will h2 {
    color: #593819;
}


/* bankruptcy ----------*/

#bankruptcy {
    background: linear-gradient(180deg, #ADDCED 0%, rgba(218, 237, 244, 0.5) 100%);
}

#bankruptcy h2 {
    color: #0487B4;
}


/* contact ----------*/

#contact {
    margin-bottom: 5rem;
}

#contact h2 {
    margin-bottom: 6rem;
    color: #0487B4;
    text-align: center;
    font-size: 5rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif;
}

#contact h2 small {
    color: #0487B4;
    font-size: 3rem;
}

#contact h2 mark {
    color: #0487B4;
    background: linear-gradient(transparent 60%, #FCFF68 60%);
}

#contact .box-brown {
    max-width: 98rem;
    margin: auto;
}

#contact .box-brown p {
    font-size: 1.8rem;
    margin: 0;
}

#contact .box-brown a {
    color: #0487B4;
}

#contact .table-contact {
    border: none;
}

#contact .table-contact input[type=text],
#contact .table-contact input[type=tel],
#contact .table-contact input[type=email],
#contact .table-contact textarea {
    font-size: 1.8rem;
    width: 100%;
    border: none;
    padding: 1rem;
    border-radius: 0.5rem;
}

#contact .table-contact th,
#contact .table-contact td {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
    padding: 1rem 0;
}

#contact .table-contact tr:last-child th,
#contact .table-contact tr:last-child td {
    border-bottom: none;
}

#contact .table-contact th {
    width: 20%;
    color: #593819;
    white-space: nowrap;
    background-color: transparent;
    text-align: left;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    padding-right: 6rem;
}

#contact .table-contact th.required {
    position: relative;
}

#contact .table-contact th.required:before {
    content: "必須";
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    color: #FFF;
    line-height: 1;
    background-color: #F1953F;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

#contact .table-contact td {
    padding-left: 2rem;
}

#contact .table-contact .zip_wrap .bt-zip {
    padding: 1.5rem 0;
    margin-left: 2rem;
    width: 11rem;
    text-align: center;
    background: linear-gradient(180deg, #917051 0%, #593819 100%);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    border-radius: 0.5rem;
}

#contact .table-contact .zip_wrap input {
    width: calc(100% - 13rem);
}

#contact .table-contact .checkbox_wrap {
    font-weight: bold;
    vertical-align: middle;
}

#contact .table-contact .checkbox_wrap label {
    display: inline-block;
}

#contact .table-contact .checkbox_wrap label:first-child {
    margin-right: 2rem;
}

#contact .table-contact .checkbox_wrap input {
    vertical-align: middle;
}

#confirmation #contact h2 {
    font-size: 3rem;
}

#confirmation #contact .btw .bt {
    margin: 0 1rem 1rem;
}

@media screen and (max-width:768px) {
    #contact h2 {
        margin-bottom: 3rem;
        font-size: 4rem;
        line-height: 1.4;
    }
    #contact h2 small {
        font-size: 2rem;
    }
    #contact .table-contact th {
        width: 100%;
        border-bottom: none !important;
    }
}

@media screen and (max-width:768px) {
    /* iPhone 縦 s */
    #confirmation #contact .btw .bt {
        width: 100%;
    }
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}


/* 修正 210729 */

.mamoru_top_image {
    margin: -8rem calc(50% - 50vw) 0;
    padding: 0 calc(50vw - 50%);
    position: relative;
    height: 30rem;
    display: flex;
    flex-wrap: nowrap;
    background: url(../_img/tikara_tokai.png) no-repeat bottom center / cover;
}

.mamoru_top_image img {
    display: block;
    height: 10rem;
    object-fit: cover;
    object-position: bottom;
}

.mamoru_top_image p {
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
	line-height: 42px;
}

.video_wrapper {
    margin: 0 auto 3rem;
    padding-bottom: 3rem;
    width: 100%;
    position: relative;
    max-width: 720px;
    border-bottom: #3fb576 solid .5rem;
	text-align: center;
}

.video_wrapper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 3rem solid transparent;
    border-top: 5rem solid #e60012;
    border-bottom-width: 0;
}

.video_wrapper h1 {
    margin: 3rem 0 0 0;
    font-size: 3.4rem;
}

.video_wrapper .head_line {
    margin-top: 3rem;
    border-bottom: #3fb576 solid .5rem;
    position: relative;
}

.video_wrapper .head_line::before {
    content: "";
    display: block;
    width: 16rem;
    height: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #3fb576;
}

.video_wrapper video {
    margin: 3rem auto;
    width: 100%;
    max-width: 64rem;
    height: auto;
    display: block;
}

.video_wrapper p {
    font-weight: bold;
}

.video_wrapper+p {
    margin: 10rem auto 5rem;
    width: 100%;
    max-width: 720px;
    font-weight: bold;
}


/* Main Video Page */

.main_video_page::after {
    content: none;
}

button.bt {
    outline: none;
    border: none;
}

/* contact massege */

.contact_massege {
width: 100%;
margin: 5rem 0;

}

.contact_massege p {
text-align: center;
font-size: 2.4rem;
font-weight: 900;
font-family: 'Noto Serif JP', serif;
}

.contact_massege p a:hover {
    color: aqua;
    }





    .movie_hero {
        height: 30vh;
        background: url(./img/movie_hero.jpg);
        background-size: cover;
        position: relative;
      }
      
      .movie_hero .title_head {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        font-weight: bold;
        line-height: 1.6;
      }
      
      .movie_hero .title_head::before {
        content: "";
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background: url(./img/movie.svg) no-repeat top center;
        width: 2em;
        height: 2em;
      }
      
      /* .movie_hero .title_round {
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background: url(./img/movie.svg) no-repeat top center;
        background-size: cover;
        width: 5em;
        height: 4.2em;
        font-size: .6em;
        margin-bottom: 1em;
        padding: 2.2em 0 0;
      } */
      
      .movie_caution {
        background: #eee;
        padding: 1em 1em .8em;
        color: #A21010;
      }
      
      .movie_breadcrumb {
        padding: 1.5em;
      }
      
      .page-movie .btn_movie {
        display: inline-block;
        background: #0D6FB8;
        border: none;
        border-radius: 2em;
        padding: 0.5em 1em 0.3em 1.5em;
        box-shadow: 3px 3px 0 #ccc;
      }
      
      /* .page-movie.-list */
      .movie_lead {
        padding: 3em 1em;
      }
      
      .movie_list {
        flex-wrap: wrap;
      }
      
      .movie_list .list_item {
        width: 31.5%;
        border: 1px solid #f6f6f6;
        box-shadow: 3px 3px 6px #ccc;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 1.5em;
        position: relative;
        /* padding-bottom: 4.5em; */
        background: #fff;
      }
      
      .movie_list .list_item:not(:nth-child(3n)) {
        margin-right: 2.75%;
      }
      
      .movie_list .list_item:hover {
        border-radius: 1.5em;
        /* -webkit-animation: bounce 0.5s ease-out both;
        animation: bounce 0.5s ease-out both; */
        transition: all 1s;
        background: #EFF9FB;
        cursor: pointer;
      }
      
      @media screen and  (min-width: 768px) and  (max-width: 910px) {
        .movie_list .list_item {
          width: 48%;
        }
        .movie_list .list_item:not(:nth-child(3n)) {
          margin-right: 0;
        }
        .movie_list .list_item:nth-child(2n) {
          margin-left: 4%;
        }
      }
      
      .movie_list .item_link {
        display: block;
      }
      
      .movie_list .item_link:hover {
        opacity: .8;
      }
      
      .movie_list .item_content {
        margin: .5em .7em;
      }
      
      .movie_list .movie_img {
        width: 100%;
      }
      
      .movie_list .movie_date {
        display: block;
        text-align: right;
      }
      
      .movie_list .movie_title {
        font-weight: bold;
        font-size: 1.1em;
        margin: 1em 0 .5em;
      }
      
      .movie_list .movie_subtitle {
        line-height: 1.5;
        font-size: .9em;
      }
      
      .movie_list .movie_tags {
        margin: 1em 0 0;
      }
      
      .movie_list .tag {
        margin-bottom: .7em;
      }
      
      .movie_list .btn_wrap {
        background: #F5F7F9;
        position: absolute;
        bottom: 0;
        width: 100%;
      }
      
      .movie_list .btn_movie {
        margin: 1em;
      }
      
      
      /* .page-movie.-detail */
      .movie_content {
        padding: 0 0 2em;
      }
      
      .movie_content .movie_tags {
        margin-bottom: .5em;
      }
      
      .movie_content .movie_tags .tag {
        margin-bottom: .5em;
      }
      
      .movie_content .bg-band {
        background: #FBFBFB;
        position: relative;
        padding: 1.5em 0;
      }
      
      .movie_content .movie_title {
        font-size: 1.8em;
        font-weight: bold;
        padding-left: 140px;
        position: relative;
      }
      
      .movie_content .movie_title::before {
        /* content: url(./img/movie.svg); */
        content: 'Legal\Aオンライン\Aセミナー';
        white-space: pre;
        font-size: 16px;
        line-height: 1.4;
        color: #fff;
        background: linear-gradient(115deg, #0D6FB8 0%, #0D6FB8 50%, #0B67AB 50%, #0B67AB 100%);
        position: absolute;
        width: 120px;
        height: 100px;
        display: flex;
        top: -26px;
        left: 0;
        padding-top: 15px;
        align-items: center;
        justify-content: center;
      }
      
      .movie_content .movie_subtitle {
        font-size: 1.1em;
        padding-left: 140px;
      }
      
      .movie_content .btn_seminar {
        position: absolute;
        top: 2em;
        right: 2em;
        padding: 0.3em 1em;
        background: #fff;
      }
      
      .movie_content .movie_video {
        border: 1px solid #ccc;
        margin: 1.5em 0;
        width: 100%;
        height: auto;
      }
      
      .movie_content .movie_additional {
        margin: 1em 0;
      }
      
      .movie_content .movie_img_wrap {
        width: 26%;
      }
      
      .movie_content .movie_img {
        border: 1px solid #ccc;
      }
      
      .movie_content .movie_index {
        margin-left: 2em;
      }
      
      .movie_content .movie_index .list_item:not(:last-child) {
       margin-bottom: .5em;
      }
      
      .movie_content .movie_index .index_time {
        margin-right: 1em;
      }
      
      
      /* movie_adv common */
      .movie_adv .btn_rsssr {
        border-radius: 0.7em;
        position: relative;
        margin-top: 1.5em;
        padding: 1em 2em;
        border: none;
        font-size: 1.3em;
        font-weight: bold;
        white-space: pre-wrap;
        background: linear-gradient(90deg, #0C6DAB 0%, #2CD0C2 100%);
        display: inline-block;
        box-shadow: 3px 3px 0 #ddd;
      }
      
      /* LOL7 rss-sr */
      .movie_adv.-lol7 .adv_title {
        font-size: 1.2em;
        font-weight: bold;
        background: #F5D81F;
        border-radius: 2em;
        display: inline-block;
        padding: 1em 3em .7em;
        margin-bottom: 1.5em;
        position: relative;
      }
      
      .movie_adv.-lol7 .adv_title::before {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        width: 4em;
        height: 4em;
        top: -2em;
        left: -3em;
        background-image: url(./img/wave.svg);
      }
      
      .movie_adv.-lol7 .adv_title .title_deco {
        color: #fff;
      }
      
      .movie_adv.-lol7 .adv_title .title_deco::after {
        content: "";
        display: inline-block;
        width: 0.1em;
        margin: 0 2.5em 0 1em;
        height: 2em;
        border-right: 1px solid;
        vertical-align: top;
      }
      
      .movie_adv.-lol7 .adv_cta {
        margin-top: 2em;
      }
      
      .movie_adv.-lol7 .bg-band {
        background: #EFF9FB;
        padding-top: 7em;
        margin-top: -7em;
      }
      
      .movie_adv.-lol7 .flex_item:not(:nth-child(2)) {
        width: 13em;
        padding: 1.5em;
        line-height: 1.6;
      }
      
      /* LOL1 smart_premium */
      .movie_adv.-lol1 {
        padding-top: 0;
      }
      
      .movie_adv.-lol1 .adv_lead {
        margin: 0 0 2em;
      }
      
      .movie_adv.-lol1 .mv {
        background: url(/products/tikara/smart_premium/images/mv.jpg) no-repeat bottom right;
        background-size: cover;
        text-align: left;
      }
      
      .movie_adv.-lol1 .mv_content {
        padding:3em 2em 2em;
        position: relative;
      }
      
      .movie_adv.-lol1 .product_name {
        font-size: 1.2em;
        font-weight: bold;
      }
      
      .movie_adv.-lol1 .product_name img {
        height: 1.2em;
        margin-right: 0.1em;
        margin-top: 0.2em;
      }
      
      .movie_adv.-lol1 .mv_headline {
        margin: 1.5em 0 0;
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.4;
      }
      
      .movie_adv.-lol1 .mv_lead {
        margin: 1.5em 0 0;
      }
      
      .movie_adv.-lol1 .mv_btn {
        position: absolute;
        bottom: 2em;
        margin-left: 20em;
      }
      
      .movie_adv.-lol1 .mv_btn .btn_movie {
        font-size: 1.2em;
      }
      
      .movie_adv.-lol1 .internet_banking {
        background: #E0EEFC;
        background: linear-gradient(115deg, #e0eefc 0%, #e0eefc 50%, #f6f6f6 50%, #f6f6f6 100%);
        padding: 2em;
        margin: 2em 0 0;
      }
      
      .movie_adv.-lol1 .internet_banking .adv_title {
        width: 45%;
        text-align: left;
      }
      
      .movie_adv.-lol1 .internet_banking .title_main {
        font-weight: bold;
        font-size: 1.5em;
      }
      
      .movie_adv.-lol1 .internet_banking .title_sub {
        font-weight: bold;
        font-size: 1.1em;
        margin-left: 1.5em;
      }
      
      .movie_adv.-lol1 .internet_banking .product_name {
        font-size: 1em;
        margin-left: 2em;
      }
      
      .movie_adv.-lol1 .internet_banking .btn_movie {
        margin: 2em 0 1em 4em;
      }
      
      .movie_adv.-lol1 #proposal { width: 55%; }
      .movie_adv.-lol1 #proposal h2 {line-height: 1.4;font-size: 1.2em; font-weight: bold;}
      .movie_adv.-lol1 #proposal h2 .c {display: inline-block;padding: .5em 1em;border-radius: 0.4em;color: #FFF;background-color: #CB0000;line-height: 1;font-size: .8em;vertical-align: middle;margin: 1em 0;}
      .movie_adv.-lol1 #proposal .page_nav {display: flex;}
      .movie_adv.-lol1 #proposal .page_nav li {padding: 1em .5em;border-radius: .5em;color: #FFF; line-height: 1.6;font-size: .8em;font-weight: bold;margin: 1em .5em 0;}
      .movie_adv.-lol1 #proposal .page_nav li .n {display: inline-block;width: 1.5em;height: 1.5em;margin-bottom: .5em;border-radius: 100%; line-height: 1.5em;font-size: 1.5em;font-family: 'Roboto', sans-serif;}
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(1) { background-color: #0068B2; }
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(2) { background-color: #FFB800; }
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(3) { background-color: #1C9321; }
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(1) .n { background-color: #00B0F0; }
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(2) .n { background-color: #FFD15B; }
      .movie_adv.-lol1 #proposal .page_nav li:nth-child(3) .n { background-color: #5DB860; }
      
      
      @media screen and  (min-width: 768px) and  (max-width: 880px) {
        .movie_adv.-lol1 .mv_btn .btn_movie {
          font-size: 1em;
        }
        .movie_adv.-lol1 .internet_banking .btn_movie {
          padding: 0.5em 0.5em 0.5em 0.8em;
          margin: 1em;
        }
        .movie_adv.-lol1 .internet_banking .title_main {
          font-size: 1.3em;
        }
        .internet_banking .title_sub {
          font-size: 1em;
          margin-left: 0;
        }
        .movie_content .btn_seminar {
          position: relative;
          top: 0;
          left: 100%;
          display: inline-block;
          transform: translateX(-100%);
      }
      }
      
      
      @media screen and  (max-width: 767px) {
      
        .movie_lead {
          padding: 1em;
        }
        .movie_list .list_item {
          width: 100%;
        }  
        .movie_list .list_item:not(:nth-child(3n)) {
          margin-right: 0;
        }
        .movie_list .list_item {
          border: 1px solid #ccc;
          padding-bottom: 0;
        }
        .movie_list .item_content {
          font-size: 1.2em;
        }
        .movie_list .btn_wrap {
          display: none;
        }
        .movie_content .movie_tags {
          text-align: left;
          padding: 0 1em;
        }
        .movie_content .movie_title,
        .movie_content .movie_subtitle {
          padding-left: 0;
        }
        .movie_content .movie_title::before {
          content: none;
        }
        .movie_content .movie_tags .tag{
          padding: .2em .5em 0;
        }
        .movie_content .movie_date {
          display: block;
        }
        .movie_content .btn_seminar {
          top: -2em;
        }
        .movie_content .movie_img_wrap {
          display: none;
        }
        .movie_content .movie_index {
          margin: 0;
        }
        .movie_content .movie_index .index_time {
          margin-right: 0;
          width: 4em;
        }
        .movie_content .movie_index .index_time + dd {
          width: calc(100% - 4em);
        }
        .movie_adv.-lol7 {
          padding: 0 1em;
        }
        .movie_adv.-lol7 .adv_title {
          padding: 0.5em 1em;
          font-size: 1.1em;
        }
        .movie_adv.-lol7 .adv_title::before {
          top: -3em;
          left: -2em;
        }
        .movie_adv.-lol7 .adv_title .title_deco::after {
          margin: 0 1em 0 1em;
        }
        .movie_adv.-lol7 .flex_item:nth-child(1) {
          padding: 1em 0 .5em;
        }
        .movie_adv.-lol7 .flex_item:nth-child(2) {
          width: 10%;
        }
        .movie_adv.-lol7 .flex_item:nth-child(3) {
          padding: .5em 0 1em;
        }
        .movie_adv.-lol1 .mv_btn {
          position: relative;
          bottom: -1em;
          margin: 0;
        }
        .movie_adv.-lol1 .mv_lead {
          background: rgba(255,255,255,0.8);
          padding: 0.5em 0.3em 0.5em 1em;
          display: inline-block;
        }
        .movie_adv.-lol1 .internet_banking {
          width: 100%;
          padding: 1em;
          background: linear-gradient(165deg, #e0eefc 0%, #e0eefc 40%, #f6f6f6 40%, #f6f6f6 100%);
        }
        .internet_banking_contents {
          padding: 0;
        }
        .movie_adv.-lol1 .internet_banking .title_main {
          text-align: center;
        }
        .movie_adv.-lol1 .internet_banking .adv_title,
        .movie_adv.-lol1 #proposal {
          width: 100%;
        }
      
      }