@charset "utf-8";

@media screen and ( max-width:769px ) {

/* 共通 */

.spBr {
    display: block;
}

.pcBr {
    display: none;
}

/* ===========================
main Swiper
=============================*/
.reason6_wrapper .reason6_main {
    margin-top: 0!important;
}

/* SP：9/16 */
.myHeroSwiper {
  aspect-ratio: 9 / 16;
}


.hero-slider {
    margin-bottom: 15%;
}


.heroSliderCopy {
    font-size: 24px!important;
    width: 100%;
}


/* prologue */
.prologueBox {
    width: 90%;
    margin: 0 auto;
}

.prologue_title {
    font-size: 20px;
    margin-bottom: 10%;
}

.prologue_txt {
    font-size: 15px;
}

.reason6_linkBtn {
    width: 58%;
    margin-top: 12%;
    font-size: 18px;
}

.prologue {
    margin-bottom: 15%;
}

.reanson_Img {
    margin-bottom: 15%;
    aspect-ratio: 32 / 16;
}


/* ===========================
introBox
=============================*/

.introBox {
    margin-bottom: 15%;
}

.intro_title {
    font-size: 20px;
}

.intro_txt {
    margin-bottom: 15%;
    font-size: 15px;
}

/* introcontents */
.intro_container-gird {
    grid-template-columns: 1fr;
}

.introTxt_position {
    width: 100%;
}

.introTxt_title {
    font-size: 18px;
}



.introTxt_txt {
    font-size: 14px;
}


/* ===========================
menu
=============================*/

.menuBox  {
    margin-bottom: 26%;
}

.logoBox {
    margin-bottom: 15%;
}

.logo_img {
    width: 30%;
}

.logo_title {
    font-size: 24px;
}

.menuList {
    width: 100%;

}

.menu_grid {
    grid-template-columns: 1fr 1fr;
    gap: 3%;
}

.menu_grid_item01 {
    width: 98%;
    height: 100%;
}

.menu_absolute01 {
    width: 46%;
}

.menuTxt {
    font-size: 15px;
}



/* ===========================
movie
=============================*/

.movie_title {
    font-size: 24px;
}

.movie {
    width: 100%;
}

.movie iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.movie_txt2 {
    width: 94%;
    margin: 0 auto;
    font-size: 14px;
}

.purs {
    width: 100%;
    margin-bottom: 15%;
    margin-top: 5%;
}

.purs_grid {
    grid-template-columns: 1fr;
}

.purs_grid_item01 img {
    margin-bottom: 2%;
}

/* ===========================
worksBox
=============================*/


.worksBox {
    width: 100%;
    margin-bottom: 15%;
}

.works_title {
    font-size: 16px;
}


/* ===========================
Flow
=============================*/

.flow_listBox {
    margin-top: 15%;
}

.flow_list {
    width: 100%;
}


.flowtxt {
    line-height: 1.5;
    width: 90%;
}

.flow_haikei {
    aspect-ratio: 9 / 3;
}



/* ===========================
banner
=============================*/

.banner {
    margin-top: 15%;
}

.banner_item {
    width: 100%;
}

.banner_title {
    font-size: 15px;
}

.banner_txt {
    font-size: 14px;
    line-height: 1.8;
    width: 94%;
    margin: 0 auto;
    text-align: left;
}



/* ===========================
sns
=============================*/

.snsImg img {
    width: 20%;
}


.sns_grid {
    width: 60%;
}




}