@media (max-width: 767px) {

    .pl-sm-12 {

        padding-left: 12px;

    }



    .pr-sm-12 {

        padding-right: 12px;

    }



    .page-title {

        min-height: 223px;

        padding-bottom: 40px;

    }



    .title-en {

        font-size: 3.8rem;

        text-align: center;

        line-height: 1;

        margin-bottom: 10px;

    }



    .title-jp {

        font-size: 1.5rem;

    }



    .page-title::before {

        height: 117px;

    }



    .about-01 {

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 50px;

    }



    .page-about .sub-title {

        font-size: 1.7rem;

    }



    .about-01-img {

        max-width: 215px;

        margin: 0 auto 20px;

    }



    .sign {

        font-size: 1.3rem;

        padding-top: 15px;

    }



    .sign span {

        font-size: 1.5rem;

    }



    .box-profile-left {

        padding-left: 0;

    }



    .box-profile {

        flex-direction: column;

        padding: 6px 0;

    }



    .profile-left {

        width: 100%;

        text-align: left;

    }



    .profile-right {

        padding-left: 0;

    }



    .title-profile {

        font-size: 3.5rem;

        padding-left: 15px;

    }



    .title-profile::after {

        width: 39px;

        height: 39px;

    }



    .box-popup-about p {

        min-height: 64px;

    }



    .about-03 {

        padding-left: 10px;

        padding-right: 10px;

        padding-bottom: 55px;

    }



    .about-03-right {

        margin-top: 23px;

        padding: 0 20px 30px;

        background-color: #fff;

    }



    .about-03-right:after {

        display: none;

    }



    ul.list-cs li {

        font-size: 1.3rem;

        line-height: 1.85;

    }



    ul.list-cs li::marker {

        font-size: 1.7rem;

    }



    .about-03::after {

        height: 450px;

    }



    .logo-sm {

        padding-top: 15px;

        padding-left: 0;

        text-align: center;

    }



    .logo-sm img {

        width: 220px;

    }



    .about-04 {

        padding-left: 10px;

        padding-right: 10px;

        padding-bottom: 20px;

    }



    .box-img-flex {

        padding: 0 25px;

    }



    .box-img-flex img {

        margin: 0 0 5px;

        width: 100%;

    }



    .box-img-flex img:nth-child(2n) {

        margin: 0 0 5px;

    }



    h2.access-title {

        font-size: 3.5rem;

        margin-bottom: 15px;

    }



    .access-map iframe {

        height: 250px;

    }



    .access-map {

        height: 250px;

        margin-bottom: 95px;

    }



    .page-about .home-about::after {

        height: calc(100% - 90px);

    }



    .title-service {

        margin-top: 40px;

        font-size: 1.8rem;

        padding-left: 15px;

        padding-bottom: 4px;

        line-height: 1.31;

    }



    .title-service:after {

        width: 4px;

    }



    .service-top {

        padding-left: 10px;

        padding-right: 10px;

    }



    .text-service {

        margin-left: 0;

        font-size: 1.4rem;

        padding-left: 10px;

        padding-right: 5px;

        min-height: 25px;

        margin-bottom: 7px;

    }



    .text-service small {

        display: none;

    }



    .img-service-top::after {

        width: calc(100% + 50px);

        left: -25px;

        height: 200px;

        top: -15px;

    }



    .img-service-top img {

        display: none;

    }



    .img-service-top {

        height: 185px;

    }



    .box-service-info {

        padding-left: 0;

    }



    .service-info {

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 30px;

    }



    .title-line {

        font-size: 1.5rem;

        border-width: 2px;

        width: fit-content;

        padding-bottom: 5px;

        margin-bottom: 20px;

    }



    .box-service-info p {

        line-height: 1.84;

        padding-right: 5px;

    }



    .img-service-info {

        position: static;

        width: auto;

        margin: 35px -25px 0;

    }



    .box-service-info.service-info-left {

        padding-left: 0;

        padding-top: 35px;

    }



    .title-point {

        font-size: 1.5rem;

        width: 250px;

        min-height: 30px;

        top: -15px;

    }



    .box-point {

        padding: 40px 18px 30px;

    }



    ul.list-dot {

        line-height: 1.85;

    }



    .box-white {

        padding: 25px 18px;

    }



    .box-service {

        margin-top: 50px;

        flex-direction: column;

        padding: 40px 30px;

        justify-content: center;

        align-items: center;

    }



    .service-content {

        padding: 20px 0 0;

    }



    .service-content h2 {

        font-size: 1.7rem;

        margin-bottom: 15px;

    }



    .box-flex-point {

        flex-direction: column;

    }



    .box-flex-point span {

        font-size: 1.8rem;

        height: 25px;

        width: 68px;

    }



    .page-manage .title-en {

        font-size: 3.8rem;

    }



    .box-flex-point p {

        padding: 0;

        padding-top: 10px;

        line-height: 1.85;

    }



    .box-btn-service a.btn.btn-main {

        max-width: 236px;

        min-height: 50px;

        padding-left: 25px;

    }



    .box-service.reverse .service-content {

        padding: 0;

        padding-top: 20px;

    }



    .box-service.reverse {

        flex-direction: column;

    }



    .service-icon h2 {

        font-size: 2.5rem;

        left: 50%;

        transform: translateX(-50%);

        width: max-content;

    }



    .service-icon h2 span {

        font-size: 6.5rem;

    }



    .service-icon img {

        max-width: 117px;

    }



    .service-icon {

        text-align: center;

    }



    .service-list {

        padding-left: 10px;

        padding-right: 10px;

    }



    .list-service-item {

        flex-direction: column;

    }



    .list-service-item a {

        width: 100%;

        min-height: 45px;

        font-size: 1.3rem;

        border-right: none;

        border-bottom: 1px solid #fff;

    }



    .list-service-item a:last-child {

        border-bottom: 0;

    }



    .list-service-item a br {

        display: none;

    }



    .page-start-up .text-service {

        font-size: 1.5rem;

    }



    .page-manage ul.list-anchor li {

        width: calc(50% - 6px);

    }



    .page-manage ul.list-anchor,

    .page-contact ul.list-anchor {

        justify-content: flex-start !important;

    }



    .page-manage ul.list-anchor li a {

        padding-right: 27px;

    }



    .box-manage-top {

        padding: 20px 0;

        margin: 0 -25px;

    }



    .manage-top {

        padding-left: 10px;

        padding-right: 10px;

        padding-bottom: 80px;

    }



    .box-manage-top img {

        width: 100%;

    }



    .box-white-manage {

        margin: 0;

        padding: 30px 20px;

    }



    .box-white-manage p {

        line-height: 1.84;

    }



    .box-white-manage.opa-9 {

        padding: 20px 20px;

    }



    .box-merit p {

        font-size: 1.3rem;

        line-height: 1.84;

        align-items: baseline;

    }



    .box-merit p span {

        flex: 1;

    }



    .box-merit p b {

        font-size: 1.4rem;

        width: 55px;

    }



    .manage-top:after {

        height: 55px;

    }



    .manage-top.pb-sm-50 {

        padding-bottom: 50px;

    }



    .box-link-pdf a {

        font-size: 1.3rem;

    }



    .box-link-pdf {

        margin-bottom: 30px;

    }



    .box-service-manage-scroll {

        overflow-x: scroll;

        height: max-content;

        padding-bottom: 20px;

    }



    .box-service-manage {

        width: 465px;

    }



    .manage-left {

        width: 48px;

    }



    .manage-left-item {

        font-size: 1.1rem;

        min-height: 100px;

    }



    .manage-right-cont {

        padding: 10px 27px 20px;

        font-size: 0.7rem;

        margin-bottom: 4px;

        min-height: 97px;

    }



    .box-info-manage {

        font-size: 0.7rem;

        border-width: 1px;

        padding: 5px 10px;

        bottom: -20px;

        right: -40px;

    }



    .manage-left-item::after {

        height: 15px;

        bottom: -15px;

    }



    .manage-right {

        margin-left: 4px;

    }



    .box-service-manage-scroll {

        padding: 27px 50px 40px 15px;

        border: 1px solid #d2d2d2;

    }



    .box-step-busi {

        overflow: overlay;

        padding: 20px;

        border: 1px solid #eee;

    }



    .box-step-busi .img-step {

        border: none;

        padding: 0;

    }



    .box-step-busi .img-step img {

        width: 640px;

    }



    .box-service-busi .service-icon {

        margin: 0 auto;

    }



    .box-service-busi .service-icon img {

        max-width: 180px;

    }



    .box-service-busi .service-icon h2 {

        font-size: 2.9rem;

    }



    .box-service-busi .service-icon h2 span {

        font-size: 7.2rem;

    }



    .service-busi-cont h2 {

        font-size: 1.7rem;

        text-align: center;

    }



    .service-busi-cont h2 br {

        display: none;

    }



    .box-service-busi {

        padding-left: 15px;

        padding-right: 15px;

    }



    .blog-archive .news-item.item-list {

        padding: 14px 8px;

    }



    .blog-archive .news-item.item-list .date {

        font-size: 1.3rem;

        width: 75px;

    }



    .blog-archive .news-item.item-list .box-cat {

        width: 110px;

    }



    .blog-archive a.cat {

        font-size: 1.3rem;

    }



    .blog-archive .news-item.item-list .title a {

        font-size: 1.3rem;

    }



    .blog-archive .news-item.item-list .title {

        margin-top: 5px;

    }



    section.blog-archive::before,

    section.blog-archive::after {

        width: calc(100% - 50px);

        height: 1px;

    }



    .blog-archive .single-content .news-item.item-list .title {

        margin-top: 10px;

    }



    section.blog-archive .single-content .news-item.item-list {

        padding: 10px 8px;

    }



    section#single-content {

        padding-top: 5px;

    }



    .blog-archive .single-content .news-item.item-list .title a {

        font-size: 1.7rem;

        font-weight: 500;

    }



    .post-content a.btn-blank,

    .post-content a.btn-file {

        font-size: 1.4rem;

        min-height: 48px;

        padding-left: 18px;

        padding-right: 50px;

        padding-top: 10px;

        padding-bottom: 12px;

    }



    .page-contact ul.list-anchor li:nth-child(2) {

        width: calc(50% - 6px);

    }



    .contact-01,

    .contact-02 {

        padding-left: 10px;

        padding-right: 10px;

    }



    .page-contact .box-contact p {

        font-size: 1.4rem;

    }



    .page-contact .contact-left {

        padding-bottom: 20px;

        border-bottom: 1px solid #000000;

    }



    .page-contact .box-contact {

        padding: 25px 15px 35px;

        margin-top: 25px;

    }



    .img-contact-02 {

        left: 0;

        padding-top: 35px;

    }



    .text-bg {

        height: 30px;

        font-size: 1.3rem;

    }



    .box-time-cs {

        padding: 0px 15px;

    }



    .box-time-left {

        width: 40px;

    }



    .box-time-right {

        padding-left: 33px;

    }



    .box-time {

        font-size: 1.3rem;

        line-height: 1.46;

        padding: 10px 0;

        align-items: center;

    }



    .box-text-dot p {

        display: flex;

    }



    .box-text-dot p span {

        flex: 1;

    }



    .contact-03 {

        padding-left: 10px;

        padding-right: 10px;

    }



    .box-contact-year input.first {

        width: 80%;

        height: 30px;

    }



    .box-contact-year select.second {

        width: 100px;

        margin-top: 15px;

    }



    .box-contact-year span {

        margin: 15px 15px 0;

    }



    .box-contact-year span:nth-child(2) {

        margin-top: 0;

    }



    .img-manage.text-center {

        height: 292px;

        width: 245px;

        margin: 0 auto;

    }



    .img-manage-2 {

        width: 303px;

    }



    .manage-left-item:last-child {

        padding-top: 20px;

    }



    .popup-item-cont {

        /*padding: 25px 25px 45px 0px;*/

        padding: 25px 10px 45px 10px;

    }



    .popup-item-cont-inner {

        /*padding-left: 25px;*/

        padding-left: 0px;

        padding-top: 20px;

        padding-bottom: 20em;

    }



    .popup-item {

        /*max-width: 325px;*/

        max-width: 350px;

        top: 20%;

        transform: translate(-50%, -15%);

    }



    .close-popup-cs {

        width: 35px;

        height: 35px;

        background-size: 11px;

        top: -17px;

        right: -10px;

    }



    .page-recruit .page-header .des-page span::after {

        width: calc(100% + 13px);

        height: calc(100% + 13px);

    }

    .main-title.text-center.style-2.st-3 {
        font-size: 1.8rem;
    }
}