@charset "UTF-8";
/* CSS Document */


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

    /* p-about-content01 */

    .p-about-content01 .linklist {
        flex-direction: column;
        padding-top: 50px;
    }

    .p-about-content01 .linklist li {
        width: 100%;
        height: 50px;
    }

    .p-about-content01 .linklist li:not(:last-child) a {
        border-bottom-style: solid;
        border-color: #FFF;
        border-width: 1px;
    }

    .p-about-content01 .linklist li a {
        width: 100%;
        height: 50px;
        padding: 0px 25px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        text-align: left;
    }

    .p-about-content01 .linklist li a::before {
        right: 30px;
        bottom: 0px;
        background-image: url("../../img/common/link-arrow04.svg");
        background-position: right center;
        background-size: auto 11px;
        width: 11px;
        height: 100%;
    }

    .p-about-content01 .linklist li a:hover::before {
        bottom: 0px;
    }


    /* p-about-content02 */

    .p-about-content02 .layout-whiteback {
        padding: 30px 0px;
    }

    .p-about-content02 .container--about02 .layout-whiteback {
        padding: 50px 0px;
    }

    .p-about-content02 .container:not(:last-child) {
        margin-bottom: 70px;
    }

    .p-about-content02 .c-item__link {
        padding-top: 30px;
    }

    /* container--about01 */

    .container--about01 .item__img {
        padding-top: 20px;
    }

    .container--about01 img {
        width: 92%;
        max-width: 400px;
    }

    /* container--about02 */

    .container--about02 .item:not(:last-child) {
        margin-bottom: 70px;
    }

    .container--about02 .item__inner {
        justify-content: center;
        flex-direction: column;
        gap: 30px;
    }

    .container--about02 .item__img {
        width: 100%;
        text-align: center;
    }

    .container--about02 .item__img img {
        max-width: 400px;
    }

    .container--about02 .item__detail {
        width: 100%;
    }

    .container--about02 .item__logo {
        flex-direction: column-reverse;
        gap: 0px;
        margin-bottom: 20px;
    }

    .container--about02 .item__logo h4 {
        width: 100%;
    }

    .container--about02 .item__logo h4 img {
        height: 32px;
        width: auto;
    }

    .container--about02 .item__logo ul {
        width: 100%;
    }

    .container--about02 .item__table .table-item:not(:last-child) {
        margin-bottom: 10px;
    }

    .container--about02 .item__table h5 {
        letter-spacing: 0em;
        padding: 6px 0px;
        width: 65px;
    }

    .container--about02 .item__table p {
        padding-left: 15px;
    }

    /* container--about03 */

    .container--about03 .item__list {
        padding: 40px 6% 30px;
        margin-top: 30px;
    }

    .container--about03 .item__list h5 {
        margin-bottom: 35px;
    }

    .container--about03 .item__list ul li {
        padding-left: 20px;
    }

    .container--about03 .item__list ul li::before {
        top: 10px;
        width: 8px;
        height: 8px;
    }

    /* container--about04 */

    .container--about04 .item__list {
        padding-top: 30px;
        justify-content: center;
        gap: 20px 4%;
    }

    .container--about04 .item__list .item {
        padding: 0px 10px;
        padding-top: 30px;
        width: 48%;
        max-width: 350px;
        height: 120px;
    }

    .container--about04 .item__list .item::before {
        height: 50px;
    }

    .container--about04 .item__list p {
        position: relative;
        font-size: 15px;
    }

    .container--about04 .item__txt--kome {
        text-align: left;
    }

    .container--about04 .item__txt--kome p {
        font-size: 12px;
        letter-spacing: 0em;
    }


    /* container--about05 */

    .container--about05 .item__img {
        padding-top: 30px;
    }

    .container--about05 .item01 {
        margin-bottom: 50px;
    }

    .container--about05 .item01 ul {
        gap: 30px;
        flex-direction: column;
    }

    .container--about05 .item01 ul::before {
        background-size: auto 40px;
        width: 100%;
        height: 100%;
    }

    .container--about05 .item01 ul li {
        width: 88%;
    }

    .container--about05 .item02 {
        padding: 50px 15px 15px;
        justify-content: center;
        gap: 20px;
    }

    .container--about05 .item02::before {
        width: 80%;
        font-size: 16px;
        padding: 13px 5%;
        margin-top: -25px;
    }

    .container--about05 .item02 .item-inner:nth-child(1) {
        width: 100%;
    }

    .container--about05 .item02 .item-inner:nth-child(2) {
        width: 100%;
    }

    .container--about05 .item02 .item-inner ul {
        gap: 10px 4%;
        padding: 20px 5%;
    }

    .container--about05 .item02 .item-inner ul li {
        width: 48%;
        max-width: 140px;
    }

    .container--about05 .item03 .item-inner {
        justify-content: center;
    }

    .container--about05 .item__img .item__text {
        padding: 20px 25px;
    }

    .container--about05 .item03 .item-inner ul:nth-child(1) {
        margin-bottom: 15px;
    }

    .container--about05 .item03 .item-inner ul li {
        line-height: 1.4;
    }

    .container--about05 .item__img h4 {
        width: 100%;
    }


    /* p-history */

    /* p-history-section02 */

    .p-history section.p-history-section02 {
        padding-top: 40px;
    }

    .p-history-content02 {
        padding-bottom: 280px;
    }

    .p-history-content02::before {
        background-size: auto 100%;
        width: 100%;
        height: 300px;
    }

    /* history-contents01 */

    .container-history01 {}

    .history-item {
        background-position: right top 20px;
        padding: 0px 6%;
    }

    .history-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .history-item::after {
        left: 25px;
        top: 25px;
        height: 70px;
    }

    .history-item01 {
        padding-top: 100px;
        background-size: 48% auto;
    }

    .history-item02 {
        background-image: url("../../img/about/history/img02.jpg");
        background-size: 48% auto;
        background-position: right top 20px;
    }

    .history-item .item {
        padding-bottom: 40px;
    }

    .history-item02 .item:last-child {
        padding-bottom: 60px;
    }

    .history-item .item:first-child {
        padding-top: 40px;
    }

    .history-item01 .item:first-child {
        padding-top: 0px;
    }

    .history-item02 .item:first-child,
    .history-item03 .item:first-child {
        padding-top: 100px;
    }

    .history-item .item__text {
        padding: 15px 15px;
    }

    .history-item02 .item__text {
        min-width: 100%;
    }

    .detail--left .item__text,
    .detail--right .item__text {
        min-width: 100%;
        width: 100%;
        padding: 15px 20px;
    }

    .history-item03 .item__text {
        padding-right: 20px;
        padding-top: 60px;
        width: 100%;
    }

    .history-item03 .item:last-child .item__text {
        padding-top: 15px;
    }

    .history-item03 .item__text::after {
        right: 0px;
        background-position: center top;
        width: 100%;
        height: 80px;
        margin-top: -20px;
        margin-right: 0px;
    }


    .history-item03 .item:last-child .item__text {
        padding-right: 27px;
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }


    .history-item .item-bottom {
        padding-bottom: 35px;
    }

    .history-item .item-bottom2 {
        padding-bottom: 35px;
    }

    .history-item .item__detail > div {
        background-image: none;
    }

    .detail--right {
        text-align: center;
        margin-left: 0%;
    }

    .detail--left {
        text-align: center;
        margin-right: 0%;
    }

    .item-logo .detail--left .item__text,
    .item-logo .detail--right .item__text {
        padding-top: 60px;
    }

    .item-logo::after {
        background-size: auto 100%;
        width: 100%;
        height: 80px;
        margin-top: -20px;
    }

    .logo01a::after {
        margin-top: -20px;
    }

    .logo02a::after {
        margin-top: -20px;
        height: 80px;
    }

    .logo04::after {
        margin-top: -20px;
    }

    .item .detail--left p,
    .item .detail--right p,
    .history-item .item p {
        font-size: var(--base-font-size);
    }

    .container-history01 h3 img {
        height: 120px;
    }

    .container-history01 .item h4 {
        font-size: var(--base-font-size2);
    }

    /* container-history02 */

    .container-history02 {
        padding-top: 150px;
    }

    .container-history02::before {
        height: 120px;
    }

    .container-history02 p {
        font-size: var(--base-font-size2);
        text-align: left;
    }



    .pc-view {
        display: none;
    }

    .sp-view {
        display: inline-block;
    }

}