@charset "UTF-8";

/*********************************************************************
*  common
*********************************************************************/
#wrap { overflow: hidden }

/* SPファースト */
.pc { display: none !important }
@media screen and (min-width: 769px) {
    .sp { display: none !important }
    .pc { display: block !important }
}

/*********************************************************************
*  flex box
*********************************************************************/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
/* justify-content */
.f_between {
    -webkit-box-pack:justify;
    -webkit-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.f_around {
    -webkit-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.f_start {
    -webkit-box-pack:start;
    -webkit-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.f_end {
    -webkit-box-pack:end;
    -webkit-flex-pack:end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.f_center {
    -webkit-box-pack:center;
    -webkit-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
/* align-items */
.f_items_start {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.f_items_end {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.f_items_center {
    -webkit-box-align: center;
    align-items: center;
}
.f_items_baseline {
    -webkit-align-items: baseline;
    align-items: baseline;
}
.f_items_stretch {
    -webkit-align-items: stretch;
    align-items: stretch;
}
/* flex-wrap */
.f_wrap {
    -webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
/* flex-direction */
.f_reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.f_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.f_column_reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
/* flex-grow */
.f_grow1 {
    -webkit-box-flex:1;
    flex-grow:1;
}
.f_grow2 {
    -webkit-box-flex:2;
    flex-grow:2;
}
.f_grow3 {
    -webkit-box-flex:3;
    flex-grow:3;
}


/*********************************************************************
*  header
*********************************************************************/



/*********************************************************************
*  footer
*********************************************************************/