@charset "UTF-8"; /*SP*/
.sp {
    display: block;
}

.pc {
    display: none;
}

.youtube {
    padding-top: 56.25%;
}

.table-layout {
    width: 100%;
    margin: 30px 0;
}

.table-layout {
    overflow: auto;
    white-space: nowrap;
}

.table-layout::-webkit-scrollbar {
    height: 6px;
    background: #FFF;
}

.table-layout::-webkit-scrollbar-track {
    background: inherit;
}

.table-layout::-webkit-scrollbar-thumb {
    background: #CDCFD2;
    border-radius: 10px;
}

/*============================
COMMON
============================*/
img {
}

.hide {
}

.text_center {
}

/*============================
Site-COMMON
============================*/
/*============================
Site-CSS
============================*/
.header {
    height: 70px;
}

.header .container {
}

.header_logo {
    font-size: 24px;
}

.main {
    height: auto;
    min-height: calc(100vh - 130px);
}

.article {
    background-position: center top;
    min-height: calc(100vh - 130px);
    flex-direction: column;
    justify-content: flex-start;
}

.section {
    padding: 40px 3%;
}

.main_left {
    width: 100%;
    height: 260px;
}

.main_left .container {
    justify-content: center;
}

.main_left p {
    font-size: 32px;
}

.main_right {
    width: 100%;
    /* height: calc(100% - 240px); */
    flex-grow: 1;
}

.main_right .container {
}

.section_ttl {
}

.main_right p {
}

.sns_list {
}

.sns_list li {
}

.sns_list li: last-child {
}

.sns_list a {
}

.sns_list img {
}

.portfolio_list {
}

.portfolio_list li {
}

.portfolio_list a {
}

.portfolio_list__ttl {
}

.aside {
}

.footer {
}

.copyright {
}