@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
    .hamburger-menu {
        display: block !important;
    }
    body {
        max-width: 375px;
        margin: 0 auto;
    }
    .pc {
        display: none;
    }
    .container {
        max-width: 375px;
        margin: 0 auto;
    }
    .mobile {
        display: block !important;
        width: 375px;
        margin: 0 auto;
    }
    header {
        height: 100px;
    }

    .service01-m h5{
        font-family: "GenEi Koburi Mincho";
        font-size: 16px;
        letter-spacing: 0.1em;
        color: #191818;
        font-weight: normal;
	text-stroke: 1px #000;
  -webkit-text-stroke: 0.6px #000;
    }
    .top-10{
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }
    .gnav {
        display: none !important;
    }
    .drawer {
        display: block !important;
    }
    .container {
        width: 375px;
        margin: 0 auto;
    }
    header img {
        padding: 10px;
    }
    .back-img {
        width: 335px;
        margin: 0 auto;
        height: 684px;
    }
    .back-img .copy-1 {
        font-size: 45px;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: 0 auto;
        position: absolute;
        top: 70%;
        height: 250px;
        left: 43%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }
    .back-img .copy-2 {
        font-size: 45px;
        height: 300px;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        margin: 0 auto;
        position: absolute;
        top: 90%;
        left: 28%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
    }
    .pc {
        display: none !important;
    }
    .back-img {
        background-image: url(../img/m-top.png);
        margin: 0 auto;
        width: 335px;
        height: 684px;
        position: relative
    }
    .mobile .concept .text-box {
        width: 290px !important;
        height: 280px !important;
        background-color: white;
        position: absolute;
        top: 75%;
        left: 57%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        padding-left: 30px;
    }
    .mobile .concept .text-box p,
    .mobile .service .text-box p {
        font-size: 14px;
        line-height: 1.7em;
        width: 258px;
        height: 130px;
    }
    .mobile .concept {
        padding-top: 50px;
    }
    .mobile .text-box h5 {
        font-size: 20px !important;
        padding: 20px 0 !important;
    }
    .mobile .text-box img {
        padding-top: 10px;
    }
    .mobile .concept h3 {
        font-size: 45px;
        position: absolute;
        top: 47%;
        left: 40%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
    .mobile .service {
        padding-top: 50px;
        width: 375px;
        margin: 0 auto;
        position: relative;
    }
    .mobile .service img {
        padding-left: 0px !important;
    }
    .mobile .service .text-box img {
        padding-left: 0px;
    }
    .mobile .service h3 {
        font-size: 45px;
        position: absolute;
        top: 45%;
        left: 30%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
    .concept {
        padding-top: 50px;
    }
    .mobile .service .text-box {
        background-color: white;
        width: 290px;
        height: 280px;
        position: absolute;
        top: 73%;
        left: 33%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        margin-left: 37px;
    }
    .archive .text p {
        width: 318px;
        margin: 0 auto;
        padding-top: 25px;
    }
    .contact-right,
    .contact-left {
        width: 100%;
        text-align: center;
    }
    .footer-contact {
        display: block;
    }
    .footer-contact {
        width: 333px;
        height: 538px;
        background-color: #F7F7F7;
        margin: 0 auto;
        margin-bottom: 0px;
    }
    .contact-left {
        border-bottom: 1px solid #EFEFEF;
        border-right: none;
        height: 269px;
    }
    .contact-left h2 {
        font-size: 20px;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .contact-left h5 {
        font-size: 14px;
        padding-bottom: 28px;
    }
    .contact-left p {
        font-size: 15px;
        padding-top: 16px;
        padding-bottom: 30px;
        width: 225px;
        margin: 0 auto;
        height: 76px;
    }
    footer .contact-left hr {
        width: 45px;
        margin: 0 auto;
    }
    .contact-right .tel-number div {
        display: flex;
    }
    .tel-number img {
        width: 267px;
        margin: 0 auto;
        padding-top: 62px;
    }
    .contact-right p {
        font-size: 14px;
    }
    .contact-right .botton {
        background-color: #1489BE;
        margin: 0 auto;
        padding: 10px 0;
        width: 196px;
        border-radius: 7px;
        margin-top: 32px;
    }
    .contact-right .botton a {
        color: white !important;
    }
    .footer-recruit-m {
        background-image: url(http://mukaichi.com/wp-content/uploads/2021/05/グループ-45.png);
        background-position: center;
        background-repeat: no-repeat;
        width: 375px;
        margin: 0 auto;
        height: 853px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .footer-recruit-m h1 {
        font-size: 44px;
        padding-top: 60px;
        width: 309px;
        height: 188px;
        margin: 0 auto;
        line-height: 1.4em;
    }
    .footer-recruit-m p {
        line-height: 2.3em;
        font-size: 18px;
        margin-top: 40px;
        width: 331px;
        margin: 0 auto;
    }
    .archive-box {
        display: none;
    }
    .footer-recruit-m a p {
        color: white;
        background-color: #1489BE;
        width: 196px;
        height: 48px;
        text-align: center;
        border-radius: 7px;
        display: block;
        margin: 0 auto;
        font-size: 17px;
        margin-top: 50px;
    }
    footer {
        max-width: 375px;
        padding-top: 50px;
    }
    .footer-nav .container {
        display: block !important;
        height: 300px !important;
        justify-content: center;
        align-items: center;
    }
    .footer-nav ul {
        display: block !important;
        padding-top: 20px;
        width: 375px;
    }
    .footer-nav ul li a {
        font-size: 16px;
    }
    .footer-nav ul li {
        text-align: center;
        padding: 10px 0;
    }
    .copy-right p {
        text-align: center;
    }
    .footer-nav .logo {
        width: 200px;
        margin: 0 auto;
        padding-top: 55px;
        padding-bottom: 7px;
    }
    .footer-nav .container {
        display: flex;
        height: 121px;
        justify-content: center;
        align-items: center;
    }
    .footer-nav a,
    .footer-nav p {
        color: white;
        font-size: 12px;
        padding: 0 16px;
    }
    .footer-nav .copy-right {
        padding-left: 0px;
    }
    .top-page .pc-header {
        padding-top: 20px;
    }
    .pc-header {
        height: 150px;
        width: 375px;
    }
    /* 固定ページ */
    .what-m {
        height: 800px;
    }
    .service01-m {
        height: 1300px;
    }
    .service01-m .content-text-m p {
        margin-bottom: 20px;
    }
    .service01-m .content-visual {
        background-image: url(http://mukaichi.com/wp-content/uploads/2021/05/pixta_47408706_L-1-scaled-e1621332356787.jpg);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .what-m .content-visual {
        background-image: url(http://mukaichi.com/wp-content/uploads/2021/05/pixta_31410463_L-scaled-e1621231666858.jpg);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .contact-m .content-visual {
        background-image: url(http://mukaichi.com/wp-content/uploads/2021/05/pixta_53777892_L-scaled-e1621231584695.jpg);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .company-m .content-visual {
        background-image: url(../img/company.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .recruit-m .content-visual {
        background-image: url(http://mukaichi.com/wp-content/uploads/2021/05/pixta_68036378_L-scaled-e1621236980449.jpg);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .company-m .content-text-m .text-box {
        width: 330px;
        margin: 0 auto;
    }
    .company-m .content-text-m h4 {
        font-family: "GenEi Koburi Mincho";
    
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #191818;
    font-weight: normal;
    text-stroke: 1px #000;
  -webkit-text-stroke: 0.7px #000;
    width: 250px;
    height: 38px;
    margin: 0 auto;
    padding-bottom: 48px;
    }
    .company-m .content-text-m .koumoku-m h3 {
        width: 112px;
        height: 26px;
        font-size: 26px;
    }
    .company-m .content-text-m h3 {
        font-size: 25px;
        width: 90px;
        height: 27px;
        margin: 0 auto;
        padding: 40px 0 14px 0;
    }
    .px {
        width: 330px !important;
        height: 1px !important;
    }
    .text-box-m {
        width: 335px;
        margin: 0 auto;
        height: 72px;
        background-color: rgb(255, 255, 255, 0.9);
        margin-top: 55px;
        text-align: center;
    }
    .text-box-m p {
        padding-top: 16px;
        padding-right: 0px;
        text-align: left;
    }
    .content-text-m {
        text-align: center;
        margin: 0 auto;
    }
    .content-text-m hr {
        width: 67px;
        background-color: #2895C4;
        border: none;
        height: 1px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .what-m .content-text-m h4 {
        font-size: 25px;
        width: 87px;
        height: 23px;
        margin: 0 auto;
        padding: 25px 0 16px 00000;
    }
    .content-text-m h4 {
        font-size: 25px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .content-text-m h5 {
        padding-bottom: 15px;
    }
    .pd-y {
        line-height: 3em;
    }

    .what-m h5{
        font-family: "GenEi Koburi Mincho";
font-weight: normal;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #191818;
text-stroke: 1px #000;
  -webkit-text-stroke: 0.7px #000;
    }
    .py-a {
        padding-top: 10px;
    }
    .content-text-m p {
        padding-bottom: 30px;
        width: 330px;
        margin: 0 auto;
        line-height: 2em;
    }
    .text-left {
        text-align: left;
    }
    .contact-m .content-text-m h5 {
        padding: 10px 0;
        /* font-size: 22px; */
        width: 318px;
        margin: 0 auto;
        padding: 10px;
        font-family: YuGothic;
font-weight: bold;
font-size: 16px;
text-align: left;
color: #414141;

    }
    .contact-m .content-text-m p {
        font-size: 14px;
        width: 330px;
font-family: YuGothic;
font-weight: 500;
font-size: 14px;
line-height: 25px;
text-align: left;
color: #414141;

    }
    .contact-m .content-form-m p {
        margin: 0 auto;
        width: 266px;
    }
    .contact-form-m {
        width: 330px;
        margin: 0 auto;
        background-color: #F7F7F7;
        border: 3px solid #BEBEBE;
        padding: 20px 0;
    }
    .d-block {
        margin-bottom: 0px;
    }
    .input-text {
        width: 266px;
        height: 30px;
        background-color: white !important;
        margin: 0 auto;
    }
    .contact-form-m form {
        width: 266px;
        margin: 0 auto;
    }
    textarea {
        width: 266px;
        height: 146px;
        background-color: white !important;
    }
    .google-map iframe {
        width: 330px;
        height: 464px;
    }
    .google-map {
        max-width: 330px;
        margin: 0 auto;
    }
    .access h3 {
        padding-top: 0;
        padding-bottom: 0px;
    }
    .access h6 {
        padding-bottom: 20px;
    }
    .content-text-m p {
        padding: 10px　0;
    }
    .content-text-m h6 {
        padding: 10px 0;
        font-family: YuGothic;
    font-weight: bold;
    font-size: 14px;
    line-height: 29px;
    text-align: left;
    color: #414141;
    }
    .company-m .l {
        width: 120px;
        text-align: left;
    }
    .r {
        text-align: left;
    }
    .koumoku-m hr {
        width: 335px;
        height: 2px;
        margin-bottom: 10px;
    }
    .company-m .koumoku-m {
        padding-top: 100px;
        width: 335px;
        margin: 0 auto;
    }
    .works-content {
        padding-top: 50px;
    }
    .works-m .koumoku hr {
        width: 335px;
        height: 2px;
    }
    .works-m .koumoku {
        width: 330px;
        padding: 0px;
    }
    .motto h4 {
        font-size: 35px;
        height: 35px;
        padding-top: 45px;
        width: 375px;
        padding-bottom: 28px;
    }
    .motto p {
        margin-bottom: 15px;
        font-size: 22px;
        width: 335px;
    }
    .motto .content-text-m p {
        font-size: 15px;
        width: 335px;
        height: 100px;
        line-height: 2em;
    }
    .motto h6 {
        padding: 10px 0;
        position: relative;
        top: 0px;
        left: 0px;
        z-index: 2;
    }
    .motto {
        height: 852px;
        background-size: auto;
        margin-top: 50px;
    }
    .koumoku-box-m .l p {
        width: 100px !important;
        padding-right: 23px;
        line-height: 2em;
        height: 34px;
    }
    .koumoku-box-m .r p {
        width: 202px !important;
        line-height: 2em;
        height: 50px;
    }
    .recruit-m {
        height: 2500px;
    }
    .motto .koumoku-m .koumoku-box-m .content-text-m p {
        font-size: 12px;
        line-height: 2em;
    }
    .motto .koumoku-m h3 {
        font-size: 25px;
        padding-top: 20px;
    }
    .motto .koumoku-m h6 {
        padding: 0px;
    }
    .works-m .koumoku .l p {
        font-size: 12px;
        padding: 0px;
        width: 66px !important;
    }
    .works-m .koumoku h3 {
        font-size: 25px;
        padding-top: 20px;
    }
    .works-m .koumoku h6 {
        padding: 0px;
    }
    .archive-m .text-box-m {
        background-color: white;
        width: 234px;
        margin: 0 auto;
    }
    .archive-m {
        width: 260px;
        height: 330px;
        border-radius: 7px;
        box-shadow: 0px 12px 20px rgb(0, 0, 0, 0.5);
    }
    .archive-m img {
        height: 190px;
        border-radius: 7px 7px 0px 0px;
    }
    .archive .content-box {
        padding-bottom: 10px;
    }
    .archive-m .text-tag .tag p {
        margin-top: 20px !important;
        display: block;
        padding-top: 4px;
    }
    .text-tag p {
        margin-top: 10px;
        font-size: 14px;
        padding-left: 0px;
    }
    .eye-chatch-m img {
        height: 190px !important;
        border-radius: 7px 7px 0px 0px;
    }
    .slider {
        /* margin: 100px auto; */
        /* width: 80%; */
    }
    .slider img {
        height: auto;
        width: 100%;
    }
    /*slick setting*/
    .slick-prev:before,
    .slick-next:before {
        color: #000;
    }
    .archive-m {
        margin: 30px;
    }
    .slider li {
        width: 320px !important;
    }
    .works-m .content-visual {
        background-image: url(../img/works.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 189px;
        background-size: cover;
    }
    .content-visual h3 {
        width: 330px;
        margin: 0 auto;
    }
    .content-visual p {
        width: 50px;
        margin: 0 auto;
        padding: 16px 0 7px 0;
    }
    .works-content {
        width: 375px;
        margin: 0 auto;
    }
    .works-m {
        height: 1400px;
    }
    .works-content .row {
        display: block;
    }
    .works-eyechatch img {
        width: 330px;
        height: 255px;
        margin: 0 auto;
        /* padding-right: 39px;
                    padding-bottom: 44.5PX; */
    }
    .works-content {
        padding-top: 50px;
        width: 330px;
        margin: 0 auto;
    }
    .works-right .row img {
        width: 150px;
        height: 76px;
        padding: 5px;
    }
    .b-t p {
        color: white;
    }
    .contact-form-m .row {
        display: block !important;
        padding-bottom: 20px;
    }
    .check {
        text-align: left;
    }
    .submit-box {
        width: 150px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .content-text-m .contact-form-m p {
        padding: 0px !important;
        margin: 0 auto;
        width: 266px;
    }
    .ttl {
        padding-bottom: 9px;
        text-align: left;
    }
    .text-left-box {
        width: 320px;
        margin: 0 auto;
    }
    .h-50 {
        height: 50px !important;
    }
    .h-230 {
        height: 230px !important;
    }
    .access h3 {
        width: 106px !important;
        height: 22px;
        margin: 0 auto;
        padding: 25px 0 0 0!important;
    }
    .access h6 {
        font-size: 20px;
        width: 81px;
        margin: 0 auto;
    }
}