@charset "UTF-8";
.top_mv {
    padding-top: 5rem;
}
.mv_container {
    margin-bottom: 100px;
    max-width: 1900px;
    margin:0 auto;
}
.mv_container .btn--grad .btn--grad__arrow {
    top: 43%;
}
.mv_box_01 {
    position: relative;
    font-family: ryo-text-plusn, serif;
}
.mv_box_01_bg {
    background: url("../img/home/recode/mv_bg_01.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 38% 0;
    padding-top: 61%;
}
.mv_box_01 .text_box {
    position: absolute;
    right: 6.5%;
    top: 22%;
    width: 40%;
    color: #fff;
}
.mv_box_01 .heading_02 {
    margin: 0;
    width: 82%;
}
.mv_box_01 .text_left_disp {
    letter-spacing: 1px;
    font-size: 2.4rem;
    line-height: 1.39;
    padding-left: 6%;
    margin: 0;
    position: relative;
    top: 5px;
    margin-bottom: 11vw;
}
.mv_box_01 .text_left_disp02 {
    max-width: 720px;
    width: 100%;
    margin: 0;
    position: relative;
    left: 7%;
    bottom: 0;
}
.mv_box_01 .text_left_disp .little_text {
    letter-spacing: 2px;
    vertical-align: 11px;
    font-size: 1.5rem;
}
.mv_box_01 .btn--grad {
    position: absolute;
    bottom: 16%;
    background: rgba(255,255,255,0.8);
    padding: 14px 66px;
    margin-left: 6%;
}
.mv_box_01 .btn--grad__text {
    font-size: 1.6rem;
}
@media screen and (min-width:768px){
  .top_mv {
      padding-top: 11rem;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 11px;
  }
}

@media screen and (min-width:1251px){
    .mv_box_01 .text_left_disp {
        margin-bottom: 11vw;
    }
    .mv_box_01 .btn--grad {
        bottom: 16%;
    }
}
@media screen and (min-width:1040px){
    .mv_box_01 .text_left_disp {
        margin-bottom: 9vw;
    }
}
@media screen and (min-width:1000px){
    .mv_box_01 .text_left_disp {
        margin-bottom: 8vw;
    }
}

@media screen and (min-width:1400px){
    .mv_box_01 .text_left_disp {
        margin-bottom: 11vw;
    }
    .mv_box_01 .btn--grad {
        bottom: 16%;
    }
}

.mv_box_02 {
    position: relative;
    font-family: ryo-text-plusn, serif;
}
.mv_box_02_bg {
    background: url("../img/home/recode/mv_bg_02.jpg") no-repeat;
    margin-top: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: top;
    padding-top: 61%;
    margin-bottom: 96px;
}
.mv_box_02 .text_box {
    position: absolute;
    right: 4.2%;
    top: 24.5%;
    width: 40%;
}
.mv_box_02 .heading_02 {
    margin: 0;
    width: 64%;
}
.mv_box_02 .text_left_disp {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 21%;
    left: 12.4%;
    letter-spacing: 3px;
    font-size: 2.6rem;
    line-height: 1.8;
}
.mv_box_02 .text--disp {
    font-family: sans-serif;
    margin: 36px 0 100px;
    font-size: 1.4rem;
    letter-spacing: 2px;
}
.mv_box_02 .btn--grad {
    position: absolute;
    bottom: -0.9%;
    background: rgba(255,255,255,0.8);
    padding: 14px 66px;
}
.mv_box_02 .btn--grad__text {
    font-size: 1.6rem;
}
.mv_box_03 {
    position: relative;
    font-family: ryo-text-plusn, serif;
}
.mv_box_03_bg {
    background: url("../img/home/recode/mv_bg_03.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: 38% 0;
    padding-top: 61%;
}
.mv_box_03 .text_box {
    position: absolute;
    right: 47.2%;
    top: 24%;
    width: 40%;
    color: #fff;
}
.mv_box_01 .heading_02 {
    margin: 0;
    width: 82%;
}
.mv_box_03 .text_left_disp {
    letter-spacing: 1px;
    font-size: 2.6rem;
    line-height: 1.8;
    padding-left: 9%;
    margin: 0;
    position: relative;
    top: -28px;
    margin-bottom: 65px;
}
.mv_box_03 .btn--grad {
    position: absolute;
    bottom: -21.3%;
    background: rgba(255,255,255,0.8);
    padding: 14px 66px;
    margin-left: 10.5%;
    left: -3%;
}
.mv_box_03 .btn--grad__text {
    font-size: 1.6rem;
}
@media screen and (min-width:768px) and (max-width:999px){
    .mv_box_01_bg,
    .mv_box_02_bg,
    .mv_box_03_bg {
        padding-top: 70%;
    }
}
/* sec_01 news*/
.sec_01 {
    display: flex;
    margin: 0 auto 76px;
    width: 72%;
    justify-content: space-between;
}   
.sec_01 .news_box {
    width: 44.5%;
    margin: 0.3% 3% 0 0;
}   
.sec_01 .news_box li {
    position: relative;
        transition: .5s;
}   
.sec_01 .news_box li a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 2;
}   
.sec_01 .news_box li:hover {
    opacity: .6;
}
.sec_01 .text--tiny_gray {
    display: inline-block;
    margin-right: 7%;
}   
.sec_01 .text--disp {
    display: inline-block;
    margin: 1em 0;
}   
.sec_01 .btn_container {
    display: flex;
}
.sec_01 .btn--grad {
    display: table;
    padding: 10px 43px;
    margin: auto 0 12px 0;
}
/* /sec_01 news*/   


/* introduction_box */
.introduction_box {
    padding: 66px 0 80px;
    text-align: center;
    background: #f5f5f5;
}

.introduction_box .logo_img {
    max-width: 287px;
    padding-bottom: 52px;
    margin: 0 auto;
}
.introduction_box .btn_box {
    display: flex;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto;
}
.introduction_box .btn--grad {
    padding: 11.5px 43px;
    width: 282px;
    background: #fdfdfd;
}
.introduction_box .btn--grad .btn--grad__text {
    font-size: 1.6rem;
}
.introduction_box .btn--grad .btn--grad__arrow {
    top: 43%;
    right: 4%;
}
/* /introduction_box */


/* sec_02 product*/   
.sec_02 {
    margin: 84px 0 130px;
}
.sec_02 .heading_03 {
    text-align: center;
    margin: 0;
}
.sec_02 .text_little {
    letter-spacing: 2px;
    vertical-align: 5px;
    font-size: 0.8rem;
}
.sec_02 .text_littlesub {
    font-size: 1rem;
}
.sec_02 .emblem_wrap {
    position: relative;
    left: -11px;
    max-width: 987px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 55px;
    margin: 38px auto 0;
}
.sec_02 .emblem_wrap .emblem_wrap_list {
    position: relative;
    width: 50%;
}
.sec_02 .emblem_wrap .emblem_wrap_list:nth-of-type(1) {
  max-width: 476px;
  top: 0;
  left: 7px;
}
.sec_02 .emblem_wrap .emblem_wrap_list:nth-of-type(2) {
  max-width: 456px;
  top: 0;
  left: 6px;
}
/* .sec_02 .emblem_wrap img.emblem._01 {
    max-width: 476px;
    top: 3px;
    left: 7px;
}
.sec_02 .emblem_wrap img.emblem._02 {
    max-width: 456px;
    height: 100%;
    position: relative;
    top: 3px;
    left: 3px;
} */
.sec_02 .col_container {
    max-width: 1005px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.sec_02 .col_wrap {
    width: 47%;
}
.sec_02 .col_box {
    display: flex;
    align-items: flex-start;
    padding-top: 56px;
}
.sec_02 .col_box img {
    width: 32.5%;
}

.sec_02 .text_box {
    width: 66%;
    text-align: left;
    padding-left: 7%;
}
.sec_02 .text_box .border_text {
    border: solid 1px #121212;
    display: inline-block;
    font-size: 1.2rem;
    padding: 3px 17px;
    margin: 0 0 10px;
    letter-spacing: 1px;
}
.sec_02 .heading_05 {
    font-size: 3.3rem;
    font-family: linotype-didot, serif;
    margin: 0 0 17px;
    letter-spacing: 1px;
}
.sec_02 .heading_05__ruby {
    display: block;
    font-size: 1.2rem;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    margin: 0;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: normal;
}

.sec_02 .text_box .text--disp {
    margin: 0 0 18px;
    width: 100%;
    line-height: 1.9;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
.sec_02 .text_box .text--disp p span {
    line-height: 1.9;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
.sec_02 .text_box .text--disp:nth-of-type(3) {
    line-height: 2.2;
    letter-spacing: 2px;
    margin-bottom: 22px;
}
.sec_02 .text_box .text_price {
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: 1px;
    padding-right: 2px;
}
.sec_02 .text_box .btn--grad {
    width: 168px;
    text-align: center;
}


.sec_02 .meter_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.sec_02 .meter_box img {
    width: 100%;
    height: auto;
    max-width: 131px;
}
.sec_02 .meter_box .text--disp {
    margin: 0 10px 0 0;
    width: 56px;
    font-size: 1.2rem;
}
/* /sec_02 product*/   

.sec_banner {
  display: block;
  margin-bottom: 1.5rem;
}
.cv_banner {
    display: block;
    max-width: 930px;
    margin: 0 auto;
    transition: .5s;
}
.cv_banner:hover {
    opacity: .6;
}

/* sec_03 column*/   
.sec_03 {
    margin: 107px 0 49px;
}
.sec_03 .heading_03 {
    text-align: center;
    margin: 0 0 4px;
}
.sec_03 .btn--grad {
    padding: 1px 2px;
    min-width: 105px;
}
.sec_03 .btn--grad .btn--grad__text {
    padding: 5px 10px;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}
.sec_03 .category_container {
    display: flex;
    width: 59%;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto 41px;
    padding: 0;
}
.sec_03 .category_container li {
    margin: 0 1.7% 20px 0;
}
.sec_03 .category_container li:last-child {
    margin-right: 0;
}
.sec_03 .column_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 73%;
    margin: 0 auto;
}
.sec_03 .column_box {
    width: 25%;
    padding: 0 2%;
    position: relative;
    margin-bottom: 40px;
    transition: .5s;
}
.sec_03 .column_box:hover {
    opacity: .6;
}
.sec_03 .column_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 2;
}
.sec_03 .column_box img {
    margin-bottom: 15px;
}
.sec_03 .column_box .text--disp {
    margin: 4px 0;
    max-width: 220px;
}
.sec_03 .column_box .text--date {
    display: block;
}
.sec_03 .btn--gray {
  padding: 1px 2px;
}
/* /sec_03 column*/   

/* sec_04 instagram*/   
.sec_04{
    text-align: center;
    margin-bottom: 125px;
}
.sec_04 .heading_03{
    margin-bottom: 25px;
}
.sec_04 .text--tiny_eng{
    font-size: 1.6rem;
    letter-spacing: 3px;
}
.sec_04 .insta_container {
    justify-content: space-between;
    display: flex;
    width: 92.5%;
    margin: 0 auto 70px;
    flex-wrap: wrap;
}
.sec_04 .insta_box {
    /* margin: 0 0.8% 0 0.8%; */
    width: 19.3%;
    align-items: center;
    transition: .5s;
}
.sec_04 .insta_box:hover {
    opacity: .6;
}
.sec_04 .insta_box img {
    width: 100%;
}
.sec_04 .insta_icon {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 3px;
}
.sec_04 .insta_container + a {
transition: .5s;
}
.sec_04 .insta_container + a:hover {
opacity: .6;
}
/* /sec_04 instagram*/   

/* sec_05 message*/   
.sec_05  {
    position: relative;
    margin-bottom: 175px;
}
.sec_05 .heading_03 {
    margin-bottom: 10px;
}
.sec_05 .heading_04 {
    margin-bottom: 27px;
}
.sec_05 .text--disp {
    letter-spacing: 2px;
    margin-bottom: 36px;
    line-height: 2.3;
}
.sec_05 .layer_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 49.5vw;
    max-width: 870px;
}
.sec_05 .text_container {
    background: url("../img/home/recode/message_bg.png") no-repeat; 
    background-size: cover;
    width: 54vw;
    padding: 80px 0 75px 11.5%;
    margin: 0 0 0 auto;
    position: relative;
    top: 73px;
    right: 0;
}
/* /sec_05 message*/   

/* ----------------------------------
SP
----------------------------------- */
@media screen and (max-width:767px){
    .mv_container {
    height: 631px;
    margin-bottom: 52px;
}
.mv_box_01_bg {
    background: url("../img/home/recode/mv_bg_01_sp.jpg") no-repeat;
    background-size: cover;
    background-position: right 10%;
    height: 631px;
    padding-top: 0;
}
.mv_box_01 .heading_02 {
    width: 79%;
}
.mv_box_01 .text_box {
    left: -1%;
    top: 7.5%;
    width: 100%;
}
.mv_box_01 .text_left_disp {
    top: 13%;
    left: 1.5%;
    letter-spacing: 0.05em;
    font-size: 1.6rem;
    margin-top: -2px;
    margin-bottom: 202px;
    text-shadow:0px 0px 10px #000000;
}
.mv_box_01 .text_left_disp02 {
    max-width: 100%;
    width: 100%;
    padding-left: 4%;
    margin: 0;
    position: relative;
    left: 0;
    bottom: 0;
}
.mv_box_01 .text_left_disp .little_text {
    vertical-align: 5px;
    font-size: 0.9rem;
}
.mv_box_01 .text--disp {
    margin: 29px 2% 29px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6;
}
.mv_box_01 .btn--grad {
    padding: 13px 68px;
    bottom: 17%;
    margin-left: 7%;
}
.mv_box_01 .btn--grad__text {
    font-size: 1.2rem;
}

.mv_box_02 {
    height: 631px;
}

.mv_box_02_bg {
    background: url("../img/home/recode/mv_bg_02_sp.jpg") no-repeat;
    background-size: cover;
    background-position: center 10%;
    height: 631px;
    margin-top: 0;
    padding-top: 0;
}
.mv_box_02 .heading_02 {
    width: 82%;
    margin: 0 0 306px 6%;
}
.mv_box_02 .text_box {
    top: 14%;
    right: 1%;
    width: 100%;
    position: relative;
}
.mv_box_02 .text_left_disp {
    top: 41%;
    right: 6%;
    left: unset;
    letter-spacing: 2px;
    font-size: 1.6rem;
    line-height: 1.7;
}
.mv_box_02 .text--disp {
    margin: 0 16% 0 0;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: right;
}
.mv_box_02 .btn--grad {
    padding: 13px 68px;
    position: absolute;
    bottom: -15%;
    right: 5%;
}
.mv_box_02 .btn--grad__text {
    font-size: 1.2rem;
}

.mv_box_03_bg {
    background: url("../img/home/recode/mv_bg_03_sp.jpg") no-repeat;
    background-size: cover;
    background-position: right 10%;
    height: 631px;
    padding-top: 0;
}
.mv_box_03 .heading_02 {
    width: 100%;
}
.mv_box_03 .text_box {
    left: -1.5%;
    top: 7%;
    width: 92.5%;
}
.mv_box_03 .text_left_disp {
    top: 13%;
    left: 2.5%;
    letter-spacing: 0.5px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 245px;
    text-shadow:0px 0px 10px #000000;
}
.mv_box_03 .text--disp {
    margin: 29px 2% 29px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6;
}
.mv_box_03 .btn--grad {
    padding: 13px 68px;
    bottom: -302px;
}
.mv_box_03 .btn--grad__text {
    font-size: 1.2rem;
}
/* sec_01 news*/   
.sec_01 {
    display: block;
    padding: 16px 7% 0;
    margin: 0 auto 60px;
    width: 100%;
}
.sec_01 .heading_03 {
    margin: 0 0 13px;
}
.sec_01 .news_box {
    width: 100%;
    margin: 0;
    padding: 0;
}
.sec_01 .news_box .text--tiny_gray {
    display: block;
}
.sec_01 .text--disp {
    margin: 0 0 11px;
}
.sec_01 .news_box li {
    padding-top: 18px;
    border-top: 1px solid #c8c8c8;
}
.sec_01 .news_box li:nth-child(1) {
    padding-top: 0;
    border-top: unset;
}
.sec_01 .btn--grad {
    margin: 18px auto 0;
    padding: 11px 60px;
}
/* /sec_01 news*/   

/* introduction_box */
.introduction_box {
    padding: 57px 0 60px;
}

.introduction_box .logo_img {
    max-width: 202.5px;
    padding-bottom: 32px;
}
.introduction_box .btn_box {
    display: block;
}
.introduction_box .btn--grad {
    padding: 10px 43px;
    width: 270px;
}
.introduction_box .btn--grad .btn--grad__text {
    font-size: 1.2rem;
}
.introduction_box .btn--grad:nth-of-type(2) {
    margin-top: 28px;
}
/* /introduction_box */

/* sec_02 product*/   
.sec_02 {
    display: block;
    margin: 52px 0 65px;
}
.sec_02 .heading_03 {
    margin: 0 0 16px;
}
.sec_02 .heading_05 {
    font-size: 2.0rem;
    margin: 0 0 10px;
}
.sec_02 .heading_05__ruby {
    font-size: 1rem;
}
.sec_02 .col_container {
    display: block;
}
.sec_02 .col_box img {
    width: 33%;
    margin-top: 6px;
}
.sec_02 .col_wrap {
    width: 100%;
}
.sec_02 .emblem_wrap {
    display: none;
}
.sec_02 .col_wrap img.emblem._01,
.sec_02 .col_wrap img.emblem._02 {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.sec_02 .col_wrap img.emblem._01 {
    max-width: 475px;
}
.sec_02 .col_wrap img.emblem._02 {
    max-width: 455px;
}
.sec_02 .col_wrap:nth-of-type(2) .col_box {
    padding-top: 30px;
}
.sec_02 .col_box {
    padding: 30px 20px 5px 20px;
}
.sec_02 .text_box {
    width: 100%;
    padding: 0 1% 0 6%;
    font-size: 1.2rem;
}
.sec_02 .meter_box {
    margin-bottom: 5px;
}
.sec_02 .text_box .meter_box .text--disp {
    margin: 0 10px 0 0;
    width: 45px;
    font-size: 1rem;
}
.sec_02 .col_box .meter_box img {
    width: 100%;
    height: auto;
    max-width: 105px;
    margin: 0 0 2px;
}
.sec_02 .text_box .border_text {
    font-size: 1rem;
    padding: 0px 13px 1px 13px;
    margin: 0 0 5px;
}
.sec_02 .text_box .text--disp {
    font-size: 1.1rem;
    margin: 0 0 5px;
}
.sec_02 .text_box .text--disp + .text--disp {
    font-size: 1rem;
}
.sec_02 .text_box .text_price {
    font-size: 1.3rem;
}
.sec_02 .btn--grad {
    padding: 10px 57px;
    width: 200px;
    margin: 0 auto 40px;
    text-align: center;
}
/* /sec_02 product*/    

.cv_banner {
    max-width: 330.5px;
}

/* sec_03 column*/ 
.sec_03 {
    margin: 60px 0 32px;
}
.sec_03 .heading_03 {
    margin: 0 0 15px;
}
.sec_03 .category_container {
    width: 76%;
    margin: 0 auto 15px;
}
.sec_03 .category_container li{
    margin: 0 2.4% 8px 2.4%;
}
.sec_03 .category_container li:last-child {
    margin-right: 2.4%;
}
.sec_03 .btn--grad {
    padding: 2px 0 2px 4px;
    min-width: 80px;
}
.sec_03 .btn--grad .btn--grad__text {
    padding: 0;
    font-size: 1rem;
}
.sec_03 .column_container {
    width: 84%;
}
.sec_03 .column_box {
    width: 50%;
    margin-bottom: 16px;
}
.sec_03 .column_box:nth-of-type(2n-1) {
    padding: 0 2.3% 0 0;
}
.sec_03 .column_box:nth-of-type(2n) {
    padding: 0 0 0 2.3%;
}
.sec_03 .column_box img {
    margin-bottom: 9px;
}
.sec_03 .column_box .text--disp {
    margin: 3px 0 6px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sec_03 .btn--gray {
    padding: 2px 0 2px 4px;
    min-width: 80px;
}
.sec_03 .btn--gray .btn--gray__text {
    padding: 0;
    font-size: 1rem;
}
/* /sec_03 column*/ 

/* sec_04 instagram*/ 
.sec_04 {
    margin-bottom: 59px;
}
.sec_04 .heading_03 {
    margin-bottom: 14px;
}
.sec_04 .insta_container {
    width: 97%;
    margin: 0 auto 15px;
}
.sec_04 .insta_box {
    margin: 0 1.3% 8px 1.3%;
    width: 100%;
    align-items: center;
}

.sec_04 .insta_box img {
    width: 100%;
}
.sec_04 .insta_icon {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    margin-right: 2px;
}

.sec_04 .text--tiny_eng {
    font-size: 1.2rem;
    letter-spacing: 2px;
}
/* /sec_04 instagram*/ 

/* sec_05 message*/   
.sec_05 {
    margin-bottom: 250px;
}
.sec_05 .heading_04 {
    margin-bottom: 19px;
}
.sec_05 .text_container {
    background: url("../img/home/recode/message_bg_sp.png") no-repeat;
    background-position: 39%;
    background-size: cover;
    width: 92vw;
    padding: 25% 7% 55px 8%;
    margin: 0;
    top: 176px;
}
.sec_05 .layer_img {
    left: 7%;
    width: 93vw;
}
.sec_05 .text--disp {
    letter-spacing: 1.5px;
    line-height: 1.7;
    margin-bottom: 28px;
}
.sec_05 .btn--grad {
    padding: 10px 70px;
}

/* /sec_05 message*/  
}


@media screen and (min-width:384px) and (max-width:400px){
    .mv_box_01 .btn--grad {
        bottom: 18%;
    }
    .mv_box_01 .text_left_disp {
        margin-bottom: 190px;
    }
}

@media screen and (min-width:401px) and (max-width:414px){
    .mv_box_01 .btn--grad {
        bottom: 20%;
    }
    .mv_box_01 .text_left_disp {
        margin-bottom: 169px;
    }
}

@media screen and (min-width:415px) and (max-width:430px){
    .mv_box_01 .btn--grad {
        bottom: 20%;
    }
    .mv_box_01 .text_left_disp {
        margin-bottom: 145px;
    }
}
@media screen and (max-width:320px){

    .mv_box_01 .text_left_disp {
        margin-bottom: 248px;
    }
}

/* IE */
@media all and (-ms-high-contrast: none){
    .mv_box_01 .btn--grad,
    .mv_box_02 .btn--grad {
        padding: 18px 66px 8px;
    }
    .mv_box_03 .btn--grad {
        padding: 20px 66px 8px;

    }
    .sec_01 .btn_container {
        align-items: flex-end;
    }
    .sec_02 .text_littlesub {
        font-size: 1rem;
    }
}